﻿/* ED EDITS ****************************************************************************/

.right {
	width:300px;
	float:right;
	margin: 0px 0 10px 0;
}

#sidebar-b {
    min-height: 100px;
    display: block;
    margin-bottom: 10px;
    margin-top: 15px;
    border: 1px solid #ccc;
}

#sidebar-b .padding {
    display: block;
    padding: 15px 20px;
}

#sidebar-b strong {
    font-size: 12px;
}

#sidebar-b h3 {
    margin-top: 0;
    font-size: 16px;
    line-height: 2em;
    padding-bottom: 10px;
    border-bottom: 1px solid #B6BCC5;
}

.listBody {
	/*padding-right:100px;*/
}

.pullout {
	padding:0 4em 1.2em 0;
	margin:0 0 10px 0;
	position:relative;
	z-index:10;
	border-bottom:1px solid #B6BCC5;
	clear:both;
}

.smalltext {
    font-size: 10px;
}

.form {
	margin:0;
	padding:0;
}

.form .dropdown {
    /*width: 400px;*/
}

label em {
	font-weight:normal;
}
input, textarea {
	font-family: Arial, Verdana, sans-serif;
	font-size:12px;
}

.padding
{
	overflow: auto;
}

/* JOB APPLICATION FORM
-----------------------------------------------------------*/

.question {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.long-question
{
	padding-bottom: 10px;
}

.question select {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #CCC;
    color:#333;
    font-family:Arial,Helvetica,sans-serif;
    margin: 0;
    padding:3px 3px 3px 3px;
    text-transform: none;
    width: auto;
}

.question input,
.question textarea {
    color: #333;
    width: 370px;
    padding: 4px;
}

.question .question-text {
    width: 150px;
    color: #333;
    float: left;
    display:block;
    font-size:1.4em;
    line-height:1.3em;
    margin:0;
    padding-top:4px;
}

.long-question .question-text {
    color: #333;
    display:block;
    font-size:1.4em;
    line-height:1.3em;
    margin:0;
    padding-top:4px;
}

.long-question input,
.long-question textarea {
    color: #333;
    width: 370px;
    padding: 4px;
    margin-top: 10px;
    margin-left: 179px;
}

.rcCalPopup
{
	margin-top: 5px!important;
	margin-left: 179px!important;
}

.checkBox input
{
	width: 20px!important;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border: none!important;
}

.selector {
    padding: 11px 0 7px 0;
}

.question .response {
    float: right;
    width: 350px;
}

#questions-container .question .response input, .long-question input {
    width: 320px;
    border: 1px solid #ccc;
}

.question .response input.browse-btn {
    
}

.question .response input.browse-btn:hover {
    cursor: pointer;
}

.question .response input:hover,
.question .response input:select {
    border: 1px solid #a3c6e0;
}

.apply-button {
    display: block;
    background: url(/images/common/buttons/apply-button.jpg)
				top left
				no-repeat;
	height: 35px;
	text-align: center;
	line-height: 35px;
	float: left;
	padding: 0px 0px 0px 10px;
	overflow: hidden;
	text-shadow: 1px 1px 1px #32500a;
}

.apply-button span {
    display: block;
    background: url(/images/common/buttons/apply-button.jpg)
				top right
				no-repeat;
	height: 35px;
	text-align: center;
	line-height: 35px;
	padding: 0px 10px 0px 0px;
	color: #fff;
	font-size: 16px;
}

.apply-button:hover {
    background: url(/images/common/buttons/apply-button.jpg)
				bottom left
				no-repeat;
	text-decoration: none;
}

.apply-button:hover span {
    background: url(/images/common/buttons/apply-button.jpg)
				bottom right
				no-repeat;
}

/****************************
	
	TABLE STYLES
	
.Green { color: #006EBD !important; }	

.VLblue{ color: #C0DAED !important; } 
.VVLblue{ color: #DFE6F0 !important; }

.Red	{ color: #C00 !important; }

.VLgrey	{ color: #B6BCC5 !important; }
.Lgrey	{ color: #919AA4 !important; }
.Mgrey	{ color: #6C7788 !important; }
.Dgrey	{ color: #1F2E40 !important; }
	
****************************/


table {
	font-size: 12px;
	border-collapse:collapse;
	width:100% !important;
	margin:1em 0;
}

