/*======================================================================
* MINING PEOPLE INTERNATIONAL FORMS
* File name: forms.css
* Author: Eduka - http://eduka.com
* Date Created: 24/08/11
* TOC:
	1. forms
	2. buttons
	3. alerts
======================================================================*/

/*========================== 1. FORMS ============================*/
fieldset{margin-bottom: 10px;}

.edukaform legend{padding: 0 2px;font-weight: bold;}

.edukaform label{color:#184d5e;}	
.infield label{left: 7px;position: absolute;top: 7px;}	

.edukaform input, .edukaform select, .edukaform textarea, .edukaform table.radio, .edukaform .file{
	width:60%;
	}
.edukaform input, .edukaform select, .edukaform textarea{
	padding:6px;
	line-height:20px;
	height:20px;
	background-color:#fcfcfc;
	border:1px solid #cccccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	font:100% Arial, Helvetica, sans-serif;
	}
.edukaform select{
	background:url(/assets/gfx/bg-gradients.gif)repeat-x 0 -380px #fff; 
	height:32px;
	width:65%;
	}
.infield label, .infield input, .infield select, .infield textarea{width:90%;}
.infield select{position:relative;/*hides the label*/ width:99%;}
.edukaform .filetextbox{/*float:right;*/}	
.edukaform ol, .edukaform ul{margin: 0; padding: 0;list-style:none;}
.edukaform li{position:relative; margin: 0 0 5px 0;}	
.edukaform p i{color:#7c7c7c;}
.edukaform em { /*required field asterix*/
	font-weight: bold;
	font-style: normal;
	color:#e01d1d;
	}
input.filetextbox{width:auto;}
/*CHECKBOXES & RADIO BUTTONS*/
.edukaform input[type='checkbox'], .edukaform input[type='radio']{
	width:auto; float:left; margin:4px 0 0 0;
	}
.edukaform .checkboxes input{padding:0;height:auto;}
.edukaform .checkboxes label{
	position:relative; 
	top:3px; 
	width:90%; 
	height:21px;
	display:inline-block;
	margin-left:3px;
	}
.edukaform .checkboxes{
	border-top:1px solid #dddddd;
	margin-bottom:5px;
	}
.edukaform .checkboxes li, .category{
	background-color:#f3f1f1;
	border:1px solid #dddddd;
	border-top:0;
	padding:2px 5px;
	margin:0;
	box-shadow:inset 0 0 5px #fdfdfc;
	-webkit-box-shadow:inset 0 0 5px #fdfdfc;
	}
.edukaform .checkboxes span{width:100%;}
.edukaform .category{
	padding-top:4px; 
	background-color: #f3f1f1;
	display:block;
	border:1px solid #dddddd;
	border-bottom:0;
	 }
.edukaform .subcategories .checkboxes li{background-color:#f0f7f9;}

.edukaform .radio{margin:2px;}
.edukaform .radio input, .edukaform input[type='radio']{margin-right:10px; padding:0; height:auto;}
.edukaform .radio td{width:50%;}
.edukaform .radio label{line-height:25px;}

	/*specific radio buttons*/
	#WorkPreference1_rdAnswerQuestion4 label{width:80%;}	

.radioButtonList label{	float:none;vertical-align: middle;}
.radioButtonList input{	margin-left:20px;}

/*radio buttons and checkboxes ?need the following?*/
#JobNewApplicant1_rblQuestionOne_0, 
#JobNewApplicant1_rblQuestionOne_1{float:left;}
#JobNewApplicant1_updForm label{width:auto;}
#JobNewApplicant1_updForm table{clear:both;}	

/*DATE PICKER*/
.edukaform li.datepicker{overflow:inherit;}
.edukaform li.datepicker input{width:25%;}
.edukaform li.datepicker input[type='image']{width:16px; height:16px; padding:0; margin-left:25%;}
.ajax__calendar_container{z-index:3;}

/* CANDIDATE DETAILS */
.details label{
	display:inline-block;
	width:30%;
	margin-right:2%;
	}
.details .boxed{margin-bottom:15px;}
	/* specific styles */
	#PersonalDetails1_ddlAddDocument{width:10%; margin-left:2%;}
	#PersonalDetails1_dprAnswerQuestion9{width:45%;margin-left:2%;}

/* JOB SEARCH */
.jobsearch li{float:left; margin:0 20px 20px 0; width:115px;}
.jobsearch li.keywords{width:165px;}
.jobsearch li.dropdownselect{width:145px;}
.jobsearch li.searchbutton{width:100px;}
/*home page*/
#job-search{padding-top:25px;}
#job-search li{float:left; margin:0 3% 20px 0; width:70%;}
#job-search li.keywords{width:97%;}
#job-search li.keywords input{width:96%}
#job-search li.dropdownselect{width:30%;}
#job-search li.searchbutton{width:24%;}
#job-search a{position:absolute; left:330px; top:184px;}
a.advance{background-position:right top;
	font-size:11px;	width:110px;text-align:right;
	padding:4px 30px 0 0;margin-left:25px;}
#JobSearch_upJobCategory{width:156px;overflow:visible;position:relative;}

.emailjobs fieldset{margin:0 14px;}
.emailjobs fieldset li{border:none;margin:0;}

/*========================== 1. BUTTONS ============================*/
input.button, a.button{
	width:auto;
	text-transform:uppercase;
	background:url(/assets/gfx/bg-gradients.gif) repeat-x #f5f5f5;
	font-weight:bold;
	font-size:1.167em;
	line-height:20px;
	cursor:pointer;
	color:#717171;
	text-decoration:none;
	text-align:left;
	padding: 6px 6px 6px 25px;
	position:relative;
}
a.button{
	display:inline-block;
	background-position: 0 -36px;
	border:1px solid #cccccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	}
.edukaform input.button{height:32px;}

input.button.blue, a.button.blue{
	background-position: 0 -68px;
	color:#ffffff;
	border:1px solid #0d4b63;
	border-radius:3px;
	-webkit-border-radius:3px;
	}
#jobdetails input.button.blue{width:135px;}
#jobdetails .grid_3 label{margin-left:-12px;}

.button span, span.arrow{
	width:28px;
	height:26px;
	position:absolute;
	left:-7px;
	top:4px;
	display:block;
	z-index:2;
	background:url(/assets/gfx/sprite.png) no-repeat right -137px;
	}
span.arrow{left:-6px;}
.button:hover span, span.arrow.hover{background-position:right -174px}

input.button:hover, a.button:hover{border-color:#d7a785;}
input.button.blue:hover{border-color:#0d4b63;}

input.advance, input.textbutton{
	padding:0; margin:0;
	background-color:#fff;
	color:#309bbf;
	border:none;
	text-decoration:underline;
	cursor:pointer;
	width:auto;
	font:100% Arial, Helvetica, sans-serif;
	}

input.advance:hover{color:#E06F1D;}
.login_info input.textbutton{margin-left:20px;background-color:#309bbf; color:#003E52;text-decoration:none;text-transform:uppercase;}
.login_info input.textbutton:hover{text-decoration:underline;}

/*========================== 3. ALERTS ============================*/
.warning, .failure, .success{
	padding:5px 5px 5px 50px;
	clear:both;
	margin-bottom:10px;
	min-height:20px;
	-webkit-box-shadow:inset 0 0 5px #fdfdfc;
	box-shadow:inset 0 0 5px #fdfdfc;
	}
.warning{/*styles the warning messages*/
	background:url(/assets/gfx/warning.gif) no-repeat 5px 5px #fdefb7;
	border:1px solid #e9dba2;	
	}

.failure{/*styles the failure messages*/
	color:#9d1b1b;
	background:url(/assets/gfx/failure.gif) no-repeat 5px 5px #f2e2e2;
	border:1px solid #ebb8b8;	
	}

.success{ /*styles the success messages*/
	color:#4f7d39;
	background:url(/assets/gfx/success.gif) no-repeat 5px 5px #e7f2e2;
	border:1px solid #d3e8c9;
	}
.edukaform .error{color:#e01d1d;}
/*POP UP TO FOR REMOVEAL OF DOCUMENTS*/	
#PersonalDetails1_pnlRemove, #PersonalDetails1_pnlRemove div{
	border:1px solid #717171;
	border-radius:3px;
	-webkit-border-radius:3px;
}
#PersonalDetails1_pnlRemove div{
	border:10px solid #fdefb7;
	padding:10px;
	background-color:#ffffff;	
}

/*JobDetails page*/
a.remove,a.remove:link,a.resume-cl,a.resume-cl:link{
	display:inline-block;
	border:1px solid #d7d7d7;
	background:#ededed;
	padding:1px 3px;margin:0 1px 2px 0;
	text-decoration:none;
}
a.remove:hover,a.resume-cl:hover{background:#dedede;}