body {
	margin:0;
	padding:0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:76%;
	color:#000;
	background:transparent url(/images/header_bg.gif) repeat-x 0 0;
}
body.home h1{
	display:none;
}

.disabled{
	color:#999;
}


a:link { color:#004900; text-decoration:none; border-bottom:1px solid #abbcab; }
a:visited { color:#004900; text-decoration:none; border-bottom:1px solid #bccebc; }
a:hover { color:#000000; text-decoration:none; border-bottom:1px solid #004900; }
a:active { color:#004900; }

h1 {
	margin:20px 0 10px 0;
	font-size:2em;
}
h2 {
	margin:20px 0 5px 0;
	font-size:1.5em;
}
h3 {
	margin:10px 0 0 0;
	font-size:1em;
}

p {
	margin:0 0 5px 0;
}

.status{
	color:#f30;
}





/*=== Lists ===*/

ul {
	height:auto;
}
ul li { }

dl{
	padding:0;
	margin:10px 0 20px 0;
	height:1%;
	overflow:auto;
} 
dl dt{ 
	float:left;
	clear:left;
	width:11em;
	padding:.4em 0;
	margin:0;
	font-weight:bold;
	text-align:right;
}
dl dd{
	padding:.4em 0;
	margin:0 0 0 1em;
}
dl>dd{ /* IE can't see this line - thank heavens */
	float:left;
	clear:none;
}
dl dd img{
	vertical-align:top;
}


/*=== Auth Pages ===*/

body.auth{
	background:transparent url(/images/header_bg.gif) repeat-x 0 -35px;
}
body.auth #header{
	margin-bottom:35px;
	background:transparent url(/images/header_bg.gif) repeat-x 0 0;
}
body.auth div#sub{
	top:125px;
}




#wrapper {
	margin:0;
	padding:0;
}

#header {
	margin:0 0 60px 0;
	padding:0;
	height:105px;
}
#header p{
	margin:0;
	padding:0;
	height:105px;
}
#header p a{
	margin:0;
	padding:0;
	position:absolute;
	top:10px;
	left:17px;
	width:613px;
	height:89px;
	background:transparent url(/images/title.gif) no-repeat 0 0;
	overflow:hidden;
	text-indent:-100em;
	border:0;
}

div#nav{
	margin:0;
	padding:0;
	position:absolute;
	top:105px;
	left:0;
	height:35px;
	width:100%;
	overflow:hidden;
}
div#nav ul{
	list-style-type:none;
	margin:0;
	padding:0 0 0 275px;
	height:35px;
}
div#nav ul li{
	float:left;
	margin:0;
	padding:0;
	height:35px;
}
div#nav ul li a{
	float:left;
	margin:0;
	padding:0 10px;
	height:35px;
	line-height:35px;
	text-decoration:none;
	border-bottom:0;
	font-size:12px;
	font-weight:bold;
	white-space:nowrap;
	background:transparent url(/images/navbutton_bg.gif) no-repeat -49px 0;
}
div#nav ul li a:hover{
	background:transparent url(/images/navbutton_bg.gif) repeat-x 0 0;
}
div#nav ul li a:active{
	background-position:0 -35px;
	color:#000;
}
body.answers div#nav ul li.answers a,
body.questions div#nav ul li.questions a,
body.documents div#nav ul li.documents a,
body.my div#nav ul li.my a,
body.feedback div#nav ul li.feedback a{
	background:transparent url(/images/navbutton_bg.gif) repeat-x 0 -35px;
	color:#000;
	cursor:default;
}
div#nav ul li.my a{
	font-size:85%;
	font-weight:normal;
}
div#nav ul li.questions a{
	background-position:-50px 0;
}



div#main {
	margin:0 25px 0 285px;
}
div#sub {
	position:absolute;
	top:145px;
	left:25px;
	width:235px;
	font-size:85%;
	padding:0 0 50px 0;
	margin:0;
}
div#sub h2{
	margin:20px 0 5px 0;
}
div#sub h3{
	margin:20px 0 5px 0;
}
div#sub p.up{
	margin:20px 0;
	border-bottom:1px dotted #bccebc;
	padding-bottom:20px;
	padding-left:18px;
	font-size:12px;
	background:transparent url(/images/arrow_l.png) no-repeat 0 6px;
}
div#sub p.up a{
	font-weight:bold;
}
div#sub p.home{
	border-top:1px dotted #bccebc;
	padding-top:20px;
	margin:20px 0;
	font-size:12px;
	padding-left:18px;
	background:transparent url(/images/arrow_l.png) no-repeat 0 26px;
}

