body {
	color: #253F58;
	margin:0px;
	background-color:#FFFFFF;
	behavior: url(csshover.htc);
}
body, td, tr{
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
}

a, a:active, a:visited{
	color:#FF6600;
	text-decoration:underline;
}
a:hover{
	color:#FF0000;
	text-decoration:none;
}

input, textarea, select{
	font-family: "Trebuchet MS", Arial;
	font-size:12px;
	background-color:#FFFFFF;
	border:1px solid #BDCFE6;
	color:#000000;
	padding:1px;
}

fieldset{
	border:1px solid #006699;
}
fieldset legend{
	font-weight:bold;
}

#er{
	font-family: "Trebuchet MS", Arial;
	font-style:normal;
	font-weight:bold;
	font-size:14px;
	padding:5px;
	padding-right:40px;
	margin:10px;
	margin-left:20%;
	margin-right:20%;
	color:#FF6600;
	border:1px solid #339900;
	background-color:#FFFFF2;
	text-align:left;
	vertical-align:middle;
	background-image:url(images/info.png);
	background-position:right;
	background-repeat:no-repeat;
}
#er p{
	font-size:12px;
	color:#000000;
	font-weight:normal;
}


td.header-header{
	font-size:18px;
	background:url(images/headerbg.jpg);
	background-color:#002941;
	color:#F8FAFC;
	padding:10px;
	margin-bottom:30px;
}
td.header-header a, td.header-header a:active, td.header-header a:visited{
	color:#D8E1EB;
	text-decoration:none;
} 
td.header-header a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

div.header-links{
	float:right;
	color:white;
	font-size:12px;
	text-align:right;
}

div.header-links a, div.header-links a:active, div.header-links a:visited{
	color:#FFFFCC;
}
div.header-links a:hover{
	color:#FFFFFF;
}


td.header-menu{
	background-color:#EAF2F7;
	width:180px;
	border-right:1px solid #CCCCCC;
}





table.maintable{
	border: 1px solid white;
	background-color:#FFFFFF;
}




td.mbody{
	padding:10px;
	height:430px;
	vertical-align:top;
	background-color:white;
}

td.mbody h4{
	font-size:20px;
	color:#FF6600;
	margin-top:0px;
}

.comment{
	font-size:11px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
}






table.box{
	background-color:#F8FAFC;
	color:#253F58;
	border-bottom:1px solid #E1EAF2;
	border-right:1px solid #E1EAF2;
	margin-bottom:20px;
	border-bottom:2px solid #FF6600;
}
table.box td{
	border-bottom:1px solid #DBEAFB;
}
table.box tr.row1{
	border-bottom:1px solid #E1EAF2;
	background-color:#F4F8FB;
}
table.box tr.row2{
	border-bottom:1px solid #E1EAF2;
	background-color:#FFFFFF;
}

table.box tr.row1:hover, table.box tr.row2:hover{
	background-color:#E8EEF7;
}


table.box tr.row1 td, table.box tr.row2 td{
	border-left:1px solid #E1EAF2;	
}
table.box th{
	border-right:1px solid #E1EAF2;
	background:url(images/headerbg.jpg);
	background-color:#253F58;
	color:#FFFFFF;
}
table.box th a, table.box th a:active, table.box th a:visited, table.box th a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

table.box th img{
	border:0px;
}

table.box tr.odd {
	background-color: #FFFFFF;
}
table.box tr.even {
	background-color: #F4F8FB;
}
table.box tr.odd td, table.box tr.even td{
	border-right:1px solid #E2E2E2;
}
table.box tr.odd:hover, table.box tr.even:hover{
	background-color:#E8EEF7;
}
table.box tr.sortbottom td {
	border-top: 1px solid #F1F5FA;
	background-color: #CBDAED;
	font-weight: bold;
}
table.box tr.dim td {
	background-color:#333333;
	color:#FFFFFF;
}

table.box th.unsortable{
	/* Do Nothing */
}
tr.submit, td.submit, td.highlight, tr.highlight{
	background-color:#EAF0F7;
}
table.box td h2{
	color:#FF6600;
	font-size:18px;
	font-family: "Trebuchet MS", Arial;
}







