/* One column form properties ======================================================== */
#form-container{
	width:918px;
	height:auto;
	background:#FFF;
	border:1px solid #CCC;
	margin:0 0 10px 0;
}

#form-container h5{
	text-indent:25px;
	text-align:left;
	line-height:40px;
	text-decoration:underline;
	font-size:14px;
}

#form-container h4{
	line-height:30px;
	font-size:16px;
	margin-top:10px;
	color:#333;
}

#form-container p{
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	line-height:20px;
	width: auto;
}

#form-container .form-header span{
	font-size:13px; 
	color:#115074;
	line-height:20px;
	display:inline-block;
	padding:8px 15px 0 0;
	float: right;
}

#form-container table{
	font-size:12px;
	margin:10px 0 10px 22px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
}

.form-header{
	width:918px;
	height:40px;
	background:url(../images/form/form-header.png) no-repeat;
	font-family:"Century Gothic", Arial;
	font-size:17px;
	color:#186591;
	text-align:left;
	text-indent:30px;
	line-height:38px;
}

.form-body{
	width:918px;
	height:auto;
	min-height:300px;
	background-image:url(../images/form/form-top.png), url(../images/form/form-bottom.png);
	background-position:top, bottom;
	background-repeat:no-repeat, no-repeat;
	overflow:auto;
	padding-bottom:20px;
}

fieldset{
	width:875px;
	height:auto;
	overflow:auto;
	margin:15px 0 15px 20px;
	border:none;
}

fieldset span{
	font-size:12px; 
	color:#115074;
	line-height:20px;
	display:inline-block;
	padding:4px 0 4px 0;
}

fieldset select{
	height: 20px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background:url(../images/form/txt-bg.jpg) repeat-x;
	margin:0 5px 0 0;
	padding:0 0 0 3px;
	border: 1px solid #CCC;
	min-width:60px;
	max-width:188px;
}

fieldset p{
	width:99%;
	text-align:left;
}

fieldset td{
	padding:6px;
	border:1px solid #666;
	border-right:none;
	border-bottom:none;
	text-align:center;
	vertical-align:middle;
	font-weight:normal;
	color:#000;
}

fieldset th{
	padding:6px;
	border:1px solid #666;
	border-right:none;
	border-bottom:none;
	text-align:center;
	vertical-align:middle;
}

fieldset table{
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	font-size:12px;
	margin:10px 0 10px 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#333;
}

fieldset table input{
	width: auto;
	text-align:left;
}

legend{
	width:875px;
	height:33px;
	background:url(../images/form/hdr-bg.png) left no-repeat;
	margin:10px 0 10px 0;
	font-family:"Century Gothic", Arial;
	font-size:15px;
	color:#186591;
	text-align:left;
	text-indent:25px;
	line-height:30px;
	padding:0;
}

dl{ margin:4px 0 4px 16px; width:850px; overflow:auto; clear:both;}

dl > dt{ float:left; width: 190px; height:auto; min-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:8px 0 8px 0; margin:0 10px 0 10px;}

dl > dd{ float:left; width: 190px; height:auto; min-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:8px 0 8px 0; margin:0 10px 0 10px;}

dd label{margin-right:20px; vertical-align:middle; height: auto;}

dt img{vertical-align:top; margin:3px 0 0 5px;}

dd span a{color: #0E3951;text-decoration:none;font-weight:bold;}

label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	text-align:left;
	line-height:20px;
	height:20px;
	display: inline;
	vertical-align: middle;
}

label.error {
    color: #FB3A3A;
    display: inline-block;
    margin: 2px 0 0 0;
    padding: 0;
    text-align: left;
    width: 190px;
	font-size:12px;
}

table label.error {
    color: #FB3A3A;
    display:block;
    margin: 2px 0 0 0;
    padding: 0;
    text-align: left;
    width: auto;
	font-size:12px;
}

/*input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background:url(../images/form/txt-bg.jpg) repeat-x;
	border:1px solid #CCC;
	line-height:20px;
	height:20px;
	text-indent:5px;
	text-align:left;
	width:188px;
}*/

input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	background:url(../images/form/txt-bg.jpg) repeat-x;
	border:1px solid #CCC;
	height:20px;
	text-align:left;
	width:184px;
	padding:0 0 0 4px;
}

input[type=text]:hover{
	background:#DDEBF3;
	border-color:#999999;
}

