body {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  background:#3D5864 url(images/grad2.jpg) repeat-x bottom fixed;
  font-size: 0.8125em;height:100%; 
}
p {font-size:1em;padding-left:10px;}
a, a:link{color:#990000;}
h2 {margin:5px 10px;border-bottom:1px dotted #FFA817;font-size: 22px;color:#1B156F;}
h3 {font-size:1.1em; border-bottom:1px dotted #FFA817;margin:10px 10px 10px 5px;padding-left:25px; background:url(images/h3.gif) no-repeat left;}
h4 {font-size:1.0em;margin:10px 10px 10px 5px;padding-left:5px; text-decoration:underline; }
#container {margin: 10px auto 60px auto; width:780px;background:#fff; }
#header {margin: 0px; height:100px;background:url(images/grad5.jpg) repeat-x top;}
#logo{float:left; margin-left:15px; margin-top:0px;height:100px;}
#logo img{border:0px;}
#navigation {width:100%; height: 30px; background:#3772AA url(images/nav.jpg) repeat-x bottom;color:#fff;clear:both;}
#nav{width:70%; float:right;}
#nav ul{float:right; margin:0px;padding:0px;}
#nav li{float:left;margin-left: 10px; margin-right:5px; margin-top:5px;font-weight:bold;font-size: 1.1em;list-style:none;}
#design {width:100%; height: 150px; background:#A8CE69 url(images/design.jpg) repeat-x;color:#fff;clear:both;}
#design1 {width:100%; height: 150px; background:#3772AA url(images/design1.jpg) repeat-x;color:#fff;clear:both;}
#design2 {width:100%; height: 150px; background:#960001 url(images/design2.jpg) repeat-x;color:#fff;clear:both;}
#design3 {width:100%; height: 150px; background:#f4f4f4 url(images/design3.jpg) repeat-x;color:#fff;clear:both;}
#designHelpD {width:100%; height: 150px; background:#f4f4f4 url(images/helpdesk_banner.jpg) repeat-x;color:#fff;clear:both;}
#designManual {width:100%; height: 150px; background:#f4f4f4 url(images/onlineManual_banner.jpg) repeat-x;color:#fff;clear:both;}
#design4 {width:100%; height: 150px; background:#f4f4f4 url(images/design4.jpg) repeat-x;color:#fff;clear:both;}
#text1{width:95%; margin:10px 2.4%;padding-top:5px;background:#f1f1f1 url(images/dgrad.jpg) repeat-x bottom; height:200px;}
#text1 li a{font-size:0.9em;font-family: Verdana, Geneva, Arial;color:#990000;}
#text{width:95%; margin:10px 2.4%;background:#f4f4f4 url(images/grad.gif) repeat-x bottom;padding-bottom:15px;}
#text li a{font-size:0.9em;font-family: Verdana, Geneva, Arial;color:#990000;}
#text li{padding-left:20px; background:url(images/right.gif) no-repeat 0 3px;list-style:none;margin:5px 0;}
#text li.p{padding-left:20px; background:url(images/acrobat.gif) no-repeat 0 3px;list-style:none;margin:5px 0;}
#text2{background:#fff url(images/welcome.jpg) no-repeat center ; width:750px;margin:10px auto 20px auto;clear:both;padding:0px 5px 0px 5px;height:150px;}
#text2 h2{line-height:1.6em;padding-top:5px;float:right;width:82%;padding-right:10px;font-size:1.1em;}
#text2 p{line-height:1.45em;padding-top:3px;float:right;width:80%;padding-right:10px; padding-left:0px;margin:0px;font-size:0.85em;}
#right{width: 350px; float:right;clear:right;margin-right: 5px;background:#668FA3;margin-top:5px;}
#left {float:left;margin:5px;  width: 365px; background:#9FAA86;color:#222; font-size:11px;}
#left2 {float:left;margin:5px;  width: 365px; background:#9FAA86;color:#222;}



.fragment3 {
	border:1px solid #99CCCC; 
	background-color:#E7F2F2; background:#EBEFE3 url(images/tdgrad2.jpg) repeat-x bottom;
	position:relative; z-index:1; 
	padding:1em 10px; margin:0px;display:block;margin-left:3px;margin-right:3px;
}
.fragment3 li { padding: 0px 5px 7px 18px; list-style:none; background:url(images/right.gif) no-repeat 0 3px;}
.fragment3 ul {margin: 5px 0;padding:0px;width:150px;}
#ra{float:right;margin-top:10px;z-index:100;}

.fragment4 {
	border:1px solid #99CCCC; 
	background-color:#E7F2F2; background:#E7F2F2 url(images/tdgrad3.jpg) repeat-x bottom;
	position:relative; z-index:1; 
	padding:1em 10px; margin-top:0px;display:block;margin-left:3px;margin-right:3px;
	height:110px;
}
.fragment4 li { padding: 0px 5px 7px 18px; list-style:none; background:url(images/right.gif) no-repeat 0 3px;}
.fragment4 ul {margin: 5px 0 0px 0;padding:0px;width:180px;}




.fragment1 {
	border:1px solid #99CCCC; 
	background-color:#E7F2F2; background:#EBEFE3 url(images/tdgrad.jpg) repeat-x bottom;
	position:relative; z-index:1; 
	padding:1em 10px; margin-top:3px;display:block;margin-left:3px;margin-right:3px;
}
.fragment1 li { padding: 0px 5px 7px 18px; list-style:none; background:url(images/right.gif) no-repeat 0 3px;}
.fragment1 ul {margin: 5px 0;padding:0px;}

#left1{ margin:3px 3px 0 3px;height:140px;background:#EBEFE3 url(images/tdgrad.jpg) repeat-x bottom;padding-bottom:1px;padding-top:0px;	border:1px solid #ADC675; 
}
#left p{padding:8px 5px 5px 5px;}#left a{color:#222;font-weight:bold;}
#center {text-align:center;margin:10px 0;}
#footer p{clear:both;text-align:right;margin:0px 13px 8px 0;padding:0px;}
#footer img {border:0px;}
#footer1 {width:780px; background: url(images/footer.jpg) no-repeat center;margin:0 auto;padding:0px;clear:both;height:48px;padding-top:20px;}
#line { font-size:0.8em;margin-top:0px;margin-left:10px;padding-top:0px;width:506px;}
#line a {color:#2C3E48;}
#line1 {float:right;width:250px;margin:0px;padding:0px;margin-top:-15px;margin-right:5px;font-size:0.8em;text-align:right;line-height:1.4em;}
#navcontainer {
        background: #369;
        border-top: 1px solid #9CC;
        font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#navlist {
        list-style: none outside none;
        margin: 0;
        padding: 0;
}
@media all {
        #navlist {text-align: right;}
}
#navlist li {
        bottom: 11px;
        display: inline;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        position: relative;
}
html>body #navlist li {
        background: #000;
        margin: 0 3px 0 0;
        padding: 4px 0px 4px 0;
}
#navlist a, #navlist a:link, #navlist a:visited {
        background: #900;
        border: 1px solid #FFF;
        bottom: 2px;
        color: #FFF;
        cursor: pointer;
        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 2px;
        text-decoration: none;
}
#navlist a:hover {
        background: #C00;
        bottom: 1px;
        color: #FFF;
        position: relative;
        right: 1px;
}
#navlist a:active {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
}
#navlist li#active {
        background: #369;
        bottom: 13px;
        display: inline;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
}

