/* ----------------------------------------------- ----------------------------------------------- */ /* RESET ----------------------------------------------- /* BEGIN CSS RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; background-color: #416885 } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* LAYOUT ----------------------------------------------- */ html {background: #416885;} body{ bgcolor:#FFFFFF; text-align:center; } #wrapper{ margin: 0 auto; width: 765px; background-color:#ffffff; text-align:left; } #header{width: 760px;height: 64px; margin-top: 0;} div#header h1 a {display:block; width: 760px;height: 64px; } #content{float:left; width: 517px;} #sidebar{float:left;width: 210px; margin-top: 5px;border-top-color: #fbf2e7; border: 1px solid #fbf2e7; margin-right: 10px; margin-left:4px} /* LINKS ----------------------------------------------- */ a:link, a:visited { color: #AB660D; text-decoration: none; visible: false;} a:hover, a:active { color: #975209; text-decoration: underline; visible: false;} a.topnav:link, a.topnav:visited { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 12px; color: #FFFFFF; text-decoration: none; visible: false;} a.topnav:hover { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 12px; color:#E68C18; text-decoration: underline; visible: false;} a.sectionhighlight:link, a.sectionhighlight:visited { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; color: #F69F30; visible: false;} a.sectionhighlight:hover { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; color: #F69F30; visible: false; } a.footer:link, a.footer:visited { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #2F4D61; text-decoration: none; visible: false;} a.footer:hover { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color:#45718E; text-decoration: underline; visible: false;} a.currentSection:link, a.currentSection:visited { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #257674; text-decoration: none; visible: false;} a.currentSection:hover { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; font-weight: bold; color:#257674; text-decoration: underline; visible: false;} /* TYPOGRAPHY ----------------------------------------------- */ html {font-size: 100%; } /* Somehow Fixes IE */ body { color:#323E35;margin: 0;font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 75%; visible: false;} /* sets font to 10px */ p {color:#000000; font-family:"Trebuchet MS",Arial,sans-serif; font-size:1em; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.5em; margin-bottom:1.5em; } p#news_entry {margin-bottom:.7em} h1{color: #5b526a;text-transform:uppercase; font: bold 1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-bottom:10px} H2 {font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 15px; color: #257674; font-weight: bold; margin-bottom: 5px;background-color:#fff;} H3 { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #257674; font-weight: bold; margin-bottom: 10px; margin-top: 10px;} H3#section { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; color: #257674; font-weight: bold; padding-bottom: 5px; margin-top: 10px; text-transform:uppercase} H4 {font-family: Arial, Helvetica, Verdana, sans-serif; color: #325C7A; font-size: 12px; font-weight: bold; margin-bottom: 0px;} /* HEADER ----------------------------------------------- */ #header{background: url(/page/-/uew/images/header.gif) no-repeat; float:left;border-top: 3px solid #4A6C77;} #navigation{background-color: #395478; height: 25px; width: 760px;padding: 0; margin-bottom: 0;margin-top: 0;color:#fff;} #navigation.resources{background-color: #395478;} #navigation.benefits{background-color: #395478;} #navigation.forum{background-color: #395478;} #navigation.statistics{background-color: #395478;} #navigation.contact{background-color: #395478;} ul#nav{ height: 18px; padding-top: 7px; padding-left: 25px; color:#fff;float:left;margin-bottom: 0;} #nav li { display: inline;padding: 0;margin-top: 15px;} #nav li a { overflow: hidden;} /* SIDEBAR ----------------------------------------------- */ #sidebar .inside { border-top: 1px solid #bdbdbd; padding-left: 5px;} #sidebar .inside h2{background:url(http://www.unemployedworkers.org/virtualApplicationResources/images/unemployed_workers/index_title_inside.gif) no-repeat;text-indent:-9999px;width: 80px;height: 30px;margin-top: 10px;} #sidebar .workerForum { border-top: 1px solid #bdbdbd;} #sidebar .workerForum h2{background:url(http://www.unemployedworkers.org/virtualApplicationResources/images/unemployed_workers/index_title_workerforum.gif) no-repeat;text-indent:-9999px;} #sidebar .forum{background:#fff; width: 220px;} #sidebar .involved{background:#fff; width: 220px;} #sidebar .forum a.currentSection{width:200px;} #sidebar.index {border:none;} #sidebar.index .involved{display:none;} #sidebar.index .forum{display:none;} #sidebar.index .forum-side{border-top: 1px solid #bdbdbd;padding-left: 5px; margin-top: 10px;} #sidebar.index .forum-side h2{background:url(/page/-/uew/images/index_title_workerforum.gif) no-repeat;text-indent:-9999px; width: 140px;height: 30px; margin-top: 10px;} #sidebar p{margin-top: 10px; margin-bottom: 10px; padding-left: 5px; padding-right: 5px;} #sidebar h3{margin-top: 5px;} #sidebar a{display:block;width: 215px;} #sidebar .involved p{display:nonemargin-top: 10px; margin-bottom: 25px; padding-left: 5px; padding-right: 5px;} /* HOME ----------------------------------------------- */ .homepage-img{background:url(/page/-/uew/images/index_photo_collage.jpg) no-repeat; width: 503px;; height: 135px; margin-bottom: 2px;} .welcome h2{background:url(/page/-/uew/images/index_title_welcome.gif) no-repeat; text-indent:-9999pc; width: 112px; height: 30px; margin-top: 10px; margin-bottom: 10px;} .new h2{background:url(/page/-/uew/images/index_title_whatsnew.gif) no-repeat; text-indent:-9999pc; width: 122px; height: 30px; margin-top: 10px; margin-bottom: 10px;} .news h2{background:url(/page/-/uew/images/index_title_inthenews.gif) no-repeat; text-indent:-9999pc; width: 122px; height: 30px; margin-top: 10px; margin-bottom: 10px;} /* INTERIOR ----------------------------------------------- */ .page-interior {margin: 10px 10px 10px 0;} .page-content{ margin-left: 14px;} h2.workerForum{background:url(/page/-/uew/images/title_forum.gif) no-repeat;text-indent:-9999px;width: 503px;height: 27px; margin-top: 10px;margin-bottom: 15px;} h2.extend{background:url(/page/-/uew/images/title_extend_benefits.gif) no-repeat;text-indent:-9999px;width: 503px;height: 27px; margin-top: 10px;margin-bottom: 15px;} h2.resource{background:url(/page/-/uew/images/title_resources.gif) no-repeat;text-indent:-9999px;width: 503px;height: 27px; margin-top: 10px;margin-bottom: 15px;} h2.stats{background:url(/page/-/uew/images/title_statistics.gif) no-repeat;text-indent:-9999px;width: 503px;height: 27px; margin-top: 10px;margin-bottom: 15px;} .page-content ul { list-style-type:disc; margin-left:20px; } .page-content li { margin:0.3em 0; padding-left:17px; } #entry_date {font-style:italic; padding-bottom:10px} #signupheader h2 {margin-top:15px; margin-bottom:10px} /* FOOTER ----------------------------------------------- */ #footer {margin-top: 40px; text-align: right; padding-bottom: 30px; clear:both} #footer p {font-size: 11px; margin: 10px 0;} /* UTILS ----------------------------------------------- */ img {border: 0;} .left {text-align: left;} .center {text-align: center;} .right {text-align: right;} .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ /* FORM ATTRIBUTES ----------------------------------------------- */ input, textarea, select {vertical-align: middle; font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif;} input.text, textarea {font-size: 12px; background: #fff; border: 1px solid #a3a3a3; color: #3D372D; padding: 2px; letter-spacing: .5px;} input.submit {background: #669999; padding: 3px 8px; color: #fff; font-weight: normal; border: none; text-align: center; text-transform: uppercase; letter-spacing: 1px;} input.submit:hover {background: #477D91; cursor: pointer;} input.buttonImage {cursor: pointer; border: none; vertical-align: middle; padding: 0;} select {font-size: 12px; background: #fff; text-align: left; border: 1px solid #a3a3a3;} form#quicksignup .submit input{background:url(/page/-/uew/images/button_signup.gif) no-repeat;text-indent:-9999px; width: 66px;float:left; height: 28px;display:inline; margin-bottom: 15px;border:none;} form#quicksignup input#email{margin-bottom: 10px; height: 24px; margin-left: 10px; padding: 0px;display:inline; width: 200px;} form#quicksignup input#zip{ height: 24px; padding: 0px;width: 90px;float:left; margin-bottom: 10px; margin-left: 10px; margin-right: 10px;display:inline;} form#quicksignup input#firstname{ height: 24px; padding: 0px;width: 90px;float:left; margin-bottom: 10px; margin-left: 10px;display:inline;} form#quicksignup input#lastname{ height: 24px; padding: 0px;width: 90px;float:left; margin-bottom: 10px; margin-left: 10px; margin-right: 10px;display:inline;} form#quicksignup{width: 215px;display:inline;} form#quicksignup h3{float:left;margin-left: 10px; margin-bottom: 5px;display:inline; width: 195px;} /* table#signup td#submit input.submit{text-indent:-9999px;background:url(/page/-/site/images/submit_button.png) no-repeat; width: 166px;height: 25px;margin-top: 10px;border:none; margin-bottom: 10px;} #signup input{ margin-top:10px; height: 20px;border:1px solid #a3a3a3;} table#signup { margin: 10px auto 15px;} #signup select{margin-top:10px; height: 20px;border:1px solid #a3a3a3;} form#signup select#state_cd.select_state_cd{margin-left: 5px; margin-right: 5px;} span.signuperror{ margin-top: auto; margin-left: 155px; margin-right: auto;} td#required_note{color:#3f3f3f;} */ /* signup */ #bodyBSD #signup {width: 400px; margin-left: 0px;} #bodyBSD #signup td {padding-top: 4px;} #bodyBSD #signup label {font-weight: normal; text-transform: uppercase; font-size: 11px;} #bodyBSD #signup .input_email {width: 377px;} #bodyBSD #signup .input_firstname {width: 178px;} #bodyBSD #signup .input_lastname {width: 178px;} #bodyBSD #signup .input_addr1 {width: 377px;} #bodyBSD #signup .input_addr2 {width: 377px;} #bodyBSD #signup .input_city {width: 178px;} #bodyBSD #signup .select_state_cd {width: 80px; margin-right: 5px; height: 26px; padding: 2px;} #bodyBSD #signup .input_zip {width: 85px; margin-right: 8px;} #bodyBSD #signup .select_country {width: 186px; margin-right: 5px;} #bodyBSD #signup .input_phone {width: 178px; margin-right: 8px;} #bodyBSD #signup input.submit {margin-top: 10px;} #bodyBSD #signup input.checkbox {margin-right: 4px; vertical-align: middle;} #bodyBSD #signup input.radiobutton {margin-right: 4px; vertical-align: middle;} #bodyBSD #signup textarea {width: 377px;} #bodyBSD #contribution label {text-transform: uppercase; font-weight: normal; font-size: 11px;}