@charset "utf-8";

/*
	The Wireless Workforce Employer CSS
	Author : Dimitri Studenko / Joey Avino
	Copyright : Amedia Creative
	Link : www.amediacreative.com
	Email : info@amediacreative.com
	Phone : 310/651/8733
	Fax : 310/388/1210
*/

html, body {

	width: 100%;
	color: #797979;
	height: 100%;
	margin: 0px;
  	text-align: center;
  	background: white;
	font: 12px Arial, Helvetica, sans-serif;

}

div, span, p { text-align: left; }

div#nonFooter {

	min-height: 100%;
	top: 0px;
	background: inherit;

	
}

* html div#nonFooter {

	height: 100%;
	margin: 0px;
	padding: 0px;
	
}

.headerPage {

	width: 100%;
	height: 67px;
	background: url('../images/wwf-top-bg.gif') repeat-x top left;

}

.topBanner {

	width: 890px;
	height: 100%;
	background: url('../images/new_img/emp_topbar.gif') no-repeat top left;
	margin: auto;
	padding-left: 10px;

}

#content {

	width: 900px;
	margin: auto;	
	margin-bottom: 10em;

}

#midbanner {

	width: 900px;
	height: 134px;
	padding-bottom: 15px;
	padding-top: 10px;

}

.logo {

	float: left;
	background: url('../images/new_img/logo.gif') no-repeat top right;
	padding-left: 5px;
	width: 179px;
	height: 134px;

}

.banner {

	background: url('../images/new_img/adspace.gif') no-repeat top left;
	width: 716px;
	height:134px;
	float: left; 
	margin-left:-6px;

}

#banner {

	background: url('../images/new_img/adspace.gif') no-repeat top left;
	width: 716px;
	height:134px;
	float: left; 

}

#banner img {	

	margin-top: 10px;
	margin-left: 13px;

}

/* ---- Google Adds styles ------ */

.banner .googlead, #banner .googlead {	

	margin-top: 37px;
	margin-left: 133px;

}

#menu_left .googlead {	


	margin-top: 22px;
	margin-left: 17px;

}

/* ---- end of Google Adds styles ------ */

/*------MENU LEFT--------------------- */

#navigation ul {

	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;

}

#navigation li { margin: 0px; }

#navigation li a, #navigaion li#selected {

		display: block;
		padding: 6.653px 5px 6.65px 10px;
		text-decoration: none;
		width: 141px;
		margin-left: 6px;
		color: white;

}

html>body #navigation li a { width: 141px; }

#navigation li a:hover, li#selected a {

	font-weight: bold;
	background-color: white;
	color: #9c0078;
	width: 141px;
	margin-left: 6px;

}

#navigation {

	background: url('../images/menu_bg_emp.gif') no-repeat 0px 2px;
	width: 168px;
	height: 255px;
	padding-top: 5px;
	padding-bottom: 1em;

}

/* -----END MENU LEFT------------------------- */

.field_center {

	text-align:center; 
	color: #797979;


}

.login_field {

	color: #797979;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 163px;

}

.module#contentCell {

	width: 700px;
	float: left;
	margin-left: 8px;

}

#flashcontent {}

/* LINKS */

a {

	color: #AD0085;
	text-decoration: none;

}

a:hover {

	color: #FA0E7D;
	text-decoration: underline;

}

.style1 {

	color: #666666;
	font-size: 16px;

}

.style2 {

	color: #870067;
	font-size: 18pt;

}

#sub-style2 {

	color: #F20090;
	font-weight:bold;

}

.style3 {

	color: #840066;
	font-size: 14pt;

}
.style4 {

	color: #840066;
	font-weight: bold;

}

.style7 { 

	font-weight: bold;
	color: #FA0E7D;
	
}

.style8, .error {

	font-weight: bold;
	color: #FA0E7D;
	font-size: 12px;

}


.pink_text
{
	color: #FA0E7D;
}

#menu_left {

	width:183px;
	float:left;

}

#footer {

	width: 100%;
	position: relative;
	margin-top: -94px;
	background: url('../images/wwf-bottom-bg.gif') repeat-x top left;
	height: 94px;
	text-align: center;
	z-index: 1;
	clear: both;

}

div#footer #img {

	position: relative;
	width: 900px;
	height: 94px;
	background: url('../images/new_img/footer_bar.gif') no-repeat center;
	z-index: 2;	
	margin: auto;

}

div#footerText { 

	padding: 18px 10px;
	width: auto;
	
}

div#animation {
	
	width: 705px;
	height: 320px;
	overflow: hidden;
}


.left { float: left; }
.right { float: right; }
.clear { clear: both; }

#services .left, #pricing .left {

	width: 150px;
	margin-top: 10px;
	
}

#services .right, #pricing .right { width: 510px; }

