.lt { float:left; }
.rt { float:right; }
.ac { text-align:center; }
.ar { text-align:right; }
.al { text-align:left; }
.aj { text-align:justify; }
.clear{	clear:both; height:0px; overflow:hidden; }
.ent { font-size:9px; }
.cp { cursor:pointer; }
.cm { cursor:move; }
.b { font-weight:bold; }
.u { text-decoration:underline }
.dn { display:none; }

.tab10t { margin-top:10px; }
.tab25t { margin-top:25px; }
.tab25pt { margin-top:25%; }
.tab10b { margin-bottom:10px; }
.tab25b { margin-bottom:25px; }
.tab5r { margin-right:5px; }
.tab10r { margin-right:10px; }
.tab25r { margin-right:25px; }
.tab30r { margin-right:30px; }
.tab15l { margin-left:15px; }

.w265{ width:265px;}
.w240 { width:240px; }
.w180 { width:180px; }
.w160 { width:160px; }
.w150 { width:150px; }
.w120 { width:120px; }
.w100 { width:100px; }
.w80 { width:80px; }
.w50 { width:50px; }
.w15 { width:15px; }
.w25 { width:25px; }

img { border:none; }
#home_img { z-index:-1;}
.zi100 { z-index:100;}
a { color:#999;}
a:hover { color:#666; text-decoration:none; }
img, div { behavior: url(./img/iepngfix.htc)}
ul li { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; }

input, textarea, select { width:280px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; }
select { width:285px; }
legend { font-weight:bold; color:#666; font-size:12px; }

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px; 
	margin:0px;
	/*overflow:hidden;*/
}

.page { overflow:hidden; }
.page div { float:left; border:1px solid #369; margin-left:5px; }
.page div a { text-decoration:none; padding:5px; }
.page .cur { border:1px solid #369; background-color:#369; color:#CCC; padding:0px 5px; }

.error, .success { overflow:hidden; }
.error .caption, .success .caption { color:#FAFAFA; padding:2px 5px; font-size:12px; overflow:hidden; }
.error .msg, .success .msg { padding:2px 5px; border:1px solid #EBEBEB; border-top:none; }
.error .caption { background-color:#900; }
.success .caption { background-color:#699; }

#wrapper, #header {
	width:100%;
	margin:auto;
	overflow:hidden;
}


/* default theme*/
#header .menu .nav { margin:0px; padding:0px; list-style:none; background-color:#2D2D2D; overflow:hidden;}
#header .menu .nav li { float:left; display:block; }	
#header .menu .nav li a { display:block; font-weight:bold; padding:8px 10px; color:#CCCCCC; background-color:#2D2D2D; font-size:12px; text-decoration:none; }
#header .menu .nav li a:hover, #header .menu ul li a.sub_sel { background-color:#4C4C4C; }
#header .menu .nav a.sel {color:#FFF;}
#header .menu .nav ul {	position:absolute; display:none; padding:0px; margin:0px; list-style:none; }
#header .menu .nav ul li { float:none; white-space:nowrap; border:1px solid #4C4C4C; }
#header .menu .nav ul a { display:block; background-color:#4C4C4C; padding:5px 10px;  }
#header .menu .nav ul a:hover {	background-color:#757575; }
#header .menu .nav ul a.sel { color:#FFF; }

#header .logo, #header .info { float:left; padding:5px; }
#header .logo { margin-right:10px;}
#header .info { }
#header .status { margin:auto; width:90px; text-align:center; height:18px; line-height:18px; left: 46.5%; border-style:none; }
#header .loading { background-color:#FFC; }

#content { margin:auto; width:100%; overflow:hidden; }

#content .home { margin:auto; overflow:hidden; margin-top:25px; }
#content .home .cycle { margin:auto; width:513px; height:234px; border:1px solid #CCC; }

#content .sub_tit { font-size:15px; background-color:#EBEBEB; padding:6px 10px; color:#6D6D6D; }
.terr { font-size:10px; color:#C00; }
.err_color { color:#C00; }
.but { width:100px; cursor:pointer; background-color:#EFEFEF; border:1px outset #CFD3D6; }
.but:hover { background-color:#FAFAFA; }
.but_palette { width:200px; height:50px; line-height:50px; background-color:#CC9; border:1px outset #CFD3D6; }
#content .but_palette:hover { background-color:#CC6; }
#content .forms { 
	padding-top:0px;
	overflow:hidden;
	width:605px;
}

#content .forms .row { margin-top:15px; width:290px; }
#content .forms .row label { font-weight:bolder; }
#content .forms .row .field { margin-top:5px; height:25px;}
#content .forms .pan { float:left; width:290px; }
#content .forms .pan { }
#content .pan_caption { width:605px; }
#content .pan_caption_org { background-color:#D27B1A; padding:5px; color:#FFF9F8; border:1px groove #C1793E; }
#content .pan_caption_org_l { background-color:#E9B34F; padding:5px; color:#FFF9F8; border:1px groove #C1793E; }
#content .pan_caption_qua { background-color:#4597C9; padding:5px; color:#FFF9F8; border:1px groove #2374A1;}
#content .pan_caption_qua_l { background-color:#7EC1DE; padding:5px; color:#FFF9F8; border:1px groove #2374A1;}
#content .pan_caption_grey { background-color:#D5D5D5; padding:5px; color:#707070; border:1px groove #A0A0A0; }
#content .pan_caption_grey_l { background-color:#DEDEDE; padding:5px; color:#707070; border:1px groove #A0A0A0; }
#content .pan_caption_black { background-color:#525252; padding:5px; color:#FEFEFE; border:1px groove #464646; }
#content .pan_caption_black_l { background-color:#979797; padding:5px; color:#FEFEFE; border:1px groove #464646; }


#content .rows { width:100%; border-spacing:2px; }
#content .rows .tr_th { background-color:#333; color:#EBEBEB;}
#content .rows .tr_od { background-color:#F4F4F4; }
#content .rows .tr_ev { background-color:#F8F8F8; }
#content .rows .tr_ev:hover { background-color:#F8F7B6; }
#content .rows .tr_od:hover { background-color:#F8F7B6; }
#content .rows .tr:hover { background-color:#F8F7B6; }

#content .left_panel, #content .right_panel { float:left; }
#content .left_panel { margin-right:5px; width:15% }
#content .right_panel { width:84%; }
#content .left_panel .left_menu { margin:0px; padding:0px; list-style:none; background-color:#2D2D2D; overflow:hidden; height:100%; }
#content .left_panel .left_menu li { float:none; display:block; }	
#content .left_panel .left_menu li a { display:block; font-weight:bold; padding:8px 10px; color:#CCCCCC; background-color:#2D2D2D; font-size:12px; text-decoration:none; border-bottom:1px solid #D6D6D6}
#content .left_panel .left_menu li a:hover { background-color:#4C4C4C; }
#content .left_panel .left_menu a.sel {color:#FFF; background-color:#4C4C4C; 	}

.cap_buttons { float:left; }

.cap_buttons .cap_nav_org {  margin:0px; padding:0px; list-style:none; background-color:#D27B1A; overflow:hidden; height:100%; /* ie6 */ float:left; }
.cap_buttons .cap_nav_org li { float:left; display:block; border:1px groove #C1793E;  }
.cap_buttons .cap_nav_org .desc { font-size:10px; color:#FCEE60; }
.cap_buttons .cap_nav_org li a { display:block; padding:5px 20px; text-decoration:none; background-color:#D27B1A; color:#FFF9F8 }
.cap_buttons .cap_nav_org li a:hover, .cap_buttons .cap_nav_org .sel { background-color:#E9B34F; }

.cap_buttons .cap_nav {  margin:0px; padding:0px; list-style:none; background-color:#7EC1DE; overflow:hidden; height:100%; /* ie6 */ float:left; }
.cap_buttons .cap_nav li { float:left; display:block; border:1px groove #2374A1;  }
.cap_buttons .cap_nav .desc { font-size:10px; color:#CFF4FD; }
.cap_buttons .cap_nav li a { display:block; padding:5px 20px; text-decoration:none; background-color:#4597C9; color:#FFF9F8 }
.cap_buttons .cap_nav li a:hover, .cap_buttons .cap_nav .sel { background-color:#7EC1DE; }

.cap_buttons .cap_nav_grey {  margin:0px; padding:0px; list-style:none; background-color:#B0B0B0; overflow:hidden; height:100%; /* ie6 */ float:left; }
.cap_buttons .cap_nav_grey li { float:left; display:block; border:1px groove #A0A0A0;  }
.cap_buttons .cap_nav_grey .desc { font-size:10px; color:#FFFFFF; }
.cap_buttons .cap_nav_grey li a { display:block; padding:5px 20px; text-decoration:none; background-color:#B0B0B0; color:#707070 }
.cap_buttons .cap_nav_grey li a:hover, .cap_buttons .cap_nav_grey .sel { background-color:#DEDEDE; }

.cap_buttons .cap_nav_black {  margin:0px; padding:0px; list-style:none; background-color:#525252; overflow:hidden; height:100%; /* ie6 */ float:left; }
.cap_buttons .cap_nav_black li { float:left; display:block; border:1px groove #464646;  }
.cap_buttons .cap_nav_black .desc { font-size:10px; color:#E4E4E4; }
.cap_buttons .cap_nav_black li a { display:block; padding:5px 20px; text-decoration:none; background-color:#525252; color:#FEFEFE }
.cap_buttons .cap_nav_black li a:hover, .cap_buttons .cap_nav_black .sel { background-color:#979797; }

/* jquery sortable, draggable, droppable */
.drag {}
.drag #selected_list ul, .drag #overall_list ul { list-style:none; margin:0px; padding:0px; text-align:left; }
.drag #selected_list ul li, .drag #overall_list ul li { background-color:#595959; color:#D9D9D9; cursor:move; padding:5px; margin-top:2px; width:200px}


/* manage palette */
.ep { width:100%; margin:auto; overflow:hidden; }
.ep .pan_cap { width:100%; background-color:#D6D6D6; color:#6D6D6D; padding:2px 0px; }


.ep #ap_pan, .ep #int_pan, .ep #cs_pan { width:49%; height:100%; float:left; border:1px solid #CCC; }

.ep #ap_pan {}
.ep #int_pan { }

.ep #ap_pan #ap_pan_content, .ep #int_pan #int_pan_content { width:98%; height:450px; padding:5px; }

.ep #int_pan #int_pan_content { }
.ep #ap_pan #ap_pan_content {  overflow:auto; }
.ep #ap_pan #ap_pan_content table tr th { }
.ep #int_pan #int_pan_content #int_pan_content_colors ul  { list-style:none; margin:0px; padding:0px;  }
.ep #int_pan #int_pan_content #int_pan_content_colors ul li, .ep #ap_pan #ap_pan_content table tr .cbg
{ 
	height:20px; line-height:20px; width:180px; overflow:hidden; margin-right:5px; margin-bottom:5px; padding-left:3px;
}
.ep #int_pan #int_pan_content #int_pan_content_colors ul li { width:170px; }
.ep #ap_pan #ap_pan_content table .tr:hover { background-color:#F8F7B6; }



#footer { border-top:2px solid #F2F2F2; margin:auto; margin-top:20px; color:#999; }
#footer ul { list-style:none; margin:0px; padding:0px; text-align:center; }
#footer ul li { }
#footer .pow { float:right; } 

tr.strikeout{
	width:150px;
    text-decoration: line-through;
}

.last5{
	display: none;
	width:5px;
}

.comments_msg
{
	width:90%; float:left; border-bottom:1px solid rgb(234, 232, 225); margin-left:10px; margin-bottom:15px; background-color:#F8F8F1;padding:5px 0px; padding-left:5px;
}
.comments_msg .title{ margin-left:2px; font-size:14px;}
.comments_msg .comments{margin-top:10px; margin-left :10px;}
.comments_msg .date{float:left;}
.comments_msg .author{ float:left; font-style:italic; color:#900}

.comments_msg1
{
	width:90%;  float:left;  margin-left:10px; margin-top:10px; color:#999;background-color:#F8F8F1; padding:10px 0px; padding-left:5px;
}
.comments_msg1 .date{ color:rgb(204, 204, 204);}
.comments_msg1 .author{font-style:italic; color:rgb(204, 204, 204);}
.comments_msg1 .title{ margin-top:10px; margin-left :2px; font-size:14px}
.comments_msg1 .comments{margin-top:10px; margin-left :10px;}
.comments_msg2
{
	width:90%; float:left; border-bottom:2px solid rgb(234, 232, 225); margin-left:10px; margin-bottom:10px; background-color:#F8F8F1;  padding:5px 0px; padding-left:5px;
}
.comments_msg2 .title{margin-top:10px; margin-left :2px; font-size:14px;}
.comments_msg2 .comments{margin-top:10px; margin-left :10px;}
.comments_msg2 .date{ color:rgb(204, 204, 204);}
.comments_msg2 .author{ float:left; font-style:italic; color:#900}

.comments_reply
{
	width:80%; height:100%; float:left; margin-left:90%; color:rgb(102, 102, 102);
}
.comments_reply .date{ color:rgb(204, 204, 204);}
.comments_reply .author{ font-style:italic;}

.comments_reply1
{
	width:80%; height:100%; float:left; margin-left:82%; color:rgb(102, 102, 102);
}
.comments_reply .date{ color:rgb(204, 204, 204);}
.comments_reply .author{ font-style:italic;}
.comments_texarea
{
	width:90%; height:100%; float:left; margin-left:10px;
}

<!--Header lock-->
.youtube-popup {
  position: relative;
  width: 250px; /* equal to the iframe width */
  height: 250px; /* equal to the iframe height */
}

.youtube-popup > div {
  position: absolute;
  width: 250px; /* equal to the iframe width */
  height: 250px; /* equal to the iframe height */
  top: 0;
  z-index: 100;
}
.youtube-popup {
  position: relative;
  width: 250px; /* equal to the iframe width */
  height: 250px; /* equal to the iframe height */
}

.youtube-popup > div {
  position: absolute;
  width: 250px; /* equal to the iframe width */
  height: 250px; /* equal to the iframe height */
  top: 0;
}