/*
Theme Name: Home Jobs For Citizens
Description: Home Jobs For Citizens theme
Version: 1
*/

body { font: 13px/16px Arial, Helvetica, sans-serif; background: #1a4159 url('../img/background.jpg') top left repeat-x; color: #333; text-align: center; margin: 0 auto; padding: 0; }

/* Begin Tags */

p { padding: 0 0 10px 0; margin: 0; }
a img { border: 0; }
a:hover { text-decoration: none; }
h1 { font: bold 24px/36px Arial, Helvetica, sans-serif; padding: 0 0 10px 0; margin: 0; text-align: center; color: #1A4159; }
h2 { font: bold 20px/26px Arial, Helvetica, sans-serif; padding: 0 0 10px 0; margin: 0; text-align: left; color: #333; }
h3 { font: bold 14px/20px Arial, Helvetica, sans-serif; padding: 0 0 10px 0; margin: 0; text-align: left; color: #333; }
#clear { clear: both; }

/* End Tags */


/* Begin Header */

#header { height: 149px; margin: 0 auto; padding: 0; width: 940px; text-align: center; }
#headercontent { width: 940px; height: 149px; text-align: left; margin: 0 auto; padding: 0; background: url('../img/headerback.jpg') top left no-repeat; }
#logo { padding: 0 0 0 65px; margin: 0; width: 380px; float: left; }
#headeright { float: right; }
/* End Header */


/* Begin Activation */

#activate { background: url('../img/activateback.png') top left no-repeat; width: 440px; height: 100px; float: right; padding: 0; margin: 30px 20px 0 0; }
#activationform { padding-top: 40px; padding-left: 40px; }
form input.activationbox { width: 268px; background: url('../img/inputbackground.png') left top no-repeat; border: 0; height: 48px; padding: 0 0 0 15px; font: bold 18px/48px Arial, Helvetica, sans-serif; color: #666; margin: 0; }
form input.submitinput { padding: 3px 0 0 0; margin: 0; }

/* End Activation */


/* Begin Navigation */

ul.nav { height: 67px; width: 884px; background: url('../img/navback.png') top left no-repeat; margin: 0 28px 0 28px; padding: 0; list-style: none; display: block; }
ul.nav li { float: left; padding: 20px 17px; margin: 0; }
ul.nav li.div { background: url('../img/navdiv.png') top left no-repeat; width: 2px; height: 46px; padding: 0; margin: 5px 0; }
ul.nav li a { color: #1a4159; font: bold 17px/17px Verdana, Geneva, sans-serif; text-decoration: none; }
ul.nav li a:hover { color: #1a4159; border-bottom: 2px dotted #1a4159; }

/* End Navigation */

/* Begin Content */

#contentbackshadow { margin: 0 auto; padding: 0; height: auto; width: 940px; }
#contentback { margin: 0 auto; padding: 0; height: auto; }
#wrap { margin: 0 auto; padding: 0; background: url('../img/contentback.png') top left repeat-y; width: 940px; height: auto; }
#content { margin: 0 auto; padding: 0; height: auto; width: 886px; text-align: left; }
#contentpadding { width: 854px; padding: 15px 15px 30px 15px; margin: 0 0 0 1px; }
#greenarea { background: url('../img/greenback.png') top left no-repeat; width: 884px; min-height: 360px; padding: 0; margin: 0 0 0 -16px; }
#greenarea ul { padding: 65px 5px 0 12px; list-style: none; }
#greenarea ul li { float: left; display: block; width: 145px; padding: 0 13px; }
#greenarea table {margin-left: auto; margin-right: auto; width:850px; font: 13px/16px Arial, Helvetica, sans-serif; }
#greenarea table tr td {width: 25%; padding-left: 12px; padding-right:12px; }
#greenarea img { border: 0; margin: 0; padding: 0; }
#section { width: 764px; height: auto; background: url('../img/sectiontop.jpg') top left no-repeat; margin: 0 auto; }
#sectioncontent { width: 700px; margin: 0 auto; }
#sectioncontent h2 { color:#1a4058; padding: 40px 0 10px 0; margin: 0 auto; text-align: center; }
#sectionbottom { background: url('../img/sectionbottom.jpg') bottom left no-repeat; width: 764px; height: 55px; }
#audios ul { list-style: none; }
#audios li { margin-left: -35px; padding-bottom: 15px; }
#audios span { font-weight: bold; line-height: 1.5em; }

/* End Content */

/* Begin Homepage Content */

#homepage { background: url('../img/hpgradient.png') top left repeat-x; padding: 0; margin: 0; width: 100%; }
#hpleft { float: left; width: 515px; padding: 30px 0 0 0; }
#hpright { float: right; background: url('../img/blueshade.png') bottom right no-repeat; padding: 0; margin: 0; height: auto; width: 360px; }
#loginright { background: url('../img/loginright.png') top right no-repeat; margin: 0; padding: 0; width: 357px; height: 645px; }
#loginright form { padding: 80px 0 0 40px; margin: 0; width: 273px; }
#loginright input { margin: 0; }
#loginright a { color: #246987; float: left; font: bold 12px/12px Arial, Helvetica, sans-serif; padding: 11px 40px 0 10px; }

#loginform { padding: 17px 0 40px 23px; }
#homepage img { float: left; margin: 0 15px 40px 0; padding: 0; }
#homepage ul { list-style: none; padding: 20px 0 0 20px; margin: 0; }
#homepage ul li { padding: 0 0 30px 0; margin: 0; text-align: left; }
.header { font: bold 18px/24px Verdana, Geneva, sans-serif; color: #bd0907; padding: 0 0 10px 0; margin: 0; }
#homepage p { font: 13px/17px Arial, Helvetica, sans-serif; }

/* End Homepage Content */

/* Begin Footer */

#homefooter { background: url('../img/homefooterback.png') top left no-repeat; margin: 0 auto; padding: 0; height: 42px; width: 940px; }
#footer { background: url('../img/footerback.png') top left no-repeat; margin: 0 auto; padding: 0; height: 42px; width: 940px; }
#footercontent { margin: 0 auto; width: 900px; text-align: left; padding: 50px 0 10px 0; color: #efefef; }
#homefooter a, #footer a { color: #efefef; }
#homefooter a:hover, #footer a:hover { text-decoration: none; }

/* End Footer */


#productdeals { border-top:6px double #FA830D; padding:15px 0; }
#productdealsphoto { float:left; width:300px; }
#productdealsdescription { float:right; padding:10px 20px 0 0; width:520px; }
.white { margin:0 auto; padding:0 10px 10px; width:95%; }
.gray { background-color:#EFEFEF; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; margin:0 auto; padding:0 10px 10px; width:95%; }


/******** first time box begin ***********/
#firsttimebox { background: url('../img/firsttimebox.png') 50% 0 no-repeat; margin: 0 auto; padding: 0; height: 266px; width: 850px; }
#firsttimeboxpadding { padding: 107px 0 0 225px; margin: 0; }
#firsttimebox h5 { font: 16px/22px Arial, Helvetica, sans-serif; padding: 0 0 12px 0; margin: 0; }
/******** first time box end ***********/


/******** error and msg panel begin ***********/

#errorPanel { margin: 5px auto; text-align: left; border: 1px solid #f1da0d; background: #ffffe1 url('../img/erroricon.png') 5px 5px no-repeat; color: #333; padding: 7px 7px 5px 65px; width: 90%; min-height: 50px; }
#errorPanel p.errorHeader { font-weight: bold; margin: 0px; font-size: 16px; padding-top: 3px; color: #F00; }

#notificationPanel { margin: 5px auto; text-align: left; border: 1px solid #f1da0d; background: #ffffe1 url('../img/warningicon.png') 5px 5px no-repeat; color: #333; padding: 7px 7px 5px 65px; width: 90%; min-height: 50px; }
#notificationPanel p.notificationHeader { font-weight: bold; margin: 0px; font-size: 16px; padding-top: 3px; color: #F00; }

#messagePanel { margin: 5px auto; text-align: left; border: 1px solid #f1da0d; background: #ffffe1 url('../img/warningicon.png') 5px 5px no-repeat; color: #333; padding: 7px 7px 5px 65px; width: 90%; min-height: 50px; }
#messagePanel p.messageHeader { font-weight: bold; margin: 0px; font-size: 16px; padding-top: 3px; color: #F00; }
/******** error and msg panel end ***********/


/****************** catalog and product page start***********************/

/* Display Categories and Product Display */
#display_categories { float: left; clear: both; padding: 0px; margin: 0px; width: 240px; }
#display_categories h1 { font-size: larger; line-height: 23px; text-indent: 10px; border-bottom: 0px solid black; background: #BFBFBF; }
#display_categories li { list-style-type: none; padding: 2px 10px; }
#display_categories li ul { margin: 0px 0px 0px 0px; }
.display_child_categories  { list-style-type: none; margin: 0px; padding: 0px; }
.display_child_categories  a{ color: #1a4159; text-decoration: none; }
.display_parent_category { color: #1a4159; cursor: pointer; }
#product_list { color: black; float: right; padding: 0px 0px 0px 5px; width: 605px; display: inline; }
#product_list table { font-size: 12px; line-height: 19px; margin: 0px; }
#product_list th { text-align: center; }
#product_list table tr td { padding: 3px 8px; }
#product_list table tr.rowa { background-color: #FFFFFF; }
#product_list table tr.rowb { background-color: #E6E4E4; }
#product_list table td a { font-weight: bold; color: #1a4159; text-decoration: none; }
/*#product_list table td a:hover { */
/*	text-decoration: none; */
/*	color: #000000; */
/*	font-weight: bold; */
/*}*/

#product_list.namecol { width:100px; }

#loading { margin: 10px 0px; padding: 5px 0px; font-size: 22px; color: #d85c2a; font-weight: bold; height: 1em; width: 600px; float: right; }
#searching { margin: 10px 0px; padding: 5px 0px; font-size: 22px; font-weight: bold; height: 1em; width: 600px; float: right; }
#full_product_name { z-index: 1; display: none; background-color:#ffffdd; border: 1px solid black; padding: 0px; margin: 0px; font-size: 15px; font-family: Arial, Helvetica, sans-serif; }
#image_holder { z-index: 1; display: none; position: absolute; background-image: url('../img/gray-preloader.gif'); background-repeat: no-repeat; font-size: 15px; font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; }
#product_div { z-index: 1; display: none; position: absolute; left: 10px; top: 250px; background-color: #ffffff; border: 1px solid black; width: 100%; }

/* End Display Categories */

.product_categories { float: left; clear: both; border: #ECE8DB 1px solid; border-collapse: collapse; padding: 0px; margin: 0px; width: 876px; }
.product_categories h1 { font-size: larger; line-height: 23px; text-align: center; border-bottom: 0px solid black; background: #de5e06 }
.product_categories li { list-style-type: none; padding: 0px 3px; }
.product_category_list { float: left; display: block; border-width: 0px 1px; border-style: solid; border-color: #ECE8DB; border-collapse: collapse; width: 290px; }
.product_category_list ul,li { list-style-type: none; }

/*
#display_categories li ul { margin: 0px 0px 0px 10px; }
.display_child_categories  { list-style-type: none; margin: 0px; }
.display_parent_category { color: #BF3700; cursor: pointer; }
*/

/* Sample Products */

#sample_products { height: 209px; background: #efe3cd; border: 0px; padding: 0px; }
#sample_products th { text-decoration: underline; font-size: larger; border: 0px; }
#sample_products td { text-align: center; border: 0px; }
#sample_products a { color: #BF3700; text-decoration: none; }

/* Search Box */

#product_search { color: #000000; background: #BFBFBF; font-size: 8pt; font-weight: bold; margin: 5px 0px 0px 0px; padding: 0px 5px 0px 0px; line-height: 110%; width: 855px; }

/* End Search Box */

/****************** catalog and product page end***********************/

/******************* product detail page start ************************/

#bodyPannel { }
.thumbnail { list-style: none; display: inline; width: 40px; height: 40px; }

/******************* product detail page end ************************/

#bodyPannel table tr.header { background-color: #AFAFAF; padding: 5px 2px; margin-top: 1.5em; font-weight: bold; color: #fff; }
#bodyPannel table tr.header a { color: #333; text-decoration: none; }
#bodyPannel table tr.sub_header { background-color: #DFDFDF; padding: 2px; font-weight:bold; }
#bodyPannel table td.manage_link { text-align:right; }

.rowa { background-color: #fff; }
.rowb { background-color: #F1F8FB; }