div#sub dl{
	margin:5px 0 10px 0;
}
div#sub dl dt{
	display:block;
	float:none;
	width:auto;
	margin:5px 0 0 0;
	padding:0;
	font-weight:normal;
}
div#sub dl dd{
	margin:0 0 5px 20px;
	padding:0;
}
div#sub ol{
	margin:5px 0 10px 0;
	padding:0;
	list-style-type:outside;
}
div#sub ol li{
	margin:0 0 5px 25px;
	padding:0;
}
div#sub ul{
	margin:5px 0 10px 0;
	padding:0 0 0 5px;
	/*list-style-type:none;*/
	list-style-image:url(/images/asterisk_sm.png);
}
div#sub ul li{
	margin:0 0 5px 20px;
	/*padding:0 0 0 20px;
	background:transparent url(/images/asterisk_sm.png) no-repeat 5px .5em;*/
	padding:0;
}
div#sub ul li small,
div#sub ul li span{
	white-space:nowrap;
}
div#sub form{
	margin:5px 0 10px 0;
}

div#sub dl a:link,
div#sub ol a:link,
div#sub ul a:link{
	/*background-color:#ffe;*/
}
div#sub dl a:visited,
div#sub ol a:visited,
div#sub ul a:visited{
	background-color:none;
}



div#main ol{
	padding:5px;
	list-style:outside;
	list-style-type:decimal;
	padding-left:30px;
	margin:20px 0;
}
div#main ol li{
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #bccebc;
}
div#main ol li small{
	white-space:nowrap;
}



div#footer {
	clear:both;
	margin:40px 0 20px 260px;
	padding:0;
	background:transparent url(/images/footer_bg_r.png) no-repeat 100% 0;
}
div#footer p{
	margin:0;
	padding:20px 0 20px 25px;
	background:transparent url(/images/footer_bg_l.png) no-repeat 0 0;
}


div#user{
	position:absolute;
	top:108px;
	width:235px;
	left:25px;
	height:20px;
	z-index:100;
	font-size:10px;
	padding:12px 0;
	line-height:5px;
}


/*=== Home Page ===*/

body.home div#main{
}
ul#options{
	/*width:100%;*/
	list-style-type:none;
	margin:10px 0;
	padding:0;
	background-color:#e5ede5;
	font-size:80%;
	height:1%; /* auto-clear the float in IE */
	/*overflow:auto;/* this causes the options box to have a scrollbar. dah. */
}
ul#options:after{
	display:block;
	content:'.';
	clear:left;
	height:1px;
	visibility:hidden;
}
ul#options li{
	float:left;
	width:34%;
	margin:0;
	padding:0 0 15px 0;
}
ul#options li h2{
	margin:0;
	padding:15px 15px 0 15px;
	font-size:15px;
}
ul#options li p{
	margin:0;
	padding:5px 15px 0 15px;
	border-right:1px solid #fff;
}
ul#options li p a{
	display:block;
	margin:5px 0;
	font-size:12px;
	border:0;
}
ul#options li p a strong{
	padding-right:18px;
	background:transparent url(/images/arrow_r.png) no-repeat 100% 6px;
}
ul#options li.documents{
	width:31%;
	height:100%;
}
ul#options li.documents h2,
ul#options li.documents p a{
	/*font-weight:normal;*/
}
ul#options li.documents p{
	border:0;
}

div#options{
	margin:20px 0;
}
div#options p strong{
	display:block;
	margin:5px 0 0 0;
}


div#feature{
	width:100%;
	margin:0 auto 20px auto;
	padding:0 0;
	font-size:80%;
	background:transparent url(/images/star_icon.png) no-repeat 0 0;
}
div#feature h2{
	font-size:18px;
	margin:0 0 0 30px;
}
div#feature p{
	margin:3px 0 0 30px;	
	font-size:1.3em;
}


