BODY {
	background: #e5eaf0 url(../images/body_gradient.jpg) repeat-x;
	
    margin: 0px 10px 10px 10px; 
    border: 0px; 
    padding: 0px; 
    
	font-family:  Century Gothic, "Trebuchet MS", Arial, Verdana, sans-serif; 
	font-size: 12px; 
	line-height: 20px; 
	text-align:center;
	color: #3f3f3f;    
    
    scrollbar-base-color: #dfdfdf;
    scrollbar-arrow-color: #171039;
    scrollbar-base-width: 100px;
}
.maincontainer {
	width: 980px;
	xborder: 1px solid red;
	margin:0 auto;
}
.header {
	background: url(../images/logo_beta.jpg) no-repeat;
	height: 75px;
	width: 100%;
	text-align: left;
	xborder: 1px solid green;
}
.headerlinkbar {
	height: 75px; 
	padding: 0px;
	vertical-align: middle;
}
.headersublinkbar {
	position: absolute; 
	top: 70px;
	width: 980px;
	text-align: right;
}
.headersublinkbar span {
	padding: 0px 0px 0px 10px;
}
.statusbar {
	text-align: left;
	font-size: 0px;
	border: 1px dotted #8aafde;
	margin-top: 5px;
}
.statusbar .splash {
	height: 380px;
}
.statusbar .banner {
	height: 190px;
}
.midsection {
	text-align: left;
	padding-top: 5px;
}
.sidebar {
	position: absolute;
	width: 195px;
	margin-top: 1px;
	text-align: left;
}
.contentcontainer, .contentcontainerwithsidebar, .popupcontentcontainer {
	position: absolute;
	xbackground: #ffffff url(../images/section_gradient.jpg) repeat-x;
	xbackground-color: #f4f6fa;
	background-color: #ffffff;
	text-align: left;
	border: 1px dotted #8aafde;
}
.contentpopup { background-image: none; background-color: #ffffff;}
.contentcontainer { width: 980px; }
.contentcontainerwithsidebar { margin-left: 200px; width: 780px; }
.content {
	margin: 10px;
	font-size: 14px;
	text-align: justify;
}
.content p, .content h2 {
	margin: 15px 0px;
}
h1, h2, h3 {
	font-family:  "Trebuchet MS", Century Gothic, Arial, Verdana, sans-serif; 
}
h1 {
	color: #4eaa5e;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	border-bottom: 1px solid #8aafde;
}
h2 {
	color: #355a89;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
h2.success {
	color: #00aa00;
}
h2.error {
	color: #ed0000;
}
h3 {
	color: #355a89;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}
.footer {
	position: relative;
	top: 0px;
	border-top: 1px solid #8aafde;
	padding-top: 2px;
	margin-top: 20px;
	text-align: left;
	vertical-align: middle;
	color: #6f6f6f;
}
.footer span {
	padding: 25px 0px 0px 5px;
}
.contentcontainer .footer {
	width: 980px;
}
.contentcontainerwithsidebar .footer {
	width: 780px;
}
em {
	font-weight: bold;
	font-style: normal;
}
em.soft {
	color: #355a89;
}
em.softer {
	color: #355a89;
	font-weight: normal;
}
blockquote {
	background: url(../images/left_blockquote.gif) no-repeat;
	background-position: 0px 0px;
	padding: 5px 0px 0px 50px;
	margin: 0px;
	font-size: 18px;
	line-height: 24px;
	color: #355a89;
}
li {
	margin-bottom: 15px;
}
ol.ol2 li, ol.ol3 li {
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 0px;
}
ol.ol2 {
	list-style-type: lower-alpha;
	margin: -10px auto 10px auto;
}
ol.ol3 {
	list-style-type: lower-roman;
	margin: -10px auto 10px auto;
}
img.borderedimage, img.chart, iframe.previewframe {
	border: 1px dotted #8aafde;
}
hr {
	color: #355a89;
	height: 1px;
}
.hidden {
	display: none;
}
.siteseal {
	float: right; 
	margin: 5px;
}
.no-transp {
	opacity: 1.0; filter: Alpha(opacity=100);
}
.hi-transp {
	opacity: 0.5; filter: Alpha(opacity=50);
}
.lo-transp {
	opacity: 0.75; filter: Alpha(opacity=75);
}
.navblock_container {
	width: 100%; height: 160px;
}
.navblock {
	position: absolute; 
	xbackground: transparent url(../images/section_gradient.jpg) repeat-x;
	width: 487px; height: 145px; text-align: left;
}
.navblock_data {
	padding-right: 10px;
}
.navblock_img {
	height: 145px; padding-left: 95px;
}
.navblock_title {
	 height: 25px;
}
.navblock_text {
	color: #355a89;	font-size: 14px; text-align:left; xborder-top: 1px solid #8aafde; padding-top: 2px; 
}
.navblock_button {
	margin-top: 5px; text-align: right;	vertical-align: bottom;
}
#advertisers_block {
	margin-left: 0px;
}
#publishers_block {
	margin-left: 490px;
}
#exchange_block {
	margin-left: 642px;
}
#advertisers_img {
	background: url(../images/advertiser_toon.gif) no-repeat;
}
#advertisers_title {
	 background: url(../images/advertiser_title.gif) no-repeat;
}
#publishers_img {
	background: url(../images/publisher_toon.gif) no-repeat;
}
#publishers_title {
	 background: url(../images/publisher_title.gif) no-repeat;
}
#exchange_img {
	background: url(../images/exchange_toon.gif) no-repeat;
}
#exchange_title {
	 background: url(../images/exchange_title.gif) no-repeat;
}
ol {
	margin: 10px 0px 0px auto;
}
li {
	margin: 0px 0px 10px -20px;
}

