﻿
.LoginToolbar { height: 75px; position: relative; border-bottom: solid 1px #000; color: #fff; }
.LoginToolbar .Background { height: 75px; width: 100%; background-color: #000; opacity: 0.25; color: #fff; position: absolute; }
.LoginToolbar .Controls { height: 75px; width: 100%; position: absolute; top: 0px; }
.LoginToolbar .Controls .FirstColumn { height: 75px; width: 50%; }
.rtl .LoginToolbar .Controls .FirstColumn { float: right; }
.ltr .LoginToolbar .Controls .FirstColumn { float: left; }

.LoginToolbar .Controls .LastColumn { height: 75px; width: 50%; }
.rtl .LoginToolbar .Controls .LastColumn { float: right; }
.ltr .LoginToolbar .Controls .LastColumn { float: left; }

.CulturePicker { height: 75px; margin-top: 45px; }
.rtl .CulturePicker { float: left; padding-left: 10px; }
.ltr .CulturePicker { float: right; padding-right: 10px; }
.rtl .CulturePicker td { padding-right: 10px; }
.ltr .CulturePicker td { padding-left: 10px; }

.ProductLogo { background-repeat: no-repeat; background-color: transparent; height: 75px; padding-top: 10px; }
.rtl .ProductLogo { background-position: right -15px; padding-right: 60px; }
.ltr .ProductLogo { background-position: left -15px; padding-left: 60px; }
.ProductLogo a { display: block; color: #fff; margin-bottom: 10px; line-height: 100%; }
.ProductLogo a.ProductName { font-size: 20px; }

body { background-image: url('bg_honeycomb.png'); }

.Login { z-index: 10; margin: 10% auto 0px; position: relative; width: 368px; }
.Login .ControlsPart { background-color: #E5E8EA; background: #EEE url(grey_noise.png) repeat; border: 3px solid white; margin: 0px 1px; }
.Login .ControlsPart label.Field { position: relative; display: block; margin: 20px 0 10px 0; }
.rtl .Login .ControlsPart label.Field { margin-right: 30px; }
.ltr .Login .ControlsPart label.Field { margin-left: 30px; }
.Login .ControlsPart label.Field span.Caption { display: block; width: 105px; color: #333333; font-size: 1.1em; font-weight: normal; line-height: 25px; text-shadow: 0 1px 0 #FFFFFF; }
.rtl .Login .ControlsPart label.Field span.Caption { float: right; }
.ltr .Login .ControlsPart label.Field span.Caption { float: left; }
.Login .ControlsPart label.Field input.MainControl { width: 185px; height: 22px; padding: 0 5px; line-height: 22px; text-shadow: 0 1px 0 #FFFFFF; background-color: rgba(0, 0, 0, 0.15); border: none; border-top: 3px solid #AAA; outline: 1px solid white; }
.Login .ControlsPart label.Field input.MainControl:focus { border-color: transparent; }
._IE7 .Login .ControlsPart label.Field input.MainControl { background-color: #CECFD1; }
._IE8 .Login .ControlsPart label.Field input.MainControl { background-color: #CECFD1; }
.Login .ControlsPart .FormCommand .FormButton img { display: inline-block; margin: -8px 0px; width: 24px; }
.Login .ControlsPart .FormCommand .FormButton span { display: inline-block; text-transform: capitalize; }
.rtl .Login .ControlsPart .FormCommand .FormButton span { margin: -3px 3px 0 7px; }
.ltr .Login .ControlsPart .FormCommand .FormButton span { margin: -3px 7px 0 3px; }
.Login .ControlsPart .FormCommand .FormButton { clear: both; border: 1px solid transparent; margin-bottom: 15px; color: #fff; white-space: nowrap; width: auto; overflow: visible; background: #1C5EA0; background: -moz-linear-gradient(top, #1C5EA0 0%, #064792 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1C5EA0), color-stop(99%,#064792)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C5EA0', endColorstr='#064792',GradientType=0 ); border: 1px solid #064792; -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1),inset 0px 1px 0px rgba(255,255,255,0.2); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 0px rgba(255,255,255,0.2); text-shadow: 0px -1px 1px rgba(000, 000, 000, 1), 0px 1px 0px rgba(255, 255, 255, 0.2); display: block; vertical-align: middle; font-size: 13px; line-height: normal; text-decoration: none; }
.rtl .Login .ControlsPart .FormCommand .FormButton { padding: 7px 11px 7px 7px; margin-left: 8px; float: left; margin: 10px 0 0 30px; }
.ltr .Login .ControlsPart .FormCommand .FormButton { padding: 7px 7px 7px 11px; margin-right: 8px; float: right; margin: 10px 30px 0 0; }
.Login .Bar { color: white; background-color: #4c5766; padding: 10px 20px; border-left: none; border-left: none; font-size: 12px; border-bottom: 1px solid #59676B !important; /* Theme */ background: #4C5766; background: -moz-linear-gradient(top, #4C5766 0%, #313841 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4C5766), color-stop(99%,#313841)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c5766', endColorstr='#313841',GradientType=0 ); border: 1px solid #313841; }
.Login .Bar a { color: #ccc; }
.rtl .Login .Bar a { margin-right: 30px; }
.ltr .Login .Bar a { margin-left: 30px; }
._IE7 .Login .Bar a { margin-right: 0px; margin-left: 30px; }

.Login .Bar a:hover { color: #fff; }