/*=== Forms ===*/

form{
	margin:20px 0;
	padding:0;
}
form fieldset{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border:0;
	border-bottom:1px dotted #bccebc;
}
form fieldset div{
	margin:10px 0;
	padding:0;
	padding-left:12em;
	clear:left;
}
form fieldset legend{
	font-weight:bold;
	font-size:1.2em;
	margin:10px 0;
	padding:10px 0;
	color:#000;
}
form fieldset input,
form fieldset select{
	vertical-align:bottom;
}
form fieldset div label{
	float:left;
	width:11em;
	margin:0 0 0 -12em;
	padding:0 1em .2em 0;
	text-align:right;
}
form fieldset div.req label,
span.req{
	font-weight:bold;
}
form fieldset div.req label small{
	font-weight:normal;
}
form div.submit{
	margin:0;
	padding:10px 0;
	padding-left:12em;
}
form div.submit input{
	margin:0;
	padding:0;
}
form div.submit a{
	float:right;
	margin:0;
	padding:0;
}
form fieldset textarea{
	width:30em;
}
form fieldset div input,
form fieldset div select,
form fieldset div textarea{
	margin-top:-.3em;
}


p label{
	margin:0;
	padding:5px;
	background-color:#e5ede5;
	white-space:nowrap;
}
p label input{
	padding:0 5px 0 0;
	margin:0 0 0 0;
	vertical-align:middle;
}

dl#userinfo{
	border-top:1px solid #fff;
	border-bottom:1px dotted #bccebc;
	margin:10px auto -10px auto;
	padding:10px 0;
}



/*== Questions / Answers ===*/

body.answers div#answer{
	padding-top:0px;
	margin-top:20px;
	border-top:1px dotted #bccebc;
}



dl.meta{
	clear:both;
	margin:15px 0 20px 0;
	padding:10px;
	font-size:80%;	
	background-color:#e5ede5;
}
dl.meta dt{
	padding:.25em 0;
	width:10em;
}
dl.meta dd{
	padding:.25em 0;
}
body.questions dl.meta dt{
	width:16em;
}
div.reference dl.meta dt{
	width:8.5em;
}
div.reference h3{
	margin:0 0 5px 0;
}


.broken{
	background-color:#f99;
}
.debug{
	padding:25px 10px 10px 10px;
	display:block;
	background:#a1ccf6 url(/images/debug.png) no-repeat 10px 10px;
}
.highlight,
div.guest strong{
	background-color:#ff6;
}


div#search{
	float:right;
	margin:0 0 0 20px;
	width:50%;
	border-left:20px solid #fff;
	border-bottom:20px solid #fff;
}
div#search h2,
div#browse h2{
	margin-top:10px;
}
div#search form{
	margin:5px 0 0 0;
	padding:5px 15px 15px 15px;
	background-color:#e5ede5;
	width:auto;
}

div#search form div{
	margin:0;
	padding:5px 0 0 0;
}
div#search form label{
	text-align:left;
	width:auto;
	float:none;
	margin:0;
	padding:0;
}
div#search form div.submit{
	margin:0;
	padding:0;
}

div#search form fieldset select,
div#search form fieldset input{
	width:100%;
	margin:auto 0;
}

ul.browse{
	list-style-type:none;
	margin:0;
	padding:0;
	clear:left;
}
ul.browse li{
	font-size:1.2em;
	margin:10px 0;
	padding:10px 0 0 0;
	clear:none;
	height:1%;
	border-top:1px dotted #bccebc;
	font-weight:bold;
}
ul.browse li ul{
	font-size:70%;
	margin:0;
	padding:5px 5px 0 20px;
	list-style-type:none;
	height:1%;
	overflow:auto;
}
ul.browse li ul li{
	margin:0 10px 5px 0;
	padding:0;
	float:left;
	clear:none;
	border-top:0;
	font-weight:normal;
	white-space:nowrap;
}
div#browse ul.browse li{
	font-size:1.1em;
}

/*=== Account pages (no nav bar) ===*/

body.acct{
	margin-bottom:50px;
}
body.acct div#header{
	margin-bottom:25px;
}
body.acct div#sub{
	top:120px;
}



