/*SSnW Colours

Light Blue (100% Cyan)	#009ee0
Dark Blue				#002596
Faint Blue				#dff0fd
Aqua Blue				#004f5c
Light Aqua Blue			#9ec8cf
Red						#e2001a
Dark Red				#c00418
Background 				#ADD8E6
Med Grey				#DFDFDF
Dark Grey				#A7A7A7
Really light blue		#d7eef8
Ghost yellow			#faf8ef
Gold					#ada244
Dark Gold				#827931
Light gold				#f0edd8
Beige					#eaead9
75% K		#646567 	#666
50% K		#9c9e9f 	#999
25% K		#cfd1d2 	#ccc
*/

<*-- FORMZ-----*/

#editBusDetails, #frmSignup { /*form */
	margin:0 auto;
	width:100%;
}
#editBusDetails fieldset, 
#frmSignup fieldset, 
#frmFuelCardOrder fieldset  {
	margin:0 0 20px 0;
	background:#f4f4f4;
	padding:10px 0 10px 0;
	border:0;
	position:relative;
	border-bottom:1px #ccc solid;
}
input, select, textarea {
	border:0;
}
#inputWrapper { /*wraps label & input*/
	float:left;
	margin:0 0 0 0;
	width:100%;
}
#inputWrapper p { 
	float:left;
	line-height:3;
	width:100%;
	font-weight:bold;
}

#inputWrapper label {
	float:left;
	height:30px;
	margin:0;
	padding:5px 5px 0 20px;
	text-align:right;
	width:130px;
}
#inputWrapper label.twoLine {
	float:left;
	height:30px;
	margin:-7px 0 5px;
	padding:5px 5px 0 20px;
	text-align:right;
	width:130px;
}
#editBusDetails  h3, #frmSignup  h3 {
	color:red;
	float:left;
	margin:10px auto;
	text-align:center;
	width:100%;
}
#inputWrapper .checkbox {
	margin:5px 0 0 10px;
}
#inputWrapper label span {
}
#inputWrapper .narrow, 
#inputWrapper select { /*styles narrow inputs*/
	background-color:#FFFFFF;
	float:left;
	height:20px;
	margin:0;
	padding:2px 0 0 5px;
	text-align:left;
	width:140px;
}
.narrowGrey { /*pre-filled narrow inputs*/
	background-color:#ccc;
	float:left;
	height:20px;
	margin:0;
	padding:5px 0 0 5px;
	text-align:left;
	width:140px;
}
#inputWrapper .wide { /*styles wide inputs*/
	background-color:#FFFFFF;
	float:left;
	height:20px;
	margin:0;
	padding:2px 0 0 5px;
	text-align:left;
	width:440px;
}
#inputWrapper .wideGrey { /*pre-filled wide inputs*/
	background-color:#ccc;
	float:right;
	height:20px;
	margin:0 0 10px 0;
	padding:5px 0 0 5px;
	text-align:left;
	width:440px;
}
#editBusDetails .formAlert, 
#frmSignup .formAlert, #frmFuelCardOrder .formAlert,
.formAlert  { /*Instructions*/
	float:left;
	margin:0px 0 15px 158px;
	text-align:left;
	color:#009ee0;
	width:455px;
}
#inputWrapper textarea {
	background-color:#FFFFFF;
	height:20px;
	margin:0 0 12px 0;
	padding:2px 0 0 5px;
	text-align:left;
	width:440px;
	height: 100px;
	font-family:Arial, Helvetica, sans-serif;
}
#editBusDetails p, #frmSignup p {
	margin:0 0 0 20px;
	padding:0;
}
legend {
	color:#fff;
	margin:-10px 0 20px -5px;
	background:#999;
	padding:10px;
	text-align:left;
	line-height:1;
	font-weight:bold;
	font-size:16px;
}
#editBusDetails .formBtn, 
#frmSignup .formBtn,
#frmFuelCardOrder .formBtn,
.formBtn {
	background:#666666;
	color: #ffffff;
	text-decoration: none;
	line-height: 2;
	border: none;
	cursor: pointer;
	width:90px;
	height:28px;
	margin:10px auto ;
	display:block;
	float:none;
	text-align:center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	-moz-border-radius: 14px;  
	-webkit-border-radius: 14px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);  


}
#editBusDetails .formBtn:hover, 
#frmSignup .formBtn:hover,
#frmFuelCardOrder .formBtn:hover,
.formBtn:hover {
	background: #999999;
	color: #000000;
}
#inputWrapper label.serviceLabel {
	float:left;
	height:30px;
	margin:0;
	padding:5px 3px 0 20px;
	text-align:right;
	width:53px;
}
#inputWrapper .service {
	background-color:#ccc;
	float:left;
	height:20px;
	margin:0;
	padding:5px 0 0 0;
	text-align:center;
	width:40px;
}

.maxChar {
	height:17px;
	margin:0 5px;
	padding:2px 0 0;
	text-align:center;
	width:70px;
}
#inputWrapper .fullWidth { /*full width para*/
	line-height:1.25;
	margin:-5px 0 10px 0;
	padding:0 0 0 0;
	text-align:center;
	width:100%;
}
#adBanAlert { /*Advert Banner Alert*/
	line-height:1.25;
	margin:5px 0 10px 0;
	padding:0 0 0 0;
	text-align:center;
	color:#000;
	text-transform:uppercase;
}
#adBanAlert label, #editBusDetails #formBannerNotActive label, #editBusDetails #formBannerActive label {
	float:none !important;
}

.required {
	color:#F00;
	clear:both;
}
.clearBoth {
	clear:both;
}
p.left {
	margin:0 !important; 
	padding:0 !important;
	width:100% !important;
	text-align:left;
}
.preFill {
	color:#000;
	text-align:center !important;
}
.narrowCaption {
	float:left;
	height:20px;
	margin:-5px 0 0 0;
	padding:0;
	text-align:center;
	width:150px;
	line-height:1;
}
.disabledInput {
	background-color:#F4F4F4 ;
	float:left;
	height:20px;
	margin:0;
	padding:2px 0 0 5px;
	text-align:left;
	width:140px;
	color:#000;
	
}
.calendarLeft {
	left:300px;
	padding: 0 0 0 5px;
	position:absolute;
	width:0;
}
#editBusDetails #formBannerActive { /*active banner*/
	background:#090;
	padding:0 0 20px;
	margin:10px auto;
	display:block;
	float:none;
	clear:both;
}
#editBusDetails #formBannerActive h3, #editBusDetails #formBannerNotActive h3 { 
	color:#fff;
	font-size:16px;
}
#editBusDetails #formBannerActive .bannerImage, #editBusDetails #formBannerNotActive .bannerImage {
	margin:10px auto 20px;
	width:500px;
}
#editBusDetails #formBannerActive label, #editBusDetails #formBannerNotActive label {
	float:left;
	height:30px;
	margin:0;
	padding:0px 5px 0 20px;
	text-align:right;
	width:130px;
	color:#fff;
}
#editBusDetails #formBannerNotActive { /*NOT active banner*/
	background:#e2001a;
	padding:0 0 20px;
	margin:10px auto;
	display:block;
	float:none;
	clear:both;
}
.formImg {
	display:block;
	margin:0 auto ;
	padding:10px 0 10px 0;
}
.upload {
	height:25px;
	background:#fff;
	width: 460px;
}
 fieldset hr {
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	float:right;
	margin:10px 0;
	padding:0;
	width:100%;
}
#inputWrapper .btnSpacer {
	width:170px;
}
#frmSignup span {
	font-size:14px;
	font-weight:bold;
	line-height:1.7;
	padding:0 0 0 5px;
}