html { overflow-y:scroll; }
html, body { background-color:#FAF4E4; height: 100%; text-align:center; }
body { background:url(/assets/image/layout/bg_1.jpg) repeat-x; color:#111; font-size:96%; font-family:Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; }
h1 { font-size:24px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:10px; }
p { font-size:14px; line-height:1.618; margin-top:10px;}
table { border-collapse: collapse; font-size: 11px; width: 580px; }
th { background:#E9E2CF; color:#000; font-size:12px; height:20px; line-height:1.9; padding: 0 0.5em; text-align: left; }
td { border-bottom: 1px solid #BCBBA1; padding:0 0.5em; position:relative; vertical-align:middle; }
td:first-child { width: 190px; }
td+td { border-left: 1px solid #BCBBA1; text-align: center; }
hr { border:none; border-bottom:solid 1px #BCBBA1; clear:both; margin:10px 0; }
label { display:block; font-size:14px; font-weight:bold; margin-bottom:4px; }
input { display:block; margin-bottom:6px; }
a:link { color:#666; text-decoration:none; }
a:visited { color:#999; text-decoration:none; }
a:hover { color:#111; text-decoration:none; }
a:active { color:#F60; text-decoration:none; }
.clear { clear:both; }
br { clear:both; }
.joboxi { color:#F60; font-weight:bold; }
/* Layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#wrapper { height:auto !important; height:100%; margin:0 auto -190px; min-height:100%; text-align:left; width:960px; }
#wrapper:after { clear:both; content:"."; display:block; font:1px/0px serif; height:240px; visibility:hidden; }
#head { height:179px; margin:0 auto; position:relative; width:960px; }
#head img { left:30px; position:absolute; top:70px; }
#container-foot { background: url(/assets/image/layout/bg_bottom_2.jpg) repeat-x; height:190px; width:100%; }
#foot { height:190px; margin:0 auto; padding:0; position:relative; text-align:center; width:960px; }
#content-pri { float:left; /*margin-left:10px;*/ position:relative; width:640px; }
/* footer */
#foot .spacer { height:120px; width:950px;}
#foot #navlist li { display:inline; list-style-type:none; padding-right:20px; }
#foot #navlist li a { color:#FFF; border-bottom:dotted 1px #F9F9F9; }
#foot #navlist li a:hover { color:#CCC; }
#foot p { margin-top:25px; color:#FFF; }
#foot p a { color:#FFF; }
#foot p a:hover { color:#CCC; }
/*#content-sec { float:right; margin-right:10px; padding:0; position:relative; width:300px; }*/
#content-sec { background: url(/assets/image/layout/bg_rightCol_top.png) no-repeat; float:right; padding:0; position:relative; width:300px; }
#content-sec h2.title { color:#999; font-size:13px; font-weight:normal; position:absolute; top:20px; left:45px; }
#content-sec img.title { position:absolute; top:20px; left:25px; }
/* core elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* tabbed nav (main top) */
#navcontainer { height:50px; margin-bottom:20px; }
#navcontainer ul li { font-weight:bold; clear:right; display:inline-block; float:left; height:50px; line-height:50px; list-style-type:none; margin:0; padding-left:16px; text-align:center; }
#navcontainer ul li span { color:#F60; font-weight:bold; padding-left:5px; }
#navcontainer a { display:block; font-size:14px; height:50px; padding-right:16px; text-decoration:none; width:auto; }
#navcontainer li#active { color:#333; background:url(/assets/image/layout/nav_tab_left.png) no-repeat bottom left; }
#navcontainer li#active a { color:#333; background:url(/assets/image/layout/nav_tab_right.png) no-repeat bottom right; }
#navcontainer a:hover { border:none; }
/* tabbed nav (sub ketegities) */
h5.subCat { display:inline; }
/* contentArea */
.contentArea { border-bottom:solid 1px #BCBBA1; border-top:solid 1px #BCBBA1; height:138px; position:relative; width:580px; }
.contentArea:after { clear:both; content: "."; visibility:hidden; }
.contentArea div.right { background-color:#BCBBA1; float:right; height:118px; padding:10px; position:relative; text-align:center; width:180px; }
.contentArea div.right img { position:absolute; top:8px; left:30px; width:28px; }
.contentArea div.right h4 { color:#FAF4E4; position:absolute; top:18px; left:70px; }
.contentArea div.right p { color:#666; font-size:12px; line-height:1.3; margin-top:35px; }
.contentArea div.right h6 { bottom:6px; font-weight:normal; position:absolute; line-height:1.2; }
.contentArea ul { clear:right; float:left; list-style:none; margin:10px 0 0 10px; }
.contentArea li { font-weight:bold; line-height:2; }
.contentArea li span { color:#666; }
/* masterList (also used for details page top and used landing page) */
.masterListFirst { border-top:solid 1px #BCBBA1; margin-top:30px; }
.masterList { border-bottom:solid 1px #BCBBA1; height:35px; position:relative; width:580px; }
.masterList:hover { background-color:#FFF; cursor:pointer; }
.masterList h2 { font-size:14px; left:100px; position:absolute; top:4px; }
.masterList p { font-size:10px; left:100px; position:absolute; top:11px; height:14px; padding:0; width:480px; text-align:right; border-top:dashed 1px #E1DBCB; }
.masterList h3 /*day*/ { color:#F60; font-size:28px; font-weight:normal; left:0px; position:absolute; top:-5px; }
.masterList h4 /*month*/ { color:#666; font-size:12px; font-weight:normal; left:45px; position:absolute; text-transform:uppercase; top:6px; }
.masterList h5 /*year*/ { color:#999; font-size:12px; font-weight:normal; left:45px; position:absolute; top:18px; }
/* */
.shortList { border-top:solid 1px #BCBBA1; border-top:solid 1px #BCBBA1; height:197px; margin-top:20px; margin-bottom:20px; position:relative; width:580px; }
.shortList img { float:left; clear:right; height:195px; width:50px; overflow:hidden; z-index:1000; }
.shortList .masterList { border-bottom:solid 1px #BCBBA1; height:38px; position:relative; margin-left:50px; width:530px; }
.shortList .masterList:hover { background-color:#FFF; cursor:pointer; }
.shortList .masterList h2 { font-size:14px; left:10px; position:absolute; top:4px; }
.shortList .masterList h6 { color: #F60; font-size:11px; font-weight:normal; position:absolute; top:4px; right:0; }
.shortList .masterList p { font-size:10px; left:0px; position:absolute; top:11px; height:14px; padding:0; width:530px; text-align:right; border-top:dashed 1px #E1DBCB; }
/* pageing */
#page { text-align:center; width:580px; margin:50px auto 0; }
#page ul#navList { font-size:14px; letter-spacing:0.4em; list-style-type: none; text-transform:lowercase; }
#page li { display: inline; padding-right:12px; }
#page li.last { padding-right:0; }
#page li span { color:#F60; }
/* call to action buttons */
.callToAction { background:url(/assets/image/layout/button_deatilsAction_bg.png) repeat-x; border:solid 1px #BCBBA1; clear:right; display:inline-block; float:left; height:128px; margin:10px 3px 10px 0; text-align:center; width:140px; }
.callToAction:before { clear:both; }
.callToAction:hover { background: url(/assets/image/layout/button_deatilsAction_bg_over.png) repeat-x; cursor:pointer; }
.callToAction img { padding-top:30px; }
.callToAction h3 { color:#666; margin-top:5px; padding-left:12px; }
.callToAction .vote, .vote:hover{ position:relative; text-align:center; background:url(/assets/image/layout/button_deatilsAction_bg.png) repeat-x; border:solid 1px #BCBBA1; clear:right; display:inline-block; float:left; height:128px; margin:10px 2px 10px 0; text-align:center; width:141px; cursor: default;}
.callToAction span h3 { font-size:16px; margin-left:12px;}
.callToAction span p { color:#111; text-transform:uppercase; letter-spacing:1.2px; font-size:10px; }
.callToAction span h2 { color:#F60; font-weight:bold; font-size:22px; margin-top:7px;}
.callToAction span img { padding-top:18px; }
.callToAction span a { border-bottom:none; }
/* details */
.detailsContent { margin-top:10px; min-height:300px; }
.detailsContent p { margin-bottom:10px; line-height:1.5; /*text-indent:15px;*/ }
.detailsContent ul { font-size:14px; line-height:1.618em; list-style:inside; margin-bottom:1.618em; }
.detailsContent ul, li { margin-left:20px; }
/* login */
form.login { height:120px; margin-left:20px; position:relative; width:600px; }
form.login h4 { float:right; line-height:1.4; margin:20px 30px 0 0; text-align:center; width:170px; }
form.login label.loginCheck { font-size:10px; position:absolute; bottom:20px; right:30px; }
form.login input[type="checkbox"] { display:inline; margin-right:5px; }
h2.login { padding:20px 0; }
hr + h2 + a:hover { border-bottom:none;}
hr + h2 + a > img { padding:10px 0 20px 0; }
/* */
form.signUp1 { margin-left: 20px; }
form.signUp1 input[type="submit"] { margin:10px 0;}
form.signUp2 { margin-left: 20px; }
form.signUp2 input[type="submit"]{ margin:10px 0;}
table td.membership { width:50px; height:480px; background: #BCBBA1 url(/assets/image/layout/title_membershipFeatures.png) no-repeat; }
/* Back Office */
#rightTools { background:url(/assets/image/layout/bg_rightCol_midTile.png) repeat-y; margin-top:50px; }
#rightTools .content { margin:0 auto; padding:10px 0; width:250px; }
.tools { width: 250px; border-top:solid 1px #BCBBA1; border-bottom:solid 1px #BCBBA1; margin:10px 0 0 0; }
.tools .misc img { padding:6px 10px 0 0px; }
.tools .misc p { font-size:10px; margin:0; text-align:center; }
.tools h5 { height:30px; line-height:2.3; padding:0 5px; }
.tools h5.bg { background:#E9E2CF; }
.tools h5 span { color:#666; }
.tools h5 a { font-size:10px; float:right; }
/* top menu */
#topNav { font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif; font-size:12px; color:#fff; margin-right:5px; }
#topNav .searchBox { position:relative; }
#topNav .field { padding:3px 0px 0px 3px;/padding:4px 0px 0px 3px; margin:0 0 0 0; font: 12px; color:#969696; width:140px; height:17px; position:absolute; left:0; top:-4px; }
#topNav .submit { position:absolute; left:150px; top:-4px; }
#topNav input[type="radio"] { display:inline; }
#topNav a { text-decoration: none; display:block; border-bottom:none; }
#topNav ul { padding:0; margin:0; list-style: none; z-index:999999; }
#topNav li { cursor: pointer; float: left; position: relative; width:10em; }
#topNav li ul { display: none; position:absolute; top:42px; left:0; z-index:999999; }
#topNav li>ul { top:auto; left:auto; position:absolute; top:42px; left:-35px; }
#topNav li:hover ul, #topNav li.over ul { display:block; }
#topNav #content { clear: left; }
#topNav ul.parent li.firstborn { width:2.3em; float: right; position: relative; font-size:12px; padding:14px 10px 21px 10px; height:13px; font-size:12px; font-weight:bold; }
#topNav ul.parent ul.favoritechild li { background:#17181C; padding:5px 18px 0px 18px; }
#topNav ul.parent ul.favoritechild li span { line-height:1.7; margin-left:10px; }
#topNav ul.parent ul.dotted li a { font-size:12px; padding:4px 0px 5px 0px; display:block; }
#topNav ul.parent ul.dotted li.last a { padding-bottom:15px; }
#topNav ul.parent ul.dotted li.first a { background: transparent; }
#topNav ul.parent li.firstborn ul { margin-left:0; _margin-left:0; }
#topNav ul.parent li ul { color:#bbb; }
#topNav ul.parent li.join ul li { width:122px; font-size:11px; }
#topNav ul.parent li.join { width:80px; }
#topNav ul.parent li.join ul li.first { padding-top:15px; margin-top: -15px; background:#9FC54E; }
#topNav ul.parent li.navigate ul li { width:14em; }
#topNav ul.parent li.navigate { width:4em; }
#topNav ul.parent li.login ul li, #topNav ul.parent li.login { width:4em; padding-right:0px; padding-left:0px; }
#topNav ul.parent li.help ul li { width:8.5em; }
#topNav ul.parent li.help { width:2em; }
#topNav ul.parent li.search ul li, #topNav ul.parent li.search ul { width:12em; margin-left:2px; }
#topNav ul.parent li.search { width:17em; padding-right:10px; }
#topNav ul.parent li.join ul li.first { margin-top:40px; }
#topNav #menudo_join { width:80px; height:30px; }
#topNav ul.parent li.firstborn a.label { color:#fff; }
#topNav ul.parent li.firstborn:hover, #topNav ul.parent li.firstborn a.label:hover { color: #F60; }
/* join joboxi */
#topNav a { color: #F60; font-size:12px; }
#topNav a:hover { color:#FFF; }
/* ------------------------------------------------------------------------- */
/* THESE NEXT TWO ITEMS CONTROL 90% OF THE FORMATTING */
.contentWrapper { width:580px; margin-left:45px; }
.contentWrapper h3 { margin:10px 10px 10px 0; }
.contentWrapper p.description { border:solid 1px #BEBCA2; background-color:#F2EDDB; padding:4px 15px; margin:0 auto; width:548px; font-size:12px; line-height:1.6; color:#666; }
.contentWrapper .listWrap { height:50px; margin:10px 0; }
.contentWrapper .listWrap div.icon { background:url(/assets/image/layout/button_sprite_48x48.png) no-repeat; background-position:-2px -2px; height:48px; width:48px; margin:0 10px 0 0; float: left; clear:right; }
.contentWrapper .listWrap div.icon:hover { background:url(/assets/image/layout/button_sprite_48x48.png) no-repeat; background-position:-2px -52px; cursor:pointer; }
.contentWrapper .listWrap h4 { margin:0;}
.contentWrapper .listWrap p { margin-top:5px; font-size:12px; color:#666; line-height:1.2; }
.contentWrapper .contentWrap { border-bottom:solid 1px #BCBBA1; border-top:solid 1px #BCBBA1; height:138px; position:relative; width:580px; }
.contentWrapper .contentWrap .bigWrap { float:left;width:410px; }
.contentWrapper .contentWrap .smallWrap { float:left; height:62px; margin-top:5px; width:205px; }
.contentWrapper .contentWrap .smallWrap img { clear:right; float:left; padding:5px 10px 0 10px; }
.contentWrapper .contentWrap .smallWrap h4 { display:block; font-size:1.1em; margin:5px 0 5px 0; }
.contentWrapper .contentWrap .smallWrap p { display:block; font-size:1em; line-height:1.3em; margin:0; }
.contentWrapper .contentWrap .LPright { background-color:#BCBBA1; float:right; height:118px; padding:10px; position:relative; text-align:center; width:150px; }
.contentWrapper .contentWrap .LPright h2 { color:#FAF4E4; line-height:1.2em; }
.contentWrapper .contentWrap .LPright img { bottom:4px; left:5px; height:34px; position:absolute; width:157px; }
.contentWrapper .contentWrap .LPright h3:hover{ color:#111; }
.contentWrapper .midWrap { float:left; clear:right; padding:0; margin:0; width:290px; position:relative; }
.contentWrapper .midWrap:after { content:"."; display:block; font:1px/0px serif; height:110px; visibility:hidden; }
.contentWrapper .midWrap img { position:absolute; top:0px; left:5px; }
.contentWrapper .midWrap h2 { position:absolute; top:0px; left:65px; }
.contentWrapper .midWrap p { position:absolute; top:20px; left:65px; font-size:12px; line-height:1.2; width:215px; }
/* Form */
.joboxiForm { position:relative; margin-left:15px; }
.joboxiForm h2 { font-size:18px; margin:20px 0 0 30px; }
.joboxiForm h3 { color:#000; font-size:14px; padding:4px; margin:10px 0; width:570px; border:solid 1px #BEBCA2; background-color:#E9E2CF; }
.joboxiForm form { margin:10px 0 0 30px; padding:0; width:580px; }
.joboxiForm form label { display:block; padding:0; margin:10px 0 0 0; text-align:left; font-size:11px; color:#666; height:14px; }
.joboxiForm form input, form textarea, form select { width:auto; margin:6px 0 2px 0; }
/* some default field widths */
.joboxiForm form input.full, form textarea.full { width:575px; }
.joboxiForm form input.half { width:280px; float:left; clear:right; margin-right:5px; }
.joboxiForm form input.threeQuarter { width:400px; margin-right:5px; float:left; clear:right; }
.joboxiForm form input.oneQuarter { width:160px; float:left; clear:right; margin-right:5px; }
.joboxiForm form input.oneThird { width:220px; float:left; clear:right; margin-right:5px; }
/* handles phone numbers */
.joboxiForm form input.threeDigit { width:50px; float:left; clear:right; margin-right:5px; }
.joboxiForm form input.fourDigit { width:70px; float:left; clear:right; margin-right:5px; }
/* creates a halfbox to the left */
.joboxiForm form .halfBox { float:left; clear:right; width:270px; padding-bottom:5px; }
.joboxiForm form input#reset { margin-left:0px; }
.joboxiForm form input[type="submit"] { margin-left:0px; float:left; clear:right; }
.joboxiForm form input[type="reset"] { margin-left:10px; float:left; clear:right; }
.joboxiForm form input[type="checkbox"].first { margin-left:160px; }
.joboxiForm form input[type="checkbox"], input[type="radio"] { float:left; clear:right; }
.joboxiForm form input[type="checkbox"]+span, input[type="radio"]+span { font-size:12px; margin-left:10px; line-height:2; }
.joboxiForm textarea { overflow: auto; }
.joboxiForm form small { display:block; margin:0 0 5px 160px; padding:1px 3px; font-size:88%; }
.joboxiForm form .required { border:solid 1px red; }
.joboxiForm form br { clear:left; }
/*description area if for extended instructions */
.joboxiForm form p.description { border:solid 1px #BEBCA2; background-color:#F5EFDF; padding:4px 15px; width:548px; margin-bottom:10px; font-size:12px; line-height:1.6; color:#666; }
.joboxiForm form hr { width:580px; margin:15px 0; border:none; border-bottom:solid 1px #BEBCA2; clear:both; }
.joboxiForm form .focusField { color:#000; }
.joboxiForm form .idleField { color: #666; }
/* handles image thumbnail previews */
.joboxiForm form .imgPreview { position:relative; width:274px; float:right; margin-right:40px; padding:4px; }
.joboxiForm form .imgPreview img { margin-left:5px; padding:0; border:solid 1px #BEBCA2; }
.joboxiForm form .imgPreview .delete { font-size:10px; color:#666; margin-left:5px; width:265px; }
.joboxiForm form .imgPreview .delete span+span { margin-left:55px; }
.joboxiForm form .imgPreview .delete span a { color:#666; }
.joboxiForm form .imgPreview .delete span a:hover { color:#000; }
/* ----------------------------------------------------------------------- */
/* backOffice Landing list items */
.backList { border-bottom:solid 1px #BCBBA1; height:35px; position:relative; width:580px; overflow:hidden; }
.backList:hover { background-color:#FFF; cursor:pointer; }
.backList h2 { font-size:15px; text-indent:10px; padding-top:3px; }
.backList p { color:#999; font-size:10px; margin:0; text-indent:10px; }
.backList .datetimeWrapper { border-right:dotted 1px #999; float:left; clear:right; height:35px; position:relative; width:84px; }
.backList h3 { color:#F60; font-size:28px; font-weight:normal; left:10px; position:absolute; top:-5px; }
.backList h4 { color:#666; font-size:12px; font-weight:normal; left:45px; position:absolute; text-transform:uppercase; top:6px; }
.backList h5 { color:#999; font-size:12px; font-weight:normal; left:45px; position:absolute; top:18px; }
/* sign in, become new member (added 8-13-2010) */
#content-pri #signUp .left { float:left; margin-left:40px; text-align:left; width:450px; }
#content-pri #signUp .left form input { background: url(/assets/image/layout/bg_form.png) no-repeat; border:none; height:30px; padding-left:10px; width:330px; }
#content-pri #signUp .left form input[type="checkbox"] { background-image:none; display:inline-block; height:auto; margin-right:5px; vertical-align: middle; width:auto; }
#content-pri #signUp .left form label.checkBox { display:inline-block; font-size:12px; margin-top:20px; }
#content-pri #signUp .left form input[type="image"] { background-image:none; height:auto; margin:10px 0 30px 0; padding:0; width:auto; }
#content-pri #signUp .left h4 a { text-decoration:underline; }
#content-pri #signUp .right { background-color:#FFF; border:solid 1px #999; float:left; height:290px; margin:20px 0 0 50px; padding:10px 20px; width:360px; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; }
#content-pri #signUp .right h2 { font-size:24px; }
#content-pri #signUp .right input { margin:20px auto; }
#content-pri #signUp .right p { text-align:left; }