@CHARSET "ISO-8859-1";
/* CSS Document */

* {margin:0; padding:0;}

body  {
	font-family:verdana;
	font-size:14px;
	color:#222222;
    margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;


}
 
 
h1, h2, h3, h4, h5, h6, div, p {
	margin:0;
	padding:0;
	list-style:none;
}
input[disabled] {
	background-color: #ddd;
	 border:1px solid #006800; 
	 background-color: #ddd; 
	 color:#006800; padding: 2px;
	  font-family: verdana;
	  font-size: 11px; 
	  font-weight: bold; 
}

#searchResultDiv { border: 5px solid ;   background-color: #ffffff; }

#showFilterDiv { background: #ffffff; border: solid 1px #006800;    padding: 20px; z-index: 10000; }


#topBox { background: url(/hydrogen/images/heading_bg.gif) #006800;  border: solid 1px #006800; border-bottom: none;  padding: 4px;     }
#bottomBox {position:relative; top:-4px; left:0px; background: #ffffff; border: solid 1px #006800; border-top: none; padding: 4px;   }

#headingBoxtop { background: url(/hydrogen/images/headin_box_bg.gif) #006800;    border: solid 1px #69a5b6; border-bottom: none;   padding: 4px;   }
#headingBoxbottom { background: #ffffff; border: solid 1px #000000; border-top: none; padding: 20px; position:relative; top:-2px; }

#homedivNew {background: #313131; border: solid 1px #006800;    padding: 18px; width:1024px;  }
#homediv {background: #FFFFFF; border: solid 1px #006800;    padding: 18px;  }

 

 /*img{ behavior: url("/hydrogen/include/iepngfix.htc") }*/

