@import url("rcs3/icons.css");
@import url("rcs3/fonts.css");

/** Core Elements **/

body {
	font-family: 'Signika', 'Arial', 'Helvetica', sans-serif;
	color:#6C6C6C;
	font-size:14px;
	font-weight: 300;
	letter-spacing:0px;
	margin:0px;
	padding:0px;
	background-color:#f3f3f3;
}

b {
	font-weight: 600;
}

div {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	}
	
div#lptMain{
	min-height: 337px;
}

a:link,
a:visited {
	color:#005968;
	text-decoration:none; 
}

a:hover {
	text-decoration:underline;
}

p {
	margin: 5px 0px 5px 0px;
	padding:0px;
}

ul, ol {
	margin: 0px;
	padding: 0px;
	padding-left: 10px; 
}

div.lpt_container_inside ul, div.lpt_container_inside ol {
	margin: 10px;
	padding: 0px;
	padding-left: 20px; 
}

li {
	padding-bottom: 2%
}

img {
	border:0px;
}

.clear {
	clear:both;
}

br.clear { 
	clear:both;
	height:0px;
}

input {
	font-size:1.0em;
}

select {
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
	padding:1px 0px;
}

textarea {
	font-size:1.0em;
	font-family:Arial, Helvetica, sans-serif;
}

/** Page Structure **/

#rosPage {
	margin: 0px auto;
	width: 90%;
}

.lpt_container_white{
	background-color: #005866; 
	border: 1px solid #e1e1e1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.lpt_container_inside {
	position: relative;
	min-height: 302px;
	background: url('../images/commonstyle3/lptBack/lptCloudBackGreenBlue.jpg') top left no-repeat; 
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.lpt_container_bottom {
	clear: both;
	background-image: linear-gradient( rgb(0,43,51) 11%, rgb(0,88,102) 67%);
	background-image: -o-linear-gradient(bottom, rgb(0,43,51) 11%, rgb(0,88,102) 67%);
	background-image: -moz-linear-gradient(bottom, rgb(0,43,51) 11%, rgb(0,88,102) 67%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,43,51) 11%, rgb(0,88,102) 67%);
	background-image: -ms-linear-gradient(bottom, rgb(0,43,51) 11%, rgb(0,88,102) 67%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.11, rgb(0,43,51)),
		color-stop(0.67, rgb(0,88,102))
	);
	height: 107px;/* vertical: show first half of the image with the top-corners in it */
	font-size: 2px; /* correct height for IE */
	margin-top: -100px;
	
	border-radius: 0px 0px 5px 5px; 
	-moz-border-radius: 0px 0px 5px 5px; 
	-webkit-border-radius: 0px 0px 5px 5px; 
}

.lpt_container_notopgap {
	margin-top: 0;
}
.lpt_container_nobottomgap {
	margin-bottom: 0;
}

.lpt_container_outer {
    background:url('../images/commonstyle3/bg_body_container_no_line.jpg') left bottom no-repeat;
    padding-bottom:15px;
}

.lpt_container_inner {
    background:url(../images/commonstyle3/bg_body_container_no_line.jpg) left top no-repeat;
    padding: 10px 12px 0px 12px;
}

.lpt_box_small_outer {
	background: url(/images/commonstyle3/fe_bg_small_container_311.jpg) left bottom no-repeat;
	padding: 0px 0px 10px 0px;
}

.lpt_box_small_inner {
	background: url(/images/commonstyle3/fe_bg_small_container_311.jpg) left top no-repeat;
	padding: 0px;
}

h2.lpt_box_small_header {
	background: url(/images/commonstyle3/fe_bg_small_header_311.jpg) left top no-repeat;
	padding-top: 1px;
	margin: 0px;
	line-height: 40px;
	color: white;
	padding: 0px 12px;
	font-size: 1.2em;
}

/** Page Elements **/

.lpt_footer_outer {
	margin-top:10px;
	margin-bottom: 10px;
}
/******************* FOOTER *******************/

.lpt_footer_inner {
	margin-top:10px;
	padding-top:10px;
	background:url(../images/commonstyle3/bg_footer.jpg) left top repeat-x;
	font-size: 12px;
}

