﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	/*font-family: inherit;*/
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	font-size: 62.5%;
	font-family: arial,helvetica,clean,sans-serif;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body 
{
	text-align: center;
	background: #fff; 
    color: #464646;
}

strong
{
	font-weight: bold;
}

em
{
	font-style: italic;
}

a
{
	color: #a68a31;
	text-decoration: none;
}

a:hover
{
	color: #791980;
	text-decoration: none;
}

.displayBlock { display:block; }
.displayNone { display: none; }

.floatLeft { float: left; }
.floatRight { float: right; }
.floatCenter { margin-left: auto; margin-right: auto; }

.spacingTop2 { margin-top: 2px; }
.spacingBottom2 { margin-bottom: 2px; }
.spacingLeft2 { margin-left: 2px; }
.spacingRight2 { margin-right: 2px; }

.spacingTop4 { margin-top: 4px; }
.spacingBottom4 { margin-bottom: 4px; }
.spacingLeft4 { margin-left: 4px; }
.spacingRight4 { margin-right: 4px; }

.spacingTop10 { margin-top: 10px; }
.spacingBottom10 { margin-bottom: 10px; }
.spacingLeft10 { margin-left: 10px; }
.spacingRight10 { margin-right: 10px; }

.spacingTop20 { margin-top: 20px; }
.spacingBottom20 { margin-bottom: 20px; }
.spacingLeft20 { margin-left: 20px; }
.spacingRight20 { margin-right: 20px; }

.textAlignLeft { text-align: left; }
.textAlignRight { text-align: right; }
.textAlignCenter { text-align: center; }
.textAlignJustify { text-align: justify; }

