@charset "utf-8";
*,*:focus{ outline:none;}
::selection{background:#fff;}
.full{ width:100%; float:left; clear:both;}
.col10{ width:10%; float:left}
.col12_5{ width:12.5%; float:left}
.col15{ width:15%; float:left}
.col20{ width:20%; float:left}
.col22{ width:22%; float:left}
.col24{ width:24%; float:left}
.col25{ width:25%; float:left}
.col27{ width:27%; float:left}
.col30{ width:30%; float:left}
.col33{ width:33%; float:left}
.col35{ width:35%; float:left}
.col40{ width:40%; float:left}
.col43{ width:43%; float:left}
.col45{ width:45%; float:left}
.col46{ width:46%; float:left}
.col50{ width:50%; float:left}
.col55{ width:55%; float:left}
.col60{ width:60%; float:left}
.col65{ width:65%; float:left}
.col70{ width:34%; float:left;font-size:14px;top:15px;}
.col72{ width:72%; float:left}
.col74{ width:74%; float:left}
.col75{ width:75%; float:left}
.col76{ width:76%; float:left}
.col80{ width:80%; float:left}
.col85{ width:85%; float:left}
.col90{ width:90%; float:left}
.col95{ width:95%; float:left}
.col96{ width:96%; float:left}
.col100{ width:100%; float:left}

.f-left{ float:left;color:#633;font-size:13px;font-family:verdana;font-weight:bold;}
.page-title{color:#633;font-size:13px;font-family:verdana;font-weight:bold; margin:10px 0px;background:#eee;padding:2px 1%; float:left; width:98%}
.f-right{ float:right;}
.txtright{ text-align:right;}
.txtleft{ text-align:left;}
.txtcenter{ text-align:center;}
.margin-none{ margin:0;}
.padding-none{ padding:0;}
.padd10px{ padding:10px;}
.margin-top-10{margin-top:10px;}
.cols3-125{ width:2.125%; float:left; padding:3px .5%; display:block;}
.cols5{ width:3%; float:left; padding:3px 1%; display:block;}
.cols6-25{ width:4.25%; float:left; padding:3px 1%; display:block;}
.cols8{ width:6%; float:left; padding:3px 1%; display:block;}
.cols10{ width:8%; float:left; padding:3px 1%; display:block;}
.cols12{ width:10%; float:left; padding:3px 1%; display:block;}
.cols12-5{ width:10.5%; float:left; padding:3px 1%; display:block;}
.cols14{ width:12%; float:left; padding:3px 1%; display:block;}
.cols15{ width:13%; float:left; padding:3px 1%; display:block;}
.cols19{ width:17%; float:left; padding:3px 1%; display:block;}
.cols20{ width:18%; float:left; padding:3px 1%; display:block;}
.cols25{ width:23%; float:left; padding:3px 1%; display:block;}
.cols27{ width:25%; float:left; padding:3px 1%; display:block;}
.cols30{ width:28%; float:left; padding:3px 1%; display:block;}
.cols33{ width:31%; float:left; padding:3px 1%; display:block;}
.cols34{ width:32%; float:left; padding:3px 1%; display:block;}
.cols35{ width:33%; float:left; padding:3px 1%; display:block;}
.cols39{ width:37%; float:left; padding:3px 1%; display:block;}
.cols40{ width:38%; float:left; padding:3px 1%; display:block;}
.cols44{ width:42%; float:left; padding:3px 1%; display:block;}
.cols45{ width:43%; float:left; padding:3px 1%; display:block;}
.cols46{ width:44%; float:left; padding:3px 1%; display:block;}
.cols49{ width:47%; float:left; padding:3px 1%; display:block;}
.cols50{ width:48%;  padding:3px 1%; display:block;}
.cols55{ width:53%; float:left; padding:3px 1%; display:block;}
.cols60{ width:58%; float:left; padding:3px 1%; display:block;}
.cols65{ width:63%; float:left; padding:3px 1%; display:block;}
.cols70{ width:68%; float:left; padding:3px 1%; display:block;}
.cols75{ width:73%; float:left; padding:3px 1%; display:block;}
.cols80{ width:78%; float:left; padding:3px 1%; display:block;}
.cols85{ width:83%; float:left; padding:3px 1%; display:block;}
.cols90{ width:88%; float:left; padding:3px 1%; display:block;}
.cols95{ width:93%; float:left; padding:3px 1%; display:block;}
.cols100{ width:98%; float:left; padding:3px 1%; display:block;}

.rows{ width:100%; float:left; clear:both; padding:0px;border-top:1px solid #e6e8e8;}
.grid{ font-size:9pt; }
.scrollgrid{border:1px solid #666600; font-size:8pt; width:1500px;}
.scrollgrid .c10{ width:100px; float:left; padding:5px;}
.scrollgrid .c5{ width:50px; padding:5px; float:left;}

.rowshdr{width:100%; float:left; padding:3px 0px; clear:both; text-align:left; background:#202424; font-weight:bold; color:#fff; border-radius:5px 5px 0px 0px;}

.rows:nth-child(odd), table.tbl tr:nth-child(odd){ background:#e6e8e8;}
.rows:nth-child(even), table.tbl tr:nth-child(even){ background:#edefef;}

/******************* Cols with padding ******************************/
#error-data{ background:#FFF;left:30px;bottom:30px;padding:10px 20px;border:4px solid #d8000b;position:fixed; z-index:230000; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; display:none;font-family:Verdana, Arial;font-weight:bold;color:#F00;box-shadow:0 0 20px #000;}
.red{ color	:red !important;}

.fullform select,.fullform textarea,.fullform input[type=password],.fullform input[type=text]{ width:95%;}

.button{background:#000; padding:2px 10px; line-height:25px; display:inline-block; color:#fff; font-size:10pt; text-decoration:none;-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px;-o-border-radius:5px;border-radius:5px; border:none; cursor:pointer; }
a.button{padding:0px 8px;}
.button:focus, .button:hover,a.button:focus, a.button:hover{color:#fff;background:#cc0000;}

textarea	{resize:none;}

.levelbox{ background:url(../images/levelbg.png) no-repeat; width:264px; margin:10px 22px; height:308px; float:left}
.levelbox h2{ color:#FFFFFF; text-align:center; height:20px; margin-top:26px; height:40px; line-height:40px; font-size:20px;}
.levelbox marquee{ text-align:center; margin-top:10px; width:90%; padding:0px 5%; height:200px; text-transform:capitalize}