input[type=text]:visited{
	background:#DDEBF3;
	border-color:#999999;
}

input[type="radio"]{
	font-size:12px;
	color:#666;
	width: auto;
	height:18px;
	background:none;
	border:none;
	vertical-align:middle;
}

input[type="checkbox"]{
	font-size:12px;
	color:#666;
	width: auto;
	height:18px;
	vertical-align:middle;
	background:none;
	border:none;
}

input[readonly='readonly'] {
	font-size:13px;
	color:#666;
	font-weight:bold;
	background:#E8E8E8;
	border-color:#E8E8E8;
}

input[readonly='readonly']:hover{
	background: #E8E8E8;
	border-color:#E8E8E8;
}

textarea{	
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	border:1px solid #CCC;
	line-height:20px;
	text-align:left;
}

textarea:hover{
	background:#DDEBF3;
	border-color:#999999;
}

textarea:visited{
	background:#DDEBF3;
	border-color:#999999;
}

.edit-field{
	background:#DDEBF3;
	border-color:#999999;
}

.bluebg{
	background:#DDEBF3;
	padding-left:15px;
	width:830px;
	height: auto;
}

.button-active{
	width: auto;
	height:35px;
	padding:0 25px 0 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	border:none;
	cursor:pointer;
	background:#569BC2;
	border:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	letter-spacing:0.04em;
}

.button-inactive{
	width:auto;
	height:35px;
	padding:0 25px 0 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#CCC;
	text-align:center;
	line-height:30px;
	border:none;
	background:#CCE5F4;
	border:none;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	letter-spacing:0.04em;
}

.button-normal{
	width: auto;
	height:25px;
	padding:0 20px 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	border:none;
	cursor:pointer;
	background:#569BC2;
	border:none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.button-small{
	width: auto;
	height:20px;
	padding:0 10px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	border:none;
	cursor:pointer;
	background:#569BC2;
	border:none;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	display:inline;
	margin:2px 0 2px 0;
}

table .button-small{
	width: auto;
	height:20px;
	padding:0 10px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	border:none;
	cursor:pointer;
	background:#569BC2;
	border:none;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	display:inline;
	margin:2px 0 2px 0;
}

#statusMessage {
	font-size: 13px;
	padding:10px 10px 10px 40px;
/*	margin: 10px 0px;
	border: 1px solid;
    padding: 15px 10px 15px 50px;	
	background-position: 10px center;*/
}

#statusMessage.error{
	color: #D8000C;
	background:url(../images/icons/error.png) no-repeat left #FFBABA;
	border: 1px solid #D8000C;	
}

#statusMessage.success{
	color: #4F8A10;
	background:url(../images/icons/success.png) no-repeat left #DFF2BF;
	border: 1px solid #4F8A10;
}

#statusMessage.warning{
	color: #9F6000;
	background:url(../images/icons/warning.png) no-repeat left #FEEFB3;
	border:1px solid #9F6000;
}

#statusMessage.info{
	color: #00529B;
	background:url(../images/icons/info.png) no-repeat left #BDE5F8;
	border:1px solid #00529B;
}

#statusMessage.validation{
	color: #D63301;
	background:url(../images/icons/validation-icon.png) no-repeat left FFCCBA;
	border: 1px solid #D63301;
}


.help{
	background:url(../images/icons/qicon.png) center right no-repeat;
	width:18px;
	height:12px;
	display: inline-block;
	vertical-align: middle;
}

/* Login form properties ======================================================== */
.login-container{
	width:350px;
	height:auto;
	background:#FFF;
	float:left;
	padding: 0;
	margin:10px 0 20px 5px;
	padding-right:30px;
	border-right: 1px solid #D7D7D7;
}

.login-container fieldset{
	width:350px;
	height: auto;
	background:#F2F2F2;
	border:1px solid #CCC;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 0;
	margin: 0;
	float:left;
	overflow: auto;
}

.login-container legend{
	width:350px;
	height:38px;
	background:url(../images/form/login-hdr-bg.png) left no-repeat;
	margin:0 0 20px 0;
	font-family:"Century Gothic", Arial;
	font-weight:bold;
	font-size:16px;
	color:#186591;
	text-align:left;
	text-indent:25px;
	line-height:36px;
	padding:0;
	float:left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.login-container dl{ width:305px; margin:20px 0 20px 20px; overflow:auto; clear:both;}

.login-container dl > dt{padding:2px 0 2px 0; margin:0 2px 0 2px; width:140px;}

.login-container dl > dd{padding:2px 0 2px 0; margin:0 2px 0 2px; width:140px;}

.login-container label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333;
	text-align:left;
	display:inline;
	padding-right:12px;
	line-height:25px;
	height:25px;

}