form {
	display: inline;
}
input, select, textarea {
    color: #0f0f0f;
    font-family:  Century Gothic, Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
	font-size: 14px; 
    vertical-align: middle;
	border: 1px solid #8f8f8f;
    scrollbar-base-color: #dddddd;
    scrollbar-arrow-color: #444444;
}
input, textarea {
	padding: 2px 5px;
}
.text, .text-highlight, .password, .password-highlight, .tinytext, .tinytext-highlight, .smalltext, .smalltext-highlight, .mediumtext, .mediumtext-highlight, .widetext, .widetext-highlight {
	height: 30px;
}
input.button, input.linkbutton {
	background-color: #eceff4;
	color: #355a89;
	font-size: 12px;
	font-style: bold;
	border: 1px solid #355a89;
}
input.linkbutton {
	cursor: pointer;
}
input.odd, input.even, input.radio, input.checkbox {
	border: none;
	background-color: transp;
}
select, .text, .text-highlight, .password, .password-highlight {
    width: 250px;
}
.wideselect, .wideselect-highlight, .widetext, .widetext-highlight {
	width: 400px;
}
.tinytext, .tinytext-highlight {
    width: 30px;
}
.smalltext, .smalltext-highlight {
    width: 60px;
}
.datetext, .datetext-highlight {
    width: 90px;
}
.mediumtext, .mediumtext-highlight, .smallselect, .smallselect-highlight {
    width: 100px;
}
.mediumselect, .mediumselect-highlight {
    width: 150px;
}
.tinyselect, .tinyselect-highlight {
    width: 80px;
}
.form-row {
	padding: 5px;
}
.form-field-name {
	float: left; 
	width: 260px;
	color: #4f4f4f;
	text-align: right;
}
.form-field-value {
	padding-left: 10px;
}
.form-field-value input {
	margin-top: -2px;
}
.form-field-help {
	margin: 2px 0px 5px 0px;
}
.form-field-help .form-field-name {
	background: url(../images/icons/info.gif) no-repeat;
	color: #355a89;
	cursor: pointer;
	width: 265px;
}
.xxxactivesearchcontrol {
	width: 240px;
}
input.xxxactivesearchcontrol, input.xxxactivesearchcontrol-highlight {
	width: 245px;
}
.highlight, .-highlight, .mediumselect-highlight, .smallselect-highlight, .tinyselect-highlight, .wideselect-highlight, .widetext-highlight, .text-highlight, .password-highlight, .smalltext-highlight, .datetext-highlight, .tinytext-highlight, .activesearchcontrol-highlight, .checkbox-highlight {
	background-color: #ff0000;
	color: #ffffff;
}
hr.mid {
	margin-left: 180px;
}
/*** ANCHORS ***/
A, A IMG {
	color: #ED0000;
	font-weight: normal;
	text-align: center;
 	text-decoration: none; 	
	padding: 0px;
	margin: 0px;
	border: 0px;	
}
.activeheaderlink A, .activeheaderlink A:hover, .headerlink A, .headerlink A:hover, .specialheaderlink A, .specialheaderlink A:hover {
	font-weight: bold; 
	font-size: 16px; 
	color: #355a89;
	border-bottom: none;
}
.activeheaderlink A, .activeheaderlink A:hover, .headerlink A:hover {
	color: #4eaa5e;
}
.specialheaderlink A, .specialheaderlink A:hover, .specialheaderlink A:hover {
	color: #ed0000;
}
.activetitlelink A, .titlelink A {
	color: #355a89;
}
.activetitlelink A {
	color: #355a89;
	font-weight: bold;
}
.activetitlelink, .titlelink {
	padding: 0px 10px; 
	border-right-width: 1px;
	border-right-style: dotted;
}
.headerlink, .activeheaderlink {
	width: 45px;
	height: 22px;
	line-height: 20px;
	margin-left: 20px;
}
.headerlink a span, .activeheaderlink a span {
	width: 45px;
	cursor: hand;
}
.activetitlelink A:hover, .titlelink A:hover {
	color: #ed0000;
	xtext-decoration: underline;
	border-bottom: 1px dotted #355a89;
}
.activetitletab A, .titletab A, .specialtitletab A { 
	background-color: 355a89; 
	color: #ffffff; 
	padding: 2px 11px; 
	margin: 0px 0px 0px 5px; 
	border: 1px solid #222222;
	font-size: 11px;
}
.activetitletab A, .activetitletab A:hover, .titletab A:hover {
	background-color: #4eaa5e; 
	color: #ffffff; 
	border: 1px solid #222222;
}
.specialtitletab A, .specialtitletab A:hover {
	background-color: #00aa00; 
	color: #ffffff; 
	border: 1px solid #222222;
}
#signinbutton {
	color: white;
	font-size: 20px;
	font-weight: bold;
	line-height: 22px; 
	float: right; 
	margin-top: -57px; 
	display: inline; 
	width: 125px; 
	background-color: #8aafde; 
	border: 1px solid #355a89; 
	padding: 5px 0px; 
	text-align: center;
	cursor: pointer;
}
#signinchevron {
	position: absolute; 
	top: 35px; 
	padding: 0px 3px;
	font-size: 15px;
	font-family: Arial, Courier; 
}
div.largebutton {
	background-color: #eceff4; 
	border: 1px solid #355a89; 
	padding: 10px; 
	text-align: center; 
	vertical-align: middle;
}
div.largebutton .button {
	background-color: #355a89; 
	color: #ffffff; 
	font-size: 18px; 
	font-weight: bold;
}
/*#exchange A, #exchange A:hover {*/
.special-link A, .special-link A:hover {
	color: #00AA00;
}
/*** HEADERS ***/
h1 A, h2 A, h3 A {
	color: #355a89;
}
h1 A:hover, h2 A:hover, h3 A:hover {
	color: ED0000;
}
/*** MENU ***/
.arrow_link A, .down_arrow_link A {
	height: 20px; 
	background: url(../images/blue_arrow.gif) no-repeat;
	background-position: 0px center;
	text-align: left;
	padding-left: 15px;
}
.down_arrow_link A {
	background: url(../images/blue_arrow_down.gif) no-repeat;
	background-position: 0px center;
}
.arrow_link A:hover, .down_arrow_link A:hover {
	border-bottom: none;
}
.inline_link A, .inline_link A:hover, .inline-link A, .inline-link A:hover {
	color: #355a89;
}
.inline_link A:hover, .inline-link A:hover {
	color: #ed0000;
	border-bottom: 1px dotted #355a89;
}

