/* CSS Document */



/* Start CSS Reset Classes */



/**

 * Percents could work for IE, but for backCompat purposes, we are using keywords.

 * x-small is for IE6/7 quirks mode.

 * 

 */

 

/* Font size conversion chart 

10px = 77%

11px  = 85%

12px  =	93%

13px  =	100%

14px  =	108%

15px  = 116%

16px  =	123.1%

17px  =	131%

18px  =	138.5%

19px  =	146.5%

20px  =	153.9%

21px  =	161.6%

22px  =	167%

23px  =	174%

24px  =	182%

25px  =	189%

26px  =	197%

*/



body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}



/**

 * 99% for safari; 100% is too large

 */

select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}



/**

 * Bump up !IE to get to 13px equivalent

 */

pre, code {font:115% monospace;}





/* Start CSS Reset Classes */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 

	margin:0;

	padding:0;

	}



table {

	border-collapse:collapse;

	border-spacing:0;

}

fieldset,img { 

	border:0;

}

address,caption,cite,code,dfn,em,th,var {

	font-style:normal;

	font-weight:normal;

}

ol,ul {

	list-style:none;

}

caption,th {

	text-align:left;

}

q:before,q:after {

	content:'';

}

abbr,acronym { border:0;

}



a {color: #0f57c2; text-decoration: none;}

a:visited {color:#800080;text-decoration: none;}

a:active, a:focus {color: #e74b00; text-decoration: underline;}

a:hover {text-decoration: underline;}



.bold {font-weight: bold;}

.off-screen{position:absolute; left:-5000px;width:1px;height:1px;overflow:hidden;}

.block{display:block;}

.hidden {display:none;}



/* Layout Classes */

.layout-clear-left {clear: left;}

.layout-clear-right {clear: right;}

.layout-clear-both {clear: both;}



.layout-nav-region {padding:0px 0px 15px 0px; margin:0px; width:995px;}

.layout-footer-region {padding:2px 0px 0px 0px; margin:0px; width:995px;}

.layout-main-table {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:849px;}

.layout-left-gutter{padding:0px 0px 0px 10px; margin:0px 0px 0px 0px;}

.layout-left-content{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:169px; text-align:left; vertical-align:top;}

.layout-middle-gutter{padding:0px 0px 0px 20px; margin:0px 0px 0px 0px;}

.layout-main-content{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; width:650px; vertical-align:top;}



.navless-header {background-image:url(/images/navless-gradient.gif); height:35px; border-bottom:4px solid #068037; background-position:0px 0px; background-repeat:repeat-x; padding:0px 0px 0px 0px; margin:0px; width:100%;}

.navless-header .logo-img {border: 0px; display: block; margin: 0px 0px 0px 6px; padding:4px 0px 0px 0px; float:left;}

.navless-header .login-img{float:right; padding:0px 0px 0px 0px; margin:10px 8px 0px 0px;}



.login-box{padding:2px 0px 0px 9px; margin:0px 0px 0px 0px; background-color:#EEEEEE; border:1px solid #DDDDDD; height:234px;}
.login-box .log-text{padding:0px 0px 9px 0px; margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:85%; font-weight:bold; color:#000000;} 
.login-box .log-text img{padding:0px 0px 0px 0px; margin:0px 0px 0px 106px; vertical-align:-3px;}
.login-box .customer-info{padding:0px 0px 6px 0px; margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:85%; font-weight:normal; color:#000000;}
.login-box .customer-info label{float:left; display:block; padding:0px 0px 3px 0px; margin:0px 0px 0px 0px;}
.login-box .customer-info img{display:inline; padding:0px 0px 0px 5px; margin:1px 0px 0px 0px; }
.login-box .customer-info input{width:121px; padding:2px 0px 2px 5px; margin:0px 0px 0px 0px;}
.login-box.error-box .customer-info{padding:0px 0px 6px 16px;}
.login-box.error-box .login-button {margin:3px 0px 7px 16px; }
.login-box.error-box span{padding:0px 0px 6px 16px;}
.login-box .customer-info.error label{padding:0px 0px 2px 16px; margin-left:-15px; background-image:url(../images/error.gif); background-position:0px 0px; background-repeat:no-repeat;}
.login-box .customer-info.error input {border:1px solid #CC0000;}
.login-box .customer-info.error .error-message {color:#CC0000; padding:2px 0px 0px 0px;}
.login-box .login-button {margin:3px 0px 7px 0px; }
.login-box .login-button input{font-size:85%;}
.login-box span{padding:0px 0px 6px 0px; margin:0px 0px 0px 0px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:85%; font-weight:normal;}
.login-note {font-family:Arial, Helvetica, sans-serif; font-size:85%; font-weight:normal; color:#666666;}
#logoutbox .login-box {height:auto;}

.ofToolTipContainer {left:-3000px;min-height:100px;position:absolute;top:-3000px;width:252px;z-index:99999;display:none;}
.ofToolTipContainer .ofTopArrow {display:block;left:20px;position:absolute;}
.ofBubbleWrapper {background-color:#FFFFFF;border:1px solid #000000;margin-top:17px;width:250px;}
.ofBubbleText {padding: 10px; font-size:93%;}
.ofBubbleText ul {list-style:disc outside none; padding:0px 0px 0px 12px}

.heading {padding:0px 0px 5px 0px; margin:0px 0px 0px 0px;}

.heading h1 {padding:0px 0px 15px 0px; margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:182%; font-weight:normal; color:#000000;}

.heading h2 {padding:0px 0px 18px 0px; margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:131%; line-height:123%; font-weight:bold; color:#408800;}

.heading h1 sup {font-size:50%; vertical-align:6px;}



.main-content {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}

.main-content .img-info {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; float:left;}

.main-content .img-info img {padding:0px 19px 0px 0px;}

.main-content .img-info .video {text-align:right;padding:5px 25px 0px 0px;  font-size:85%;}

.main-content .img-info .video img {border:none;padding:0px 3px 0px 0px;}

.main-content .content-info {padding:0px 0px 0px 10px; margin:0px 0px 0px 0px; float:left; width:208px; min-height: 291px; border-left: 1px solid #cccccc;}

.main-content .content-info li {background-image:url("/images/greenbulsq.gif");background-position:0 8px;background-repeat:no-repeat;color:#000000;list-style-type:none;margin:0;padding:0 7px 8px 11px; font-size:93%; line-height:138.5%;}



.bottom-content {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}

.bottom-content h3 {padding:0px 0px 12px 0px; margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:108%;  font-weight:bold; color:#333333;}

.bottom-content li {background-image:url("/images/greenbulsq.gif");background-position:0 8px;background-repeat:no-repeat;color:#000000;list-style-type:none;margin:0;padding:0 7px 10px 11px; font-size:93%;}
.bottom-content h2 {padding:20px 0px 18px 0px; margin:0px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:131%; line-height:123%; font-weight:bold; color:#408800;}



.foot-notes {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}

.foot-notes p {color:#666666;font-family:Arial,Helvetica,sans-serif;font-size:85%;font-weight:normal;line-height:140%;margin:0;padding:0 0 13px;}

.foot-notes p sup {font-size:77%; vertical-align:3px;}



/* Tool Tip*/

.tip_shell {width:225px; margin:0px; padding:25px 0px 0px 0px;  background:url(../images/tooltip-top-arrow.gif) no-repeat scroll 0px 0px;}	

.tip_shell .tip_text{font-family:Arial, Helvetica, sans-serif; font-size:93%; font-weight:normal; color:#000000; margin:0px;  padding:7px 9px 15px 9px; line-height:123.1%; border-left:solid 1px #000000; border-right:solid 1px #000000; border-bottom:solid 1px #000000; margin-left:0px; background-color:#ffffff;}

.tip_shell .tip_bottom {display:none;}