.block {

	width:700px;
	height:100%;
	float:left;
	color: #797979;


}

.titles {

	vertical-align: top;
	font-size: 15px;
	font-weight: bold;
	color: #AD0085;

}

.titles_sub {

	vertical-align: top;
	font-size: 15px;
	font-weight: bold;
	color: #AD0085;
	border-bottom: 1px solid #AD0085;

}

.quick-links {

	width: 120px;
	text-align: center;
	height: 125px;
	float: left;
	padding: 0px 10px;

}

.quick-links_toolbox {

	width: 155px;
	text-align: center;
	height: 125px;
	float: left;
	padding: 0px 10px;

}

.quick-img {

	padding-top: 10px;
	width: 119px;
	margin: auto;
	display: block;
	text-align: center;
	cursor: pointer;

}

.quick-text {

	width: 100%;
	height: 10px;
	padding-top: 10px;
	text-align: center;
	display: block;
	cursor: pointer;

}

.fieldHeader {

	text-align: left;
	font-weight: bold;
	color: #FA0E7D;

}

.fieldHeader_sub {

	margin-top: 10px;
	font-weight: bold;
	color: #FA0E7D;
	border-bottom: solid 1px #FA0E7D;

}

.fieldPhone { width:163px; }

.fieldData {

	float:left;
	text-align: left;
	color: #797979;

}

.fieldTitle {

	width: 50px;
	float: left;
	text-align: left;
}

.accountTitle {

	width: 200px;
	float: left;
	text-align: left;

}

.accountData {

	width: 495px;
	float: left;
	padding-bottom: 5px;

}
/*---------class for Active Jobs Table---------*/


.field_1, .field_2, .field_3, .field_4, .field_5, .field_6, .field_7, .field_8, .field_110, .field_132 { float: left; }
.field_1 { width: 60px; }
.field_2 { width: 60px; }
.field_3 { width: 50px; }
.field_4 { width: 82px; }
.field_5 { width: 170px; }
.field_6 { width: 75px; }
.field_7 { width: 40px;}
.field_8 { width: 97px; }
.field_110 { width: 110px; }
.field_132 { width: 132px; }

.altTitle, .altViewList, .viewList  {

	width: 100%;
	height: 100%;
	text-align: center;
	font-weight: bold;
	color: #FA0E7D;
	float: left;

}

.altViewList, .viewList { 
 
	color: #797979;
	padding: 8px 2px;
	font-weight: normal;

}

.altViewList { background: #F3F3F3; }

/*-----------------------------------------------*/

.text_column_left
{
	float:left;
	text-align:left;
	width:47%;
	padding-right:3%;
}

.text_column_right
{
	float:left;
	text-align:left;
	width:47%;
	padding-left:3%;
}

.left_half {

	float: left;
	text-align: left;
	width: 47%;
	padding-right: 3%;

}

.right_half {

	float: left;
	text-align: right;
	width: 47%;
	padding-left: 3%;
}

div > input {
	margin: 0;
	padding: 0;
}

.blockTable {

	width:700px;
	padding-bottom: 20px;
	float:left;
}

.about_column { width: 280px; }

textarea {
	width: 200px;
	height: 75px;	
}

textarea.job_desc { height: 200px; }

img { border: 0px; }

.searchRight { top: 0px; }

.search p, #billing-prefs p, #edit_recruiter p, #sign_up p {

	padding: 0px; 
	margin: 0px;
	height: 30px;

}



#billing-prefs .left, #edit_recruiter .left { width: 200px; }
#billing-prefs .right,  #edit_recruiter .right { width: 300px;}

#billing-prefs p.auto, #edit_recruiter p.auto, #sign_up p.auto { height: auto; }

.search p.spacer1, .searchRight p.spacer1 { height: 111px; }
.search p.spacerr, .searchRight p.spacerr { height: 111px; }
#search .left { width: 180px; }
#search .right { width: 400px; }

#sResults .one { width: 280px; }
#sResults .two { width: 120px; }
#sResults .three { width: 75px; }
#sResults .four { width: 110px; }
#sResults .five { width: 105px; }

#search .stateList .left { width: 140px; }
#search .stateList .left p { margin: 0px; }

.small { font-size: 15px; }
.smaller { font-size: 13px; }
.smallest { font-size: 11px; }
.center { text-align: center; }
.bold { font-weight:bold; }

.notify {

	width: 684px;
	height: 78px;
	background: url('../images/new_img/notify_box.gif') no-repeat top left;
	color: black;
	font-size: 15px;
	font-weight: bold;
	padding: 7px 10px 10px 10px;

}

.notify_email {

	width: 684px;
	height: 176px;
	background: url('../images/new_img/notify_box_2.gif') no-repeat top left;
	color: black;
	font-size: 15px;
	font-weight: bold;
	padding: 15px 10px 10px 10px;
}

