div#garou_bg{
	/*width: 700px;*/
}


div#garou_nav{
	margin-top: 50px;

	width: 700px;

}

ul#garou_categories{
	list-style-type: none;
	width: 100%;
	background: white;
}
ul#garou_categories li{
	display: block;
	float: left;
}

ul#garou_categories li a{
	display: block;
	padding: 5px 10px;

	list-style-type: none;
	min-width: 100px;
	margin-right: 50px;

	font-weight: bold;
}

ul#garou_categories li a:hover{
	background: #b5c796;
	text-decoration: none;
}


div#garou_stage{
	margin-top: 20px;
}

div#garou_thumbs ul{
	list-style-type: none; 
}
div#garou_thumbs ul li{
	list-style-type: none;
	float: left;
	height: 60px;
	width: 60px;

	
	/*
	margin-right: 10px;
	margin-bottom: 10px;
	*/
}

div#garou_thumbs ul li a{
	display: block;
	height: 100%;
	width: 100%;
	line-height: 60px;
	text-align: center;
}
div#garou_thumbs img{
	display: inline;
	vertical-align: middle;
	
	max-width: 50px;
	max-height: 50px;

	border: 3px solid #ccc;
	cursor: pointer;
}
div#garou_thumbs img:hover{
	border: 3px solid #eee;
}
div#garou_thumbs img.active{
	border: 3px solid #fff;
}


div#garouFullView{
	position: fixed;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
	
	z-index: 10800;

}
div#garouFullViewBG{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background: #fff;
}

div#garouFullViewContent{
	position: relative;
	width: 700px;
	margin: 25px auto;

	text-align: center;
}
div#garouFullViewContent h1{
	text-align: right;
	padding-right: 16px;
}
div#garouFullViewContent p{
	padding-right: 16px;
	text-align: left;
	min-height: 50px;
	float: right;
}

 div#garouFullViewContent img
,div#garouFullViewContent h1
,div#garouFullViewContent p{
	margin-bottom:15px;
	/* margin-top:15px; */
}

div#garouFullViewContent img{
	position: relative;
	z-index:20;
}

ul#garouFullViewNav{
	position:absolute;

	width: 100px;

	margin-left:705px;
	padding-top:50px;

	text-align:left;
}
ul#garouFullViewNav li{

	height: 17px;
	margin-top: 10px;

	cursor: pointer;

	list-style-type: none;

	font-size: 0;
	color: #fff;
}

ul#garouFullViewNav li#garouShowAutoFrequency{
	/*padding-left: 10px;*/
	font-size: 0;
}
ul#garouFullViewNav li#garouShowAutoFrequency .active{
}
ul#garouFullViewNav li#garouShowAutoFrequency small{
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	margin-left: 5px;

}

li#garouShowPrev{
	background: url('cntrl_prev.png') no-repeat;
}
li#garouShowNext{
	background: url('cntrl_next.png') no-repeat;
}
li#garouShowAuto{
	background: url('cntrl_auto.png') no-repeat;
}


small#garouShowAutoFrequency_1{
	background: url('num_s_1.png') center no-repeat;
}
small#garouShowAutoFrequency_3{
	background: url('num_s_3.png') center no-repeat;
}
small#garouShowAutoFrequency_5{
	background: url('num_s_5.png') center no-repeat;
}
small#garouShowAutoFrequency_10{
	background: url('num_s_10.png') center no-repeat;
}

li#garouShowAnnotation{
	background: url('cntrl_annotation.png') no-repeat;
}
li#garouShowComments{
	background: url('cntrl_comments.png') no-repeat;
}
li#garouDownload{
	background: url('cntrl_download.png') no-repeat;
}



/* border stuff */
 .borderN
,.borderNW
,.borderNE
,.borderS
,.borderSW
,.borderSE{
	height: 16px;
}
 .borderN
,.borderS{
	margin: 0 16px;
}

.borderN{
	background: url('corner_n.png') repeat-x;
}
.borderNW{
	background: url('corner_nw.png') no-repeat;
}
.borderNE{
	background: url('corner_ne.png') no-repeat right;
}
.borderS{
	background: url('corner_s.png') repeat-x;
}
.borderSW{
	background: url('corner_sw.png') no-repeat;
}
.borderSE{
	background: url('corner_se.png') no-repeat right;
}
.borderW{
	background: url('corner_w.png') repeat-y;
}
.borderE{
	background: url('corner_e.png') repeat-y right;
}

.borderC{
	margin: 0 16px;
	background: #fff;
}








 div#garouFullViewContent a.garouAnnotation
,div#garouFullViewContent div.garouAnnotation{
	border: 1px dashed #666;

 	position: absolute;
 	z-index: 200;

 	width: 50px;
 	height: 50px;

 	background: #222;

}

div#garouFullViewContent a.garouAnnotation{
	border: none;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;

	opacity: .4;

}
 div#garouFullViewContent a.garouAnnotation:hover
,div#garouFullViewContent a.garouAnnotation:focus{
	opacity: 1;
	color: #fff;
	
	background: transparent;
	border: 1px dashed #eee;
}

div#garouFullViewContent div.garouAnnotation.new{
	background: url('../../../images/trans_bg.png');
}

div#garouFullViewContent div.garouAnnotation div.dragBox{
	width: 100%;
	height: 100%;
	float: left;
	cursor: move;
	background: #fff;
	opacity: .8;
}
div#garouFullViewContent div.garouAnnotation div.rszBox{
	width: 10px;
	height: 10px;
	float: right;

	position: absolute;
	bottom: 0;
	right: 0;

	cursor: nwse-resize;
	background: #666;
}

div#garouFullViewContent div.garouAnnotation div.inputs{
	/*
	position: absolute;
	margin-top: 100%;
	float: right;
	*/
	min-width: 200px;
}
div#garouFullViewContent div.garouAnnotation div.inputs #garouAnnotationInputBtnStore{
	float: right;
}
div#garouFullViewContent div.garouAnnotation div.inputs #garouAnnotationInputText{
	float: left;
	
	width: 99%;
	height: 120px;
		
	margin-top: 5px;
}