.inline_link A:hover, .inline-link A:hover {
	xborder-bottom: 1px dotted #355a89;
}
.successtextcontainer, .errortextcontainer, .restrictedtextcontainer , .pintextcontainer {
	background-position: left top; padding: 10px 0px 110px 110px;
}
.successtextcontainer {
	background: url(../images/icons/success.gif) no-repeat; 
}
.errortextcontainer {
	background: url(../images/icons/error.gif) no-repeat; 
}
.restrictedtextcontainer {
	background: url(../images/icons/banned.gif) no-repeat; 
}
.pintextcontainer {
	background: url(../images/icons/padlock.gif) no-repeat; 
}
.menucontainer {
	background-color: transparent;
	border-bottom: 1px dotted #8aafde; 
}
.menuitem A, .activemenuitem A, .specialmenuitem A, .openmenuitem A, .openactivemenuitem A, .openspecialmenuitem A {
	display: block; 
	color: #ffffff; 
	padding: 4px 0px 4px 35px; 
	margin-bottom: 2px;
	height: 20px; 
	background: #355a89 url(../images/white_arrow_down.gif) no-repeat;
	background-position: 20px center;
	border: 1px solid #355a89;
	text-align: left;
}
.menuitem A, .activemenuitem A {
	background: #355a89 url(../images/white_arrow.gif) no-repeat;
	background-position: 20px center;
}
.openmenuitem A, .openactivemenuitem A, .openspecialmenuitem A {
	background-image: url(../images/white_arrow_down.gif);
}
.submenuitem A, .activesubmenuitem A {
	display: block; 
	color: #355a89; 
	padding: 4px 0px 4px 35px; 
	margin-bottom: 2px;
	height: 20px; 
	background: #f4f6fa none no-repeat;
	background-position: 20px center;
	text-align: left;
	border: 1px dotted #8aafde;
}
.menuitem A:hover, .activemenuitem A, .activemenuitem A:hover, .openmenuitem A:hover, .openactivemenuitem A {
	background-color: #355a89;
	color: #ffffff;
}

