/* body text styles */
body {
    margin: 19px;
}
body, p, td {
	font-family: verdana,helvetica,sans-serif;
	font-size: 10px;
	color: #000000;
}

a, a:visited {
	color: #0000FF;
}


.body_large {
	font-family: verdana,helvetica,sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 17px;
}

.subhead_L1 {
	font-family: helvetica,verdana,sans-serif;
	font-size: 20px;
	color: #1F51B5;
}

.subhead_L2 {
	font-family: verdana,helvetica,sans-serif;
	font-size: 12px;
	color: #3366CC;
	font-weight: bold;
}
.subhead_L3 {
	font-family: verdana,helvetica,sans-serif;
	font-size: 10px;
	color: #3366CC;
	font-weight: bold;
}


/* upper navigation styles */

.util, .util a, .util a:visited {
	font-family: verdana,helvetica,sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #666666;
	text-decoration: none;
}

.util a:hover {
	color: #000000;
	text-decoration: underline;
}


.login {
	font-family: verdana,helvetica,sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #666666;
	text-decoration: none;
}

.login a, .login a:visited {
	color: #3366CC;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

.login a:hover {
	text-decoration: underline;
}

/* left sidebar navigation styles */

.leftnav {
	font-family: verdana,helvetica,sans-serif;
	font-size: 9px;
	line-height: 11px;
	background:  url(/images/leftnav_dotsbg.gif);
}

.leftnav .title a:hover {
	text-decoration: underline;
}

.leftnav .title, .leftnav .title a {
	color: #3366CC;
	font-weight: bold;
	font-size: 9px;
	text-decoration: none;
	display: block;
	margin-bottom: -5px;
}

.leftnav .subtitle a:hover {
	text-decoration: underline;
}

.leftnav .subtitle, .leftnav .subtitle a {
	color: #000000;
	font-weight: bold;
	font-size: 9px;
	text-decoration: none;
	display: block;
	margin-bottom: -5px;
}

.leftnav .sublink, .leftnav .sublink a {
	text-decoration: none;
	display: block;
	color: #000000;
	font-size: 9px;
	margin-left: 9px;
	margin-bottom: -5px;
}

.leftnav .sublink a {
	margin-left: 0px;
}

.leftnav .sublink a:hover {
	text-decoration: underline;
}


/* hack: hide the following code from IE5 MAC \*/
.leftnav {
	line-height: 8px;
}
.leftnav .sublink, .leftnav .sublink a {
	margin-bottom: 0px;
}
.leftnav .subtitle, .leftnav .subtitle a {
	margin-bottom: 0px;
}
.leftnav .title, .leftnav .title a {
	margin-bottom: 0px;
}
/* end hack */
/* dotted lines */
.topnav {
     background: url(/images/topnav_dotsbg.gif);
}

/* footer text styles */
.footer {
	background: url(/images/foot_dotsbg2.gif)
}


.footer-nodots, .footer {
	font-family: verdana,helvetica,sans-serif;
	font-size: 9px;
	color: black;
	text-decoration: none;
}

.footer a {
	font-family: verdana,helvetica,sans-serif;
	font-size: 9px;
	color: #3366CC;
	text-decoration: none;
}

.footer a:hover {
	font-family: verdana,helvetica,sans-serif;
	font-size: 9px;
	text-decoration: underline;
}

.footer .copyright {
	font-family: verdana,helvetica,sans-serif;
	font-size: 9px;
	color: #3366CC;
}


/* form styles */

.required 
{
	color: red;
}

.errors 
{
	font-weight: bold;
	color: red;
}

.form_labels, .form_labels td {
	color: black;
}

.form_head, .form_head td {
	font-weight: bold;
}
.continueText {
	font-family: verdana,helvetica,sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #666666;
	text-decoration: none;
}
.button1 {
	background-color: #0066FF;
	font-weight: bold;
	font-size: 9px;
	font-family: verdana, helvetica, sans-serif;
	color: #FFFFFF;
	line-height: normal;
}
.button2DropDown {
	font-weight: normal;
	font-size: 9px;
	font-family: verdana, helvetica, sans-serif;
	color: #000000;
	line-height: normal;
}
.button2 {
	font-weight: bold;
	font-size: 9px;
	font-family: verdana, helvetica, sans-serif;
	color: #000000;
	line-height: normal;
}


/* form steps */

.future_step {
	color: #456FC6;
	background-color: #FFFFFF;
	font-weight: bold;
	font-size: 9px;
}

.current_step {
	color: #FFFFFF;
	background-color: #000000;
	font-weight: bold;
	font-size: 9px;
}

.active {
	color: #000000;
	font-weight: bold;
	font-size: 9px;
}

.inactive, .inactive a {
	color: #ffffff;
	font-weight: bold;
	font-size: 9px;
}

/* professional ad text styles */

.ad_head {
	color: #339933;
	font-weight: bold;
	font-size: 10px;
}
	
.ad_services {
	color: #666666;
	font-size: 9px;
	font-weight: bold;
}
	
.ad_body {
	color: #666666;
	font-size: 9px;
}
	
.ad_emailURL, .ad_emailURL a {
	color: #339933;
	font-weight: normal;
	font-size: 9px;
	text-decoration: none;
}


.form_field, .form_field td {
	font-weight: normal;
	font-size: 9px;
	font-family: verdana, helvetica, sans-serif;
	color: #000000;
	line-height: normal;
}


.crumbs {
	font-family: verdana,helvetica,sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #666666;
}

.crumbs a {
	font-family: verdana,helvetica,sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #666666;
}

.crumbs a:visited {
	font-family: verdana,helvetica,sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #666666;

}

.crumbs a:hover {
	text-decoration: underline;
	color: #000000;

}

/* temp subpub styles */
#subpub_wrapper {
	background: url(/img/main-back.gif) 0 0 no-repeat;
	padding: 8px 0 0 15px;
	min-height: 500px;
}

