@import url(navigation.css); @import url(colors.css); 

/*-----------------------------------------------------------------
jobfinderusa.com master.css
author: 	ImpDesigns
edited by:  Job Finder Publications
updated: 	$Id$
-------------------------------------------------------------------*/

/* Text 
-------------------------------------------*/
a { text-decoration:none; font-weight:bold; }
a:hover { text-decoration:underline; }
a:visited { color:#ccc; }
body { line-height:1.3em; font:small/1.3em Helvetica, Arial, sans-serif; margin:20px 0 0; padding:0; }
body, h1,h2,h3,h4,p { margin:0; padding:0; }
h1, h2, h2.company_title, h3 {line-height:normal; margin-bottom: 5px}
h1 { font-size:20px;}
h2 { font-size:18px;}
h2.page_title { padding:10px 0; text-align:left; width:100%; }
h2.subtitle { line-height:1.5em; margin-bottom:8px; color:teal; border-bottom:2px solid #4d4d4d; }
h2.company_title { color:#026d90; }
h2.company_title span { color:#696969; }
h3 { margin-top:20px; font-size:medium; color:#221100; }
h3.section_heading { border-bottom-style:none; border-bottom-width:0; }
h4 { margin-top:5px; color:#333333; font-size:small; line-height:normal; margin-bottom:2px; }
p { color:#333333; line-height:1.4em; margin-bottom:10px; }
p.notice { margin-bottom:0; padding:15px; font-weight:bold; }
p.index_intro { text-align: center; font-weight: bold; line-height: normal; font-size: 24px; }
ul.breadcrumbs { float:right; list-style-image:url(/images/graphics/misc/ico_bullet.png); }
ul.breadcrumbs li { line-height:.6em; }
ul.breadcrumbs li a { font-weight:bold; font-size:.9em; }
ul.breadcrumbs li.current a { background-color:#ffcc66; }
li { margin-left: 2px; padding-left: 2px; list-style-type: square; padding-bottom:10px; }
abbr { display:inline; }


/* ----------------- */
hr { margin:8px 0; border:1px solid #bfbfbf; clear:both; }
img { border:none; }
#container { margin:0 auto; width:900px; text-align:left; }
#login_error { margin-bottom:0; padding:5px; font-weight:bold; background:teal; color:#fff; }


/* Header
-------------------------------------------*/
#header { padding-top: 10px; margin-bottom: 10px; height:25px; line-height:25px; }
#header h1 { height:45px; width:250px; float:left; }
#header h1 a { display:block; height:45px; width:250px; text-indent:-9999px; }
#header .extra { padding: 2px; min-width: 150px; margin-bottom:2px; margin-top: 12px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background-color: #e2d2a9; width: auto; text-align:center; font-size:11px; float:right; }

/* Navigation 
-------------------------------------------*/
#navbar { padding-bottom: 20px; height:30px; background:url(/images/navigation/navbar_2011A.png) no-repeat 0 0; clear:both; }
#employer_navbar, #seeker_navbar { height:30px; background:url(/images/navigation/navbar_2011B.png) no-repeat 0 0; clear:both; }
#search { margin-right:25px; width:200px; float:right; }
#search form { margin:0; padding:0; height:28px; }
#search form input { margin-left:0; margin-bottom:0; margin-right:0; margin-top:4px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; width:190px; color:#555; }

/* Content
-------------------------------------------*/
#content { margin:15px 0; clear:both; }
.left, .right { margin-bottom:10px; width:48%; }
.left { float:left; }
.right { float:right; }
.options { clear:both; float:right; padding-top:2px; padding-left:20px; padding-bottom:2px; padding-right:20px; margin-bottom:25px; height:30px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; }

/* MISCELLANEOUS 
-------------------------------------------*/
.clearBoth { clear:both; }
.floatRight { float:right; }
.floatLeft { float:left; }
.detail_box { border-bottom-width:1px; border-top-width:1px; padding-left:10px; padding-bottom:10px; padding-top:10px; border-left-style:none; border-bottom-style:dotted; border-right-style:none; border-top-style:dotted; border-color:#999999; width:95%; }
div.detail_box h2,div.detail_box h3,div.detail_box h4,div.detail_box p { padding-bottom:10px; }


/* Pagination
	-------------------------------------------*/
.pagination { display:block; text-align:left; height:20px; }
.pagination a:hover { text-decoration:none; }
.pagination { margin:15px 0; }
.pagination ul { margin:0; padding:0; text-align:left; font-size:11px; }
.pagination li { list-style-type:none; display:inline; }
.pagination a,.pagination a:visited { padding:5px; border:1px solid #cccccc; text-decoration:none; line-height:18px; color:#2e6ab1; }
.pagination a:hover,.pagination a:active { border:1px solid #666666; background-color:#cccccc; }
.pagination li.currentpage { font-weight:bold; padding:5px; border:1px solid #000; background-color:#026d90; color:#FFF; }
.pagination li.disablepage { padding:5px; border:1px solid #929292; color:#929292; }
.pagination li.nextpage { font-weight:bold; }
* html .pagination li.currentpage,* html .pagination li.disablepage { 
/*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right:5px; padding-right:0; }

/* Columns
	-------------------------------------------*/
.openx160 { padding-top: 25px; background-repeat: no-repeat; background-image: url(/images/icons/ico_advertisement.png); font-weight: bold; height: 625px; float: right; width:160px; }
.openx300 { padding-top: 25px; background-repeat: no-repeat; background-image: url(/images/icons/ico_advertisement.png); font-weight: bold; height: 275px; float: right; width: 300px; }
.left600pxColumn, .left475pxColumn, .left550pxColumn, .left260, .left300, .left700 { padding-right:10px; float:left; }
.left260 { width:260px; }
.left300 { width:300px; }
.left700 { width:700px; }
.left475pxColumn { width:500px; }
.left600pxColumn { width:590px; }
.left550pxColumn { width:550px; }
.right130pxColumn,.right160pxColumn, .right300pxColumn, .right550pxColumn  { float:right; text-align:right; }
.right130pxColumn {width:160px;}
.right160pxColumn { width:160px; }
.right300pxColumn { text-align: center; width:300px; }
.right550pxColumn { text-align: left; width:550px; }
.threeColumns { margin-bottom:10px; margin-right:3%; width:30%; float:left; }
.even_column { margin-bottom:20px; padding-bottom:20px; width:48%; float:left; }
.even_column .content { padding-left: 20px; }

/* Career and Education
-------------------------------------------*/
#career_resources { border-top:1px solid #ddd; }
#career_resources p { line-height:1.4em; margin-bottom:0; }
#career_resources strong { color:#777777; }
#career_resources .company_block { padding-left:0; padding-bottom:20px; padding-right:0; padding-top:15px; height:100%; border-bottom:1px solid #ddd; }
#career_resources .company_block .company_logo { width:250px; float:right; }
#career_resources .company_block .company_description { width:600px; float:left; }

/* Footer
-------------------------------------------*/
#footer { margin-bottom: 4px; margin-top: 20px; padding-bottom: 4px; padding-top: 4px; border-bottom-width:1px; border-bottom-color:#cccccc; border-bottom-style:solid; font-size: 1em; height:25px; clear:both; }
#footer .link_list { padding-top:5px; margin-left: 100px; float:left; }
#footer a:hover { color:teal; text-decoration:none; }
.cities { margin-top: 5px; text-align:center; color: #4c4c4c; }
#debug { text-align: center; font-size: 1.2em; color: #663300; font-weight: bold; }


/* Front
-------------------------------------------*/
.index_left, #center_box, #login_box, #index_signup {padding-bottom: 30px; padding-top: 30px;}
#advertise_points, #big_email, #index_metro, #index_signup { font-weight:bold; }
.index_left { width: 525px; float:left; }
.index_right { clear: right; width: 350px; float:right; }
#index_metro { width: 60%; line-height: normal; font-size: 17px; float:left; }
#index_signup { float: right; width: 30%; line-height: normal; font-size: 17px; }
#index_metro li { list-style-position: outside; list-style-image: url(/images/graphics/misc/ico_bullet.png); }
#index_metro li a:hover { color: teal; text-decoration: none; list-style-position: outside; list-style-image: url(/images/graphics/misc/ico_bullet.png); }
#advertise_points { padding: 5px; margin-bottom: 5px; color: #595959; enter: left; list-style-image: url(/images/graphics/misc/li_check.png); font-size: 18px; width: 95%; }
#big_email { padding: 10px; margin-top: 10px; background-color: #e2d2a9; line-height: normal; text-align: center; enter: left; font-size: 34px; width: 90%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#company_box { margin:0 0 20px; width:300px; }
#advertise { color: #595959; text-align: center; line-height: 90%; clear: right; float: right; font-size: 34px; width: 630px; }
#center_box, #login_box { margin:20px auto;  width:600px; -moz-border-radius:10px; border-radius:10px; }
#login_box { border-width:3px; border-color:#cccccc; border-style:solid; }
.detail_title { width:400px; float:right; text-align:center; }
#which_selection { margin:0 auto; width:450px; height:228px; }
#which_selection a.job_seeker { background-color:#cccccc; display:block; width:210px; height:147px; text-indent:-9999px; line-height:0; background:no-repeat 0 0; float:right; }
#which_selection a.employer { background-color:#cccc99; display:block; width:210px; height:147px; text-indent:-9999px; line-height:0; background:no-repeat 0 0; float:left; }
#offline_application { padding: 10px; word-wrap: break-word; word-break: normal; margin-top:15px; width:90%; float:none; background-color:#dad7b9; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#offline_application ul { float: left; display: inline-block; margin: 0; }
#offline_application ul li { display: list-item; }
#custom_tweet_button a { border-style: none; height: 30px; width: 100px; display: block; background:url(/images/icons/mico_tweet.png) 1px no-repeat; }
#tweet_button { padding-right:10px; padding-left:5px; padding-top:5px; }

/* FORMS 
-------------------------------------------*/
form { margin:0; padding:0; color:#696969; }
form .text_field { margin-bottom:10px; width:98%; font-size:13px; font-weight:bold; }
form textarea { margin-bottom:5px; width:98%; }
form label { font-size:12px; display:block; font-weight:bold; margin-top:10px; }
form button { margin-top:10px; padding:0; background:none; border:none; }
form .button { margin-top:10px; }
form select { margin-bottom:5px; }
fieldset { border:3px solid #ddd; margin-bottom:20px; height:100%; }
fieldset legend { font-weight:bold; color:#555; font-size:115%; padding:5px 8px; background-color:#ddd; }

/* TABLES 
-------------------------------------------*/
table th { text-align:left; }
table tr { padding:0 3px; }
table td { word-wrap:break-word; }
table.list { margin:10px 0; width:100%; }
table.list tr { height:35px; }
table.list th { padding:5px; color:#fff; border-bottom:1px solid #000; }
table.list th a { color:#fff; }
table.list td { padding:5px 0; padding-left:5px; border-bottom:1px solid #ccc; }
table.category { width:100%; margin:10px 0; }
table.category th { color:#696969; text-align:left; }
table.category td { padding:3px 0; border-bottom:1px solid #ccc; }
table.category .actions { width:75px; text-align:center; }
table.plain { width:100%; }
table.plain td.label { width:40%; text-align:right; font-weight:bold; }
table.plain td.bolden { font-weight:bold; font-size:125%; }
table.job_detail { margin-left:0; margin-bottom:10px; margin-right:0; margin-top:10px; width:100%; }
table.job_detail td { padding:5px; vertical-align:top; }
table.job_detail td.label { width:22%; font-weight:bold; }
table.job_detail td.bolden { font-weight:bold; font-size:125%; }
table.job_credits { float:left; width:240px; }
table.job_credits td { padding:6px 0; border-bottom:1px solid #bfbfbf; }
table.job_credits td.green { color:#1e8c39; }

/* Errors and messages
-------------------------------------------*/
#fyi_message {
    font-size: 1.3em;
    padding-left: 70px;
    padding-bottom: 1.25em;
    padding-right: 1.25em;
    padding-top: 1.25em;
    color: #cb2612;
    font-weight: bold;
    background: url(../images/icons/ico_fyi.png) no-repeat left center;
    border: none;
    margin-left: 0;
    margin-top: 0.25em;
}
.error, .alert, .notice, .success, .info,.job_notice { border-style: none; padding:0.8em;}
.error, .alert {background:#cb2612;color: white;}
.notice, .job_notice {background:#fff6bf;color:#514721;}
.success {background:#336633;color: #eae7d3;}
.info {background:#d5edf8;color:#205791;}
.error a, .alert a {color:#8a1f11;}
.notice a, .job_notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}

#errorExplanation { padding:5px; margin-bottom:10px; background-color:#fafafa; border:2px solid #a91e22; }
#errorExplanation h2 { padding:5px; font-size:14px; color:#990000; }
#errorExplanation p { margin-top:5px; }
#errorExplanation ul li { color:#990000; margin:0; padding:0; list-style:disc; }
.fieldWithErrors { padding:0; display:inline; }
.fieldWithErrors input,.fieldWithErrors textarea { color:#990000; }

/* webkit friendly animations plus sprinkles of coolness
-------------------------------------------*/
@-webkit-keyframes tealPulse {
from { background-color: teal; -webkit-box-shadow:: 0 0 4px #333; }
50% { background-color: #00b2b3; -webkit-box-shadow:: 0 0 8px #00b2b3; }
to { background-color: teal; -webkit-box-shadow:: 0 0 4px #333; }
}
strong.new { background-color: teal; position: relative; padding-right: 4px; padding-left: 4px; padding-bottom: 2px; padding-top: 2px; font-size: 11px; color: #fff5ea; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -webkit-animation-name: tealPulse; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite;}
#paper { background-repeat: no-repeat; background-position: center top; height: 250px; width: 300px; padding-bottom: 20px; background-image: url(/images/graphics/page_images/img_paperpc_2010A.png); }
#myaccount_delete { float: right; font-weight: bold; clear: right; padding: 10px; color: #341f06; margin-bottom: 15px; margin-top: 15px; width: 290px; text-align: left; background-color: #e2d2a9; }
input:focus { background-color: #eae7d3; }