/*=== sidebar forms ===*/

div#watch,
div#rating{
	margin:20px 0;
}

div#sub div form{
	margin:0;
	padding:0;
}
div#sub div form fieldset{
	margin:5px 0;
	padding:0;
	border:0;
}
div#sub div form input{
	margin:0;
	padding:0;
}
div#sub div form div.submit{
	margin:0;
	padding:0;
}
div#sub div form div.submit input{
	font-size:95%;
	margin:0;
	padding:0;
}

div#watch p{
	background:transparent url(/images/watch.png) no-repeat 0 50%;
	padding-left:28px;
}
div#watch form p{
	background-image:none;
	padding-left:0;
	margin:0 0 5px 0;
}

div#rating form input{
	margin:0 0 5px 0;
	padding:0;
}
div#rating form fieldset label{
	margin:0 5px 0 0;
	padding:0;
}
div#rating form fieldset input{
	margin:0;
	padding:0;
	vertical-align:middle;
}

div#rating form div.submit{
	display:inline;
	margin:0;
	padding:0;
}

div#rating form fieldset#rating-wrap {
	width:100px;
	height:22px;
	padding:0;
	margin:5px;
	display:inline;
	vertical-align:middle;
	background:transparent url(/images/rating_star.png) repeat-x 0 0;
}
div#rating form fieldset#rating-wrap:hover {
	border-color:#ccc;
}

div#rating form fieldset#rating-wrap label {
	float:left;
	width:20px;
	height:20px;
	margin:0;
	padding:0;
	background:transparent url(/images/rating_star.png) no-repeat 0 0;
	overflow:hidden;
	text-indent:-100em;
}
div#rating form fieldset#rating-wrap label input{
	display:none;
}



/*=== Attachments ===*/

form fieldset.attach div label{
	padding-right:30px;
	margin-right:5px;
	background:transparent url(/images/paperclip.png) no-repeat 100% 0;
}

div.attach{
	margin:10px 0;
}
div.attach h3{
	margin:0;
	padding:2px 0 2px 25px;
	background:transparent url(/images/paperclip.png) no-repeat 2px 50%;
}
form fieldset#attachments ul,
div.attach ul{
	list-style-type:none;
	margin:0;
	padding:0 0 0 25px;
}
form fieldset#attachments ul li,
div.attach ul li{
	display:block;
	margin:2px 0;
	padding:0 0 0 20px;
	background:transparent url(/images/file_icon.png) no-repeat 0 0;
}
div.attach ul li a{
}

dl dd.attach{
	background:transparent url(/images/file_icon.png) no-repeat 10.2em 50%;
	text-indent:20px;
}
dl>dd.attach{
	background:transparent url(/images/file_icon.png) no-repeat 0 50%;
}
dl.meta dd.attach{
	background:transparent url(/images/file_icon.png) no-repeat 8em 50%;
	text-indent:20px;
}
dl.meta>dd.attach{
	background:transparent url(/images/file_icon.png) no-repeat 0 50%;
}


/*=== sub nav ===*/

div#sub ul li.here{
	font-weight:bold;
}
div#sub ul.nav li.here a{
	padding-right:18px;
	background:transparent url(/images/arrow_r.png) no-repeat 100% 5px;
}
div#sub ul li.here ul{
	font-weight:normal;
}
div#sub ul.nav{
	margin:0 0 20px 0;
	border-bottom:1px dotted #bccebc;
	padding-bottom:20px;
}


div#actions{
	margin:20px 0;
}
div#actions p{
	margin:0;
	padding:0;
	height:22px;
	padding-left:32px;
	line-height:22px;
}
div#actions p a{
	font-weight:bold;
}
p.print{
	background:transparent url(/images/printer.png) no-repeat 0 50%;
}
p.email{
	background:transparent url(/images/email.png) no-repeat 0 50%;
}
p.watch a{
}


/*=== Item page ===*/

p#refnumber{
	float:right;
	border-left:1px solid #ead400;
	border-bottom:1px solid #ead400;
	padding:15px;
	margin:12px 0 10px 15px;
	background:#ffeb7f url(/images/refnumber_bg_gradient.png) no-repeat 100% 0;
}
p#refnumber strong{
	display:block;
}



