@charset "utf-8";
/* CSS Document */

html{
	width:1930px;
	height:1210px;
}

*{
	margin:0;
	padding:0;
}

p, a, a.resizeNoLink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0092DB;
	text-decoration:none;
}

h1, h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#eee;	
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	border-bottom:1px solid #eee;
}

#listItems h1, #listItems h2{
	margin-left:10px;
	margin-right:16px;
}

.active p, .active a.resizeNoLink{
	font-weight:bold;	
}

.inactive a.resizeNoLink{
	font-weight:normal;
}

.inactive, .active{
	margin:5px;	
	position:absolute;
	background:url(img/t_back.gif) repeat;
	cursor:pointer;
}

.inactive .top{
	background: url(img/horizontal.png) repeat-x 0 0;
	height:15px;
	margin-left:15px;
	margin-right:15px;
}
.inactive .topleft{
	height:15px;
	width:15px;
	background:url(img/corner.png) no-repeat 0 0;
	float:left;
	margin-left:-15px;
}
.inactive .topright{
	height:15px;
	width:15px;
	background:url(img/corner.png) no-repeat -15px 0;
	float:right;
	margin-right:-15px;
}
.inactive .bot{
	background: url(img/horizontal.png) repeat-x 0 -15px;
	height:15px;
	margin-left:15px;
	margin-right:15px;	
}
.inactive .botleft{
	height:15px;
	width:15px;
	background:url(img/corner.png) no-repeat 0 -15px;
	float:left;
	margin-left:-15px;
}
.inactive .botright{
	height:15px;
	width:15px;
	background:url(img/corner.png) no-repeat -15px -15px;
	float:right;
	margin-right:-15px;
}
.inactive .midleft{
	width:15px;
	background:url(img/vertical.png) repeat-y 0 0px;
	float:left;
}
.inactive .midright{
	width:15px;
	background:url(img/vertical.png) repeat-y -15px 0px;
	float:right;
}
.inactive .midmid{
	float:left;	
	text-align:right;
}

.active .top{
	background: url(img/horizontal.png) repeat-x 0 -30px;
	height:15px;	
	margin-left:15px;
	margin-right:15px;
}
.active .topleft{
	height:15px;
	width:15px;
	background:url(img/corner.png) no-repeat -30px 0px;
	float:left;
	margin-left:-15px;
}
.active .topright{
	height:15px;
	width:15px;
	background:url(img/corner.png) no-repeat -45px 0;
	float:right;
	margin-right:-15px;
}
.active .bot{
	background: url(img/horizontal.png) repeat-x 0 -45px;
	height:15px;
	margin-left:15px;
	margin-right:15px;	
}
.active .botleft{
	height:15px;
	width:15px;
	background:url(img/corner.png) no-repeat -30px -15px;
	float:left;
	margin-left:-15px;
}
.active .botright{
	height:15px;
	width:15px;
	background:url(img/corner.png) no-repeat -45px -15px;
	float:right;
	margin-right:-15px;
}
.active .midleft{
	width:15px;
	background:url(img/vertical.png) repeat-y -30px 0px;
	float:left;
}
.active .midright{
	width:15px;
	background:url(img/vertical.png) repeat-y -45px 0px;
	float:right;
}
.active .midmid{
	float:left;	
	text-align:right;
}


/**********************/

#listItems{
	background:url(img/list_arrow.png) no-repeat center right;
	margin-right:5px;
}

#optionContent{
	margin-left:15px;
	margin-right:15px;
	padding-bottom:15px;
	padding-top:10px;
}

#optionArrow{
	margin-top:-5px;	
}

#listItems p{
	margin-left:10px;
	color:#eee;	
}
#optionContent p, a{
	margin-left:5px;
	display:inline;
	color:#eee;	
}

#listItems p input{
	margin-right:10px;
}

#optionContent p input{
	margin-right:3px;	 
}

#list{
	z-index:5000;
	position:absolute;
	width:100px;
	left:0;
	top:50px;
	width:140px;
}

.listInActive #listContent{
	background:url(img/box_vertical_list.png) repeat-y -140px 0;
	width:140px;
	float:left;
}

.listInActive #listContentTop, .listInActive #listContentBot{
	width:125px;
	height:15px;
	float:left;
}

.listInActive #listContentTop{
	background: url(img/box_horizontal.png) repeat-x -15px 0;	
}
.listInActive #listContentBot{	
	background: url(img/box_horizontal.png) repeat-x 0 -15px;
}

.listInActive #listBarTop, .listInActive #listBarBot{
	height:15px;
	width:15px;
	float:left
}

.listInActive #listBarTop{
	background:url(img/box_corner.png) no-repeat -15px 0;
}

.listInActive #listBarBot{
	background:url(img/box_corner.png) no-repeat -15px -15px;
}