html>body #navlist li#active {
        background: #000;
        margin: 0 4px 0 4px;
}
#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
        background: #369;
        border-bottom: none;
        border-left: 1px solid #9CC;
        border-right: 1px solid #9CC;
        border-top: 1px solid #9CC;
        bottom: 0;
        color: #FFF;
        cursor: text;
        margin: 0;
        padding: 2px 5px 0 5px;
        position: relative;
        right: 0;
}
.anchors {
margin:10px 0 0 100px; padding:0; list-style-type:none; position:relative; z-index:2;
}
.anchors:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.anchors li {
margin:0; padding:0; display:inline ;font-size:0.8em;
} 
.anchors a {
 text-decoration:none;color:#fff ! important; background-color:#990000 ! important; border:1px solid #fff; padding: 7px 10px 4px 10px;  border-bottom:none;
}
.anchors .tabs-selected a {
color:#fff ! important; font-weight:bold; background-color:#5184C3 ! important; border-color:#99CCCC; border-left-width:1px; cursor:default; border-bottom:white;padding:5px 10px 3px 10px;; 
}
.anchors a:hover	{ color:#fff ! important; background-color:#CC0000 ! important ;text-decoration:none;  }
.anchors a.active	{ color:#fff ! important; font-weight:bold; background-color:#5184C3 ! important; border-color:#99CCCC; border-left-width:1px; cursor:default; border-bottom:white;padding:5px 10px 3px 10px;}

.anchors1 {
margin:10px 0 0 10px; padding:0; list-style-type:none; position:relative; z-index:2;white-space:nowrap; 
}
.anchors1:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.anchors1 li {
margin:0; padding:0; display:inline ;
} 
.anchors1 a {
 text-decoration:none;color:#000 ! important; background-color:#95B957 ! important; border:1px solid #B3D46B; padding: 7px 10px 3px 10px;  border-bottom:none;
}
.anchors1 .tabs-selected a {
color:#fff ! important; font-weight:bold; background-color:#5184C3 ! important; border-color:#99CCCC; border-left-width:1px; cursor:default; border-bottom:white;padding:5px 10px 3px 10px;; 
}
.anchors1 a:hover	{ color:#fff ! important; background-color:#CC0000 ! important ;text-decoration:none;  }
.anchors1 a.active	{ color:#fff ! important; font-weight:bold; background-color:#5184C3 ! important; border-color:#99CCCC; border-left-width:1px; cursor:default; border-bottom:white;padding:5px 10px 3px 10px;}

.fragment {
	border:1px solid #99CCCC; 
	background-color:#E7F2F2; background:#E7F2F2 url(images/tdgrad1.jpg) repeat-x bottom;
	position:relative; z-index:1; 
	padding:1em 10px; margin-top:3px;display:block;margin-left:3px;margin-right:3px;
}
.fragment li { padding: 0px 5px 7px 18px; list-style:none; background:url(images/right.gif) no-repeat 0 3px;}
.fragment ul {margin: 5px 0;padding:0px;}
@media projection, screen { 
    .tabs-hide {display: none;}
}
@media print {
    .anchors {display: none;}
}
td {font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}
th {font-family: Verdana, Geneva, Arial, helvetica, sans-serif;}
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
tr.t {
width: 48%;
background: #ECF0E4 ;}
tr.t1 {
width: 48%;
background: #EBEFE3 url(images/tdgrad.jpg) repeat-x bottom;}
table{
width: 97%;
margin: 15px 10px;
border: 1px solid #CFD8BB;}
table.c{
border: 0px;
width: 100%;
margin: 15px 0;}
th{
background: #9FAA86;
color: #fff;
padding: 5px;}
th.t{
background:#668FA3;
color: #fff;
padding: 5px;}
td{ 
width: 50%;
padding: 5px;}
td.t1{background:#E7F2F2 url(images/tdgrad1.jpg) repeat-x bottom;}
#top{float:right;clear:both;font-size:0.8em;background:url(images/top.gif) no-repeat left 0px;padding-left:15px;margin:5px;}
#top a img{border:0px;margin:5px;padding:0px;}
#back img{border:0px;padding-top:5px;} #back{font-size:0.8em; background:url(images/back.gif) no-repeat left 0px;padding-left:15px;margin-left:5px;}
.moduletable{margin:5px;}
#wraps1{
	background-image: url(images/1.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	border-bottom: 1px solid #CCCCCC;
	float: left;background-color:#FFFFFF;
	font-size: 11px;
	height: 140px;
	margin-left: 10px;
	text-align: left;
	width: 215px;
}

#wraps1:hover{
	border-bottom: 2px solid #4280B9;
}

#wraps2{
	background-image: url(images/1.1.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	float: left;
	font-size: 11px;
	height: 140px;
	margin-left: 30px;
	text-align: left;
	width: 215px;
}

#wraps2:hover{
	border-bottom: 2px solid #4280B9;
}

#wraps3{
	background-image: url(images/2.1.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	border-bottom: 1px solid #CCCCCC;
	float: left;
	font-size: 11px;
	height: 140px;background-color:#FFFFFF;
	margin-left: 30px;
	text-align: left;
	width: 215px;
}

#wraps3:hover{
	border-bottom: 2px solid #4280B9;
}



#wrapsCont1{
	background-image: url(images/1.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	border-bottom: 1px solid #CCCCCC;
	float: left;background-color:#FFFFFF;
	font-size: 11px;
	height: 140px;
	margin-left: 10px;
	text-align: left;
	width: 215px;
}

#wrapsCont1:hover{
	border-bottom: 2px solid #4280B9;
}

#wrapsCont2{
	background-image: url(images/2.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color:#FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	float: left;
	font-size: 11px;
	height: 140px;
	margin-left: 30px;
	text-align: left;
	width: 215px;
}

#wrapsCont2:hover{
	border-bottom: 2px solid #4280B9;
}

#wrapsCont3{
	background-image: url(images/3.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	border-bottom: 1px solid #CCCCCC;
	float: left;
	font-size: 11px;
	height: 140px;background-color:#FFFFFF;
	margin-left: 30px;
	text-align: left;
	width: 215px;
}

#wrapsCont3:hover{
	border-bottom: 2px solid #4280B9;
}


















#wraps {
	height: 160px;
	margin: 0 auto;
	margin-top: 15px;
	text-align: center;
	width: 735px;
}
.details {background:url(images/right.gif) no-repeat left 1px;padding-left:15px;}
#form1 div {
  clear: left;
  display: block;background: url(images/login.jpg) no-repeat;
  width: 354px;
  margin: 20px  auto;
  padding: 15px 5px 25px 5px;border:0px solid #ECECEC;

}
#form1 label {  display: block;
  float: left;
  width: 100px;color:#FFFFFF;
  padding: 0px 5px;
  margin: 3px 0 3px 0;font-weight:bold;
  text-align: right;
}
#form1 input{  float: none;
  display: block;
  width: 150px;
  padding: 0;border-bottom:1px solid #33669B;border-right:1px solid #33669B;border-top:1px solid #A0BBD4;border-left:1px solid #A0BBD4;
  margin: 5px 0 0px 142px;
  text-align: center;
}
#sub{width:80px;background:#BADF53;font-weight:bold;border-bottom:2px solid #33669B;border-right:2px solid #33669B;border-top:1px solid #7F9DB9;border-left:1px solid #7F9DB9;}
#sub1{width:180px;background:#BADF53;font-weight:bold;border-bottom:2px solid #33669B;border-right:2px solid #33669B;border-top:1px solid #7F9DB9;border-left:1px solid #7F9DB9;}