.login-container label.error {
    color: #FB3A3A;
    margin: 2px 0 0 0;
    padding: 0;
    text-align: left;
	font-size:12px;
	line-height:16px;
}

.login-container input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666;
	background:url(../images/form/login-input-bg.png) repeat-x;
	border:1px solid #CCC;
	line-height:25px;
	height:25px;
	text-align:left;
	width:150px;
}

.login-container input:hover{
	background:#DDEBF3;
	border-color:#999999;
}

.login-container input:visited{
	background:#DDEBF3;
	border-color:#999999;
}

.login-container .login-button{
	background:url(../images/form/login_button.png) top center;
	height:35px;
	width:140px;
	border: none;
	display:block;
	cursor:pointer;
}

.login-container .login-button:hover{
	background:url(../images/form/login_button.png) top center;
	height:35px;
	width:140px;
	border: none;
	display:block;
	cursor:pointer;
}

.login-container .change-password-button{
	background:url(../images/form/change_password_button.png) top center;
	height:35px;
	width:180px;
	border: none;
	display:block;
	cursor:pointer;
}

.login-container .change-password-button:hover{
	background:url(../images/form/change_password_button.png) top center;
	height:35px;
	width:180px;
	border: none;
	display:block;
	cursor:pointer;
}

.login-container .reset-password-button{
	background:url(../images/form/reset_passowrd_button.png) top center;
	height:35px;
	width:180px;
	border: none;
	display:block;
	cursor:pointer;
}

.login-container .reset-password-button:hover{
	background:url(../images/form/reset_passowrd_button.png) top center;
	height:35px;
	width:180px;
	border: none;
	display:block;
	cursor:pointer;
}

.login-container .forgot_pass{
	line-height: 35px;
	height:35px;
	font-size:12px;
	color:#666666;
}

.login-container .forgot_pass a{
	color: #666666;
	text-decoration:none;
}

.login-container .forgot_pass a:hover{
	color: #0E3951;
	text-decoration:none;
}

.login-container .account{
	line-height: 35px;
	height:35px;
	font-size:15px;
	color:#666666;
	margin-left:20px;
}

.login-container .account  a{
	color: #0E3951;
	text-decoration:none;
	font-weight:bold;
}

.login-container .account a:hover{
	color: #0E3951;
	text-decoration:none;
}

.login-instruction{
	width:495px;
	height:auto;
	background:#FFF;
	float:left;
	padding: 0;
	margin:10px 0 20px 30px;
}

.login-instruction h2{
	color: #0E3951;
	font-weight:normal;
	line-height: 24px;
}

.login-instruction ul{
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	line-height:24px;
	margin:20px 0 20px 20px;	
}

.login-instruction ul li{
	background:url(../images/icons/arrow-double.png) left 5px no-repeat;
	margin:15px 0 15px 0;
	padding-left:30px;
	min-height: 20px;
}


/* widzerd properties ======================================================== */

.prev, .next {
	width: auto;
	height:35px;
	padding:0 25px 0 25px;
	line-height:35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	border:none;
	cursor:pointer;
	background:#569BC2;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	letter-spacing:0.04em;
	text-decoration:none;}

.prev:hover, .next:hover {
	width: auto;
	color:#FFF;
	cursor:pointer;
	background:#569BC2;
	letter-spacing:0.04em;
	text-decoration:none;}

.prev { float:left;}
.next { float:right;}


	        #steps { list-style:none; width:917px; overflow:hidden; margin:0 0 0 1px; padding:0px;}
	        #steps li {font-size:20px; float:left; color:#666; background:#CCCCCC; line-height:32px;}
	        #steps li span {font-size:14px; display:block; width:auto; text-align:center; border-right: 1px solid #FFFFFF; padding:0 28px 0 28.5px;}
	        #steps li.current {color:#FFFFFF; background:#666666; text-align:center; display:block;}