.lpt_footer_inner .revLogo {
	display: inline-block;
	margin: 0px 80px 0px 0px;
	width: 100px;
}

.lpt_footer_left {
	display: inline-block;
	margin-top: 5px;
	width: 23%;
	margin-right: 1%;
}

.lpt_footer_links {
	display: inline-block;
	margin-top: 0px;
	width: 75%;
}

.lpt_footer_right {
}

.lpt_footer_left ul {
	padding:0px;
	margin: 0px 0px 20px 0px;
	list-style:none;
}

.lpt_footer_left ul li {
	margin: 0px 0px 5px 0px;
}

.lpt_footer_inner a:link,
.lpt_footer_inner a:visited {
	color:#757575;
	text-decoration:none;
}

.lpt_footer_inner a:hover {
	text-decoration:underline;
}

.lpt_footer_outer {
	margin-top:10px;
	margin-bottom: 30px;
}

.lpt_footer_inner {
	width:90%;
	margin:0px auto;
}

.lpt_floating_box {
	float: right;
	width: 311px;
}

div.div_center{
	text-align:center;
	margin: 0px auto;
	width: 100%;
}

div.div_right{
	text-align: right;
	margin: 0px 0px;
	width: 100%;
}

div.lpt_warning_text{
	display: block;
	padding: 10px;
	border: 1px solid #806000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #FFE699;
	color: #806000;
	margin: 10px 0px 10px 0px;
}

div.lpt_information_text{
	display: block;
	padding: 10px;
	border: 1px solid #D4DFE7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #F7FAFD;
	margin: 0px 0px 10px 0px;
}

div.lpt_information_text p{
	margin: 0px !important;
	padding: 3px 0px;
}


/* Tables */

table{
	font-size: 12px;
}

table.lpt_table {
	width:100%;
	border-collapse:collapse;
	position:relative;
	padding: 10px;
	border-radius: 10px;
	background: white;
	border: 1px solid #D7E4E4;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-image: initial;
	margin: 10px 0px;
	-webkit-box-shadow: 0px 0px 7px 0px #23525a;;
	box-shadow: 0px 0px 7px 0px #23525a;;
}

table.lpt_table.wraptable {
	word-wrap: break-word;
	table-layout: fixed;
}

table.lpt_table tr th {
	text-align:left;
	padding: 2px 8px;
	background:url(../images/commonstyle3/bg_table_header.jpg) left top repeat-x;
	color:#FFFFFF;
	border-left: 1px solid #F6F9F9;
	background: #00758a; /* Old browsers */
}

table.lpt_table tr th.first {
	border-left: none;
}

table.lpt_table tr th.last {
}

table.lpt_table thead tr td {
	padding:8px 8px;
	background-color:#F3F3F3 !important;
	border-bottom:1px solid #CCCCCC;
}


table.lpt_table thead tr td .lpt_input_spacer {
	padding-right:5px;
}

table.lpt_table thead tr td div.lpt_date_container {
	white-space:nowrap;
}

table.lpt_table thead tr td input {
	color:#999;
	width:75%;
}

table.lpt_table thead tr td select {
}

table.lpt_table thead tr td input:focus {
	color:#454545;
}

table.lpt_table tr td {
	padding:5px 8px;
	border-bottom:1px solid #D4DFE7;
	color:#596672;
	white-space: nowrap;
}

table.lpt_table a:link,
table.lpt_table a:visited {
}

table.lpt_table a:hover {
}

table.lpt_table tr.lpt_alt_row td , table.lpt_table tr.lpt_alt_row:hover td{
	background-color:#EDEDED;
}

table.lpt_table tr.lpt_btn_row td, table.lpt_table tr.lpt_btn_row:hover td {
	background-color:#00758a;
}

table.lpt_table tr:hover td {
	background-color:none;
}

td.cell_center, table.lpt_table tr th.cell_center{
	text-align: center;
}

td.cell_right, table.lpt_table tr th.cell_right{
	text-align: right;
}

