/*Forms defaults - change as needed*/

form {
	font-size: 100%;
}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #404040;
	border:1px solid #008fdc;
}

input.button { background:url(../images/btn-back.jpg) repeat-x;
color: #fff;
	font-weight: bold;
	font-size: 90%;
	margin: 2px 0px 2px 0px;
	border: 1px solid #008fdc;
	padding:0 5px;
	/*width: 97%;*/
	}
	
input.button2 { background:url(../images/btn-back.jpg) repeat-x;
color: #fff;
	font-weight: bold;
	font-size: 90%;
	margin: 2px 0px 2px 0px;
	border: 1px solid #008fdc;
	width: 97%;
	}
	
input.button3 { 
background:url(../images/btn-back.jpg) repeat-x;
color: #fff;
font-weight: bold;
font-size: 11px;
margin: 2px 0px 2px 0px;
border: 1px solid #008fdc;
}

/*label {
	cursor: pointer;
	float: left;
	color: #2b2b2b;
}*/

label.chosen {
	color: #0072af;
}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display: block;
	float: left;
	clear: left;
	width: 15px;
	height: 14px;
	font-size: 0;
	cursor: pointer;
}

.radioArea {
	background: url(/assets/images/form_images/radio.gif) no-repeat left top;
}

.radioAreaChecked {
	background:url(/assets/images/form_images/radio.gif) no-repeat left bottom;
}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}

.checkboxArea {
	background:url(/assets/images/form_images/checkbox.gif) no-repeat left top;
}

.checkboxAreaChecked {
	background:url(/assets/images/form_images/checkbox.gif) no-repeat left bottom;
}

.focused {
	border:1px dotted #ddd;
}

/*Text inputs*/
.textinput, .textinputHovered {
	height: 15px;
	background: url(/assets/images/form_images/input_bg.gif) repeat-x left top;
	border: none;
	padding: 4px 0;
	vertical-align: middle;
	/*color: #929292;*/
	color:#000000;
}

.textinputHovered {
	background-position: left bottom;
}

.inputCorner {
	padding-bottom: 0;
	vertical-align: middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {
	background: url(/assets/images/form_images/txtarea_tr.gif) no-repeat top right;
}

.txtarea .tr_xon {
	background: url(/assets/images/form_images/txtarea_tr_xon.gif) no-repeat top right;
}

.txtarea img.txt_corner {
	width: 5px;
	height: 5px;
	display: block;
}

.txtarea .br, .txtarea .br_xon {
	background: url(/assets/images/form_images/txtarea_br.gif) no-repeat top right;
}

.txtarea .br_xon {
	background: url(/assets/images/form_images/txtarea_br_xon.gif) no-repeat top right;
}

.txtarea .cntr {
	background: url(/assets/images/form_images/txtarea_cntr.gif) repeat-y right top;
}

.txtarea .cntr_xon {
	background: url(/assets/images/form_images/txtarea_cntr_xon.gif) repeat-y right top;
}

.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width: 5px;
	background: url(/assets/images/form_images/txtarea_l.gif) repeat-y left top;
	float: left;
}

.txtarea .cntr_l_xon {
	background: url(/assets/images/form_images/txtarea_l_xon.gif) repeat-y left top;
}

.txtarea textarea {
	border: 0;
	background: none;
	padding: 0;
	margin: 5px;
	width: 200px;
	font-size: 100%;
}

/*Selects*/


.selectArea {
	height: 21px;
	background: url(/assets/images/form_images/select_bg.gif) repeat-x left top;
	font-size: 0.8em;
}

.selectArea .left {
	width: 8px;
	height: 21px;
	float: left;
	background: url(/assets/images/form_images/select_left.gif) no-repeat left top;
}

.selectArea .right {
	width: 21px;
	height: 21px;
	float: right;
	background: url(/assets/images/form_images/select_right.gif) no-repeat left top;
}