/*=== Document Library ===*/

ul.documents{
	list-style-type:none;
	margin:20px 0;
	padding:0;
}
ul.documents li{
	display:block;
	margin:5px 0;
	padding:0 0 0 45px;
	background:transparent url(/images/file_icon.png) no-repeat 25px 0;
}
ul.library li{
	padding:1px 0 1px 45px;
	background:transparent url(/images/library_icon.png) no-repeat 25px 55%;
	font-size:1.2em;
}


/*=== Site feedback ===*/

body.feedback form fieldset div{
	padding-left:8em;
}
body.feedback form fieldset div label{
	width:7em;
	margin-left:-8em;
}
body.feedback form fieldset div textarea{
	width:34em;
}
body.feedback form div.submit{
	padding-left:8em;
}



/*=== News ===*/

dl.news dt{
	display:block;
	float:none;
	width:auto;
	text-align:left;
	margin:20px 0 0 0;
}
dl.news dd{
	padding:0;
	margin:0 0 20px 0;
}

body.home div#news{
	background-color:#ffa;
	padding:10px 15px;
}
body.home div#news h2{
	margin:0 0 5px 0;
	background:transparent url(/images/news_icon.png) no-repeat 0 0;
	padding:1px 0 3px 35px;
	line-height:20px;
	font-size:18px;
}
body.home div#news p{
	margin-left:35px;
}
body.home div#news ul{
	padding:0 0 0 35px;
	margin:5px 0;
}
body.home div#news ul li{
	list-style-type:none;
	margin:0 0 2px 0;
	padding:0;
}
body.home div#news a{
	border-color:#fd6;
}
body.home div#news a:hover{
	border-color:#c90;
}

dl.news dd img { float: left; }
dl.news dd object { margin: 0 auto; text-align: center; }
dl.news dd div.center { width: 100%; text-align: center; margin-top:.5em;}

/*=== Plain pages ===*/

body.bare{
	text-align:center;
}
body.bare div#main{
	margin:50px auto;
	text-align:left;
	width:400px;
}
body.bare div.submit a{
	float:none;
	margin-left:5px;
}

/*=== Blog Corner ===*/

div.blogcorner {
	margin: 20px 0 0 0;
}

/*==/ SOCIAL MEDIA /==*/

#sub div.socialmedia-box{
	margin:20px 0 8px 1px;
	padding:0 0 6px 0;
	width:209px;
	overflow:hidden;
	border-bottom:2px solid #004a32;
	background:url(/images/socialmedia/socialmedia-box-bgtile.gif) repeat-y top left;}
#sub div.socialmedia-box h3{
	margin:0;
	padding:0;
	width:209px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/images/socialmedia/socialmedia-box-heading.gif) no-repeat top left;}
#sub div.socialmedia-box ul{
	margin:2px 0 0px 9px;
	padding: 0px;
	list-style-type:none;
	list-style-image: none;}
#sub div.socialmedia-box ul li{
	float:left;
	margin:0 3px 7px 0;
	padding:0;
	width:96px;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;
	background: none;}
#sub div.socialmedia-box ul li a{
	display:block;
	width:96px;
	height:30px;
	margin: 0px; padding: 0px;}
#sub div.socialmedia-box ul li.facebook a{
	background:url(/images/socialmedia/icon-facebook.gif) no-repeat top left;}
#sub div.socialmedia-box ul li.twitter a{
	background:url(/images/socialmedia/icon-twitter.gif) no-repeat top left;}
#sub div.socialmedia-box ul li.youtube a{
	background:url(/images/socialmedia/icon-youtube.gif) no-repeat top left;}
#sub div.socialmedia-box ul li.linkedin a{
	background:url(/images/socialmedia/icon-linkedin.gif) no-repeat top left;}
#sub div.socialmedia-box ul li.blogs a{
	background:url(/images/socialmedia/icon-blogs.gif) no-repeat top left;}
#sub div.socialmedia-box ul li a:hover{
	background-position:0 -30px;}

#livechat{ margin-top:20px; }
#livechat a{ border:0; }