table td table {
	width:96%;
	font-size:1.5em;
}

.container {
	margin-top:10px;
	background:#DFE6F0;
}

th, td {
	text-align:left;
	padding: 3px 6px;
	vertical-align: top;
}

td.checkbox {
    vertical-align: middle;
    width: 40px;
}

input.checkbox { 
    width: 10px;
    background: transparent;
    vertical-align: middle;
}

tr.checkbox label {
    padding-top: 0px;
}

table table th, table table td {
	border-bottom:1px solid #C0DAED;
	padding:1.2em 1em .2em;
}

.details td {
	padding:1em;
}
	
.updates {
	font-weight:bold;
}

td input, td textarea {
	width:100% !important;
	/*width:93%;*/
	border:1px solid #C0DAED;
	/*border: 1px solid #cfd4dc;*/
	font-size:1em;
}

tr { padding-top: 4px; }

tr.updates td input {
	width:auto !important;
}
	
td label, td input.cb {
	float:left;
}

tr.alt {
    background: #dfe6f0;
}

tr.updates th, tr.updates td {
	background:#DFE6F0;
}

tr.updates th a {
	text-decoration:underline;
}

td select {
	border:1px solid #C0DAED;
	font-size:1em;
	width: 100%;
}

td.select {
    padding-right: 0px;
}

tbody th {
	width:20%;
	font-size:1.1em;
	color:#006EBD;
}

.container td em {
	display:block;
	font-size:.8em;
}

input,
textarea {
	background: #fff
				/*url(../images/forms/input_colors.png) 0 -150px repeat-x*/; 
}

input:hover,
textarea:hover {
    border:1px solid #C0DAED;
    /*background-position: 0 -50px;*/
}

input:focus,
textarea:focus,
td select:focus {
    border:1px solid #a3c6e0;
    /*background-position: 0 -100px;*/
}

input.error,
textarea.error {
    border:1px solid #d71616;
    /*background-position: 0 -200px;*/
}

select {
	font-family:Arial, Helvetica, sans-serif;
	background:#FFF;
	/*font-size:11px;
	line-height:15px;*/
	color:#1F2E40;
	border:1px solid #919AA4;
	padding: 3px 3px 3px 1px;
	text-transform:uppercase;
	}

/* DATA TABLE */
.data th {
	color:#1F2E40;
	font-size:1em;
	background:#DFE6F0;
}
.data th, .data td {
	padding:4px 8px;
	border:1px solid #006EBD;
	border-width:1px 0;
	width:40%;
	vertical-align:middle;
}
.data th.mid, .data td.mid {
	border-width:1px;
	width:12%;
}

li a, label {
	display:block;
	margin:0;
	font-size: 1.2em;
	line-height:1.3em;
	padding-top: 2px;
	}
	
option.label {

}

option {
	background:#FFF;
	padding: 0px 5px;
	margin:0;
	border: none;
}

/* Buttons
---------------------------------------------*/

.button {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#006EBD none repeat scroll 0 0;
    border:0 none;
    color:#FFFFFF;
    font-size:11px;
    line-height:1em;
    margin:0 !important;
    padding:0;
    text-transform:uppercase;
    width:auto !important;
    }
	
.button span {
	display:block;
	padding:2px 5px 3px !important;
	padding:4px 3px 4px;
}

.button:hover {
	background:#1F2E40;
	cursor: pointer;
}

/* RECRUITMENT JOB SECTION
---------------------------------------------------*/

.region h2 a:hover {
    text-decoration: none;
}

.job .pullout {
    padding-bottom: 2px;
    margin-bottom: 0.6em;
}   

.job,
#questions-container {
	height: 1%;
    margin-top: 10px;
    border: 1px solid #ccc;
}

.job .padding {
    padding: 5px 15px;
}

.job h4 a
{
	font-family: Arial, Sans-Serif!important;	
	text-decoration: underline;
}

#questions-container .padding {
	zoom: 1;
    padding: 15px;
}

.region .job .job-description {
    font-size:1.1em;
    line-height:1.5em;
    margin-bottom: 15px;
}

.region .job h3 {
    margin-bottom: 0;
}

ul.job-details {
    list-style-type: none;
    margin-left: 0;
    font-size: 1.1em;
}

.region h3,
.region .job-description {
    margin-bottom: 0;
}
