/* -------------------------------------------------------------- 
    
	form.css
	* LettingRef Form Stylesheet
   
	Created by Gecko New Media
	* www.geckonewmedia.com
	
-------------------------------------------------------------- */  
/* Form Field Styles
-------------------------------------------------------------- */
.helpButton
{
	width:15px; 
	background: url(../images/icons/help.gif) left top no-repeat;
	height: 15px;
	margin: 3px 0 0 5px;
	cursor:help;
	float:left;
}	
p.VCE_message
	{
	width: 170px;
	padding:12px;
	padding-left: 30px;
	float:left;
	margin: -10px 5px;
	display: inline;
	clear:left;
	text-align:left;
	z-index:1000;
	}	
	p.VCE_message .close
	{
		position:absolute;
		top:0px; right:0px;
		margin-right:5px;margin-top:5px;
	}	

p.help 
	{
	border: 1px solid #91bdee;
	background: #eaf5ff url(images/icons/help.gif) 14px 15px no-repeat;
	}
hiddenfieldset
	{
	background: #eaf5ff;
	}

.verysmall {
	width: 50px;
}
.small {
	width: 100px;
}
.medium {
	width: 215px;
}
.large {
	width: 350px;
}
.multi {
	width: 350px;
	height: 150px;
}

div.input_wrapper .RadioList label
{
	width: auto;
}
div.form fieldset div.input_wrapper .Checkbox label
{
	width: auto;
}
fieldset
{
    border:none;
}
.field
{
	border: 1px solid #7F9DB9;
	background-color:white;
	padding:3px;
}

.field_focus
{
	/*margin-right:2px;*/
	border: 1px solid #7F9DB9;
	background-color:#F1F2F9;
	padding:3px;

}

.ReadOnly
{
	border:0;
	background:transparent;
}


label.doc_dropdown
{
width: auto !important;
}



/* Bug report Styles
-------------------------------------------------------------- */

div.bugreport {
    background: white;
    margin: 10px auto;
    width: 360px;
    padding: 105px 20px 20px 20px;
    background:#fff url(images/Lettingref_logo_bug.jpg) center 10px no-repeat;
    border: 1px solid #bbb;
	text-align:left;
}

div.bugreport div.field_holder {
    margin-bottom: 5px;	
}

div.bugreport div.field_holder textarea {
    width: 100%;
}

div.bugreport h3 {
}

div.bugreport h3,
div.bugreport p,
div.bugreport ul {
	width:100%;
	text-align:left;
}

div.bugreport p,
div.bugreport ul {
    margin:0;
    text-align: left;
}

div.bugreport ul {
    margin:5px 15px;
    text-align: left;
    font-size: 11px;
	list-style-type:circle !important;
}

div.bugreport li {
	list-style-type:circle !important;
}

div.bugreport div.field_holder label {
    display: block;
    text-align:left;
    padding-right: 10px;
	width: 100%;
}

div.bugreport div.field_holder label.bugreport_blocklabel {
    padding-bottom: 3px;
    width: 100%;
    line-height:normal;
}

div.bugreport div.field_holder label.bugreport_blocklabel span {
    font-size: 10px;
    font-style:italic;
    color: #444;
    margin-left: 5px;
}

div.bugreport div.field_holder input {

}

div.check_tenant_history_complete div.input_wrapper label {
	width: 4em;
	}

/* Calendar
-------------------------------------------------------------- */
.cal table   { margin-bottom: 0; border-top:1px solid #ddd; border-left:1px solid #ddd; }
.cal th,td   { height:auto; padding:0; text-align:center;}
.cal th      { font-weight:bold; }
.cal .ajax__calendar_active { background:#99ccff; font-weight:bold;}
.cal .ajax__calendar_hover { background:#b5daff;}
.cal .ajax__calendar_header{ background:white; width:178px;}
.cal .ajax__calendar_body {background:white; width:178px;}
.cal .ajax__calendar_footer {background:white; width:178px;}







/* Forms
-------------------------------------------------------------- */

div.form
	{
	width: 800px;
	margin: 10px 20px;
	clear:left;
	display:inline;
	}
	
div.reports_form
	{
	width: 352px;
	clear:none;
	margin: 10px 0px 10px 20px;
	}
	
div.reports_form fieldset
	{
	text-align:center;
	}
	
div.reports_form fieldset label
	{
	padding-bottom: 30px;
	}
	
div.reports_form fieldset div.input_wrapper
	{
	padding-bottom: 5px;
	height:15px;
	}
	
div.reports_form fieldset div.input_wrapper label
	{
	width: 8em !important;
	}

div.reports_form p
	{
	margin: 0 15px 10px 15px;
	}
	
	
a.button_square
	{
	width: 142px;
	height:28px;
	background:url(images/button_square.gif) left top no-repeat;
	float:left;
	display:block;
	line-height:28px;
	color: white;
	margin: 5px;
	margin-bottom:15px;
	font-size:11px;
	font-weight:bold;
	}
	
a:hover.button_square
	{
	background:url(images/button_square_over.gif) left top no-repeat;
	color: #333;
	}
	
a.button_square span
	{
	margin-left: 0px;
	padding: 2px 0 2px 20px;
	}
	
span.button_refreshchart
	{
	background:url(images/icons/charts.gif) left center no-repeat;
	}
	
span.button_excelexport
	{
	background:url(images/icons/excel.gif) left center no-repeat;
	}
	
div.reportholder
	{
	float: left;
	clear:left;
	width:100%;
	}
	
div.flashreport
	{
	margin: 15px;
	height:150px;
	background:lime;
	}	
	
a.button_back, a.button_next
	{
	margin:10px !important;
	}	
	
.form_tabs div.form
	{
	border-top:0px solid red;
	}
	
.form_tab
{
	margin-top:0px !important;
	margin-left:19px !important;
	border-top:0px !important;
}	
	
.form_tabs .form
	{
	width: 660px;
	background: #e9eef8;
	border: 1px solid #cadbe5;
	margin: 0px 20px 0px 15px;
	float:left;
	clear:left;
	display:inline;
	}			
	
div.form .leftcol
{
	width:55%;
	float:left;
}

div.form .rightcol
{
	margin-top:20px;
	margin-bottom:20px;
	float:left;
	text-align:left;
}	
	
div.form fieldset
	{
	position: relative;

	margin: 0 15px 15px 15px;
	padding:10px 10px 0 10px;

	}
	
div.form fieldset div.input_wrapper
	{
	margin-bottom: 10px;
	display:block;
	float:left;
	clear:left;
	width:100%;
	}

	div.form fieldset div.input_wrapper input {
		float: left;
	}

	div.form fieldset div.input_wrapper select {
		float: left;
	}

div.form fieldset div.input_wrapper label
	{
	width: 300px;
	display:block;
	float:left;
	padding-right:8px;
	}

@media (max-width:768px) {
	div.form fieldset div.input_wrapper label {
		float: none!important;
		text-align: left!important
	}
	div.form fieldset div.input_wrapper input{
		width:100%
	}
}

	.label_nopad {
		width: -1em;
	}



	div.form .note {
	}


	.validator {
		color: red !important;
	}