td.grayout{
	opacity: 0.6; /* Real browsers */
    filter: alpha(opacity = 60); /* MSIE */
	background-color:#a2a3a5;
}

.tableh2 {
	font-size: 10pt;
	font-family: arial, verdana, helvetica, sans serif;
	font-weight: bold;
	color: #006666;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	font-weight:normal;
}

h1 {
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:-5px;
	margin-top:0px;
	
}

h2 {
	font-size:1.6em;
}

h2.lpt_page_sub_title {
	font-size:1.3em;
	margin-bottom:10px;
	border-bottom:1px solid #fff;
	margin-top:15px;
	padding-bottom:5px;
	color:#fff;
	font-size:16px;
	font-weight: 600;
}

h2.lpt_page_status_title {
	font-size:1.3em;
	margin-bottom:5px;
	margin-top:5px;
	padding-bottom:5px;
	color:Black;
	font-size:16px;
	font-weight: 600;
}

h3 {
	font-size:1.3em;
}

h3.lpt_page_sub_title {
	margin-bottom:10px;
	border-bottom:1px solid #fff;
	margin-top:15px;
	padding-bottom:5px;
	color:#fff;
	font-size:16px;
	font-weight: 600;
}

h4 {
	font-size:1.2em;
}

h5 {
	font-size:1.1em;
}

h6 {
	font-size:1.0em;
}

/* Link Style Buttons */

div.lpt_button_group {
	margin: 10px 5px 10px 5px;
}

div.lpt_button_group div.lpt_button_green, div.lpt_button_group div.lpt_button_grey {
	display: inline;
}

span.xbrl_ajax_loader{
	vertical-align: top;
	margin: 0px 5px 0px 0px;
	width: 16px;
	height: 16px;
	background: url(/images/commonstyle3/loaders/green-arrow-ajax-loader.gif) no-repeat;
	padding-left: 20px;
}

.editFont {
	font-size:14px;
	font-weight: 1000;
}

/* Upload Screen */

div.div_upload_area {
	background: url(/images/commonstyle3/upload_split.gif) left center repeat-y;
	padding: 0px 5px 5px 0px;
}

div.div_upload_list {
	float: left;
}

div.div_upload_list select{
	width: 300px;
}

div.div_upload_button_group {
	margin: 0px 0px 0px 10px;
	float: left;
}

div.div_upload_button_group a{
	width: 175px;
	margin-right: 18px;
	float: left;
	margin-top: 5px;
}


div.div_upload_button_group p{
	padding-left: 207px;
	padding-right: 5px;
}

div.div_upload_area_buttons{
	padding-left:300px;
}

div.div_upload_area_list{
	width: 300px; 
	float: left;
	height: 211px;
}

div.div_upload_button_group div.lpt_button_green a , div.div_upload_button_group div.lpt_button_grey a {
	display: block;
	width: 150px;
}

div.div_upload_button_group div.lpt_button_green, div.div_upload_button_group div.lpt_button_grey {
	margin-right: 18px;
	float: left;
}

div.div_upload_sign_area {
	width: 495px;
	display: block;
	clear: both;
	margin: 10px 0px 0px 0px;
	border: 1px solid #D4DFE7;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #F3F3F3;
	border-image: initial;
}

div.mobileScroll {
	overflow: auto;
}


div.div_upload_sign_buttons{
	padding-left: 231px;
}

div.div_upload_sign_buttons a{
	width: 105px;
}

div.div_upload_sign_area div.lpt_field_label {
	width: 220px;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	margin-bottom: 1px;
	padding: 4px 4px 0px 4px;
}
div.div_upload_sign_area div.cert_name {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 1px;
	padding: 4px 4px 0px 4px;
}

div.div_upload_sign_area label {
	width: 220px;
}

div.div_upload_sign_area .lpt_field {
	margin: 5px 5px;
}

div.div_upload_sign_area #password {
	width: 233px;
}

#xbrlUploadDetails {
	margin: 15px 0px 15px 0px;
}

div.lpt_sign_progress{
	margin: 5px 10px 10px 10px;
}

