/* Global Element styling */
body {margin:0; padding:0;}
h1, h2, h3, h4, h5 {margin-top:0;}
h4 {margin:0; padding:0;}
p, ul, ol {margin:0 0 20px;}
a {outline:none;}
a img {border:0;}
a:link, a:visited {color:#3399cc;}
a:hover {color:#1a4c65}

dl {margin:0; padding:0;}
dt {margin:0; padding:0;}
dd {margin:0 0 20px; padding:0}

form dl {padding:0.5em; line-height:21px; font-size:14px;}
form dt {float:left; clear:left; width:100px; text-align:right;}
form dd {margin:0 0 0 110px; padding:0 0 0.5em 0; width:300px;}

fieldset {border:0; margin:0; padding:0;}

/* General Classes */
.block {display:block;}
.clear {clear:both;}
.bold {font-weight:bold;}
.center {text-align:center}
.textLeft {text-align:left;}
.textRight {text-align:right}
.justify {text-align:justify;}
.zero {padding:0 !important; margin:0 !important;}
.zero_v {padding-top:0 !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important;}
.default {cursor:default;}
.italic {font-style:italic;}
.extraLine {margin-top:20px !important;}
.small {font-size:10px; line-height:12px;}
.upper {text-transform:uppercase;}
.hidden {display:none;}
.red {color:#ff0000;}
.green {color:#309528;}
.noList {list-style-type:none; padding-left:0 !important;}
.show {display:block !important;}

/* Larger text at the top of sections */
.summary {font-size:15px; line-height:25px; color:#999; font-style:italic;}

/* Clear floats in a way that doesn't suck */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Mimics a paragraph in the content section */
.par {margin-bottom:20px;}

/* Content floated right inside of #main */
.rightFloat {float:right; margin:0 0 10px 10px;}
.rightFloat p.topCaption {font-size:12px; line-height:13px; margin: 0 0 10px;}

/* Spans that look like achors */
.anchor {color:#3399cc; text-decoration:underline; cursor:pointer;}
.anchor:hover {color:#1a4c65}

/* Floating Blocks */
.leftBlock {float:left;}
.rightBlock {float:right;}

/* Content section default styles */
.content {line-height:22px;}
.content select {height:20px;}
.contentSectionLink {float:right;}

/* Messages */
.msg {border:1px solid #CC9933; background-color:#FFFFCC; padding:20px; font-size:14px; color:#333;}
.msg h4 {text-align:center;}

/* Hints */
.hint {background-color:#FFFFCC; z-index:99; border:1px solid #CC9933; font-size:11px; left:253px; display:none; position:absolute; top:0; left:0; line-height:14px; margin:18px 0 0 10px; padding:8px; width:200px;}
.hint .pointer {background:transparent url(/images/pages/activate/yellow_pointer.gif) no-repeat left top; height:19px; display:block; left:-10px; position:absolute; top:5px; width:10px;} 

/* Submit buttons, achors, and spans that we use images with text already on them */
a.button, span.button, .button {display:block; cursor:pointer; border:0; overflow:hidden; text-align:center; display:block; text-decoration:none; font-weight:bold; color:#fff;}
a.button:hover, a.button:active, .button {border:0; text-decoration:none;}

input.button {font-size:14px; height:37px; padding-top:0;}

/* Error messages */
div.error, p.error, ul.error, div.errors, p.errors, ul.errors {background-color:#fadada; color:red; border:1px solid red; padding:10px; margin-bottom:20px;}
input.error, textarea.error {background-color:#fadada;}
.errors ul {list-style-type:none; margin:0; padding:0;},
.errors ul li {padding-left:0;}
.errors ol {margin:0;}

/* Accessible/SEO text for background images with copy */
.seo {overflow:hidden; text-indent:-9000px; display:block;}

/* Pretty ul's */ 
.greenCheck {list-style-type:none; margin-left:10px; margin-top:10px; padding-left:12px;}
.greenCheck li {background:url("/images/icons/check_green.gif") left 0px no-repeat; padding:0 0 0 30px; line-height:20px; margin-bottom:8px;}

/* For lists that should look like they're just text seperated by <br/> elements */
.noMarker {list-style-type:none; margin-left:0; padding:0;}
.noMarker li {margin-left:0; padding-left:0;}

/* Lists with a marker that should have no indentation */
.flushLeft {padding-left:16px;}

/* Parallel Lists with headers */
.parallelList dl {width:271px; float:left;}
.parallelList dl.left {margin-right:20px;}
.parallelList dl.right {float:right;}
.parallelList dl dt {color:#ce5e10; margin-bottom:10px; font-size:16px; font-style:italic; font-weight:bold;}
.parallelList dl dd {line-height:22px;}

/* For fine print and stuff */
.legal {font-size:12px;}
.legal .heading {font-size:16px; margin-top:5px;}
.legal ol, .legal ul {margin-left:5px; padding-left:10px;}
.legal ul {list-style-type:disc;}
.legal ol {list-style-type:decimal;}
.legal .seperated li {margin-bottom:10px;}
.legal td {border:1px solid gray;}
.legal td p {margin:0;}
.legal td.share {width:100px;}

p.disclaimer {background-color:#eee; font-size:11px; padding:5px !important; line-height:14px !important;}
p.legal {margin:10px 0; line-height:17px;}

/* Layout */
.container {width:968px; margin:0 auto; position:relative;}
.contentSection, .section {border-bottom:1px solid #E2E2E2; margin-bottom:50px; padding-bottom:30px; position:relative;}
.lastSection {margin-bottom:0; border:0;}
.subSection {margin-top:40px;}

.contentBlock {width:573px;}
.contentBlock .col2 p {width:277px; float:left;}
.contentBlock .col2 p.left {margin-right:19px;}
.sideBar {width:290px; float:left;}
.sbRight {margin-left:30px;}
.sbLeft {margin-right:30px;}

.toTop {position:absolute; right:0; bottom:10px; z-index:5;}

#contentWrapper {min-height:400px; clear:both;}
#content {position:relative; padding-bottom:30px;}

/* Main content section */
#main {position:relative;}

/* Header and footer */
#header ul, #footer ul, .menu {list-style-type:none;}
#header ul li, #footer ul li {float:left;}
#header a img, #footer a img {border:0;}

/* Header h1 floats left */
#header {z-index:90;}
#header h1 {margin:0; float:left;}
#header a img {border:0;}

/* Utility nav is a ul that floats top right */
#utility {float:right; position:relative;}
#utility  #loginUtil, #utility .support {float:right;}

/* Main nav is under the header and utility */
#nav, #nav div {margin-left:auto; margin-right:auto;}
#nav ul {list-style-type:none; margin:0;}
#nav ul li {float:left;}
#nav .last {margin-right:0 !important;}

#topNav {z-index:12; position:relative;}
#topNav ul, #topNav ul li {overflow:hidden}

/* Drop Downs */
.dropMenu {width:968px; display:none; position:absolute; top:45px; left:30px; z-index:20;}
.dropMenu h2 {width:350px; float:left; margin:0 0 20px; padding:0;}
.dropMenu .utilLinks {float:right;}
.dropMenu .items {clear:both; padding:0;}

.dropMenu .c {padding:20px 30px; position:relative;}

/* Sub Nav */
#subNav {z-index:11;}

/* Popups */
#contentPop {width:550px; padding:30px; background-color:#e8e8e8;}
#contentPop .c {overflow-x:hidden; overflow-y:auto; height:440px; }

/* Footer */
#footer {clear:both;}

/* Buttons */
.continueBtn {height:34px; width:144px; background:url('/images/buttons/btn_continue.png') 0 0 no-repeat;}
.continueBtn:hover {background-position:0 -34px;}
.continueBtn:active {background-position:0 -68px;}

.greenBtn {width:165px; height:33px; padding-top:11px; background:url('/images/buttons/grn-btn.png') 0 0 no-repeat; margin:0 auto;}
.greenBtn:hover {background-position:0 -44px;}
.greenBtn:active {background-position:0 -88px;}

.orangeBtn {width:165px; height:33px; padding-top:11px; background:url('/images/buttons/org-btn.png') 0 0 no-repeat; margin:0 auto;}
.orangeBtn:hover {background-position:0 -44px;}
.orangeBtn:active {background-position:0 -88px;}

/* Error Page */
.errorPage #message {width:440px; margin:0 auto; padding-top:40px;}