.menuitem A:hover, .activemenuitem A:hover, .openmenuitem A:hover, .openactivemenuitem A:hover, .submenuitem A:hover, .activesubmenuitem A:hover {
	border: 1px solid #355a89;
}
.submenuitem A:hover, .activesubmenuitem A {
	xbackground-color: #f4f6fa;
	background-color: #4eaa5e; 
	border: 1px solid #4eaa5e;
	color: #ffffff; 
}
.specialmenuitem A, .openspecialmenuitem A {
	background-color: #ed0000;
	border: 1px solid #ed0000;
	color: #ffffff;
}
.specialmenuitem A:hover, .openspecialmenuitem A:hover {
	border: 1px solid #ed0000;
	background-color: #ed0000;
	color: #ffffff;
}
.toolbar, .activetoolbar, .activetoolbar-highlight {
	line-height: 25px;
	margin: 5px 0px 10px 0px;
	color: #355a89;
	font-size: 16px;
	font-weight: normal;	
}
.activetoolbar, .activetoolbar-highlight {
	border: 1px solid #ffffff;
}
*html div.activetoolbar {
	border-width:0px; margin: 1px 1px 0px 1px;
}
*html div.activetoolbar-highlight {
	border-width:1px; margin: 0px 0px 1px 0px;
}
.toolbar .subtitle, .activetoolbar .subtitle, .activetoolbar-highlight .subtitle {
	font-size: 13px;
}
.activetoolbar-highlight {
	background-color: #eceff4;
}
.toolbar_button a {
	color: #355a89;
}
.pagehelp_link A, .pagehelp_link A:hover, .pagehelp_link A:hover, .pagenotice_link A, .pagenotice_link A:hover, .pagenotice_link A:hover {
	color: #00aa00;
}
.toolbar_button img {
	margin: 0px 5px;
	vertical-align: middle;
}
.micro_link, .micro-link {
	font-size: 10px;
}
.micro_link a, .micro-link a {
	text-decoration: underline; 
	color: #355a89;
	padding: 0px 2px 0px 0px;
}
.micro_link a:hover, .micro-link a:hover {
	color: #ed0000;
	border-bottom: none;
}
.floatinglogo { 
	float: left;
	margin-right: 10px;
	border: 1px solid #8aafde; 
	cursor:hand; 
}
a.fullstar, a.halfstar, a.emptystar {
	display: inline;
	width: 20px;
	height: 20px;
	margin: 0px;
	float: right;
}
a.fullstar {
	background: url(../images/icons/fullstar.gif) no-repeat;
}
a.halfstar {
	background: url(../images/icons/halfstar.gif) no-repeat;
}
a.emptystar {
	background: url(../images/icons/emptystar.gif) no-repeat;
}
.sub_section {
	background-position: left top;
	padding-left: 50px;
	margin: 10px 0px 10px 0px;
}
div.colorbox {
	display:inline;
	width: 20px;
	height: 20px;
	border: 1px solid #000000;
	cursor: pointer;
}	
div.subnote {
	background: url(../images/icons/info.gif) no-repeat;
	background-position: 5px 5px;
	xbackground-color: #eceff4;
	background-color: #ffffff;
	border: 1px solid #8aafde;
	padding: 5px;
	padding-left: 30px;
	color: #355a89;
}
div.pagehelpheader, div.pagehelp, div.pagenotice {	
	display: none;
	margin-top: 20px;
	color: #355a89;
}
div.pagehelp, div.pagenotice {	
	xbackground-color: #eceff4;
	background-color: #f4f6fa;
	border: 1px dotted #8aafde;
	padding:  0px 10px 0px 10px;
}
div.pagenotice {	
	display: block;
}
.contentdate {
	background: #FFFFFF url(../images/icons/date.gif);
	float: left;
	width: 45px;
	height: 50px;
	line-height: 50px;
	margin: 0px;
	padding: 0px;
	}
	