div.lpt_sign_progress #progressbar{
	height: 15px;
}

div.lpt_progress_text{
	margin: 5px 10px 5px 10px;
}

div.lpt_error_text{
	margin: 5px 10px 5px 10px;
	font-weight: bold;
	color: #C00;
}

div.lpt_sign_progress div.ui-progressbar .ui-progressbar-value { 
	background-image: url(/images/commonstyle3/progressbar.png); 
}

/* Form Components */

form {
	margin: 5px 0px 0px 0px;
}
form button, form input, form select , form label, form .chzn-container{
	margin: 5px 0px;
}

form input[type=text], form input[type=password]{
	box-sizing: border-box;
}


div.div_inline_form {
	padding: 5px 5px 4px 5px;
	display: block;
	clear: both;
	margin: 10px 0px 10px 0px;
	border: 1px solid #D4DFE7;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #F3F3F3;
	border-image: initial;
}

div.div_inline_form form {
	margin: 0px;
	padding: 0px;
}

div.lpt_field, div.input, div.lpt_field_label {
	display: inline-block;
	}
	
label {
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	margin-bottom: 1px;
	padding: 4px 4px 0px 4px;
}

div.lpt_field_label .mandatory {
	font-weight: bold;
	color: #C00;
}

.mandatory {
	font-weight: bold;
	color: #C00;
}

input[type=text], input[type=password] {
	background-color: #ffffff;
	background-image: linear-gradient(rgb(255,255,255) 6%, rgb(250,247,250) 53%, rgb(255,255,255) 84%);
	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 6%, rgb(250,247,250) 53%, rgb(255,255,255) 84%);
	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 6%, rgb(250,247,250) 53%, rgb(255,255,255) 84%);
	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 6%, rgb(250,247,250) 53%, rgb(255,255,255) 84%);
	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 6%, rgb(250,247,250) 53%, rgb(255,255,255) 84%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.06, rgb(255,255,255)),
		color-stop(0.53, rgb(250,247,250)),
		color-stop(0.84, rgb(255,255,255))
	);
	
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	margin-bottom: 4px;
	padding: 4px 4px 3px 4px;
	
	color: #444444;
	
	border: 1px solid #aaaaaa;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	-moz-background-clip   : padding;
	-webkit-background-clip: padding-box;
	background-clip        : padding-box;
	
	-webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
	box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
	
	
	text-decoration: none; }
	
input.fileType {
	padding: 2px 5px 6px 5px;
	}
	
input.placeholder {
	color: #B3B3B3;
}
  
 .chzn-search input {
	height: initial; }
	
.ui-autocomplete-loading { 
	background: white url('/js/jqueryui/css/redmond/images/ui-anim_basic_16x16.gif') right center no-repeat; 
	}
	
div.mobileShow, h2.mobileShow, p.mobileShow, span.mobileShow{	
		display: none;
	}
	
div.noScriptHide, h2.noScriptHide, p.noScriptHide, span.noScriptHide, select.noScriptHide, option.noScriptHide{	
		visibility: hidden;
		display: none;
	}
	

	
@media handheld, screen and (max-width: 640px) {
	div.mobileHide, h2.mobileHide, p.mobileHide, span.mobileHide{	
		display: none;
	}
	div.mobileShow, h2.mobileShow, p.mobileShow, span.mobileShow{	
		display: block;
	}
}

/* iPhone 4 320x480, 640x960 */
 @media handheld, screen and (max-width: 770px) {

	div.lpt_footer_left, div.lpt_footer_right{
		float:none;
		width: 100%;
		display: block;
		}
		
	div.lpt_footer_outer{
		margin-bottom: 0px;
		}
		
	div.lpt_footer_links{
		margin: 0px;
		width: 100%;
	}
		
	div#nopinLogoDiv {
		margin-top: 0px;
	}
	
	div.lpt_footer_left ul{
		float:none;
		display: block;
		}
		
	div.lpt_footer_inner div.lpt_footer_left ul , div.lpt_footer_inner div.lpt_footer_left ul li, div.lpt_footer_inner div.revLogo{
		float:none;
		display: block;
		text-align: center;

		margin: 5px 0px;
		
		padding: 0px;
		width: 100%;
		padding-bottom: 5px;
		}
		
	.lpt_container_inside {
		padding-bottom: 10px;
	}

}


