/* ------------------------------------------------------------------
layout.css
------------------------------------------------------------------ */


/* Tags
------------------------------------------------------------------ */
body { color: #333; background: #fff; } 
p { margin-bottom: 15px; line-height: 17px; } 
ul { margin-bottom: 15px; margin-left: 25px; list-style-type: square; }
ol { margin-bottom: 15px; margin-left: 25px; list-style-type: decimal; }
dl { margin-bottom: 15px; }
dl dt { padding-left: 0; margin-top: 10px; }
dl dd { margin-left: 15px; }
blockquote { padding: 15px 15px 0 15px; margin-bottom: 15px; }
table { font-size: 100%; border-collapse: collapse; border-spacing: 0; }
td, th { text-align: left; vertical-align: top; } 
h1, h2, h3, h4, h5 { color: #222; font-weight: bold; margin-bottom: 16px; } 
h1 { font-size: 182%; margin-bottom: 7px; padding: 0 0 5px 0; line-height: 110%; font-weight: normal; } 
h2 { font-size: 107%; line-height: 110%; } 
h3 { font-size: 125%; line-height: 110%; } 
h4 { font-size: 110%; line-height: 110%; } 
h5 { font-size: 100%; line-height: 110%; } 
small { font-size: 90%; } 
code { font-family: monospace; font-size: 85%; }


/* Miscellaneous
------------------------------------------------------------------ */
.hidden { display: none; }
.photo-right { float: right; margin: 0 0 10px 25px; }
.photo-left { float: left; margin: 0 25px 10px 0; }
.photo-left img,
.photo-right img { border: 1px solid #fff; }
.clear { clear: both; }
.right { text-align: right; }
.separator { border-bottom: 1px solid #b8b8b8; margin-bottom: 20px; }
.contextual-help { height: 16px; width: 16px; vertical-align: middle; }
.highlight { color: #487d8c; }

/* Box
------------------------------------------------------------------ */
.box { background-color: #fff; padding: 10px; margin: 0 0 5px 0; }

/* Box
------------------------------------------------------------------ */
.late { color: #487d8c; }

/* Compare Packages
------------------------------------------------------------------ */
div.packages-compare { width: 650px; float: left; position:relative; }


/* Comparison Chart
------------------------------------------------------------------ */
table.comparison-chart { width: 100%; }
table.comparison-chart thead th { text-align: center; background: #ececec; font-weight: bold; }
table.comparison-chart th,
table.comparison-chart td { padding: 6px 10px; }
table.comparison-chart th img,
table.comparison-chart td img { vertical-align: middle; }
table.comparison-chart tbody th { text-align: right; }
table.comparison-chart tbody td { text-align: center; }
table.comparison-chart tr.alt th,
table.comparison-chart tr.alt td { background: #ececec; }
table.comparison-chart tr.button-row td { padding: 10px 8px; }


/* Billing Table
------------------------------------------------------------------ */
table.billing-table { width: 100%; }
table.billing-table thead th { background: #ececec; font-weight: bold; vertical-align: middle;}
table.billing-table th,
table.billing-table td { padding: 5px 5px; }
table.billing-table th img,
table.billing-table td img { vertical-align: middle; }
table.billing-table tr.alt th,
table.billing-table tr.alt td { background: #ececec; }
table.billing-table tr.button-row td { padding: 5px 5px; }


/* Messages Table
------------------------------------------------------------------ */
table.messages-table { width: 100%; }
table.messages-table thead th { background: #ececec; font-weight: bold; vertical-align: middle;}
table.messages-table thead td { background: #ececec; font-weight: normal; font-size:11px; vertical-align: middle; text-align:right; }
table.messages-table th,
table.messages-table td { padding: 5px 5px; }
table.messages-table th img,
table.messages-table td img { vertical-align: middle; }
table.messages-table tbody th { font-weight: bold; vertical-align: middle;}
table.messages-table tbody td { font-weight: normal; font-size:11px; vertical-align: middle; text-align:right; }
table.messages-table tr.alt th,
table.messages-table tr.alt td { background: #ececec; }
table.messages-table tr.button-row td { padding: 5px 5px; }


/* Tasks Table
------------------------------------------------------------------ */
table.tasks-table { width: 100%; }
table.tasks-table tbody th { background: #ececec; font-weight: normal; vertical-align: middle;}
table.tasks-table tbody th a { background: #ececec; font-weight: bold; vertical-align: middle;}
table.tasks-table tbody td { background: #ececec; font-weight: normal; font-size:11px; vertical-align: middle; text-align:right; }
table.tasks-table th,
table.tasks-table td { padding: 5px 5px; }
table.tasks-table th img,
table.tasks-table td img { vertical-align: middle; }
table.tasks-table thead th { font-weight: normal; vertical-align: middle;}
table.tasks-table thead th a { font-weight: bold; vertical-align: middle;}
table.tasks-table thead td { font-weight: normal; font-size:11px; vertical-align: middle; text-align:right; }
table.tasks-table tr.alt th,
table.tasks-table tr.alt td { background: #ececec; }
table.tasks-table tr.button-row td { padding: 5px 5px; }


/* Tasks Table Home
------------------------------------------------------------------ */
table.tasks-table-home { width: 100%; }
table.tasks-table-home thead th { background: #ececec; font-weight: normal; vertical-align: middle;}
table.tasks-table-home thead th a { background: #ececec; font-weight: bold; vertical-align: middle;}
table.tasks-table-home thead td { background: #ececec; font-weight: normal; font-size:11px; vertical-align: middle; text-align:right; }
table.tasks-table-home th,
table.tasks-table-home td { padding: 5px 5px; }
table.tasks-table-home th img,
table.tasks-table-home td img { vertical-align: middle; }
table.tasks-table-home tbody th { font-weight: normal; vertical-align: middle;}
table.tasks-table-home tbody th a { font-weight: bold; vertical-align: middle;}
table.tasks-table-home tbody td { font-weight: normal; font-size:11px; vertical-align: middle; text-align:right; }
table.tasks-table-home tr.alt th,
table.tasks-table-home tr.alt td { background: #ececec; }
table.tasks-table-home tr.button-row td { padding: 5px 5px; }


/* Reports Table
------------------------------------------------------------------ */
table.reports-table { width: 100%; }
table.reports-table thead th { background: #ececec; font-weight: bold; vertical-align: middle;}
table.reports-table thead td { background: #ececec; font-weight: normal; font-size:11px; vertical-align: middle; text-align:right; }
table.reports-table th,
table.reports-table td { padding: 5px 5px; }
table.reports-table th img,
table.reports-table td img { vertical-align: middle; }
table.reports-table tbody th { font-weight: normal; vertical-align: middle; border-bottom-style: solid; border-bottom-color: #ececec; border-bottom-width: 1px; }
table.reports-table tbody td { font-weight: normal; font-size:11px; vertical-align: middle; text-align:right; border-bottom-style: solid; border-bottom-color: #ececec; border-bottom-width: 1px; }
table.reports-table tr.alt th,
table.reports-table tr.alt td { background: #ececec; }
table.reports-table tr.button-row td { padding: 5px 5px; }

/* Links
------------------------------------------------------------------ */
a:link, 
a:visited { color: #314850; } 
a:hover { color: #487d8c; } 


/* Container
------------------------------------------------------------------ */
#container { text-align: center; }


/* Header
------------------------------------------------------------------ */
#header { background: #487d8c; background: url(/_assets/images/header-bg.gif); text-align: center; color: #e2a6a6; color: #fff; font-size: 85%; }
#header div.inner { text-align: left; margin: 0 auto; width: 963px; height: 103px; position: relative; }
#header h2 { width: 198px; height: 61px; margin: 0; position: absolute; left: 0; bottom: 21px; background: url(/_assets/images/logo.gif) no-repeat; line-height: 90%; }
#header h2 a:link,
#header h2 a:visited { display: block; height: 100%; text-indent: -999em; overflow: hidden; }
#header h4 { position: absolute; left: 205px; bottom: 4em; margin: 0; color: #fff; line-height: 90%; font-size: 11px; }
/* self clear floated parent containers */
#header:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
#header {zoom:1;} /* IE */

/* Header
------------------------------------------------------------------ */
#header-cp { background: #487d8c; background: url(/_assets/images/header-bg.gif); text-align: center; color: #e2a6a6; color: #fff; font-size: 85%; }
#header-cp div.inner { text-align: left; margin: 0 auto; width: 963px; height: 103px; position: relative; }
#header-cp h2 { width: 111px; height: 43px; margin: 0; position: absolute; left: 0; top: 12px; background: url(/_assets/images/logo-cp.gif) no-repeat; line-height: 90%; }
#header-cp h2 a:link,
#header-cp h2 a:visited { display: block; height: 100%; text-indent: -999em; overflow: hidden; }
#header-cp h4 { position: absolute; left: 0px; bottom: 15px; margin: 0; text-decoration: none; color: #fff; line-height: 90%; font-size: 22px; }
/* self clear floated parent containers */
#header-cp:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
#header-cp {zoom:1;} /* IE */

/* Primary Navigation
------------------------------------------------------------------ */
#primary-navigation { line-height: normal; padding: 0; position: absolute; bottom: 3px; right: 0; font-size: 11px; }
#primary-navigation ul { margin: 0; padding: 0; list-style: none; }
#primary-navigation li { display: inline; margin: 0; padding: 0; }
#primary-navigation a:link,
#primary-navigation a:visited { float: left; background: url(/_assets/images/primary-navigation-left-bg.gif) no-repeat left top; margin: 0; padding: 0 0 0 6px; text-decoration:none; text-transform: uppercase; cursor: pointer; }
#primary-navigation a:link span,
#primary-navigation a:visited span { float: left; display: block; background: url(/_assets/images/primary-navigation-right-bg.gif) no-repeat right top; padding: 10px 21px 7px 15px; color: #eed9d9; }
#primary-navigation a:hover,
#primary-navigation li.selected a:link,
#primary-navigation li.selected a:visited { background-position: 0 -60px; }
#primary-navigation a:hover span,
#primary-navigation li.selected a:link span,
#primary-navigation li.selected a:visited span { color: #fff; background-position: 100% -60px; }


/* Secondary Navigation
------------------------------------------------------------------ */
#secondary-navigation { background: #487d8c; padding: 4px 10px; list-style: none; margin: 0 0 20px 0; font-size: 12px; }
#secondary-navigation li { display: inline; }
#secondary-navigation a:link,
#secondary-navigation a:visited { display: block; color: #ffdf9a; padding: 6px 0; border-top: 1px solid #71a9b7; text-decoration: none; }
#secondary-navigation li.first a:link,
#secondary-navigation li.first a:visited { border: 0; }
#secondary-navigation li.selected a:link,
#secondary-navigation li.selected a:visited,
#secondary-navigation a:hover { color: #fff; }


/* Admin Navigation
------------------------------------------------------------------ */
#admin-navigation { line-height: normal; color: #ffdf9a; padding: 0; right: 0; position: absolute; padding: 10px 5px 5px 5px; font-size: 12px; }
#admin-navigation a:link { text-decoration:none; color: #eed9d9; }
#admin-navigation a:visited { text-decoration:none; color: #eed9d9; }
#admin-navigation a:hover { color: #fff; }

/* Content
------------------------------------------------------------------ */
#content { width: 963px; margin: 0 auto; text-align: left; padding: 16px 5px 5px 5px; }
/* self clear floated parent containers */
#content:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
#content {zoom:1;} /* IE */


/* Layouts
------------------------------------------------------------------ */
/* 2 column layout (side,main) */
body.layout-sm #side { width: 285px; float: left; }
body.layout-sm #main { width: 673px; float: right; }
/* 2 column layout (main,side) */
body.layout-ms #main { width: 673px; float: left; }
body.layout-ms #side { width: 285px; float: right; }
/* 2 column layout (side,main,extra) */
body.layout-smx #side { width: 285px; margin-right: 5px; float: left; }
body.layout-smx #main { width: 383px; float: left; }
body.layout-smx #extra { width: 285px; float: right; }


/* Section Title
------------------------------------------------------------------ */
.section-title { padding: 5px 10px; margin: 0 0 5px 0; background: #487d8c; } 
.section-title h2 { float: left; margin: 0; line-height: 1em; font-size: 144%; font-weight: normal; color: #fff; }
.section-title h3 { float: left; margin: 0; line-height: 1em; font-size: 92%; color: #fff; }
.section-title h4 { float: right; margin: 0; padding: 0 2px 0 0; color: #fff; font-size:12px; text-decoration:none; font-weight:normal; }
.section-title h4 a { text-decoration: none; color: #fff; }
.section-title h4 img { vertical-align:middle; padding: 0 0 2px 0; }
.section-title p { float: right; margin: 0; line-height: 1em; color: #fff; }
.section-title:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }	
.section-title {zoom:1;} /* IE */


/* Footer
------------------------------------------------------------------ */
#footer { margin: 0 auto; background: #dcddde; border-top: 3px solid #487d8c; padding: 10px 0 0 0; font-size: 12px; color: #333; clear: both; text-align: left; }
#footer div.inner { text-align: left; margin: 0 auto; width: 963px; height: 100px; position: relative; }
#footer p { padding: 0 10px; }
#footer a:link,
#footer a:visited { color: #333; text-decoration: none; }
#footer a:hover { color: #333; text-decoration: underline; } 


/* sIFR
------------------------------------------------------------------ */
/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }
/* sIFR replacement styles */
.sIFR-hasFlash div.section-title h2 { visibility: hidden; *font-size: 22px; line-height: 1em; letter-spacing: -1px; margin: 0; }
.sIFR-hasFlash div.section-title { padding-bottom: 2px; *padding-bottom: 5px; }
.sIFR-hasFlash div.header-cp h4 { visibility: hidden; *font-size: 22px; line-height: 1em; letter-spacing: -1px; margin: 0; }
.sIFR-hasFlash div.sign-up-header h3 { visibility: hidden; *font-size: 22px; line-height: 1em; letter-spacing: -1px; margin: 0; }

/* Tool Tips
------------------------------------------------------------------ */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #999;
	background-color: #eee;
	padding: 5px;
	opacity: 0.95;
}
#tooltip h3, #tooltip div { margin: 0; font-size: 12px; font-weight: normal; width: 300px; text-align: left;	color: #222; }



/* Home Feature
------------------------------------------------------------------ */
#home-feature { margin: 0 0 0 0; }
#home-feature #home-feature-main { width: 673px; float: left; text-align: center; }
#home-feature #home-feature-main img { display: block; margin: 0px auto 16px auto; }
#home-feature #home-feature-side { width: 285px; float: right; }
/* self clear floated parent containers */
#home-feature:after {content:".";display:block;height:0;clear:both;visibility:hidden;}	
#home-feature {zoom:1;} /* IE */


/* Sign Up Header
------------------------------------------------------------------ */
#sign-up-header { height: 132px; margin: 0 0 16px 0; position: relative; background: url(/_assets/images/sign-up-header-bg.gif) no-repeat; }
#sign-up-header h2 { text-indent: -999em; height: 1px; }
#sign-up-header h3 { position: absolute; top: 45px; left: 330px; width: 600px; margin: 0; font-weight: bold; color: #fff; font-size:18px; }