.aj {
	padding: 7px 10px 10px 10px;
}

.po {
	padding: 15px 0px 10px 10px;
}

.notify p { margin: 0px; }

.notify .style7 {

	margin-top: 5px;
	font-size: 20px;

}

.notify .style8 { font-size: 12px; }


.notify .right { margin-right: 20px; }
#sResults a { font-weight: bold; }
#sResults p { margin: 2px; }

div.billing div.qLink {

	margin: 0px;
	padding: 0px;
	font-weight: bold;

}

div.billing  .qLink p {

	margin: 0px 0px 10px 32px;
	font-weight: normal;

}

.billing .left { padding: 0px 19px 0px 19px;  }
#q_links { width: 702px; }
#q_links .left { text-align: center; cursor: pointer; width: 196px; }
#q_links .left a, .qLink a { text-decoration: none; cursor: pointer; }
.billing .right { width: 300px; }


#my-recruiters p.left { width: 90px; padding: 0px; }
#my-recruiters p.wide_1 { width: 145px; }
#my-recruiters p.wide_2 { width: 195px; }
#my-recruiters div.left { padding: 0px 40px 0px 0px; }
#my-recruiters p.last { width: 40px; }

#my-invoices .notify, #my-invoices .style8 { font-size: 15px; }
#my-invoices .notify { text-align: center; padding-top: 21px; }
.billing_header { font-weight: bold; }
#my-invoices p.left { width: 63px; padding: 0px; }
#my-invoices p.wide_1 { width: 196px; }
#my-invoices p.wide_2 { width: 310px; }


#my-requests p.left { width: 75px; padding: 0px; }
#my-requests p.wide { width: 55px; }
#my-requests p.wide_1 { width: 120px; }
#my-requests p.wide_2 { width: 200px; }
#my-requests p.small_1 { width: 70px; }

#billing-history .left { width: 100px; padding: 0px; }
#billing-history .wide_1 { width: 110px; }
#billing-history .wide_2 { width: 170px; }

#viewresume .left { color: #666666; font-weight: bold; width: 335px; }
#viewresume .right { color: #666666; width: 365px; }
#viewresume .bottom { color: #666666; font-weight:bold; }
#viewresume .skills { padding-left: 100px; }
#viewresume .workexp { font-weight: bold; }
#viewresume .workexp_value { padding-left: 20px; }
#viewresume .markets { font-weight: bold; }
#viewresume .markets_value { padding-left: 20px; }


#how_to_pay .left { padding: 0 30px 0 5px; width: 70px; }
#how_to_pay .fieldHeader_sub { padding-bottom: 10px; }   
#transaction_ad p { display:block; margin:2px 0; }

#affiliations .left { margin-right: 10px; }
.aff_wrapper { width: 310px; float: left; margin-left: 10px; } /* BY JOEY  */


/* INPUTS /////////////////////////////////////////////////////////////////////////*/
/* BY JOEY  */

textarea {

	width: 300px;
	height: 125px;
	
}

input, submit, textarea, select {

	width: 200px;
	color: #870067;
	height: 18px;
	padding-left: 3px;
	
}

input, textarea {

	border: 1px solid #ebebeb;
	background: white url('../images/input_bg.gif') no-repeat top left;
	
}

textarea {

	width: 350px;
	height: 75px;
	background: white url('../images/input_bg_long.gif') no-repeat top left;
	
}

input.submit, input.notify {

	width: 88px;
	height: 50px;
	color: #666666;
	text-align: center;
	padding-bottom: 23px;
	font-size: 13px;
	border: 0px;
	background: url('../images/submit_btn.gif') no-repeat top left;

}

input.notify {

	width: 88px;
	height: 24px;
	color: white;
	padding: 0px;
	background: url('../images/notify_submit.gif') no-repeat top left;

}

input.check {

	width: 15px;
	color: #870067;
	height: 15px;
	padding: 0px;
	border: 0px;
	background: none;

}

select { height: 20px; width: 190px; }

div.short {

	width: 102px;
	float: left; 

}

#edit_recruiter div.short p { padding-top: 6px; }

#footer .left { width: auto; }
#contact .left, #contact .right  { width: 45%; }
#sign_up .left { width: 145px; }

#view_job .fieldHeader_sub {

	height: 10px;
	width: 100%;
	clear: both;

}

span.question_mark{

	background: url('/public/images/new_img/help.gif') no-repeat center left;
	display: block;
	height: 20px;
	width: 20px;
	padding-right: 4px;
	margin-top: -2px;
}

span.question_mark a{
	display: block;
	height: 20px;
	width: 20px;
}

.desc_box {

	padding: 2px;
	background: #ebebeb;

}

.spacer {

	width: auto;
	height: 10px;

}
