body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family: arial,helvetica,clean,sans-serif;}
table{border-collapse:collapse;border-spacing:0;}fieldset,oba/img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}


body {min-height:100%; margin:0px auto; color:#333; font-size:12px; overflow-y:scroll; }
html {background:#eee url(supportfiles2/images/tile-bkgd.png) repeat-x}
   
p {padding:0 0 10px;}
ul {padding:10px 30px;}
li {padding:3px;list-style-type:square; line-height:12px}
em {font-style:italic;font-weight:bold;}
strong {font-weight:bold;}
img {border:none}

a {color:#0e6270; text-decoration:none; cursor:pointer;}
a:hover {text-decoration:underline}
oba/img {vertical-align:middle}

button {
background: rgb(14, 98, 112);
text-decoration: none;
color: #fff;
padding: .6em 1em;
border: 1px solid transparent;
border-radius: 3px;
box-shadow: 0 3px 0 rgba(0,0,0,0.04);
vertical-align: baseline;
text-align: center;
font-weight: 500;
font-size: 12px;
cursor: pointer;
display: inline-block;
width:30%
}

button:hover{background:#777;box-shadow:0 0 0 rgba(0,0,0,.2);}

.button {text-align:center}


h1 {font-weight:bold;font-size:18px;}
h2 {font-weight:bold;font-size:16px; margin-top:10px; padding-bottom:5px; color:#4f9aaa}
h3 {font-weight:bold;font-size:14px; margin-top:10px; padding-bottom:5px; color:#666}



.clear	{ clear: both; _font-size: 1%; }
.clear5		{ clear: both; height: 5px; padding-bottom:10px; _font-size: 1%; }
.clear10	{ clear: both; height:5px; padding:10px 0; _font-size: 1%; }

.centered {text-align:center}

.left {float:left}
.left15 {float:left; padding-right:30px}
.right {float:right;}
.right15 {float:right; padding-right:15px}
.vertMiddle {vertical-align:middle}
.vertTop {vertical-align:top}
.vertBottom {vertical-align:bottom}
.top50 {margin-top:50px}
.left100 {margin-left:150px; margin-bottom:-10px;color:#eb831d;}
.right100 {margin-right:150px; margin-bottom:-10px;color:#0e6270;}

.red {color:#eb831d;}
.green {color:#669b00; }
.blue {color:#0e6270;}
.bold {font-weight: bold}


#outer {position:absolute; min-height:100%; height:100%; top:0; left:49%; margin-left:-425px; width:900px;  border-left:1px solid #ccc; border-right:1px solid #ccc;}
#inner {position:absolute; min-height:100%; top:0; width:840px; background:#fff; margin:0; border-left:10px solid #aaa; border-right:10px solid #aaa; padding:20px}

#outer2 {position:absolute; min-height:100%; top:0; left:49%; margin-left:-350px; width:700px;  padding:20px; background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;box-shadow: 0 0 5px  5px #888; -moz-box-shadow: 0 0 5px  5px #888; clear:both  }


.overlayMessage {position:fixed; top:0; left:49%; margin-left:-325px; top:100px; width:650px; background: url(images/trans.png); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; z-index:3; display:none}
.overlayInner { padding:40px;  border-radius:5px; -moz-border-radius:5px; background:#fff;}



.shortOverlay {height:500px; overflow-y:scroll}


/*---------Banner Content---------*/

#header {width:100%; height:100px; float:left; background:url(images/header.png) no-repeat;}



/*----------------- Tabs -----------------*/
#mainNav {width:100%; height:40px; float:left;  }

.navTab {float:left; height:25px; width:33%; text-align:center; display:inline-block;  cursor:pointer; font-size:14px; border-top:2px solid #ccc; border-bottom:2px solid #ccc; padding-top:15px}
.navTab:hover {color:#4f9aaa;}
.middleTab {border-left:1px solid #ccc; border-right:1px solid #ccc; }


.off {background:#eee; color:#aaa; border-top:2px solid #ccc; background:#eee; }
.on {background:#fff; color:#4f9aaa;  border-top:2px solid #4f9aaa; border-bottom:2px solid #fff;}



/*----------------- Main Content MODULE -----------------*/
#mainContent { width: 95%; float: left; margin:0 20px; }
#mainDescription { margin:0 20px; }
.aboutText {float:left; margin-top:20px; width:70%}

.companyName, .companyName2, .companyName3 {font-weight:bold; cursor:pointer}
.catDescrip {cursor:pointer}


.mainContent2 { width: 94%; float: left; margin: 0 auto; padding: 20px;  border:1px solid #ccc; border-radius:7px; -moz-border-radius:7px; clear: both; }

.aboutText1 {float:left; width: 280px; padding-right:10px}
.aboutText2 {float:left; width: 370px; padding-right:10px}


/*----------------- Tabs -----------------*/

.tabs-panel {float:left; line-height:16px; color:#333; margin-left:20px;  width:95%; border-top:1px solid #ccc;}
.tabs-panel-alt {float:left; padding:10px; height:100px; margin:20px 0px 0 20px;  width:115px; text-align:center}

.tab-panel-left {float:left; margin-left:40px; width:50%}
.tab-panel-right {float:left; margin-right:40px; width:30%}

.cookieInfo {float:left;  padding:10px 20px; width:100%;}
.cookieInfo li {list-style:disc; margin-left:-15px}

.blue2 {color:#4f9aaa}
.highlight {color:#eb831d;}
.lowlight {color:#aaa;}


.width150 {font-weight:bold; width:75px; float:left}

.createAccount {height:20px; padding:10px; margin:0 20px; background:#FFC; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px}
.createAccount2 {height:25px; padding:10px; margin:0; background:#FFC; border:1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius:5px}


/*----------------- Tracker Table -----------------*/


.preferenceTable table {border:1px solid; overflow-x:none;  width:100%; text-align:left; border-collapse:collapse; margin:0; margin-top:20px; }
.preferenceTable table td {padding:5px 10px}
.preferenceTable table th {background:#999; color:#fff;font-weight:bold; border-collapse:collapse;}

.preferenceTable input {float:right; margin-right:3px}

.preferenceTable .oddRow {background:#eee}
.preferenceTable .tableHeader {font-weight:bold; padding:10px; border-bottom:1px solid; background:#999; color:#fff}
.preferenceTable .tableHeader2 {text-align:right; padding-right:10px}
.preferenceTable .tableHeader3 {text-align:center}
.preferenceTable .optoutButton {text-align:center; }
.preferenceTable .optoutBox {text-align:center; padding-right:40px}

.preferenceTable .tableHeader4 input {text-align:left;}
.preferenceTable .tableHeader5 input {text-align:left;}

.ui-slider .ui-slider-handle {width:15px; height:20px;  top: -6px; cursor:pointer}
#slider {background:#4f9aaa;width:78%; margin:20px 90px -20px 90px; height:10px;
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(left, #eb831d, #4f9aaa);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(left, #eb831d, #4f9aaa);
  /* IE 10 */
  background: -ms-linear-gradient(left, #eb831d, #4f9aaa);
  }
#slider .tick {position: absolute; height: 100%; color:#fff; line-height: 1.8em; background: none; border-top: none; border-right: none; border-bottom: none; text-align: center; }

#interestPrefs {line-height:1.2em}
#interestPrefs h1 {font-weight:bold;font-size:21px; margin-top:10px; padding-bottom:5px; color:#4f9aaa}
.interestTable table {width:48%; margin-right:20px; float:left}
.interestTable .noRight {margin-right:0;}
.interestTable tr:nth-child(even) {background: #eee}
.interestTable tr:nth-child(odd) {background: #FFF}


.gray {color:#aaa}
.block {display:block}
.hidden {display:none}