h1 {font:bold 28px verdana, verdana, Helvetica, sans-serif; background-color: #ffffff;}
h2 {font:20px verdana; font-weight:bold; background-color: #ffffff;}
h3 {font:16px verdana, verdana, Helvetica, sans-serif; font-weight:bold; background-color: #ffffff;}
h4 {font:15px verdana; font-weight:bold; line-height:20px; background-color: #ffffff;}
h5 {font:14px verdana; font-weight:bold; background-color: #ffffff;}
h6 {font:13px verdana; font-weight:bold;background-color: #ffffff;}
p  {font-family:verdana; line-height:16px; font-size:14px;background-color: #ffffff; }
a  {text-decoration:none; font-family: verdana;font-size: 14px; font-weight: normal;text-decoration: none;color: #222222; }
a:hover {text-decoration:none;font-family: verdana;font-size: 14px; font-weight: normal;text-decoration: none;color: #222222; }
img {border:none;}
.br, .clear {clear:both;}
.chkbox {border:none;}

input, textarea{
	padding:2px;
	font-size:13px;
	font-family:verdana;
	border:1px solid #a9a9a9;
}
select{ 
	font-size:13px;
	font-family:verdana;
	border:1px solid #a9a9a9;
}


.normaltext {font-family: verdana;font-size: 14px; font-weight: normal;text-decoration: none;color: #222222; }
.normaltextw {font-family: verdana;font-size: 14px; font-weight: normal;text-decoration: none;color: #ffffff; }
.normaltextj {font-family: verdana;font-size: 14px; font-weight: normal;text-decoration: none;color: #222222;text-align: justify; }
.normaltextl {font-family: verdana;font-size: 14px; font-weight: normal;text-decoration: none;color: #222222;text-align: left; }
.boldtext {font-family: verdana;font-size: 14px; font-weight: bold;text-decoration: none;color: #222222; }
.boldtext {font-family: verdana;font-size: 14px; font-weight: bold;text-decoration: none;color: #222222; }
.boldtextgreen {font-family: verdana;font-size: 12px; font-weight: bold;text-decoration: none;color: #006800; }
.boldtextsmall {font-family: verdana;font-size: 11px; font-weight: bold;text-decoration: none;color: #222222; }

.errortext {font-family: verdana;font-size: 9px; font-weight: normal;text-decoration: none;color: #ff0000; }
.headingpanel {font-family: verdana;font-size: 15px; font-weight: bold;text-decoration: none;color: #ffffff;height: 25px;  }
.verdana20 {font-family: verdana;font-size: 20px; font-weight: normal;text-decoration: none;color: #222222; }
.headingh1 {font:bold 28px verdana, verdana, Helvetica, sans-serif; background-color: #ffffff; }
.headingh2 {font:bold 20px verdana, verdana, Helvetica, sans-serif; background-color: #ffffff; }
.headingh3 {font:bold 16px verdana, verdana, Helvetica, sans-serif; background-color: #ffffff; }
.headingh4 {font:bold 15px verdana, verdana, Helvetica, sans-serif; background-color: #ffffff; }
.headingh5 {font:bold 14px verdana, verdana, Helvetica, sans-serif; background-color: #ffffff; }
.headingh6 {font:bold 13px verdana, verdana, Helvetica, sans-serif; background-color: #ffffff; }
.boldtextg {font-family: verdana;font-size: 14px; font-weight: bold;text-decoration: none;color: #006800; }
.boldtextgs {font-family: verdana;font-size: 12px; font-weight: bold;text-decoration: none;color: #006800; }
.smalltext {font-family: verdana;font-size: 11px; font-weight: normal;text-decoration: none;color: #222222; text-align: left;}

.boldtextw {font-family: verdana;font-size: 16px; font-weight: bold;text-decoration: none; color: #ffffff; }

.floatl {float:left;}
.floatr {float:right;}
.txtr {text-align:right;}
.txtc {text-align:center;}
.txtcc{vertical-align: middle; text-align: center;}
.txtj {text-align: justify;}
.border { border: 1px solid #cccccc;}
.borderltr{border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom: 1px solid #ffffff; border-top: 1px solid #cccccc; }
.borderg { border: 1px solid #cccccc;}
.borderw { border: 1px solid #ffffff;}
.borderwpad0 { border: 1px solid #ffffff;padding: 0px;   }
.bordergreen { border: 1px solid #006800;}
.borderbtgreen { border-bottom: 4px solid #006800;}
.bordertopgreen { border-top: 4px solid #006800;}
.bordergreent { border: 1px solid #5cae1b; border-top: 0px solid #5cae1b;}


.bgcgray {background-color: #e4e4e4; }
.bgcgreen {background-color: #006800; }
.bgcgreen1 {background-color: #99cc66; }
.bgwhite {background-color: #ffffff;}
 
.bordergreen {border:1px solid #006800;}
.bordertop{border-left: 1px solid #006800; border-bottom:1px solid #006800; border-right: 1px solid #006800; border-top: 0px solid #006800;  }


.linkblack  {text-decoration:none; font-family: verdana;font-size: 12px; font-weight: normal;text-decoration: underline;color: #222222; }
.linkblack:hover {text-decoration:none;font-family: verdana;font-size: 12px; font-weight: normal;text-decoration: none;color: #222222; }

.linkgreen  {text-decoration:none; font-family: verdana;font-size: 12px; font-weight: normal;text-decoration: underline;color: #006800; }
.linkgreen:hover {text-decoration:none;font-family: verdana;font-size: 12px; font-weight: normal;text-decoration: none;color: #006800; }

.linkgreenb  {text-decoration:none; font-family: verdana;font-size: 12px; font-weight: bold;text-decoration: underline;color: #006800;cursor: pointer; }
.linkgreenb:hover {text-decoration:none;font-family: verdana;font-size: 12px; font-weight: bold;text-decoration: none;color: #006800; }

.linkgreensmall  {text-decoration:none; font-family: verdana;font-size: 10px; font-weight: normal;text-decoration: underline;color: #006800; }
.linkgreensmall:hover {text-decoration:none;font-family: verdana;font-size: 10px; font-weight: normal;text-decoration: none;color: #006800; }

.linkwsmall  {text-decoration:none; font-family: verdana;font-size: 10px; font-weight: normal;text-decoration: underline;color: #ffffff; }
.linkwsmall:hover {text-decoration:none;font-family: verdana;font-size: 10px; font-weight: normal;text-decoration: none;color: #ffffff; }
.smalllink {font-family: verdana;font-size: 11px; font-weight: normal;text-decoration: none;color: #222222; text-align: left;}
.smalllink:hover {text-decoration:none;font-family: verdana;font-size: 11px; font-weight: normal;text-decoration: none;color: #222222; }

.w25p {width: 25%;}
.w30p {width: 30%;}
.w50p {width: 50%;}
.w75p {width: 75%;}
.w80p {width: 80%;}
.w90p {width: 90%;}
.w95p {width: 95%;}
.w96p {width: 96%;}
.w97p {width: 97%;}
.w98p {width: 98%;}
.w99p {width: 99%;}
.w100p {width: 100%;}

.w11 {width: 11px;}
.w14 {width: 14px;}
.w15 {width: 15px;}
.w15 {width: 15px;}
.w20 {width: 20px;}
.w22 {width: 22px;}
.w25 {width: 25px;}
.w30 {width: 30px;}
.w35 {width: 35px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w80 {width: 80px;}
.w97 {width: 97px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w130 {width: 130px;}
.w145 {width: 145px;}
.w150 {width: 150px;}
.w180 {width: 180px;}
.w194 {width: 194px;}
.w200 {width: 200px;}
.w230 {width: 230px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w320 {width: 320px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w450 {width: 450px;}
.w500 {width: 500px;}
.w1024 {width: 1024px;}
.w520 {width: 520px;}
.w550 {width: 550px;}
.w600 {width: 600px;}
.w630 {width: 630px;}
.w338 {width: 338px;}
.w950 {width: 950px;}
.h80p {height: 80%;}
.h90p {height: 90%;}
.h98p {height: 98%;}
.h100p {height: 100%;}
.h4{height: 4px;}
 
.h13 {height: 13px;}
.h15 {height: 15px;}
.h19{height: 19px;}
.h25{height: 25px;}
.h30{height: 30px;}
.h35{height: 35px;}
.h50{height: 50px;}
.h60{height: 60px;}
.h65{height: 65px;}
.h70{height: 70px;}
.h80{height: 80px;}
.h94{height: 94px;}
.h96{height: 96px;}
.h100{height: 100px;}
.h125{height: 125px;}
.h300{height:300px;}
.h350{height:350px;}
.h400{height:400px;}
.h450{height:450px;}
.h480{height:450px;}
.h500{height:500px;}
.h600{height:600px;}

.pad0{padding: 0px;}
.pad3{padding: 3px;}
.pad5{padding: 5px;} 
.pad10 {padding: 10px;}
.pad20 {padding: 20px;}
.pad70 {padding-left: 70px;}

.padt5 {padding-top: 5px;}
.padt20 {padding-top: 20px;}
.padt50 {padding-top: 50px;}
.padtd100 {padding-top: 30px; padding-bottom: 130px;vertical-align: middle; text-align: center;}

.padt3 {padding-top: 10px;}
html>body .padt3 {padding-top: 3px;}

.padr20 {padding-right: 20px;}
.padl5 {padding-left: 5px;}
	
.header_img1{ background-image: url("/hydrogen/images/header_collaborative.gif");background-repeat: no-repeat; width:120 px; height:94 px;     }
.header_img2{ background-image: url("/hydrogen/images/header_simple.gif");background-repeat: no-repeat; width:120 px; height:94 px;     }
.header_img3{ background-image: url("/hydrogen/images/header_autoemail.gif");background-repeat: no-repeat; width:120 px; height:94 px;     }
.header_img4{ background-image: url("/hydrogen/images/header_sms.gif");background-repeat: no-repeat; width:120 px; height:94 px;     }
.header_img5{ background-image: url("/hydrogen/images/header_deadlines.gif");background-repeat: no-repeat; width:120 px; height:94 px;     }
.header_img6{ background-image: url("/hydrogen/images/header_eco.gif");background-repeat: no-repeat; width:120 px; height:94 px;     }

.BtLogin {background-image: url("/hydrogen/images/bt_login.gif"); background-repeat:no-repeat; width:100px; height:21px;   border: 1px solid #cccccc; background-color: #313131; cursor: pointer;  }
.BtRegistration {background-image: url("/hydrogen/images/bt_Registration.gif"); background-repeat:no-repeat; width:139px; height:21px;  border: 1px solid #cccccc;  background-color: #313131;  cursor: pointer;   }

.listicon {
	list-style-image: url(../images/listicon.gif);
	text-align:left;
	list-style-position: outside;
	list-style-type: none;
	font-family: verdana;
	font-size: 10px;
	color: #222222;
	font-style: normal;
	font-weight: bold;
}
.boldtw12 {font-family: verdana;font-size: 12px; font-weight: bold; text-decoration: none; color: #ffffff; }
.normaltw12 {font-family: verdana;font-size: 12px; font-weight: normal; text-decoration: none; color: #ffffff; }

.eleventext {font-family: verdana;font-size: 11px; font-weight: normal;text-decoration: none;color: #222222; }
.eleventextgreen {font-family: verdana;font-size: 11px; font-weight: normal;text-decoration: none;color: #406716; }
.eleventextred{font-family: verdana;font-size: 11px; font-weight: normal;text-decoration: none;color: #ab2f2f; }
.greytext {font-family: verdana;font-size: 9px; font-weight: normal;text-decoration: none;color: #808080; }
.greytextw {font-family: verdana;font-size: 9px; font-weight: normal;text-decoration: none;color: #ffffff; }
.boldtextw {font-family: verdana;font-size: 16px; font-weight: bold;text-decoration: none;color: #fffff; }
.boldlink {font-family: verdana;font-size: 14px; font-weight: bold;text-decoration: underline;color: #222222; }
.boldlink:hover {font-family: verdana;font-size: 14px; font-weight: bold;text-decoration: none;color: #222222; }

.tinytext {font-family: verdana;font-size: 9px; font-weight: normal;text-decoration: none;color: #222222; }
.assignertext {font-family: verdana;font-size: 9px; font-weight: normal;text-decoration: none;color: #006800; border-left-style: double; border-right-style: double; border-top-style: double; border-bottom-style: double; }
.tags {font-family: verdana;font-size: 9px; font-weight: normal;text-decoration: none;color: #ffffff; background-color: #1f93b5; padding: 1px; border-left-style: double; border-right-style: double; border-top-style: double; border-bottom-style: double;}
.assignmenttags {font-family: verdana;font-size: 9px; font-weight: normal;text-decoration: none;color: #ffffff; background-color: #1f93b5; padding: 1px;padding-bottom: 2px; border-left-style: double; border-right-style: double; border-top-style: double; border-bottom-style: double;}
.tagsbeforesave {font-family: verdana;font-size: 9px; font-weight: normal;text-decoration: none;color: #ffffff; background-color: #f9b03b; padding: 0px;border-left-style: double; border-right-style: double; border-top-style: double; border-bottom-style: double;}


.tagslabel {font-family: verdana;font-size: 9px; font-weight: normal;text-decoration: none;color: #ffffff; background-color: #222222; padding: 1px; border-left-style: double; border-right-style: double; border-top-style: double; border-bottom-style: double;}
.tagslabel:hover {font-family: verdana;font-size: 9px; font-weight: normal;text-decoration: none;color: #222222; background-color: #ffffff; padding: 1px; }

.deletebut {background-image: url("/hydrogen/images/cancel1.gif");cursor:pointer; background-repeat:no-repeat;   border: 1px solid #ffffff; background-color: white;     }
.deletebut:hover {background-image: url("/hydrogen/images/cancel1.gif"); background-repeat:no-repeat;   border: 1px solid #990000; }

.deletebutclose {background-image: url("/hydrogen/images/close.gif"); background-repeat:no-repeat;   border: 1px solid #ffffff;     }
.deletebutclose:hover {background-image: url("/hydrogen/images/close.gif"); background-repeat:no-repeat;   border: 1px solid #990000; }


.linkblue {font-family: verdana;font-size: 10px; font-weight: bold;text-decoration: underline;color: #0150a1; }
.linkblue:hover {font-verdana;  font-size: 10px; font-weight: bold;text-decoration: none;color: #0150a1; }

.linkblue1 {font-family: verdana;font-size:9px; font-weight: normal;text-decoration: underline;color: #0150a1; }
.linkblue1:hover {font-verdana;  font-size: 9px; font-weight: normal;text-decoration: none;color: #0150a1; }

.assignedbymetextnew {font-family: verdana;font-size: 11px; font-weight: normal;color: #0150a1; }
.assignedtometextnew {font-family: verdana;font-size: 11px; font-weight: normal;color: #006800; }

.assignedbymetext {font-family: verdana;font-size: 14px; font-weight: normal;text-decoration: underline;color: #0150a1; }
.assignedbymetext:hover {font-family: verdana;font-size: 14px; font-weight: normal;text-decoration: none;color: #0150a1; }
.assignedtometext {font-family: verdana;font-size: 14px; font-weight: normal;text-decoration: underline;color: #006800; }
.assignedtometext:hover {font-family: verdana;font-size: 14px; font-weight: normal;text-decoration: none;color: #006800; }
.assignedto  {font-family: verdana;font-size: 14px; font-weight: normal;text-decoration: underline;color: #222222;  }
.assignedto:hover  {font-family: verdana;font-size: 14px; font-weight: normal;text-decoration: none;color: #222222; }

.bigtags {font-family: verdana;font-size: 12px; font-weight: normal;text-decoration: none;color: #00bb00; background-color: #ffffff; }

.redtags {font-family: verdana;font-size: 9px; font-weight: normal;text-decoration: none;color: #ffffff; background-color: #53a053;padding: 1px; border-left-style: double; border-right-style: double; border-top-style: double; border-bottom-style: double; }

.hdot {background-image: url("/hydrogen/images/h_dot.gif"); background-repeat: repeat-x; height: 2px;width: 100%;  }
.bulletgreen{background-image: url("/hydrogen/images/bulletgreen.png"); background-repeat: no-repeat; height: 20px;width: 20px;}


.btaccept{background-image: url("/hydrogen/images/bt_accept.png");background-repeat: no-repeat;background-color:#ffffff;cursor:pointer; width: 23px; height:23px; border: 0px; }
.btdone{background-image: url("/hydrogen/images/bt_accept.png");background-repeat: no-repeat;background-color:#ffffff; width: 23px; height:23px; border: 0px; }


.btdelete {background-image: url("/hydrogen/images/bt_deletesmall.png");background-repeat: no-repeat; background-color:#ffffff;  width:20px;cursor:pointer; height:19px; border: 0px; }
.btdelete:hover {background-image: url("/hydrogen/images/bt_deletesmallh.png");background-repeat: no-repeat;background-color:#ffffff;  width:20px;cursor:pointer; height:19px; border: 0px; }


.btemail {background-image: url("/hydrogen/images/bt_emailbig.gif");background-repeat: no-repeat; width:36px;cursor:pointer; height:36px; border: 0px; }
.btemail:hover {background-image: url("/hydrogen/images/bt_emailbigh.gif");background-repeat: no-repeat; width:36px;cursor:pointer; height:36px; border: 0px; }


.btdeletesmall {background-image: url("/hydrogen/images/bt_deletesmall.png");background-repeat: no-repeat; background-color:#ffffff; width:20px;cursor:pointer; height:19px; border: 0px; }
.btdeletesmall:hover {background-image: url("/hydrogen/images/bt_deletesmallh.png");background-repeat: no-repeat;  width:20px;cursor:pointer; height:19px; border: 0px; }

.btreset {background-image: url("/hydrogen/images/bt_reset.gif");background-repeat: no-repeat; width:98px;cursor:pointer; height:34px; border: 0px; }




.cancel {background-image: url("/hydrogen/images/cancel.gif");background-repeat: no-repeat; width:18px;cursor:pointer; height:18px; border: 0px; }
.reject {background-image: url("/hydrogen/images/reject.gif");background-repeat: no-repeat; width:18px;cursor:pointer; height:19px; border: 0px; }

.done {background-image: url("/hydrogen/images/done.png");background-repeat: no-repeat;   width:18px;cursor:pointer; height:19px; border: 0px; }
.done:hover {background-image: url("/hydrogen/images/donehover.png");background-repeat: no-repeat;   width:18px;cursor:pointer; height:19px; border: 0px; }

.comment {background-image: url("/hydrogen/images/comment.png");background-repeat: no-repeat;   width:22px; }

.commenttextbutton {cursor:pointer; url("/hydrogen/images/comment.png");background-repeat: no-repeat;   width:22px; height:19px; border: 0px; font-family: verdana; font-size: 10px; font-weight: bold; color: #ffffff; }
.commenttextbutton:hover {cursor:pointer;url("/hydrogen/images/comment.png");background-repeat: no-repeat;   width:22px; height:19px; border: 0px; font-family: verdana; font-size: 10px; font-weight: bold; color: #006800; }

.commenttext {cursor:pointer; height:19px; border: 0px; font-family: verdana; font-size: 10px; font-weight: bold; color: #ffffff; }
.commenttext:hover {cursor:pointer; height:19px; border: 0px; font-family: verdana; font-size: 10px; font-weight: bold; color: #006800; }

.numbertext { height:19px; border: 0px; font-family: georgia; font-size: 10px; font-weight: normal; color: #ffffff; }
.daystext {  font-family: georgia; font-size: 10px; font-weight: normal; color: #555555; }

.invtext {  font-family: georgia; font-size: 11px; font-weight: normal; color: #333333; text-decoration: underline; }
.invtext:hover {  font-family: georgia; font-size: 11px; font-weight: normal; color: #333333; }

.button {cursor:pointer;   border:1px solid #006800; background-color: #ffffff; color:#006800; padding: 2px; font-family: verdana;font-size: 11px; font-weight: bold; }
.button:hover {cursor:pointer;   border:1px solid #006800; background-color: #006800; color:#ffffff; padding: 2px; font-family: verdana;font-size: 11px; font-weight: bold;}

.butclose 		{cursor:pointer;   border:1px solid red; background-color: #ffffff; color:red; padding: 2px; font-family: verdana;font-size: 11px; font-weight: bold; }
.butclose:hover {cursor:pointer;   border:1px solid #ffffff; background-color: red; color:#ffffff; padding: 2px; font-family: verdana;font-size: 13px; font-weight: bold;}


.btaddtask {background-image: url("/hydrogen/images/bt_addtask.gif");background-repeat: no-repeat; width:159px;cursor:pointer; height:34px; border: 0px; }


.btassign {background-image: url("/hydrogen/images/bt_assign.gif");background-repeat: no-repeat; width:97px;cursor:pointer; height:34px; border: 0px; }

.btemail1 {background-image: url("/hydrogen/images/bt_email.png");background-repeat: no-repeat; width:20px;cursor:pointer; height:21px; border: 0px; }

.btactive {background-image: url("/hydrogen/images/bt_activate.gif");background-repeat: no-repeat; width:107px;cursor:pointer; height:34px; border: 0px; }


.btassignsmall {background-image: url("/hydrogen/images/bt_assignsmall.png");background-repeat: no-repeat;  width:20px;cursor:pointer; height:19px; border: 0px; }
.btassignsmall:hover {background-image: url("/hydrogen/images/bt_assignsmallh.png");background-repeat: no-repeat;   width:20px;cursor:pointer; height:19px; border: 0px; }


.btsubmit{background-image: url("/hydrogen/images/bt_submit.gif");background-repeat: no-repeat; width:96px;cursor:pointer; height:34px; border: 0px; }


.bullet{background-image: url("/hydrogen/images/bullet.gif");background-repeat: no-repeat; width:14px;cursor:pointer; height:14px; border: 0px; }


.tabbgleft{background-image: url("/hydrogen/images/tab_bg.gif");background-repeat:repeat-x; no-repeat;   height:34px; border: 0px; }
.tabmytask{background-image: url("/hydrogen/images/tab_mytask.gif");background-repeat: no-repeat; width:97px;cursor:pointer; height:34px; border: 0px; }
.tabmytaskh{background-image: url("/hydrogen/images/tab_mytaskh.gif");background-repeat: no-repeat; width:97px;cursor:pointer; height:34px; border: 0px; }


.tabassign{background-image: url("/hydrogen/images/tab_taskassigned.gif");background-repeat: no-repeat; width:194px;cursor:pointer; height:34px; border: 0px; }
.tabassignh{background-image: url("/hydrogen/images/tab_taskassignedh.gif");background-repeat: no-repeat; width:194px;cursor:pointer; height:34px; border: 0px; }

.logoimg {background-image: url("/hydrogen/images/logo.png");width: 338px; height: 96px;background-repeat: no-repeat;}
.loadingimg {background-image: url("/hydrogen/images/loading.gif");background-repeat: no-repeat; width: 32px; height: 32px;}

.boxtopleft {background-image: url("/hydrogen/images/box_top_left.gif");background-repeat:no-repeat; width: 10px; height: 11px; }
.boxtop {background-image: url("/hydrogen/images/box_top.gif");background-repeat: repeat-x;height: 11px;  }
.boxtopright {background-image: url("/hydrogen/images/box_top_right.gif"); background-repeat:no-repeat; width: 16px; height: 11px;}
.boxleft {background-image: url("/hydrogen/images/box_left.gif"); background-repeat: repeat-y; width: 10px;   }
.boxright {background-image: url("/hydrogen/images/box_right.gif"); background-repeat: repeat-y;width: 16px;  }
.boxbottomleft {background-image: url("/hydrogen/images/box_bottom_left.gif"); width: 10px; height:16px;}
.boxbottom {background-image: url("/hydrogen/images/box_bottom.gif"); background-repeat: repeat-x; height: 16px; }
.boxbottomright {background-image: url("/hydrogen/images/box_bottom_right.gif"); width: 16px; height: 16px;}

.modeltopleft {background-image: url("/hydrogen/images/model_top_left.gif");background-repeat:no-repeat; width: 12px; height: 31px; }
.modeltop {background-image: url("/hydrogen/images/model_top.gif");background-repeat: repeat-x;height: 31px;  }
.modeltopright {background-image: url("/hydrogen/images/model_top_right.gif"); background-repeat:no-repeat; width: 17px; height: 31px;}
.modelleft {background-image: url("/hydrogen/images/model_left.gif"); background-repeat: repeat-y; width: 12px;   }
.modelright {background-image: url("/hydrogen/images/model_right.gif"); background-repeat: repeat-y;width: 17px;  }
.modelbottomleft {background-image: url("/hydrogen/images/model_bottom_left.gif"); width: 12px; height: 17px;}
.modelbottom {background-image: url("/hydrogen/images/model_bottom.gif"); background-repeat: repeat-x; height: 17px; }
.modelbottomright {background-image: url("/hydrogen/images/model_bottom_right.gif"); width: 17px; height: 17px;}

.textbox { background-color: #f7f5f5; height:20px;   border: 1px solid #006800; font-family: verdana; font-size: 14px;}
.textarea { background-color: #f7f5f5; height:50px;   border: 1px solid #006800; font-family: verdana; font-size: 14px;}
.divlogo { position: absolute; top:40px; left: 10px; }
.divlogoin { position: absolute; top:-5px; left: 10px; }
.tooltip-text { background-color: #ffffff;border-style:solid; border-color: #006800; color: #006800; padding: 1px;}




#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {
float: left;
position: relative;
}

.mainitems{
 
}

.mainitems a{
margin-left: 6px;
margin-right: 8px;
text-decoration: none;
}

.subuls{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
 
 
}

.subuls li{
width: 100%;
}

.subuls li a{
text-decoration: underline;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}