#JT_arrow_left{
	background-image: url(images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #C7DBDB;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #C7DBDB;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #C7DBDB;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}
#evo {float:right;margin:10px;padding:5px;background:#e7f2f2;border:1px solid #C3DEDF;}
    #tabs4 {
      float:left;
      width:100%;
      font-size:93%;background:#fff;font-weight:bold;
      line-height:normal;position:relative;top:0px;
          border-bottom:1px solid #CFCFCF;
      }
    #tabs4 ul {
          margin:0;float:right;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #tabs4 li {
      display:inline;
      margin:0 4px 0 4px;
      padding:0;
      }
    #tabs4 a {
      float:left;
      background:url("images/tableft4.gif") no-repeat left top;
      margin:0;
      padding:0 4px 0 7px;
      text-decoration:none;
      }
    #tabs4 a span {
      float:left;
      display:block;
      background:url("images/tabright4.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#6B78A9;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs4 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs4 a:hover span {
      color:#6B78A9;
      }
    #tabs4 a:hover {
      background-position:0% -42px;
      }
    #tabs4 a:hover span {
      background-position:100% -42px;
      }

      #tabs4 #current a {
              background-position:0% -42px;
      }
      #tabs4 #current a span {
              background-position:100% -42px;
      }
.grade {width:100%;background:url(images/grad.gif) repeat-x bottom;}
#home_banner { background: #3E97A0 url(images/make.jpg) top left no-repeat;height: 173px; width: 100%;clear:both;}
	#home_banner ul { float: right; width: 286px; color: #fff; margin-top: 50px; line-height: 14px;	}
	#home_banner ul li { clear: left;list-style:none;height:100px;}
	#home_banner ul li a { color: #fff; padding: 9px 0 10px 0; display: block; width: 250px;	}
	#home_banner ul li a:hover { background: #3F98A0; text-decoration: none;}
	#home_banner ul img { float: left; clear: left; padding: 0 10px 0 6px; position: relative; top: -3px; left: 0; }
	#home_banner ul a em { font-size: 11px; color: #CDE9FC; font-style: normal;}
	.hide { display:none;	}