.contentdate h3 {
	color: #FFFFFF;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	padding: 1px 0px 0px 10px;
	margin: 0px;
	text-transform: uppercase;
	}
	
.contentdate h4 {
	font-family: Times New Roman, Helvetica, Sans-Serif;
	color: #999999;
	font-size: 21px;
	line-height: 21px;
	font-weight: bold;
	padding: 5px 4px 0px 0px;
	margin: 0px;
	text-align: center;
}

#menutabcontainer {
	position: relative;
	width: 100%;
	width: 980px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	height: 70px;
}

#menutabcontainer ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 980px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	margin-bottom: 30px;
}

#menutabcontainer ul#primary li  {
	display: inline;
	list-style: none;
}

#menutabcontainer ul#primary a,#menutabcontainer ul#primary span,#menutabcontainer ul#primary a.activemenu {
	width: 8em;
	display: block;
	float: left;
	margin: 10px 2px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 100%;
	text-decoration: none;
	color: #333;
	height: 30px;
	line-height: 30px;
}

#menutabcontainer ul#primary span,#menutabcontainer ul#primary a.activemenu,#menutabcontainer ul#primary a.activemenu:hover {
	border: 1px solid #666;
	border-bottom: none;
	color: #FFFFFF;
	background-color: #164D2F;
	margin-top: 0;
	height: 40px;
	line-height: 40px;
}

#menutabcontainer ul#primary a {
	color: #6D6D6D;
	background-color: #EFFBFF;
	border: 1px solid #AAA;
	border-bottom: none;
}

#menutabcontainer ul#primary a:hover {
	border-color: #BFBFBF;
	color: #126B3B;
	background-color: #FBF8A9;
}

#menutabcontainer ul#secondary {
	position: absolute;
	margin: 0;
	margin-top: 40px;
	padding: 0;
	left: 1px;
	margin-left: -1px;
	width: 982px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
	font-size: 100%;
	line-height: 100%;
	height: 30px;
	background-color: #164D2F;
}

#menutabcontainer ul#secondary li a,#menutabcontainer ul#secondary li span, #menutabcontainer ul#secondary li a.activelink, #menutabcontainer ul#secondary li a:hover.activelink {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 5px;
	text-align: auto;
	border: none;
	border-right: 1px dotted #AAA;
	color: #FFFFFF;
	background: none;
	height: 20px;
	line-height: 20px;
}

#menutabcontainer ul#secondary li a, #menutabcontainer ul#secondary li a.activelink {
	color: #FFFFFF;
	text-decoration: underline;
}

#menutabcontainer ul#secondary li a:hover, #menutabcontainer ul#secondary li a.activelink, #menutabcontainer ul#secondary li a:hover.activelink {
	color: #126B3B;
	background-color: #FBF8A9;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;
}

#menutabcontainer ul#secondary li a:active {
	color: #FBF8A9;
	background-color: #126B3B;
	xcolor: #000;
	xbackground: transparent;
}

