/*
Next 2 lines: Copyright (c) 2007, Yahoo! Inc. All rights reserved.Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt, version: 2.3.1
*/
body{color:#696969;background:#FFF;}
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;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}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,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body {font:13px/1.22 HelveticaNeue-Light, /*'Helvetica Neue Light', 'Helvetica Neue',*/ Helvetica, Arial, sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
/*initialize tags/sizes*/
h1, h2, h3, h4, h5 {font-weight: normal; margin:.5em 0 0}
h1 {font-size: 1.5em;}
h2 {font-size: 1.4em; margin: 1em 0 .5em;}
h3 {font-size: 1.1em;margin-bottom:.5em;color:#999}
h4 {font-size: 1.0em; margin-bottom: .5em;color:#999}
h5 {font-size: 1.15em;}
abbr,acronym {cursor:help;} 
cite{display: block;font-size: 0.8em;padding: 0;margin: 0 0 1.5em 0;}
em {font-style:italic;}
strong{font-weight:bold;}
blockquote,ul,ol,dl {margin:1em;}
ol li {list-style: decimal outside;}
ul li {list-style: disc outside;}
th,td {padding:.5em;}
th {font-weight:bold;text-align:center;}
caption {margin-bottom:.5em;text-align:center;}
p,fieldset,table {margin-bottom:.5em;}
.subtle {color:#bbb;} 

div.success { color: green; margin: .3em 0 .8em; padding: .5em .5em .5em 40px; background: #fff url(icn_success_big.gif) no-repeat 5px .5em; }
div.message { color: blue; margin: .3em 0 .8em; padding: .5em .5em .5em 40px; background: #fff url(icn_info_big.gif) no-repeat 5px .5em; }
div.systemError { color: red; margin: .3em 0 .8em; border: 1px solid red;padding: .5em .5em .5em 40px; background: #fff url(icn_error_big.gif) no-repeat 5px .5em; }
.errors, .error { color: red}
p.errors, div.errors { margin: .3em 0 .8em; border: 1px solid #c00;padding: .5em .5em .5em 24px; background: #fff url(icn_error.gif) no-repeat 5px .5em; }
div.errors p{margin-bottom:.3em}
img{border-width:0}
.error input, .error textarea, .error select{background:#F99}
dt{}
dd{margin-bottom:1em}

/*layout*/
body{text-align:center;}
#ui-content{width:920px;_width:980px;margin: 0 auto;padding: 15px 30px 30px;text-align:left;background:white url(../images/bg.png) no-repeat 10px 100px; display: block;}
#preheader {width:980px; height:63px; margin:0 auto; }
#header {padding: 0; margin: 0; }
#contentWrap{margin:2em 42px;position: relative;_height:1%}
.layout{clear:both;}
.overlay{ width: 100%; }

/*individual layouts*/
#content1, #contentTop, #contentBottom{}
#l-TwoOne #content1{padding-left:1em}
#contentTop, #contentBottom{clear:both;}
#l-Single #contentTop{clear:none}
#l-right {zoom:1}
#l-right #content1{_display:inline;}
#content2 {float: right; padding: 0; margin: 0 0 0 -240px; width:100%; }/*no padding!*/
#content1 {float: left;position:relative;clear:left; width: 230px; padding: 0; margin: 0; }
#content2 .inside {margin-left:240px; margin-right:1em;margin-bottom:1em;padding-right:0}/*add here if needed*/
#content1 .inside{margin:0;}

#l-right #content1{float: left; padding: 0; margin: 0 -230px 0 0; width:100%; }/*no padding!*/
#l-right #content1 .inside{margin-right:220px;margin-bottom:3em}/*add here if needed*/
#l-right #content2{float: right;position:relative;clear:right; width: 208px; padding: 0; margin: 0;}
#l-right #content2 .inside{margin:0;}

#l-TwoOne #content1{width:390px;}
#l-TwoOne #content2{margin-left:-410px;}
#l-TwoOne #content2 .inside {margin-left:415px;}

.col{float:left;position:relative}
.col .inside{padding-right:3em}
#l-2Col .col{width: 50%;_width:49.5%}
#l-3Col .col, #l-1over3 .col{width: 33%;_width:32%}
#l-1over3 #content3, #l-3Col #content2 {width:34%;_width:33%}
#l-4Col .col{width: 25%;_width:24%}
#l-1over3 #content2 .inside{margin:0;}


#l-2Col #navCol, #l-3Col #navCol, #l-4Col #navCol {float: none;}
#l-2Col .inside, #l-3Col .inside, #l-4Col .inside{padding:0 .5em;}/*borders here*/
#l-2Col .first .inside, #l-3Col .first .inside, #l-4Col .first .inside{padding:0 1em}

/*accountInfoBar*/
#acctBar {margin:0;padding:.2em 0;}
#acctBar li{list-style:none;display:inline;text-align:right;padding-right: 1em}
#acctBar .hello{padding-right:1em}
#sidebar { float: right; width: 165px; margin: 0 0 2em 2em;}

/*Navigation*/
.nav li { padding: 0 10px; list-style:none; }
.nav a {text-decoration: none; }
.nav a:hover{text-decoration:underline}
#navCol {float: left; width: 170px; padding: 12px 0 0 12px; margin: 0 0 1em 0; }
.contentNav{padding:1em 0 0 1em}
#navCol ul, .contentNav ul {list-style-type:square;padding: 0; margin: 0 1.5em;position:relative;}
#navCol ul li, .contentNav ul li{padding: .2em 0;margin:0;}

#mainNav {width:100%;line-height:normal;}
#mainNav ul {margin:0;padding:0;list-style:none;}
#mainNav li {float:left;margin:0; padding:0;list-style:none;}
#mainNav a, #mainNav strong {display:block;padding:.3em 1em;text-decoration:none;white-space:nowrap;}
/*#mainNav .first a, #mainNav .first strong{padding-left:1em}*/
#mainNav a:hover {text-decoration:underline}/*set background hover here*/

.minNav {float: right;margin:1em 0 0;}
.minNav ul { list-style-type: none;margin:0 }
.minNav li { float: left;list-style:none;}

/*header*/
.companyLogo { display:block; float:left; }

/*Footer* see: .nav */
#footer { position:relative; margin: 3em 56px 1em; _margin: 3em 42px 1em; clear: both;*zoom:1}
#footer ul {position:relative; padding: 0; margin: 0;}
#footer li {display:inline;}
#footer p {clear: both;font-size: .95em; margin-top: 0.5em; }
#footer a {text-decoration:underline }

/*forms*/
form { padding: 0; margin: 0;}
div.row {clear:left;text-align: left; position: relative; margin-bottom: .7em;}
div.row input, div.row textarea, div.row select{font-size:1em}
div.row textarea{width:300px}
div.row span.elements { float: left; text-align: left; }
div.checkBox {margin-left: 150px;}
div.full input, div.checkBox input, div.radios input { width: auto; }
div.row label, div.row span.label { font-weight: bold; float: left; width: 150px; text-align: right; padding: 0 .5em 1em 0; }
div.full label { display: inline; float: none; font-weight:normal;width:auto}
div.radios label { display: inline; float: none; font-weight:normal;width:auto}
div.checkBox label { float: left; width: auto; padding: 0 0 .2em;font-weight:normal}
div.checkBox input {font-weight: bold; float: left; text-align: right; padding: 0 .5em 1em 0;}
div.row em{display:block;font-size:.95em;margin-left:155px}
div.full em{margin-left:20px}
div.row p.error { margin: .2em 0 0 158px; background: none; padding: 0;border-width:0}
fieldset {position:relative; margin: 0 0 1em 0; padding: .7em;border:1px solid #ccc}
fieldset p { border: none; margin-top: 0; padding: 0; }
fieldset h3{clear:left}
legend{font-weight:bold;font-size:1em;_margin-bottom:.5em}
div.action input {margin-left:165px}/*Never apply bg, border, or color in the base*/
#reqMsg, .required { font-weight: bold;}

/*tables*/
table caption{display:none}
tr.on {background-color: #eee;}
tr.inActive td { color: #555; }
th {text-align:left;background:#eee;padding:.2em .7em;}

table.summary {margin-bottom:1em}
table.summary tr.redeemed td{border-width:0}
table.summary th{background:#fff;font-weight:normal}
table.summary td{font-weight:bold}

td {padding: .2em .7em; vertical-align: top;}
tr.noData td{padding:.5em .7em .5em 20px;background: url(icn_attention.gif) no-repeat left; }

/*clear floats*/
.clearfix:after, .item:after, #header:after, #mainNav:after, #content1:after, #content2:after, #content3:after, #contentTop:after, #contentBottom:after, #contentWrap:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix, .item, #header, #mainNav, #content1, #content2, #content3, #contentTop, #contentBottom, #contentWrap {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, * html .item, * html #header, * html #mainNav, * html #content1, * html #content2, * html #content3, * html #contentTop, * html #contentBottom, * html {height: 1%;}
.clearfix, .item, #header, #mainNav, #content1, #content2, #content3, #contentTop, #contentBottom, #contentWrap {display: block;}
/* End hide from IE-mac */

.clear{clear:both}
.float-right	{ float: right; }
.float-left		{ float: left; }
.text-right		{ text-align: right; }
.display-inline	{ display: inline; }