#home_banner1 {float:left;margin-top:115px;color:#5F3C00;padding:0px;}
#home_banner1 p{margin-left:85px;}
#note {background:url(/helpdesk/note.gif) no-repeat left 2px; padding-left:20px;margin-left:280px;margin-bottom:50px;padding-top:1px;}
span.p{color:#990000;}
img.t {float:left; margin-right: 5px;margin-bottom:0px; margin-top:10px; margin-left:5px;}
p.h {font-size:0.9em; line-height:1.4em; margin-top:5px;}
a.td{text-decoration:none;}
span.right {float:right;}
img.m {margin-left:5px;margin-top:10px;}
p.eight {margin-bottom:80px;}


#menu9 {
        width: 125px;
        margin: 0px;margin-right:15px;margin-top:10px;
		float:right;clear:right;padding:0px;
        }
#menu9 ul{margin:0px;padding:0px;}
#menu9 li a {
        height: 26px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 25px;
        text-decoration: none;
        }
#menu9 li{list-style:none;padding:0px;}
#menu9 li a:link, #menu9 li a:visited {
        color: #000;
        display: block;font-weight:bold;font-size:0.9em;
        background: #fff url(images/know.jpg) no-repeat;
        padding: 3px 0 0 10px;
        }

#menu9 li a:hover, #menu9 li #current { color: #000;font-weight:bold;font-size:0.9em;background: #fff url(images/know.jpg) 0 -26px;padding: 3px 0 0 10px;}
img.f{border:0px;margin:0px;padding:0px;position:relative;top:2px;}

#box1  {margin: 5px 10px 0 10px; color:#000000;float:right;width:400px;}
#wrapper{
width: 500px;
margin: 0 auto;clear:both;
}
.display{
float: left;
width: 10px;
height: 200px;
margin: 0 2px 0 0;padding:0px;border:0px;
background: #EEA5BB url(images/pinktab.jpg) no-repeat;
}
.stretcher{
float: left;
width: 210px;
}
#info {
width: 100%;
float: left;
font-size: 0.8em;}
#info p{
padding: 2px 2px 10px 8px;
background: #F4f4f4 url(images/ibg.gif) repeat-x bottom;}
#info a{
text-decoration: none;
border: 0px;}
#GeroLogin {
	float: right;
	margin-top: 30px;
}

sup {font-size:90%;}