#headerContainer 
{
    width: 910px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

#header
{
    width: 910px;
    overflow: hidden;
    border-top: 4px solid #464646;
}

#header .navContainer
{
	width: 910px;
	height: 26px;
    overflow: hidden;
    font-size: 1.3em;
}

#header .navContainer ul  
{
	list-style-type: none; 
	float: right;
	margin-right: 10px;
}

#header .navContainer ul li 
{
	display: inline;
	float: left;
	height: 26px;
	overflow: hidden;
	margin-left: 15px;
}

#header .navContainer ul li a
{
    font-weight: normal;
    color: #464646;
	line-height: 26px;
    text-decoration: none;
}

#header .navContainer ul li a:hover { color: #bf9f39; }

#header .navContainer ul li a.current
{
    font-weight: normal;
    color: #464646;
	line-height: 26px;
    text-decoration: underline;
}

#header .navContainer ul li a.current:hover { color: #bf9f39; }

#header .logoContainer
{
	width: 910px;
	height: 90px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d1d1d1;
	overflow: hidden;
	text-align: left;
}

#header .logoContainer .adContainer
{
	float: right;	
	width: 468px;
	height: 68px;
	margin-top: 10px;
	overflow: hidden;
}

#header .logoContainer img
{
	display:block;
	float: left;
}

#footerContainer 
{
    width: 910px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    border-top: 1px solid #d1d1d1;
}

#footer
{
    width: 910px;
    overflow: hidden;
}

#footer .navContainer
{
    float: left;
    overflow: hidden;
    font-size: 1.2em;
}

#footer .navContainer ul { list-style-type: none; float: left; }

#footer .navContainer ul li { display: inline; color: #b3b3b3; }

#footer .navContainer ul li a
{
    font-weight: normal;
    color: #b3b3b3;
    text-decoration: none;
}

#footer .navContainer ul li a:hover { color: #464646; }

#footer .navContainer ul li a.current
{
    font-weight: normal;
    color: #b3b3b3;
    text-decoration: none;
}

#footer .navContainer ul li a.current:hover { color: #464646; }

#footer .copyright
{
	float: right;
	font-size: 1.2em;
	color: #b3b3b3;
	width: 50%;
	overflow: hidden;
}

#container 
{
    width: 910px;
    margin: auto;
    overflow: hidden;
    text-align: left;
    font-size: 1.2em;
    line-height: 1.2em;
    background: #fff url(../images/leftbg.gif) repeat-y top left ;
}

h2 
{
	color: #a68a31;
	font-size: 2.0em;
	line-height: 1.2em;
	font-weight: bold;
}

h3 
{
	color: #464646;
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight: bold;
}

h4 
{
	font-weight: bold;
}

p
{
	line-height: 1.3em;
}

p.strongText
{
	font-weight: bold;
}

.leftColumn
{
	float: left;
	width: 160px;
	min-height: 300px;
	padding: 10px 9px 20px 9px;
	margin-right: 10px;
	border-left: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	background: #e6e6e6 url(../images/gradient.gif) repeat-x top left ;
}

.leftColumn ul.navigation
{
	list-style-type: none; 
	float: left;
	width: 160px;
	padding-left: 0px;
	padding-right: 0px;	
	overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.2em;
}

.leftColumn ul.navigation li 
{
	height: 1.7em;
	width: 160px;
	overflow: hidden;
}

.leftColumn ul.navigation li a
{
	display: block;
	padding-left: 6px;
	border-left: 6px solid #d1d1d1;
	width: 154px;
    color: #464646;
    line-height: 1.5em;
    text-decoration: none;
}

.leftColumn ul.navigation li a:hover 
{ 
	background: #d1d1d1; 	
	border-left: 6px solid #464646; 
}

.mainColumn
{
	float: left;
	width: 720px;
	padding: 0px 0px 20px 0px;
}

#blogContainer
{
	float: left;
	width: 720px;	
}

#blogContent
{
	float: left;
	width: 540px;
}

#blogSidebar
{
	float: left;
	width: 180px;
}

.superRewardsOffersBlock,
.textBlockContainer, 
.imageContainer, 
.dividerContainer, 
.googleAdSenseContainer, 
.googleSearchContainer, 
.syndicationContainer, 
.sitemapContainer, 
.blogBlockContainer,
.loginBlockContainer,
.registerBlockContainer,
.changePasswordBlockContainer,
.forgotPasswordBlockContainer,
.statusBlockContainer,
.purchaseLicenseBlock
{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
    overflow: hidden;
}

.leftColumn .textBlockContainer, 
.leftColumn .imageContainer, 
.leftColumn .dividerContainer, 
.leftColumn .googleAdSenseContainer, 
.leftColumn .googleSearchContainer, 
.leftColumn .syndicationContainer, 
.leftColumn .sitemapContainer, 
.leftColumn .blogBlockContainer,
.leftColumn .loginBlockContainer,
.leftColumn .registerBlockContainer,
.leftColumn .changePasswordBlockContainer,
.leftColumn .forgotPasswordBlockContainer,
.leftColumn .statusBlockContainer
{
	width: 160px;
	padding-left: 0px;
	padding-right: 0px;
}

#header .textBlockContainer, 
#header .imageContainer, 
#header .dividerContainer, 
#header .googleAdSenseContainer, 
#header .googleSearchContainer, 
#header .syndicationContainer, 
#header .sitemapContainer, 
#header .blogBlockContainer,
#header .loginBlockContainer,
#header .registerBlockContainer,
#header .changePasswordBlockContainer,
#header .forgotPasswordBlockContainer,
#header .statusBlockContainer
{
	padding-left: 0px;
	padding-right: 0px;
}

#footer .textBlockContainer
{
	padding-left: 0px;
	padding-right: 0px;
	float: right;
}

.oneColumn
{
    width: 160px;
}

.twoColumn
{
    width: 340px;
}

.threeColumn
{
    width: 520px;
}

.fourColumn
{
    width: 700px;
}

.actionContainer
{
	clear: both;
	float: left;
	overflow: hidden;
	width: 100%;
}

.divider
{
	width: 80%;
	height: 0px;
	margin-left: auto;
	margin-right: auto;
    border-bottom: 1px solid #d3d3d3;
    overflow: hidden;
}

.syndicationDate
{
	margin-bottom: 4px;
}

.superRewardsOffersBlock h4,
.purchaseLicenseBlock h4 
{
	color: #464646;
}

.superRewardsOffersBlock a:hover h4,
.purchaseLicenseBlock a:hover h4
{
	color: #791980;
}

.sitemapContainer h1 {
	color: #a68a31;
	font-size: 2.0em;
	line-height: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
}

.sitemapContainer h2 {
	color: #464646;
	font-size: 1.3em;
	line-height: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;	
}

.sitemapContainer h3 
{
	color: #464646;
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: bold;
	padding-left: 10px;
}

.sitemapContainer a:hover h1
{
	color: #791980;
}

.sitemapContainer a:hover h2
{
	color: #a68a31;
}

.sitemapContainer a:hover h3
{
	color: #a68a31;
}

.sitemapContainer ul 
{
	padding-left: 10px;
	padding-bottom: 10px;
}

.sitemapContainer ul li
{
	color: #999;
	line-height: 1.3em;
}

.sitemapContainer ul li a
{
	color: #999;
	font-size: 1.2em;	
	line-height: 1.3em;
}

.sitemapContainer ul li a:hover
{
	color: #791980;
}

/* BLOG */

.blogBlockContainer ul li
{
	color: #999;
	line-height: 1.3em;
}

.blogBlockContainer ul li a
{
	color: #999;
	font-size: 1.2em;	
	line-height: 1.3em;
}

.blogBlockContainer ul li a:hover
{
	color: #791980;
}

.blogPaging
{
	float: left;
	width: inherit;
    overflow: hidden;
}

.blogPaging a
{
	color: #999;
	font-size: 1em;	
}

.blogPaging a:hover
{
	color: #791980;
}

.blogPost
{
	float: left;
	width: inherit;
    overflow: hidden;
}

.blogPost .postInfo
{
	font-size: 1.0em;
	color: #999999;
	margin-bottom: 10px;
}

.blogPost .postInfo a
{
	font-size: 1.0em;
	font-weight: bold;
}

.blogPost h2 
{
	color: #a68a31;
	font-size: 2.0em;
	line-height: 1.2em;
	font-weight: bold;	
}

.blogPost h2 a
{
	font-weight: bold;
}

.blogPost .postBody
{
	clear: both;
	float: left;
    overflow: hidden;
}

.blogPost .postBody p
{
	margin-bottom: 10px;
}

.blogPost .postBody ul
{
	margin-left: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	list-style-position:inside;
	list-style-type: disc;
}

.blogPost .postFooter
{
	clear: both;
	float: left;
    overflow: hidden;
    margin-bottom: 20px;
}

.blogPost .postCategories
{
	clear: both;
	float: left;
    overflow: hidden;
    font-size: 1.0em;
	color: #999999;
	margin-bottom: 4px;
}

.blogPost .postCategories a
{
	font-size: 1.0em;
	font-weight: bold;
}

.blogPost .postTags
{
	clear: both;
	float: left;
    overflow: hidden;
	font-size: 1.0em;
	color: #999999;
	margin-bottom: 4px;    
}

.blogPost .postTags a
{
	font-size: 1.0em;
	font-weight: bold;
}

.blogPost .postPermalink
{
	clear: both;
	float: left;
    overflow: hidden;
	font-size: 1.0em;
	color: #999999;
	margin-top: 6px; 
	margin-bottom: 4px;    
}

.blogPost .postPermalink a
{
	font-size: 1.0em;
	font-weight: bold;
}




.postTracking
{
	float: left;
	width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.postTracking h3 
{
	/*color: #464646;*/
	margin-bottom: 10px;
}

.postTracking .trackingBody
{
	clear: both;
	float: left;
	width: 100%;	
	margin-bottom: 10px;
}

.postTracking .trackingDate
{
	clear: both;
	float: left;
	color: #999999;
	font-size: 0.9em;
}

.postComments
{
	float: left;
	width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.postComments h3 
{
	/*color: #464646;*/
	margin-bottom: 10px;
}

.postComments .commentHeader
{
	clear: both;
	float: left;
	width: 100%;
	/*background: #E6E6E6;*/
	/*border-top: 1px solid #D1D1D1;*/
	border-bottom: 1px solid #D1D1D1;
	/*margin-bottom: 10px;*/
	padding-bottom: 4px;
}

.postComments .commentName
{
	clear: both;
	float: left;
	color: #999999;
	font-size: 1.0em;
	font-weight: bold;
}

.postComments .commentName a
{
	clear: both;
	float: left;
	font-size: 1.0em;
	font-weight: bold;
}

.postComments .commentDate
{
	clear: both;
	float: left;
	color: #999999;
	font-size: 0.9em;
}

.postComments .commentBody
{
	clear: both;
	float: left;
	width: 100%;	
	/*background: #E6E6E6;*/
	margin-bottom: 10px;
	padding: 10px 0;
	/*border-top: 1px solid #D1D1D1;*/
}

.postCommentForm
{
	float: left;
    overflow: hidden;
    /*margin-bottom: 20px;*/
    /*padding: 10px;*/
    /*background: #E6E6E6;*/
    /*border: 1px solid #D1D1D1;*/
}

.postCommentForm h3 
{
	/*color: #464646;*/
	margin-bottom: 10px;
}

.postCommentForm label
{
	clear: both;
	float: left;
	width: 200px;
	margin-bottom: 2px;
}

.postCommentForm input
{
	clear: both;
	float: left;
	width: 200px;	
	margin-bottom: 10px;
}

.postCommentForm input.submitButton { width: 125px; }

.postCommentForm textarea
{
	clear: both;
	float: left;	
	margin-bottom: 10px;
	width: 520px;
}

.postCommentForm span
{
	clear: none;
	float: left;	
	padding-top: 4px;
	margin-left: 10px;
	color: #999999;
}

.postCommentForm span.errorText
{
	color: #CC0000;
}

/* NEEDS WORK!!! */

fieldset  
{
	clear: both;
	float: left;
	border: 0px none; 
	margin-top: 10px; 
	overflow: hidden;
}

fieldset legend 
{ 
	margin-bottom: 10px;
	font-weight: bold;
	color: #2F3238;
	text-transform: uppercase;
}


.formContainer
{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.oneColumn .errorField, .leftColumn .errorField 
{ 
	width: 160px;
}

.twoColumn .errorField, .threeColumn .errorField, .fourColumn .errorField
{
	width: 280px;
}

.errorField
{
	clear: both;
	float: left;
	overflow: hidden;
}

.errorField span
{
	clear: both;
	float: left;
	color: #CC0000; 
	margin-bottom: 10px;
}

.oneColumn .formField, .leftColumn .formField 
{ 
	width: 160px; 
}

.twoColumn .formField, .threeColumn .formField, .fourColumn .formField
{
	width: 280px;
}

.formField
{
	clear: both;
	float: left;
	overflow: hidden;
	text-align: left;
}

.oneColumn .formField span.errorText, .leftColumn .formField span.errorText
{
	width: 150px;
}

.twoColumn .formField span.errorText, .threeColumn .formField span.errorText, .fourColumn .formField span.errorText
{
	width: 280px; 
}

.formField span.errorText
{
	clear: both;
	float: left;
	margin-top: -6px;
	margin-bottom: 10px;
	color: #CC0000;
}

.formField a,
.buttonField a
{
    color: #777;
    text-decoration: none;
}

.formField a:hover,
.buttonField a:hover
{ text-decoration: underline; }


.formField label.radioListLabel, .formField label.checkboxLabel
{
	clear: none;
	margin-left: 4px;
	margin-top: 4px;
}

.oneColumn .formField label, .leftColumn .formField label { width: 160px; }

.twoColumn .formField label, .threeColumn .formField label, .fourColumn .formField label { width: 280px; }

.oneColumn .formField label.radioListLabel, .leftColumn .formField label.radioListLabel { width: 120px; }

.twoColumn .formField label.radioListLabel, .threeColumn .formField label.radioListLabel, .fourColumn .formField label.radioListLabel { width: 240px; }

.oneColumn .formField label.checkboxLabel, .leftColumn .formField label.checkboxLabel { width: 120px; }

.twoColumn .formField label.checkboxLabel, .threeColumn .formField label.checkboxLabel, .fourColumn .formField label.checkboxLabel { width: 240px; }

.formField label
{	
	clear: both;
	float: left;
	margin-bottom: 2px;
}

.formField label span
{
	color: #777;
}

.formField label.rememberMe,
.formField label.radioListLabel
{
	clear: none;
}

.formField label.radioListLabel
{
	margin-left: 4px;
	margin-top: 2px;
}
	

.oneColumn .formField label.rememberMe, .leftColumn .formField label.rememberMe { width: 110px; }

.twoColumn .formField label.rememberMe, .threeColumn .formField label.rememberMe, .fourColumn .formField label.rememberMe { width: 180px; }





.formField input
{
	clear: both;
	float: left;
	margin-bottom: 10px;
	font-family: Arial, Sans-Serif;
    font-size: 1.1em;
    font-weight: normal;
	color: #36393D;
}

.formField span.checkBoxControl input
{
	margin-top: 2px;
	margin-right: 7px;
}

.oneColumn .formField input.textBoxControl, .leftColumn .formField input.textBoxControl { width: 146px; }

.twoColumn .formField input.textBoxControl, .threeColumn .formField input.textBoxControl, .fourColumn .formField input.textBoxControl { width: 276px; }

input.textBoxControlw210 { width: 210px; }
input.textBoxControlw60 { width: 60px; margin-right: 10px;}

.formField input.textBoxControl
{ 
	height: 16px;
}

.formField input.radioControl
{ 
	margin-left: 2px;
	margin-bottom: 4px;
}

.formField textarea
{
	float: left;
	margin-bottom: 10px;
	font-family: Arial, Sans-Serif;
    font-size: 1.1em;
    font-weight: normal;
	color: #36393D;
}

.oneColumn .formField textarea, .leftColumn .formField textarea { width: 146px; }

.twoColumn .formField textarea, .threeColumn .formField textarea, .fourColumn .formField textarea { width: 276px; }

.formField select
{
	float: left;
	margin-bottom: 10px;
	font-family: Arial, Sans-Serif;
    font-size: 1.1em;
    font-weight: normal;
	color: #36393D;
}

.oneColumn .formField select, .leftColumn .formField select { width: 150px; }

.twoColumn .formField select, .threeColumn .formField select, .fourColumn .formField select { width: 280px; }

.formField select.month { width: 130px; }
.formField select.year { width: 80px; margin-left: 4px; }



.formField ul { list-style-type: none; float: left; margin-bottom:10px; }

.formField ul li { display: inline; color: #999; }
.formField ul li input { margin-left: 13px; }



.buttonField
{
	clear: both;
	float: left;
	overflow: hidden;	
}

.oneColumn .buttonField, .leftColumn .buttonField { width: 160px; }

.twoColumn .buttonField, .threeColumn .buttonField, .fourColumn .buttonField { width: 280px; }

.buttonField input.submitButton { width: 75px; }


div.scroller 
{ 
	width: 500px; 
	height: 211px;
	overflow: hidden;
}

div.scroller div.section 
{
	width:500px;
	height:210px;
	overflow:hidden;
	float:left;
	border-top:1px solid #cccccc;
}

div.scroller div.section img 
{
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	float:left;
}

div.scroller div.section div.sectionText 
{
	width:217px;
	height:190px;	
	overflow:hidden;
	float:left;
	padding:10px;
	border-right:1px solid #cccccc;
}

div.scroller div.content 
{
	/*width: 10000px;*/
}

div.controls 
{
	width:478px;
	height:72px;
	overflow: hidden;
	padding: 5px 10px 5px 10px;
	border:1px solid #cccccc;
}

div.controls img
{
	border:1px solid #cccccc;
	margin:5px;
}


table.licenses th, table.licenses td {
	text-align: left;
	font-weight: normal;
}
table.licenses {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
	color: #333;
	margin: 10px 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	vertical-align: baseline;
}

table.licenses tbody, table.licenses tfoot, table.licenses tr, table.licenses th, table.licenses td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

table.licenses a {
	text-decoration: none;
	border-bottom: 1px dotted #f60;
	color: #f60;
	font-weight: bold;
}

table.licenses a:hover {
	text-decoration: none;
	color: #fff;
	background: #f60;
}

table.licenses tr th a {
	color: #369;
	border-bottom: 1px dotted #369;
}

table.licenses tr th a:hover {
	color: #fff;
	background: #369;
}

table.licenses thead tr td {
	font-weight: bold;
}

table.licenses thead tr th {
	text-transform: uppercase;
	background: #e2e2e2;
}

table.licenses tfoot tr th, table.licenses tfoot tr td {
	text-transform: uppercase;
}

table.licenses td, table.licenses th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	line-height: 1.8em;
	font-size: 0.8em;
	vertical-align: top;
	white-space: nowrap;
}

table.licenses tr.even th, table.licenses tr.even td {
	background: #efefef;
}

button.clipboard
{
	font-size: 1.1em;
}

