
* { padding: 0; margin: 0; }


body {
   
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   background: #ffffff;
   
 }

 a.frontlink:link {color: #bb0101; text-decoration: none;}
 a.frontlink:visited {color: #565656; text-decoration: none;}
 a.frontlink:active {color: #565656; text-decoration: none;}
 a.frontlink:hover {text-decoration: underline; color: #e50500;}

 a.baselink:link {color: #e5e5e5; text-decoration: none;font-size:12px;}
 a.baselink:visited {color: #e5e5e5; text-decoration: none;font-size:12px;}
 a.baselink:active {color: #e5e5e5; text-decoration: none;font-size:12px;}
 a.baselink:hover {text-decoration: underline; color: #ffffff;font-size:12px;}

 a.help:link {color: #016201; text-decoration: none;font-size:12px;}
 a.help:visited {color: #016201; text-decoration: none;font-size:12px;}
 a.help:active {color: #016201; text-decoration: none;font-size:12px;}
 a.help:hover {text-decoration: underline; color: #016201;font-size:12px;}

 a.help2:link {color: #4c4c4c; text-decoration: none;font-size:13px;}
 a.help2:visited {color: #4c4c4c; text-decoration: none;font-size:13px;}
 a.help2:active {color: #4c4c4c; text-decoration: none;font-size:13px;}
 a.help2:hover {text-decoration: none; color: #017501; font-size:13px;}

 a.stats:link {color: #2d88aa; text-decoration: none;font-size:14px;}
 a.stats:visited {color: #2d88aa; text-decoration: none;font-size:14px;}
 a.stats:active {color: #2d88aa; text-decoration: none;font-size:14px;}
 a.cr:hover {text-decoration: underline; color: #68b101; font-size:14px;}

 a.cr:link {color: #bb0101; text-decoration: none;font-size:14px;font-weight:bold;}
 a.cr:visited {color: #bb0101; text-decoration: none;font-size:14px;font-weight:bold;}
 a.cr:active {color: #bb0101; text-decoration: none;font-size:14px;font-weight:bold;}
 a.cr:hover {text-decoration: underline; color: #68b101; font-size:14px;font-weight:bold;}
 

 a.dir:link {color: #68b101; text-decoration: none;font-size:13px;}
 a.dir:visited {color: #68b101; text-decoration: none;font-size:13px;}
 a.dir:active {color: #68b101; text-decoration: none;font-size:13px;}
 a.dir:hover {text-decoration: underline; color: #68b101; font-size:13px;}

 a.stats4:link {color: #2d88aa; text-decoration: none;font-size:13px;}
 a.stats4:visited {color: #2d88aa; text-decoration: none;font-size:13px;}
 a.stats4:active {color: #2d88aa; text-decoration: none;font-size:13px;}
 a.stats4:hover {text-decoration: underline; color: #68b101; font-size:13px;}

 a.credit:link {color: #fde800; text-decoration: none;font-size:12px;}
 a.credit:visited {color: #fde800; text-decoration: none;font-size:12px;}
 a.credit:active {color: #fde800; text-decoration: none;font-size:12px;}
 a.credit:hover {text-decoration: underline; color: #fde800;font-size:12px;}

 h1 {
 color:#016201;
 font-size:14px;
}

h2 {
color: #4c4c4c; 
font-size: 24px;
}

h3 {
 color:#68b101;
 font-size:15px;
}

h4 {
 color:#349bc1;
 font-size:13px;
}


.red {
color: #bb0101; 
font-size: 13px;
}

.green {
color: #016201; 
font-size: 13px;
font-weight: bold;
}

.tooltip {
color: #006384; 
font-size: 13px;
}

.heading {
color: #ffffff; 
font-size: 14px;

}


.stat {
 color: #4c4c4c;
 font-size: 14px;
 font-weight: bold;
}


.stat2 {
 color: #2d88aa;
 font-size: 15px;
 font-weight: bold;
}

.stat3 {
 color: #2d88aa;
 font-size: 14px;
 
}

.wt {
 color: #4c4c4c;
 font-size: 16px;
 
}



.zone {
 color:#68b101;
 font-size:15px;
 font-weight: bold;
}
 

.credits {
color:#fde800;
font-size:13px;
}

#wrapper { 
 margin-left: auto;
 margin-right: auto;
 margin-top: 0;
 margin-bottom: 0;
 padding-left: 10px;
 padding-right: 10px;
 width: 922px;
 border-left: 1px solid #dedede;
 border-right: 1px solid #dedede;
 background: #ffffff;
 height: 100%;
 }



.top {
background: #272727;
padding-left:30px;
margin: 0px 0px 0px 0px;
width:914px;
height:70px;
margin-left:auto;
margin-right:auto;
}



#header {
 color: #cdcdcd;
 width: 900px;
 float: left;
 padding: 0px;
 margin: 0px 0px 10px 0px;
 background: #ffffff;
 text-align: left;
 margin-left:auto;
 margin-right:auto;

}



#leftcolumn { 
 color: #505050;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 646px;
 float:left; 
 }


#rightcolumn { 
 float: right;
 color: #505050;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 260px;
 display: inline;
}

#footer { 
 width: 100%;
 clear: both;
 color: #ffffff;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 
}




.basewrapper {
 width:944px;
 padding:0;
 background: #272727;
 clear: both;
 margin: 0;
 bottom:0;
 margin-left:auto;
 margin-right:auto;
 
   
}


.base  {
 Width:80%;
 margin-left:auto;
 margin-right:auto;
 padding-left:50px; 
 padding-right:50px; 
 padding-top:15px; 
 padding-bottom:5px; 
 color: #9d9d9d;
 font-size:12px;
 text-align:left;

	
}

.base2  {
 Width:80%;
 margin-left:auto;
 margin-right:auto;
  padding-left:50px; 
 padding-right:50px; 
 padding-top:5px; 
 padding-bottom:50px; 
 color: #d1d0d0;
 font-size:12px;
 text-align:right;	
}

.line {
 width:80%;
 height:2px;
 background: #000000 url(images/line.png) repeat-x;
 margin-top:10px;
 margin-bottom:10px;
 margin-left:auto;
 margin-right:auto;
}


.box {
border: 1px solid #dedede;
background: #f9f9f9;
padding:10px;
margin: 0px 0px 10px 0px;
}

.trans {
border: 1px solid #dedede;
background: #f9f9f9;
padding:10px;
margin: 0px 0px 10px 0px;
/* for IE */
filter:alpha(opacity=40);
/* CSS3 standard */
opacity:0.4;
z-index:100;
width:620px;
}

.line2 {
background: #F9F7ED;
padding:10px;
margin-bottom: 15px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
}

.line3 {
background: #f9f9f9;
padding:0px;
margin: 0px 0px 0px 0px;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
width: 100%;
}

.line4 {
background: #ffffff;
padding:0px;
margin: 0px 0px 0px 0px;
width: 100%;
}

.white {
border: 1px solid #dedede;
background: #ffffff;
padding:10px;
margin: 0px 0px 10px 0px;
}

.white2 {
background: #ffffff;
padding: 0;
margin: 0px 0px 10px 0px;

}

.white3 {
background: #ffffff;
padding: 10px;
margin: 0px 0px 10px 0px;
text-align:right;
}

.warning {
border: 1px solid #d77474;
background: #fedddd;
padding:10px;
margin: 0px 0px 10px 0px;
color:#a53232;
}

.info {
border: 1px solid #efe9aa;
background: #fffef2;
padding:10px;
margin: 0px 0px 10px 0px;
color:#505050;
}

.info2 {
border: 1px solid #efe9aa;
background: #fffef2;
padding:5px;
padding-right:10px;
margin: 0px 0px 3px 0px;
color:#dedede;
text-align:right;
}

.confirm {
border: 1px solid #b7d2a0;
background: #f6ffe9;
padding:10px;
margin: 0px 0px 10px 0px;
color:#567d3e;
font-weight: bold;
}


.breadcrumbs {
 color:#6e6e6e;
 font-size:11px;
 padding: 3px;
 margin-bottom:10px;
}

#contentarea {
background: #ffffff;
padding:10px;
margin: 0px 0px 10px 0px;
}


#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}



#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}



.directory {
width: 98%; 
background: #444444;
padding: 5px; 
margin-left: auto;
margin-right: auto;
}





/*Login and signup form style*/


.texta {
 font-size: 14px;
 background-color: #ffffff;
 border: 1px solid #c7c7c7;
 width:220px;
 padding:3px;
 color: #6e6e6e;
}

.textb {
 font-size: 14px;
 background-color: #ffffff;
 border: 1px solid #c7c7c7;
 width:200px;
 padding:3px;
 color: #6e6e6e;
}

.textc {
 font-size: 14px;
 background-color: #ffffff;
 border: 1px solid #c7c7c7;
 width:350px;
 padding:3px;
 color: #6e6e6e;
}

.textd {
 font-size: 14px;
 background-color: #ffffff;
 border: 1px solid #c7c7c7;
 width:600px;
 padding:3px;	
 color: #6e6e6e;
}


.texte {
 font-size: 14px;
 background-color: #ffffff;
 border: 1px solid #c7c7c7;
 width:100px;	
 color: #4c4c4c;
}

.textf {
 font-size: 14px;
 background-color: #ffffff;
 border: 1px solid #c7c7c7;
 width:100px;
 padding:3px;	
 color: #6e6e6e;
}

.textg {
 font-size: 14px;
 background-color: #f9f9f9;
 border: 1px solid #68b101;
 padding:3px;	 
 color: #6e6e6e;
 height: 250px; 
 width: 250px;
}


.buttons {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 background-color: #ffffff;
 background: url(images/buttonback.jpg) repeat-x;	
 color: #016201;
 margin-right: 6px;
 border: 1px solid #c7c7c7;
 height:30px;
 width:80px;
	
}

.buttons2 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color: #ffffff;
 background: url(images/buttonback.jpg) repeat-x;	
 color: #2d88aa;
 margin-right: 6px;
 border: 1px solid #c7c7c7;
 height:26px;
 width:60px;
 padding-bottom: 3px;	
}

.buttons3 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color: #ffffff;
 background: url(images/buttonback.jpg) repeat-x;	
 color: #2d88aa;
 margin-right: 6px;
 border: 1px solid #c7c7c7;
 height:20px;
 width:80px;
 padding-bottom: 3px;	
}

.buttons4 {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-color: #ffffff;
 background: url(images/buttonback.jpg) repeat-x;	
 color: #2d88aa;
 margin-right: 6px;
 border: 1px solid #c7c7c7;
 height:20px;
 width:200px;
 padding-bottom: 3px;	
}

.small { font-size: 11px; }

.data
{
 display: none;
}

.thead
{
 background: #996699;
 color: #ffffff;
 padding: 7px !important;
}

#main td { padding: 5px; }

#login td { padding: 5px; }

.whitelink { color: #ffffff !important; }

.hidden { display: none; }