/* Login form properties ======================================================== */
.reset-password-container{
	width:350px;
	height:auto;
	background:#FFF;
	float:left;
	padding: 0;
	margin:10px 0 20px 5px;
	padding-right:30px;
	border-right: 1px solid #D7D7D7;
}

.reset-password-container fieldset{
	width:350px;
	height: auto;
	background:#F2F2F2;
	border:1px solid #CCC;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 0;
	margin: 0;
	float:left;
	overflow: auto;
}

.reset-password-container legend{
	width:350px;
	height:38px;
	background:url(../images/form/login-hdr-bg.png) left no-repeat;
	margin:0 0 20px 0;
	font-family:"Century Gothic", Arial;
	font-weight:bold;
	font-size:16px;
	color:#186591;
	text-align:left;
	text-indent:25px;
	line-height:36px;
	padding:0;
	float:left;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.reset-password-container dl{ width:310px; margin:20px 0 20px 20px; overflow:auto; clear:both;}

.reset-password-container dl > dt{padding:2px 0 2px 0; margin:0 2px 0 2px; width:290px;}

.reset-password-container dl > dd{padding:2px 0 2px 0; margin:0 2px 0 2px; width:290px;}


.reset-password-container label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#333;
	text-align:left;
	display:inline;
	padding-right:12px;

}

.reset-password-container label.error {
    color: #FB3A3A;
    margin: 2px 0 0 0;
    padding: 0;
    text-align: left;
    line-height:16px;
	font-size:12px;
}

.reset-password-container input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	background:url(../images/form/login-input-bg.png) repeat-x;
	border:1px solid #CCC;
	line-height:30px;
	height:30px;
	text-indent:5px;
	text-align:left;
	width:300px;
}

.reset-password-container input:hover{
	background:#DDEBF3;
	border-color:#999999;
}

.reset-password-container input:visited{
	background:#DDEBF3;
	border-color:#999999;
}

.reset-password-container .reset-password-button{
	background:url(../images/form/login_button.png) top center;
	height:35px;
	width:140px;
	border: none;
	display:block;
	cursor:pointer;
	float:left;
}

.reset-password-container .reset-password-button:hover{
	background:url(../images/form/login_button.png) top center;
	height:35px;
	width:140px;
	border: none;
	display:block;
	cursor:pointer;
}

.reset-password-container .change-password-button{
	background:url(../images/form/change_password_button.png) top center;
	height:35px;
	width:180px;
	border: none;
	display:block;
	cursor:pointer;
}

.reset-password-container .change-password-button:hover{
	background:url(../images/form/change_password_button.png) top center;
	height:35px;
	width:180px;
	border: none;
	display:block;
	cursor:pointer;
}

.reset-password-container .reset-password-button{
	background:url(../images/form/reset_passowrd_button.png) top center;
	height:35px;
	width:180px;
	border: none;
	display:block;
	cursor:pointer;
}

.reset-password-container .reset-password-button:hover{
	background:url(../images/form/reset_passowrd_button.png) top center;
	height:35px;
	width:180px;
	border: none;
	display:block;
	cursor:pointer;
}

.reset-password-container .forgot_pass{
	line-height: 35px;
	height:35px;
	font-size:12px;
	color:#666666;
	margin-left:20px;
}

.reset-password-container .forgot_pass a{
	color: #666666;
	text-decoration:none;
}

.reset-password-container .forgot_pass a:hover{
	color: #0E3951;
	text-decoration:none;
}

.reset-password-container .account{
	line-height: 35px;
	height:35px;
	font-size:15px;
	color:#666666;
	margin-left:20px;
}

.reset-password-container .account  a{
	color: #0E3951;
	text-decoration:none;
	font-weight:bold;
}

.reset-password-container .account a:hover{
	color: #0E3951;
	text-decoration:none;
}

.reset-password-instruction{
	width:495px;
	height:auto;
	background:#FFF;
	float:left;
	padding: 0;
	margin:10px 0 20px 30px;
}

.reset-password-instruction h2{
	color: #0E3951;
	font-weight:normal;
	line-height: 24px;
}

.reset-password-instruction ul{
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	line-height:24px;
	margin:20px 0 20px 20px;	
}

.reset-password-instruction ul li{
	background:url(../images/icons/arrow-double.png) left 5px no-repeat;
	margin:15px 0 15px 0;
	padding-left:30px;
	min-height: 20px;
}


.datepicker{width: 120px;}
.changedatepicker{width: 120px;}


