﻿
.formLabel, .formTextbox {
	display: block;
	float: left;
	margin-bottom: 10px;
	font-family:Arial;
	font-size:12px;
	color:#808080;
}

.formLabel {
	text-align: right;
	width: 110px;
	padding-right: 20px;
	border:0px;
}

.formCheckboxLabel
{
    display: block;
	float: left;
	margin-bottom: 10px;
	font-family:Arial;
	font-size:12px;
	color:#808080;
    Padding-top:3px;
    text-align: right;
	width: 110px;
	padding-right: 20px;
	border:0px;
}


.formTextbox 
{
    width:380px;
}


/* START:FORM STYLES AND LAYOUT FOR PAGES WITH INLINE IMAGES*/
.formTextboxImgInline, .formLabelImgInline
{
	display:block;
	
	font-family:Arial;
	font-size:12px;
	color:#808080;
}

.formLabelImgInline
{
	margin-bottom:8px;
	font-weight:bold;
}

.formTextboxImgInline
{
	width:320px;
	margin-bottom:12px;
}


.formErrorMsgImgInline
{
    font-family:Arial;
    font-size:11px;
    color:Red;
}
/* END :FORM STYLES AND LAYOUT FOR PAGES WITH INLINE IMAGES*/



.formTextboxSmall
{
    width:160px;
    display: block;
	float: left;
	margin-bottom: 10px;
	font-family:Arial;
	font-size:12px;
	color:#808080;
}


.formTextboxInline
{
    width:147px;
    display: inline;
	float: left;
	margin-bottom: 10px;
	font-family:Arial;
	font-size:12px;
	color:#808080;
}

.formCheckBoxInline
{
    display: inline;
	float: left;
	margin-bottom: 10px;
	font-family:Arial;
	font-size:12px;
	color:#808080;
}



.formTextboxUpload
{
    width:350px;
    display: block;
	float: left;
	margin-bottom: 10px;
	font-family:Arial;
	font-size:12px;
	color:#808080;
}

.formErrorMsgInline
{
    width:152px;
    display: inline;
	float: left;
	font-family:Arial;
	font-size:11px;
	color:red;

}

br {
	clear: left;
}


.formErrorMsg
{
    padding-left:130px;
    padding-top:10px;
    font-family:Arial;
    font-size:11px;
}

.formButton
{
    float:right;
}



/*ENQUIRY FORM STYLES*/

.enquiryFormLabel, .enquiryFormTextbox
{
	float: left;
	margin-bottom: 10px;
	font-family:Arial;
	font-size:12px;
	color:#808080;
	width:320px;
}

.enquiryFormLabel
{
    text-align: right;
	width: 110px;
	border:0px;
	color:#002060;
	clear:left;
	margin-right:20px;
	line-height:18px;
}

.enquiryFormButton
{
    color:#002060;
    font-family:Arial;
	font-size:12px;
	float:right;
}


.formRadio
{
    margin-left:120px;
    font-size:12px;
    font-family:Arial, Verdana, Sans-Serif;
}



/* ADMIN LOGIN PAGE */

#loginPanel
{
    width:758px;
    border:solid 1px #002060;
    height:220px;
    margin-top:5px;
}

#loginLeft
{
    width:378px;
    background-color:#002060;
    display:inline;
    float:left;
    /*border:solid 1px red;*/
    height:220px;
  
}

#loginText
{  
    color:White;
    font-weight: bold; 
    font-size: 14px; 
    line-height: 18px; 
    font-family: Arial; 
    text-decoration: none;
    margin:30px;
}

#loginRight
{  
     width:376px;
    /* border:solid 1px red;*/
     height:218px;
     background-color:White;
}

#loginForm
{
    margin:30px;
    /*border:solid 1px red;*/
}


.formTextNormal
{
    font-family:Arial;
	font-size:12px;
	color:#808080;
	display:inline;
	float:left;
	padding-left:3px;
	padding-right:10px;
}

.formTextNormalBlue
{
    font-family:Arial;
	font-size:12px;
	color:#002060;
	display:inline;
	float:left;
	padding-left:3px;
	padding-right:10px;
}

.formTextSmall
{
    font-family:Arial;
	font-size:11px;
	color:#808080;
}


.formErrorText
{
    font-family:Arial;
    font-size:11px;
    color:Red;
}



/*used by Gazeley UC - MonthYearDropdownDates*/
.formMonthYearDDLContainer  
{
    display:inline;
    float:left;
}

.formDropDownList
{
    font-family:Arial;
	font-size:12px;
	color:#808080;
	margin-bottom: 10px;
}



/* CONTACT EMAIL FORM - MODAL POPUP */

.modalBackground {
	background-color:#bbbbbb;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:#0186d5;
	padding:3px;
	width:600px;
}


.modalHeader
{
    cursor: move;
    background-color:#002060;
    font-family:arial, helvetica, sans-serif;
    color:White;
    font-weight:bold;
    font-size:16px;
    line-height:normal;
    padding: 6px 4px;
    
}

.modalEmailForm
{
    padding:10px;
    margin-bottom:10px;
   
}

.modalButtonsWrapper
{
    width:390px;
    margin-left:130px;
}

.modalCancel
{
     float:left;
     width:193px;
}

.modalSubmit
{
    float:left;
    width:193px;
    
}


/* style for dynamically controled buttome e.g save, create HTML content, save and approve*/
.Button
{
    font-family:Arial;
    font-size:8pt;
    color:#002060;

}