subpub h2 {
	margin: 0 0 0.2em 0;
	font-size: 185%;
	letter-spacing: -1px;
	font-weight: normal;
	clear: left;
	color: #4E463F;
}

subpub h3 {
	margin: 0 0 0.5em 0;
	font: normal 135%/1 arial,sans-serif;
	letter-spacing: -0.03em;
	clear: left;
	color: #4E463F;
}

subpub h3 a {
	text-decoration: none;
	background: url(/img/link-line.gif) repeat-x 0 95%;
}

input.subpub_form-text {
	font-size: 100%;
	background: #FFFADB url(/img/form-back.gif) repeat-x;
	border: 1px solid #CBB945;
	color: #776B1B;
}

.subpub_subpub_form-large .form-text, .subpub_form-large .form-text-variable, .subpub_form-large textarea, #topic-default1, #topic-default2, #topic-default3, .subpub_form-large select, .subpub_form-large .form-brief {
	font-size: 126%;
	background: #FFFADB url(/img/form-back.gif) repeat-x;
	border: 1px solid #CBB945;
	color: #776B1B;
	padding: 2px;
}

.subpub_form-large select {
	padding: 1px 0;
}

.subpub_form-large textarea.disabled {
	background: #eee;
	border: 1px solid #ccc;
	color: #666;
}

.subpub_form-large input {
	font-size: 126%;
	padding: 3px 7px !important;
}

.subpub_form-large div {
	padding-bottom: 1em;
	clear: left;
}

.subpub_form-large .inline {
	float: left;
	clear: none;
	padding-right: 5px;
}

.subpub_subpub_news-body {
	padding-left: 60px;
}

.subpub_news-body strong {
	font-size: 90%;
	color: #666;
}


.subpub_news-body h3 {
	margin: 2px 0 0 0;
	font-size: 130%;
	letter-spacing: -0.02em;
	font-weight: bold;
	line-height: 1.1;
}

.subpub_news-body p {
	margin: 0.2em 0 0.1em 0;
	line-height: 1.3;
}

.subpub_news-submitted {
	padding: 0 0 0 1em;
	color: #999;
	font-size: 85%;
	margin: -2px 0 0 0;
}

.subpub_news-submitted a:link, .news-submitted a:visited {
	color: #999;
}

.subpub_news-submitted a:hover {
	color: #333;
}

.subpub_tool {
	display: block;
	float: left;
	background: url(/img/tool-divider.gif) 0 50% no-repeat;
	font-size: 95%;
	padding: 0 6px;
	min-height: 18px;
        white-space: nowrap; /*need for IE6*/
}

/*
=================================
 start of Tooltip css code here
================================= */

a.info{
    position:relative;           /*this is the key*/
    z-index:24;
    /* background-color:#eeeec0;    */
    /* border: 1px dashed #cccc99; */
    /* color:#000000;               */
    /* text-decoration:none; */
    /* font-style:italic; */
	}

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

			 }

a.info span{
	   display: none;  /* hide the span text using this css */
	   }

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top: 2em;       /* offset of the tooltip from the top */
	left: 2em;      /* offset of the tooltip from the left */
	width:15em;
    border:1px solid #ff0000; /* border colour */
    background-color:#ffff99; /* background colour here */
    color:#000000;         /* text colour */
    text-align: center;
    font-size: 1em;
	/* font-style:italic; */
	text-indent: 0px;
	}

	/* News */

.categoryListItem {
   background: #EEF3FF;
   float:left;
   padding: 4px;
   width: 140px;
  }

.categoryList {
   background: #EEF3FF;
   padding: 1px;
   border: 1px dotted #000000;
   float:left;
   width: 600px;
 }