﻿

.wrapper { width: 864px; margin: 0 auto; }
.wrapper-header { text-align: center; margin-top: 25px; }
.wrapper-body { }
.wrapper-body .box { width: 380px; margin: 0 auto; height: 180px; margin-top: 12px;}
.wrapper-body .box .left-box { background: #e1e9f2; width: 120px; height: 120px; Xoverflow: hidden; float: left; position: relative; margin-top: 30px;}
.wrapper-body .box .center-box { width: 12px; height: 174px; 
	background: url(../images/side_shadow_12x174.png) no-repeat;
	_background:none;
    _filter: /*expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ absolutePath +"app_resources/login/images/side_shadow_12x174.png', sizingMethod='scale')");*/
    float: left; position: relative; margin-left: -12px;}
.wrapper-body .box .right-box { background: #fff; float: left; margin-left: 16px; width: 230px;}
.wrapper-body .box .right-box .box-header {margin-top:-10px;border:0px !important ;height: 18px; line-height: 18px; width:400px}
.wrapper-body .box .right-box .box-form {}
.wrapper-body .box .right-box .box-form .row { height: 18px; clear: both;}
.wrapper-body .box .right-box .box-form .row .cell-1 {width: 80px; height: 18px; line-height: 18px; float: left; color: #666;}
.wrapper-body .box .right-box .box-form .row .cell-2 {width: 150px; height: 18px; float: left;}

.wrapper-body .box-forgot-form {width: 380px; margin: 0 auto; margin-top: 12px; }
.wrapper-body .box-forgot-form .forgot-form .row { height: 18px; clear: both;}
.wrapper-body .box-forgot-form .forgot-form .row .cell-1 {width: 150px; height: 18px; line-height: 18px; float: left; color: #666;}
.wrapper-body .box-forgot-form .forgot-form .row .cell-2 {width: 150px; height: 18px; float: left;}

h1 { color: #369; font-family: arial; font-size: 18px; font-weight: normal; margin: 0px; padding: 0px; text-align: center; margin-top: 40px;}
h6 { color: #369; font-family: arial; font-size: 18px; font-weight: normal; margin: 0px; padding: 0px; text-align: center; margin-top: 40px;}
h5 { color: #336699; font-family: arial; font-size: 18px; font-weight: normal; margin: 0px; padding: 0px;}
.logos { text-align: center}
.wrapper-footer { text-align: center; margin-top: 22px; }
.input-text { font-size: 11px; font-family: arial; padding-left: 2px; border: 1px #369 solid; width: 98px; direction: ltr;}
.pretty-anchor { color: #336699; background: url(../images/menu_line_1x7.gif) no-repeat 0px; padding-left: 8px; }

.button-04-start {
	background: url(../images/button_04_blue.gif) no-repeat left top;
	padding: 3px 0px 5px;
}
.button-04-end {
	background: url(../images/button_04_blue.gif) no-repeat right -21px;
	color: #369;
	cursor: pointer;
	display: inline;
	font-weight: bold;
	padding: 3px 21px 5px;
	text-align: center;
	text-decoration: none;
}
.button-04-disabled-start {
	background: url(../images/button_04_disabled.gif) no-repeat left top;
	padding: 3px 0px 5px;
}
.button-04-disabled-end {
	background: url(../images/button_04_disabled.gif) no-repeat right -21px;
	color: #369;
	cursor: pointer;
	display: inline;
	font-weight: bold;
	padding: 3px 21px 5px;
	text-align: center;
	text-decoration: none;
}
.button-05-start {
	background: url(../images/button_04_blue.gif) no-repeat left top;
	padding: 3px 0px 5px;
}
.button-05-end {
	background: url(../images/button_04_blue.gif) no-repeat right -21px;
	color: #336699;
	cursor: pointer;
	display: inline;
	font-weight: bold;
	padding: 3px 21px 5px;
	text-align: center;
	text-decoration: none;
}
.button-07-start {
	background: url(../images/simulator_green_button_r.gif) no-repeat left top;
	padding: 9px 0px 38px;
}
.button-07-end {
	background: url(../images/simulator_green_button_r.gif) no-repeat right -38px;
	color: #fff;
	cursor: pointer;
	display: inline;
	font-weight: bold;
	padding: 8px 21px 38px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
}
.wrapper-body .box-messages {height: 118px; color: #d1002f; text-align: center; }
.wrapper-body .box-messages .messages { margin-left: 458px; text-align: left; }
.wrapper-body .box-messages .messages ul { padding: 0px; margin: 0px; list-style: none;}
.wrapper-body .box-messages .messages ul li .direction { float: none; clear: both}
.wrapper-body .box-messages .errors { padding-top: 13px; _padding-top: 12px; }

.wrapper-body .box-messages-forgot {height: 118px; color: #d1002f; text-align: center; }
.wrapper-body .box-messages-forgot .messages { margin-left: 393px; text-align: left; padding-top: 28px; }
.wrapper-body .box-messages-forgot .messages ul { padding: 0px; margin: 0px; list-style: none;}
.wrapper-body .box-messages-forgot .messages ul li .direction { float: none; clear: both}
.error-text { color:Red; }

.direction { float: left;}