td.footer{
	margin-top:20px;
	background:url(images/headerbg.jpg);
	background-color:#002941;
	padding:5px;
	text-align:right;
	border-top:1px solid #E1EAF2;
	color:#CCCCCC;
	font-size:10px;
}
td.footer a, td.footer a:active, td.footer a:visited{
	color:#FFFFFF;
	text-decoration:none;
} 
td.footer a:hover{
	color:#CCCCCC;
	text-decoration:none;
}






div.pagination {
	font-size: 11px;
	text-align:right;
	color:black;
	margin-top:20px;
	text-align:center;
}

div.pagination a, div.pagination a:visited, div.pagination a:active {
	color:white;
	text-decoration:none;
	padding:2px 4px 2px 3px;
	margin:0 3px 0 3px;
	background-color:#002941;
}

div.pagination a:hover{
	color:white;
	background-color:#FF9900;
}
div.pagination span.current {
	padding:2px 4px 2px 3px;
	margin:0 3px 0 3px;
	border:1px solid #FF9900;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#FF9900;
}
div.pagination span.disabled {
	display:none;
}






p.contents{
	font-size:12px;
	color:#666666;
}
td.active{
	color:#006600;
	font-weight:bold;
}
td.inactive{
	color:#0066CC;
	font-weight:bold;
}
td.pending{
	color:#990000;
	font-weight:bold;
}
td.currenttemplate{
	background-image:url(images/current_template.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

table.dashboard td.inside{
	border-left:1px solid #CCCCCC;
}
table.dashboard td h2{
	color:#FF6600;
	font-size:16px;
	font-family: "Trebuchet MS", Arial;
	margin-top:0px;
}
a.bigfont, a.bigfont:active, a.bigfont:visited{
	font-size:18px;
	text-decoration:none;
}
a.bigfont:hover{
	color:#FF0000;
}
a.mailsubject, a.mailsubject:active, a.mailsubject:visited{
	display:block;
	width:450px;
	text-decoration:none;
}
div.emailmessage{
	background-color:#FFFFFF;
	margin:10px;
	border:1px solid #CCCCCC;
	padding:5px;
}
div.emailheader{
	background-color:#F3F3F3;
	color:#666666;
	margin:5px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

div.linkdetail{
	margin:0px;
	display:block;
	width:100%;
}
div.linkdetail span{
	display:none;
	margin-left:180px;
	width:350px;
}
div.linkdetail:hover{
	position:relative;
} 
div.linkdetail:hover span{
  display:block;
  position:absolute;
  border:1px solid #999999;
  top:1.3em;
  left:-10px;
  background-color:#FFFFFF;
  color:#666666;
  text-align: left;
  padding:5px;
} 











div.topmenu a, div.topmenu a:active, div.topmenu a:visited{
	width:160px;
	line-height:12px;
	border-bottom:1px solid #CCCCCC;
	display:block;
	padding:4px;
	padding-left:40px;
	color:#000000;
	text-decoration:none;
	background:url(images/b2.gif) no-repeat 25px 6px;
	background-color:#FFFFFF;
}
div.topmenu a:hover{
	color:#990000;
	font-weight:bold;
}




div.topmenu a.heading, div.topmenu a.heading:active, div.topmenu a.heading:visited{
	margin:0px;
	width:170px;
	line-height:18px;
	border-bottom:1px solid #FF6600;
	display:block;
	padding:4px;
	padding-left:30px;
	background:url(images/b1.gif) no-repeat 10px 7px;
	background-color:#F7F7F7;
	color:#003366;
	font-weight:bold;
	text-decoration:none;
}
div.topmenu a.heading:hover{
	background-color:#EFEFEF;
}
div.topmenu a.current, div.topmenu a.current:active, div.topmenu a.current:visited, div.topmenu a.current:hover{
	color:#339900;
	font-weight:bold;
}


a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #FF6500;
    background-color:#DFCD0D; color:#000;
    text-align: center}