/* CSS 09 CHLUI */
html, body
{
	margin: 0;	
	padding: 0;
	
}
A:hover {font:bold Arial, Helvetica, sans-serif; color:#6666CC; text-decoration:underline;}
A {font:bold Arial, Helvetica, sans-serif;  text-decoration:none;}
#header { padding: 0em; }
.prbody {background:url(../images/bodyBg.gif) repeat-x;}
.regstt {font:bold 15px Arial, Helvetica, sans-serif; color:#CCFFCC; text-decoration:none;}
/* search */
.Sfont {font:bold 15px Arial, Helvetica, sans-serif; color:#333; white-space:nowrap;}
.Stext {font:normal 10px Arial, Helvetica, sans-serif; color:#333;  white-space:nowrap;}
.Sbutton {font:bold 13px Arial, Helvetica, sans-serif; color:#fff; background:url(../images/go_button.png) no-repeat; width:74px; height:31px; border:0px; padding-bottom:4px; cursor:pointer;  white-space:nowrap;} 
.Sdrop {font:normal 11px Arial, Helvetica, sans-serif; color:#333;  white-space:nowrap; }
.Sspace {padding-right:10px;}
#Sinput {font:normal 14px Arial, Helvetica, sans-serif; color:#333; height:20px; width:200px; padding-top:4px; padding-left:5px; white-space:nowrap;}

/* Search Box */
.Sbottom { background:url(../images/sbox/Sbottom.png) repeat-x;}
.Sleft   { background:url(../images/sbox/Sleft.png) no-repeat; width:10px; height:10px;}
.SleftB  { background:url(../images/sbox/SleftB.png) no-repeat; width:10px; height:10px;}	
.SLmid   { background:url(../images/sbox/SLmid.png) repeat-y;}
.Sright  { background:url(../images/sbox/Sright.png)  no-repeat; width:10px; height:10px;} 
.SrightB  { background:url(../images/sbox/SrightB.png)  no-repeat; width:10px; height:10px;}
.SRmindww  { background:url(../images/sbox/SRmind.png) repeat-y;}
.Stop { background:url(../images/sbox/Stop.png) repeat-x;}
.Smidbg {background-color:#fff; padding:10px;}


/*welcome fonts*/
.welcome {padding-right:5px; font:bold 11px Arial, Helvetica, sans-serif; color:#fff}
.logout {}
#logoutBu {background:url(../images/logout_bu.png) no-repeat; font:bold 12px Arial, Helvetica, sans-serif; color:#000; 
width:78px; height:30px; border:0px; cursor:pointer; padding-bottom:2px;}
#logoutBu a:hover{font:bold 12px Arial, Helvetica, sans-serif; color:green;}
.categoryLink {background:url(../images/topmenu_bg.png) no-repeat; width:321px; height:23px; }
.categoryFont {font:bold 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
/* CSS layout */
#container
{
width: 100%;
color: #333;
border: 0px solid gray;
line-height: 130%;
}

#top
{
height:80px;
border-bottom: 0px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 249px;
margin: 0;
padding-left:10px;
height:100%;
padding: 0.5em;
}

/*lef menu CSS skin */
.leftTop { background:url(../images/left_top.png) no-repeat; width:249px; height:10px; }
.leftMiddle { background:url(../images/left_middle.png) repeat-y ; width:249px; height:100%; padding: 0.4em;}
.leftBottom { background:url(../images/left_botom.png) no-repeat;width:249px; height:17px;}
.leftMHeader  {font:bold 13px Arial, Helvetica, sans-serif; color:#333; padding-top:0px; padding-bottom:10px; padding-left:10px;}
/*search bar*/
.topsearchLeft {background:url(../images/search_left.png) no-repeat; height:92px; width:19px;}
.topsearchMiddle {background:url(../images/search_middle.png) repeat-x; }
.topsearchRight {background:url(../images/search_right.png) no-repeat; height:92px; width:19px;}


#content
{
margin-left: 255px;
border-left: 0px solid gray;
padding: 0.5em;

}

#footer
{
clear: both;
margin: 0;
padding: 0.5em;
color: #333;
border-top: 0px solid gray;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

/* Data Table CSS */
* {margin:0; outline:none}
body {font:10px Verdana,Arial;  background:#fff url(../images/bg.gif) repeat-x; color:#091f30}

.sortable {width:100%; height:26px; border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none; margin:0 auto 15px}
.sortable th { background:url(../images/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th h3 {font-size:11px; padding:6px 8px 8px; color:#fff;}
.sortable td { padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable .head h3 {background:url(../images/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(../images/header-selected-bg.gif)}
.sortable .desc h3 {background:url(../images/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(../images/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}



#controls { background:url(../images/dataHeadbg.gif) repeat-x; width:100%; padding-top:10px;margin:0 auto; height:39px; white-space:nowrap;}
/*
#perpage {float:left; width:200px; padding-left:10px;}
#download {float:left; padding-left:50px;}
#perpage select {float:left; font-size:11px}
#perpage span {float:left; margin:2px 0 0 0px}
#navigation {float:left; padding-left:10px;  text-align:center}
#navigation img {cursor:pointer}
#text {float:left; width:100px; text-align:right; margin-top:2px}*/


.green {font:bold 10px Verdana,Arial;color:green; }
.red {font:bold 10px Verdana,Arial; color:red;}
/* ENd Data Table CSS */

/* Footer */
.footer {font:normal 9px Verdana,Arial; color:#666;}

/* Side menu */

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}

.Mbg { background::url(../images/Mbg.gif) repeat-x;  background-color:red;
border-bottom:solid 1px #FFFFFF;}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}

/*Left menu*/
#menucase ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;align:left;font:bold 11px  Arial, sans-serif;line-height:200%; background:#f8f8f8;}
#menucase ul.vert-one li{margin:0; padding-left:0px; border-top:1px dotted #fff; border-bottom:1px dotted #ccc; text-align:left
; background:#e7e7e7 url(../images/6tpc4td.gif) no-repeat 0 3px;}
 
#menucase ul.vert-one li a{display:block;text-decoration:none;color:#000000; padding-left:30px;}

#menucase ul.vert-one li a:hover {background-color:#c6d5e1; color:#000;
 padding-left:30px; background:#ecf2f6 url(../images/6tpc4td.gif) no-repeat 0 3px;}

.Mselect {padding-left:30px; background:#ededed url(../images/80mxwlz.gif) no-repeat 0 3px; color:#FFFFFF;}
.M_nonepadding {padding-left:30px;}

.subMenu {padding-left:27px; text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; color:#333333 }
.subMenuSelect {background-color:#c6d5e1; padding-left:27px; text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; color:#333333 }
.Mitem {font:normal 11px Arial, Helvetica, sans-serif; color:#0066CC; }

/*rounded content box */
#xsnazzy h1, #xsnazzy h2, #xsnazzy p {margin:0 0px; letter-spacing:1px;}
#xsnazzy h1 {font-size:2.5em; color:#fff;}
#xsnazzy h2 {font-size:2em;color:#06a; border:0;}
#xsnazzy p {padding-bottom:0.5em;}
#xsnazzy h2 {padding-top:0.5em;}
#xsnazzy {background: transparent; margin:0.3em;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #C6D5E1; border-right:1px solid #C6D5E1;}
.xb1 {margin:0 5px; background:#C6D5E1;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#fff; border:0 solid #C6D5E1; border-width:0 1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000; padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;}