/******************/

.listActive #listContent{
	background:url(img/box_vertical_list.png) repeat-y;
	width:140px;
	float:left;
}

.listActive #listContentTop, .listActive #listContentBot{
	width:125px;
	height:15px;
	float:left;
}

.listActive #listContentTop{
	background: url(img/box_horizontal.png) repeat-x 0 -30px;	
}
.listActive #listContentBot{	
	background: url(img/box_horizontal.png) repeat-x 0 -45px;
}

.listActive #listBarTop, .listActive #listBarBot{
	height:15px;
	width:15px;
	float:left
}

.listActive #listBarTop{
	background:url(img/box_corner.png) no-repeat -45px 0;
}

.listActive #listBarBot{
	background:url(img/box_corner.png) no-repeat -45px -15px;
}

/****************************/

#option{
	position:absolute;
	z-index:5001;
	width:265px;
	top:0;
	left:250px;
}

.optionInActive #optionBot{
	height:15px;
}

.optionInActive #optionBotLeft{
	background:url(img/box_corner.png) no-repeat 0 -15px;
	height:15px;
	width:15px;	
	float:left;
}
.optionInActive #optionBotRight{
	background:url(img/box_corner.png) no-repeat -15px -15px;
	height:15px;
	width:15px;	
	float:left;
}
.optionInActive #optionMid{
	background: url(img/box_horizontal.png) repeat-x 0 -15px;	
	height:15px;
	width:235px;	
	float:left;
	text-align:center;
}

.optionInActive #optionTop{
	background: url(img/box_vertical_option.png) repeat-y 0 0;	
}

/**************/
.optionActive #optionBot{
	height:15px;
}

.optionActive #optionBotLeft{
	background:url(img/box_corner.png) no-repeat -30px -15px;
	height:15px;
	width:15px;	
	float:left;
}
.optionActive #optionBotRight{
	background:url(img/box_corner.png) no-repeat -45px -15px;
	height:15px;
	width:15px;	
	float:left;
}
.optionActive #optionMid{
	background: url(img/box_horizontal.png) repeat-x 0 -45px;	
	height:15px;
	width:235px;	
	float:left;
	text-align:center;
}

.optionActive #optionTop{
	background: url(img/box_vertical_option.png) repeat-y -265px 0;	
}
/**************/

.zoom{
	width:150px;
	margin-left:10px;
	float:left;
	height:10px;
}

#slidPer{
	margin-top:-3px;
	float:left;
	width:70px;
}

#listIcon{
	float:right;	
	margin-right:1px;
}

#optionIcon{
	margin-left:-10px;
	margin-top:-3px;
}

h1.topSpace{
	margin-top:10px;	
}

#customWidth, #customHeight{
	margin-bottom:3px;
	margin-left:10px;
	border:1px solid #eee;
	width:106px;
}

.example {
	color:#999;	
}

#listItems h1{
	cursor:pointer;	
}

/**************************/

#infoIcon{
	width:60px;
	height:60px;
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:5049;
	background:url(img/info.png) no-repeat 0 0;	
}

#infoIcon:hover{
	width:60px;
	height:60px;
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:5049;
	background:url(img/info.png) no-repeat -60px 0;	
}

#info{
	width:250px;
	position:absolute;
	z-index:5050;
	bottom:65px;
	right:65px;
	height:180px;
}

#info p{
	color:#eee;	
	margin:5px;
	margin-bottom:0;
}

/*********************/

#infoTop, #infoBot{
	height:15px;	
}

#infoMid{
	height:150px;	
}

#infoTopMid, #infoBotMid{
	background:url(img/box_horizontal.png);	
	width:220px;
	float:left;
	height:15px;
}

#infoTopMid{
	background-position:0 -30px;	
}
#infoBotMid{
	background-position:0 -45px;	
}

#infoMidLeft, #infoMidRight{
	background:url(img/box_vertical.png);	
	height:150px;	
}
#infoMidLeft{
	background-position:-30px 0;	
}
#infoMidRight{
	background-position:-45px 0;	
}

#infoMidMid{
	height:150px;
	background-color:#0092DB;
	float:left;
	width:220px;
}

#infoTopLeft, #infoTopRight, #infoBotLeft, #infoBotRight, #infoMidLeft, #infoMidRight{
	width:15px;
	float:left;
}

#infoTopLeft, #infoTopRight, #infoBotLeft, #infoBotRight{
	height:15px;
	background:url(img/box_corner.png);	
}

#infoTopLeft{
	background-position:-30px 0;	
}
#infoTopRight{
	background-position:-45px 0;	
}
#infoBotLeft{
	background-position:-30px -15px;	
}
#infoBotRight{
	background-position:-45px -15px;	
}