/* Frontend Changes */

#nopinLogoDiv img#nopinLogo {

visibility:hidden;
height:60px;
}

#regNumber_cdTypeAcct_chzn.chzn-container-single .chzn-search, #regNumber_cdTypeAcct2_chzn.chzn-container-single .chzn-search{
	display:none;
}

#regNumber_cdTypeAcct_chzn.chzn-container .chzn-results li, #regNumber_cdTypeAcct2_chzn.chzn-container .chzn-results li {
    padding: 5px 4px;
}

.outerPanel {
	color: #383839;
	background: #bfd5d8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
	padding: 10px;
	position: relative;
}

#notPaidButton,
#contactRevenueButton {
	margin: 5px;
	text-align: center;
	width: 280px;
}

#financialDetailsButton,
#multiPropButton {
	margin: 5px;
	text-align: center;
	width: 90%;
}

#notPaidButton.button.green,
#contactRevenueButton.button.green,
#financialDetailsButton.button.green,
#fileReturn.button.green,
#multiPropButton.button.green {
	padding:10px 5px;
	background-color: #268375;
	font-size: 13px !important;
} 

#notPaidButton.button.green:hover,
#contactRevenueButton.button.green:hover,
#financialDetailsButton.button.green:hover,
#fileReturn.button.green:hover,
#multiPropButton.button.green:hover {
	padding:10px 5px;
	background-color: rgb(76,131,191);
}

#notPaidButton.button.green:active,
#contactRevenueButton.button.green:active,
#financialDetailsButton.button.green:active,
#fileReturn.button.green:active,
#multiPropButton.button.green:active {
	background-color: #75a9e2;
}

div.myerror {
	background-color: #A80B00;
	padding: 3px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: white;
}


	
#lptMain #propertyDetails #propOptions {
}

#notPaidButton,
#contactRevenueButton,
#financialDetailsButton.button.green,
#multiPropButton.button.green {
}


#propertyDetails {
	position:relative;
}

.dataTables_wrapper label{
	vertical-align:middle;
}

table.dataTable{
	margin-bottom:5px !important;
}

ul.standard{
	list-style-type:square !important;
	list-style-position: inside !important;
	display: inline;
}
ul.standard li{
	margin:3px;
	padding:3px;
	display:list-item !important;
}
#moreInfo {margin-top:20px}
#moreInfo p{font-weight:bold;margin-bottom:5px}

.hidden{ display:none; }

table.multi_prop_table {
	font-size: 0.9em;
}

table.multi_prop_table tr.odd {
	background-color:#FAFCFC !important; 
}

table.multi_prop_table label.propLink{
	padding: 0px !important;
	width: 100% !important;
	font-weight: 300 !important;
	white-space: nowrap !important;
}

table.multi_prop_table tr.even{
	background-color: #E6F0F2 !important;
	background-color:rgba(217, 236, 240, 0.44) !important;
}

.topDescription {
	font-weight: 400 !important;
	padding: 1% !important;
	width: auto !important;
	margin-top:1.5% !important;
}

input.disabledInput {
	background-color: rgb(235, 235, 228);
	background-image: none;
}

#lpt_table_outer {
	height:100%;
	overflow-y: hidden;
	overflow-x: auto;
}

.address {
	white-space: nowrap;
}

.ui-draggable {
	cursor: move;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

.ui-draggable-dragging {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

/* Responsive UI fixes */
.calculatedPaymentAmounts {
	width: 20%;
}

@media handheld, screen and (max-width: 660px) {
	.calculatedPaymentAmounts {
		width: auto;
	}
}

@media handheld, screen and (max-width: 500px) {
	#notPaidButton,
	#contactRevenueButton {
		max-width: 90%;
	}
}

@media handheld, screen and (max-width: 455px) {
	a#declareHCStatus {
		white-space: normal;
	}
}
