/*
Hide the RH close button in the modal window
*/
.ui-dialog-titlebar-close {
    visibility: hidden;
}

body {
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 78%;
    margin:0px;
	padding:0px;
}

label {
	font-weight:bold;
	}

div.helpBox {
    background-color: #EFEFEF;
    border-color: #646464;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
	margin-left: 20px; 
	margin-right: 20px;
    padding: 14px;
}

div.formContainer {
	background-color: #FFFFFF;
    padding: 0px;
    margin-bottom:10px;
    border-color: #646464;
	border-style: solid;
    border-width: 1px;
}

div.formContainer p{
    padding-left: 4px;
    padding-right: 4px;
}


div.formContainer h2 {
    font-size: 16px;
    background-color: #000000;
    padding: 2px 2px 2px 4px;
    margin: 0;
    color: #FFFFFF;
    border-bottom: 4px solid #F30A28;
}

div.formContainer h1 {
    background-color: #000000;
    border-bottom-color: #F30A28;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    color: #FFFFFF;
    font-size: 16px;
    margin: 0;
    padding: 2px;
    padding-left: 4px;
}

div.formContainer hr {
	margin-top:15px;
}

.required
{
	color: red;
}

.formTable
{	
	padding: 14px;
}

div.formContainer td {
	vertical-align: top;
	text-align: left;
}

button.deleteBtn 
{
	background-position: 0 -21px;
	height: 21px;
}

.deleteBtn
{
    background: url("/olr/media/img/delete.png") repeat scroll 0 0 transparent;
}

#gender1 
{
	width:10px;
}

#gender2
{   
	width:10px;
}



.formLabel {
	font-weight:bold;
	padding-bottom: 10px;	
	padding-right: 20px;
}

.casLabel {
	width: 300px;
}

.errorMessage
{
	font-weight: bold;
}

.errorItem
{
	color:red;
	font-weight:bold;
}

div.errors {
	background-color: #FFFFFF;
    margin-bottom: 20px;
    margin-top: 0px;
    padding: 14px;
    display:table;
}


form .submitButton {
	width: 300px;
}

.links_table td a img {
	border:none;
}

th.link_to_form {
	background-color:#E6DCD2;
	border-right:1px solid white;
	
}

th.link_to_form a{
	height: 100%;
	width:100%;
	text-decoration: none;
	color:#000;
	display:block;
}

th.link_to_form a:hover{
	color: #485BD1;
}

table.links_table {
	width:95%;	
	border-collapse: collapse;
}

table.links_table td, table.links_table th {
	padding:4px;
	border-bottom:1px solid white;
}

table.reg_table , table.reg_table td {
	border-collapse: collapse;
	padding:4px;
	border:1px solid black;
    vertical-align: bottom; 
}


select.wide {
    width:300px;	
}

input.wide {
	width:300px;	
}

div.formContainer table tr th {
	text-align:left;	
}

/*  Style postcode to be smaller */
#ukPostCodePt1 {
   width:50px;
}

/* style postcode part 2 to be smaller */

#ukPostCodePt2 {
	width:40px;
}

#children {
	width:20px;
}

p.info {
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight:bold;	
}

div.container input[type=text] {
	width:300px;	
}

div.container input.smallButton {
	width:80px;	
}

div.container {
/*     padding: 20px; */
/*     margin-top: 20px; */
/*     margin-left:17em; */
}

div#localNavigation {
	float:left;
	margin-top:25px;
}

input[disabled='disabled'], textarea[disabled='disabled'] {
	color:#333;
}

div.container select {
	max-width:300px;	
}

div.container textarea {
	width:300px;
	height:150px;
}

.progress_bar_end {
	border-top-right-radius: 35px;
	-moz-border-radius-topright: 35px;
	-webkit-border-top-right-radius: 35px;
	border-bottom-right-radius: 35px;
	-moz-border-radius-bottomright: 35px;
	-webkit-border-bottom-right-radius: 35px;
	color:#000 !important;
	border-bottom:1px solid white !important;
}

.progress_bar_complete {
	background-color:#9CDD73;
	color: #999;
}

.progress_bar_not_started {
	background-color:#FF8080;
	color: #999;
}

.progress_bar_pending {
	background-color:#999;
	color: #999;
}

.progress_bar_in_prog {
	background-color:#EFD768;
	color: #999;
}

/* Admin status styles  */
.R {
background-color:#FF8080;
    color: #999;	
}
.Y{
 background-color: #EFD768;
    color: #999;   
}
.V {
 background-color:#9CDD73;
    color: #999;   
}
.A {
 background-color:#99CCFF;
    color: #999;   
}
.S {
 background-color:#FF99FF;
    color: #999;   
}
.U {
  background-color:#FF9933;
    color: #999;  
}




table.hairlineborder {
    border-spacing: 4pt 4pt;
    border-style: solid;
    border-width: 1pt;
}

table.nested {
	border-collapse: collapse;
}

#passportDescription
{
    text-align: centre;
}

div.info_box {
	 margin:5px; 
	 border:1px dotted black; 
	 padding:5px; 
	 background-color:#E1D6CD;
}

div.atas_box {
      
     border:2px solid red; 
     padding:4px; 
     background-color:#FFFFFF;
     margin-bottom: 9px;
}

.changed 
{
	background-color: #F2B6BE;
}

.red_alert a {
	color: red !important;
}

.red_alert a:hover{
	color: #485BD1 !important;
}

.red_alert span {
	font-weight: 900;
	color: red;
	font-style: italic;
	float:right;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border:1px solid red;	
}

input[type=checkbox].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden;
   clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;}


input[type=checkbox].css-checkbox + label.css-label {
	padding-left:31px;
	height:26px;
	display:inline-block;
	line-height:26px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:26px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -26px;
}

label.css-label {
background-image:url("/olr/media/styles/csscheckbox_green.png");
-webkit-touch-callout: none;	
-webkit-user-select: none;
-khtml-user-select: none;			
-moz-user-select: none;			
-ms-user-select: none;
user-select: none;
}

.box {

}

table.zebraTable {	
	margin-right: 1%;
	margin-bottom: 1%;
/* 	background: #FFF; */
	-moz-box-shadow: 0 1px 5px #666666;
	padding: 0;
	border: 1px solid #AAAAAA !important;
	border-collapse: collapse;
	font-size: 100%;
	text-align: left;
	white-space:nowrap;

}

table.zebraTable th, table.td {
/* 	border: 1px solid #AAAAAA !important; */
	border-collapse: collapse;
	font-size: 100%;
	text-align: left;
	padding: 2px 5px 2px 5px;
	vertical-align: top;
	border-left: 1px solid #D9D9D9;
}
.zebraTable tr.xodd  {

	background-color: #F0F8FF;
	border-left: 1px solid #D9D9D9;
}

.zebraTable tr.xeven  {

	background-color: #FFF;
	border-left: 1px solid #D9D9D9;
}

.zebraTable td {
padding: 2px 5px 2px 5px;
	border-left: 1px solid #D9D9D9;

}