.selectArea .right a {
	display: block;
	width: 200px;
	height: 21px;
	margin-left: -179px;
	position: absolute;
}

.selectArea .right i {
	display: none;
}

.selectArea .center {
	width: 160px;
	color: #fff;
	padding-top: 3px;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}

/*Selects drop-down*/

.optionsDivInvisible, .optionsDivVisible {
	position: absolute;
	margin-top: -1px;
	margin-left: 3px;
	width: 172px;
	background: #0072af;
	padding: 2px;
	font-size: 0.8em;
	z-index: 20;
}

.optionsDivInvisible {
	display: none;
}

.optionsDivVisible {
	display: block;
}

.optionsDivVisible p {
	margin: 0;
	padding: 0;
}

.optionsDivVisible a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 1px 4px;
}

.optionsDivVisible a:hover {
	color: #000000;
	background: #e5f4fe;
}

/*Button*/

.registerbutton .buttonSubmit, .registerbutton .buttonSubmitHovered {
	width: 92px;
	height: 108px;
	color: #FFF;
	font-weight: bold;
	padding: 2px;
	background: url(/assets/images/form_images/button_bg_large.gif) repeat-x left top #0b94df;
	cursor: pointer;
	border: none;
	font-size: 90%;
	text-align: center;
}

.registerbutton .buttonSubmitHovered {
	background-position:left bottom;
}

.removebutton .buttonSubmit, .removebutton .buttonSubmitHovered {
	width: 52px;
	height: 26px;
	color: #FFF;
	font-weight: bold;
	padding: 2px;
	background: url(/assets/images/form_images/button_bg.gif) repeat-x left top #0b94df;
	cursor: pointer;
	border: none;
	font-size: 90%;
}

.removebutton .buttonSubmitHovered {
	background-position:left bottom;
}

.smallrow .buttonSubmit, .smallrow .buttonSubmitHovered {
	width: 52px;
	height: 26px;
	color: #FFF;
	font-weight: bold;
	padding: 2px;
	background: url(/assets/images/form_images/button_bg.gif) repeat-x left top #0b94df;
	cursor: pointer;
	border: none;
	font-size: 90%;
}

.smallrow .buttonSubmitHovered {
	background-position:left bottom;
}

.buttonSubmit, .buttonSubmitHovered {
	width: 115px;
	height: 26px;
	color: #FFF;
	font-weight: bold;
	padding: 2px;
	background: url(/assets/images/form_images/button_bg.gif) repeat-x left top #0b94df;
	cursor: pointer;
	border: none;
	font-size: 90%;
}

.buttonSubmitHovered {
	background-position:left bottom;
}

.buttonImg {
	vertical-align:bottom;
}

/*input.buttondeep {
	background: url(/assets/images/btn-back.jpg) repeat-x #009ce1;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	margin: 2px 0px 2px 0px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	width: 97%;
}

.columnone input.buttondeep {
	background: url(/assets/images/btn-back2.png) repeat-x #009ce1;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	margin: 0 0px 4px 0px;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
	width: 97%;
}*/

input.buttondeep.bus {
	background: url(/assets/images/bus-bg.jpg) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	margin: 2px 0px 2px 0px;
	height: 40px;
	line-height: 40px;
	width: 100%;
	border:none;
		text-align:left;
	padding:0 0 0 20px; }
	
input.buttondeep.tram {
	background: url(/assets/images/tram-bg.jpg) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	margin: 2px 0px 2px 0px;
	height: 40px;
	line-height: 40px;
	width: 100%;
	border:none;
		text-align:left;
	padding:0 0 0 20px; }
	
input.buttondeep.rail {
	background: url(/assets/images/train-bg.jpg) no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 100%;
	text-align:left;
	padding:0 0 0 20px;
	margin: 2px 0px 2px 0px;
	height: 40px;
	line-height: 40px;
	width: 100%;
	border:none; }