#menutabcontainer ul#secondary li:last-child a, #menutabcontainer ul#secondary li#last-child a { border: none; }
ul.navlist { font-family: sans-serif; }
ul.navlist a {
	font-weight: bold;
	text-decoration: none;
}
ul.navlist, ul.navlist ul, ul.navlist li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.navlist li { float: left; }
xul.navlist li a {
	color: #ffffff;
	background-color: #003366;
	padding: 3px;
	border: 1px #ffffff outset;
}
xul.navlist li a:hover {
	color: #ffff00;
	background-color: #003366;
}
xul.navlist li a:active {
	color: #cccccc;
	background-color: #003366;
	border: 1px #ffffff inset;
}
ul#subnavlist { display: none; }
ul#subnavlist li { float: none; }
ul#subnavlist li a {
	padding: 0px;
	margin: 0px;
}
ul.navlist li:hover ul#subnavlist {
	display: block;
	position: absolute;
	font-size: 8pt;
	padding-top: 5px;
}
ul.navlist li:hover ul#subnavlist li a {
	display: block;
	width: 10em;
	border: none;
	padding: 2px;
}
ul.navlist li:hover ul#subnavlist li a:before { content: " >> "; }
.trackercontainer {
	width: 760px;
}
.widetrackercontainer {
	width: 960px;
}
.mat {
    background-color: #355a89;
}
.tblheader {
	color: #fff;
	background-color: #355a89;
	padding: 2px;
}
.activetblheader {
	color: #355a89;
	background-color: #fff;
	padding: 2px;
}
.tblrow, .oddtblrow, .eventblrow {
	height: 12px;
    white-space: nowrap;
}
.oddtblrow, .odd {
    background-color: #dddddd;
}
.eventblrow, .even {
    background-color: #ededed;
}
.tblcell, .rtblcell, .ctblcell {
	padding: 4px 5px;
	background-color: #fff; color: #000; 
}
.rtblcell {
	text-align: right;
}
.ctblcell {
	text-align: center;
}
.focalcell {
	background-color: #eceff4; color: #000;
}
.largecell {
	border: 1px solid #355a89; padding: 5px 10px; vertical-align: top;
}
.matcell{
    vertical-align: top;
    padding: 0px;
}
.themesamples td {
	text-align: center; 
	padding: 2px 10px;
	width: 100px;
}
td {
	font-size: 14px;
	padding: 5px;
}
td.price {
	font-size: 40px;
	font-weight:normal; 
	color: green;
}
td.label {
	background-color: #eceff4;
	text-align: right;
	padding-right: 5px;
}
td.value {
	background-color: #fff;
	text-align: right;
	padding-right: 5px;
}

.processitem A, .activeprocessitem A {
	font-style: Arial; 
	color: white; 
}
.processitem A:hover, .activeprocessitem A:hover, .processsubitem A:hover, .activeprocesssubitem A:hover {
	border-bottom: none;
}
.processitem, .activeprocessitem {
	text-align: center; 
	vertical-align: middle; 
	width: 130px; 
	height: 35px; 
}
.processsubitem, .activeprocesssubitem {
	text-align: center; 
	vertical-align: middle; 
	width: 135px; 
	height: 45px; 
}
.processitem {
	background: #ffffff url(../images/process_item.jpg) no-repeat;
}
.activeprocessitem {
	background: #ffffff url(../images/process_activeitem.jpg) no-repeat;
}
.activeprocessitem A:hover {
	color: #ffffff;
}
.processsubitem, .activeprocesssubitem {
	font-style: Arial;
	font-size: 11px;
	padding-top: 12px; 
}
.processsubitem A {
	font-style: Arial; 
	color: #355a89;
}
.processsubitem {
	background: #ffffff url(../images/process_subitem.jpg) no-repeat;
}
.activeprocesssubitem A {
	font-style: Arial; 
	color: #ed0000;
}
.activeprocesssubitem {
	background: #ffffff url(../images/process_activesubitem.jpg) no-repeat;
}

/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url(../images/maskBG.png) !important; /* For browsers Moz, Opera, etc.*/
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 1px solid #3f3f3f;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #355a89;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 1px solid #3f3f3f;
	border-top: 1px solid #afafaf;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #3f3f3f;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}
.dateChooser td {
    font-family:  Century Gothic, Trebuchet MS, Arial, Verdana, Helvetica, sans-serif; 
    font-size: 12px; 
    cursor:pointer;
    text-align:center;
    padding:0px;
    color: #355a89;
}
.dateChooser td.dateChooserActive:hover {
    color:#ed0000;
    background:#ffc;
}
.dateChooser td.dateChooserInactive, .dateChooser td.dateChooserInactiveToday {
    color:#0f0f0f;
    text-decoration: line-through;
}
.dateChooser td.dateChooserActiveToday {
    border: 1px solid #ed0000;
}
.dateChooser th {
    background: #355a89;
    color: white;
    font-size: 14px;
    width: 18px;
    border: none;
}
.dateChooser option, .dateChooser select {
    font-size:10px;
}
.dateChooser {
    border: 1px outset #355a89;
    background: #eceff4;
    padding: 5px;
}
.dateChooser select {
	width: auto;
	margin:2px 0px;
}
.dateChooser table {
    width:160px;
    border: 0px outset #355a89;
}
.dateChooserIcon {
	cursor: pointer;
}