/**
 * This file contains style properties for Login module ALCS components.
 */
/* (+) ------------------------------- Page Content -------------------------------- */

html {
	height: 100%;
}

a, a:visited, a:hover {
	color: inherit;
    text-decoration: inherit;
}

body>.pageContainer {
	height: auto;
	min-height: 100%;
}

html body {
	background: #ffffff;
	color: #3c4a59;
	font-family: 'Arial Unicode MS', Arial, sans-serif;
}

html>body {
	min-height: 100%;
	height: auto;
}

h2 {
	padding-bottom: 20px;
	font-size: 22px;
	font-weight: normal;
}

p {
	line-height: 23px;
	font-size: 100%;
	text-align: justify;
}

html a.greenHyperlink{
	color: #009021;
	text-decoration: underline;
}

.spark-Field-label {
	text-transform: none;
    font-weight: normal;
    font-size: 14px;
    text-emphasis-style: circle;
    text-emphasis-position: right;
}

.alcs-container {
    display: block;
    overflow: hidden;
    max-width: 950px;
    min-width: 650px;
    margin: auto;
    
    
    background: #f8fafc;
	background: -moz-linear-gradient(top,  #f8fafc 83%, #ffffff 100%); /* Firefox 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(83%,#f8fafc), color-stop(100%,#ffffff)); /* Chrome, Safari4+ */
	background: -webkit-linear-gradient(top,  #f8fafc 83%,#ffffff 100%); /* Chrome10+, Safari5.1+ */
	background: -o-linear-gradient(top,  #f8fafc 83%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8fafc 83%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8fafc 83%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fafc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    
}

.alcs-clear {
    clear: both;
}

.alcs-content-container {
    display: block;
    overflow: hidden;
    background: #eef2f5;
    padding: 20px;
    min-height: 355px;
}

.alcs-column {
    display: table-cell;
    float: left;
}

.alcs-column-40 {
    width: 40%;
}

.alcs-column-60 {
    width: 60%;
}

.alcs-column-content {
    padding: 20px;
}

.pageContainer {
    background: none;
    display: block;
    margin: 0 auto;
    width: 910px;
    height: auto;
}

.pageContentContainer {
    clear: both;
    display: block;
    float: none;
    min-height: 100%;
    position: static;
}

.pageContentContainerTopBg {
    position:relative;
    min-height: 100%;
    height: auto;
    display: block;
}

.pageContentContainerTop {
    background: url('../img/login-content-bg.png') repeat-x scroll left top transparent;
}

.pageFooter {
    background: none;
    display: block;
    overflow: visible;
    padding: 5px 5px 20px 10px;
    clear: both;
    height: auto;
	margin-top: auto;
}

.footerContacts>span {
	border-left: 1px solid #a0a0a0;
}

.footerContacts>*,
.footerContacts>a.spark-Anchor {
	color: #a0a0a0;
}

.footerContacts>a.spark-Anchor:HOVER {
	color: #808080;
}

div.version-number {
    color: #a0a0a0;
    font-size: 13px;
}

/* (-) ------------------------------- Page Content -------------------------------- */

/* (+) ------------------------------- Language Bar -------------------------------- */

.languageBar {
    display: block;
    overflow: hidden;
    padding: 0px;
    float: right;
}

.languageBar table {
    width: 280px;
    height: 21px;
}

.languageBar td {
    text-align: center;
}

/* (-) ------------------------------- Language Bar -------------------------------- */

/* (+) ------------------------------- Input Fields -------------------------------- */

input[type="text"], 
input[type="password"],
input[type="tel"],
select.spark-ListField, 
textarea.spark-Field-textBox {
    padding: 2px 5px;
    font-size: 100%;
    border: 1px solid #63cd5e;
}

input[type=text]:focus, 
input[type="password"]:focus,
input[type="tel"]:focus, 
select.spark-ListField:focus, 
textarea.spark-Field-textBox:focus {
    background-color: #faffbd;
}

.alcs-login-selectCompanyPanel input[type="text"],
#loginTable input[type="text"], 
#loginTable input[type="password"],
#loginTable input[type="tel"] {
    width: 312px;
    height: 30px;
}

.alcs-login-forgotPasswordPanel input[type=text] {
    width: 209px;
    height: 30px;
}

.alcs-login-selectCompanyPanel select.spark-ListField {
	width: 100%;
    height: 35px;
    padding: 7px 5px;
}

.alcs-login-selectCompanyPanel input[type=text].spark-TextField-textBox.readonly {
	border: 1px solid #ececec !important;
    border-top: 1px solid #b6b6b6 !important;
}

#registrationView input[type="text"] {
    height: 20px;
}

#registrationView input[type="tel"] {
	height: 26px;
}

#registrationView select.spark-ListField {
    height: 28px;
    padding: 4px;
    border-radius: 0px !important;
    -webkit-border-radius: 0px;
    /* -moz-appearance: none; */
    /* -webkit-appearance: none; */
}


/* (-) ------------------------------- Input Fields -------------------------------- */

/* (+) -------------------------------- Login View --------------------------------- */

#loginView {
    display: block;
    overflow: auto;
    float: left;
    position: static;
    vertical-align: top;
    min-height: 140px;
    padding: 0px 40px 0px 0px;
}

#loginView table {
    width: 100%;
}

#loginView table td {
    text-align: left !important;
}

#loginView .spark-Field-label {
    text-align: left;
    color: #6e6e6e;
    white-space: nowrap;
    padding-right: 9px;
    line-height: 20px;
    background: none;
}

#loginTable .spark-Field-label,
.alcs-login-selectCompanyPanel .spark-Field-label {
    padding: 20px 0px 5px 0px;
    color: inherit;
}

.alcs-login-forgotPasswordPanel {
    margin-top: 20px !important;
}

/* (-) -------------------------------- Login View --------------------------------- */

/* (+) ------------------------------- Login Table --------------------------------- */

#loginTable {
    display: block;
    overflow: hidden;
}

#loginTable label {
    display: block;
    padding: 15px 0px;
}

#loginTable label#rememberMeFieldLabel {
    padding-bottom: 5px;
}

#loginTable #rememberMeField {
    float: left;
    margin-top: 17px;
    margin-right: 5px;
}

/* (-) ------------------------------- Login Table --------------------------------- */

/* (+) -------------------------------- Login Text --------------------------------- */

#loginText {
    font-size: 13px;
    margin-right: 10px;
    padding-bottom: 25px;
}

#loginReadMore{
    position: static;
}

/* (-) -------------------------------- Login Text --------------------------------- */

/* (+) ---------------------------- Registration View ------------------------------ */

#registrationView{
}

#registrationView fieldset legend {
    padding-bottom: 20px;
    font-weight: normal;
    color: #545b66;
}

#registrationView .spark-Field-label {
    color: #666666;
    margin-right: 5px;
    white-space: nowrap;
    padding-right: 9px;
    line-height: inherit;
}

#registrationView table tr td {
    padding:2px 0px
}

#registrationView table.style_6 td{
    text-align: justify;
}

#newRegistration {
    float: right;
    width: 130px;
    text-align: right;
}

/* (-) ---------------------------- Registration View ------------------------------ */

/* (+) ------------------------------ Message Panel -------------------------------- */

#messagePanel {
    width: auto !important;
}

#registrationView .spark-MessagePanel{
    margin-bottom: 20px !important;
}

#messagePanel .gwt-Label, 
#messagePanel .spark-LinkToField, 
#registrationView .spark-MessagePanel .gwt-Label, 
#registrationView .spark-MessagePanel .spark-LinkToField {
    font-size: 12px !important;
}

#messagePanel .spark-MessagePanel {
    margin: 0px !important;
}

.responseMsg{
    font-size: 18px;
}

/* (-) ------------------------------ Message Panel -------------------------------- */

/* (+) --------------------------------- Buttons ----------------------------------- */

/** button **/
.spark-Button[disabled], 
.spark-Button[disabled]:active, 
.spark-Button[disabled]:hover,
button.gwt-Button[disabled], 
button.gwt-Button[disabled]:active, 
button.gwt-Button[disabled]:hover {
    background: #c7c7c7;
    color: #666666;
}
.spark-Button,
button.gwt-Button {
    border: none;
    background: #389633;
    color: #ffffff;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 15px;
	padding: 0px 30px;
	margin-right: 5px;
	height: 45px;
}
.spark-Button:hover, 
.spark-Button:focus, 
button.gwt-Button:hover,
button.gwt-Button:focus {
    background: #155e11;
    border: none;
    text-decoration: none;
}
.gwt-DialogBox .spark-Button,
.gwt-DialogBox button.gwt-Button {
    padding: 0px 10px;
    height: 27px;
}

/** anchor **/
.spark-Anchor {
	color: #666666;
    font-size: 13px;
	display: block;
    text-align: left;
}
.spark-Anchor:hover {
	color: #333333;
	text-decoration: underline;
}

/** icon color **/
.spark-Button:hover .spark-Icon,
.spark-Button .spark-Icon {
	color: #ffffff;
}
.spark-Anchor .spark-Icon {
	color: inherit;
}

/** custom button/anchor **/
.loginButton {
    width: 150px;
    float: left;
}
.alcs-login-selectCompanyPanel .loginButton {
	margin-top: 20px;
}
.alcs-login-forgotPasswordPanel .spark-Button {
    width: 100%;
    margin-top: 15px;
    max-width: 221px;
}
#loginView .loginFormButtons .spark-Anchor {
    padding: 15px 0px;
}
.languageBar .spark-Anchor {
    font-size: 10px;
    color: #3c4a59;
    text-transform: uppercase;
    padding-left: 5px;
    padding-top: 5px;
    text-decoration: none;
}
.languageBar .spark-Anchor:hover {
	color: #3c4a59;
	text-decoration: underline;
}

/*.buttonSave {
    background-image: url(../img/button_save_11.png) !important;
}

.buttonForward {
    background-image: url(../img/button_next_11.png) !important;
}

.buttonBack {
    background-image: url(../img/button_back_11.png) !important;
}

#registrationView .buttonForward {
    width: 16px;
    height: 17px;
    background-position: -34px 0;
    margin-left: 5px;
    margin-right: 0px;
}

#registrationView .buttonBack {
    width: 16px;
    height: 16px;
    background-position: -49px 0;
    margin-right: 5px;
    margin-left: 0px;
} */

/* (-) --------------------------------- Buttons ----------------------------------- */

/* (+) ---------------------------------- Pop-up ----------------------------------- */

.gwt-DialogBox, .gwt-DialogBox .dialogMiddleCenter {
	background-color: #ffffff !important
}

.gwt-DialogBox .Caption {
    border-bottom: none !important;
    background: none !important;
    text-transform: uppercase;
}

.confirmationDialog {
	margin: 10px;
}

.confirmationDialog .gwt-Label {
	padding-bottom: 15px;
}

/* (-) ---------------------------------- Pop-up ----------------------------------- */

/* (+) ---------------------------------- Icons ------------------------------------ */

#frachtLogo {
    padding: 0px;
}

#frachtLogo .loginFrachtLogo {
    background-image: url(../img/logo_2.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 240px;
    height: 130px;
    display: block;
}

.alcs-logo {
    background-color: #3e4a5c;
    width: 240px;
    height: 130px;
}

/* (-) ---------------------------------- Icons ------------------------------------ */

/* (+) --------------------------------- SYS.043 ----------------------------------- */

#registrationView 
.sys043-imgNotSelected {
    margin-top: 0px;
    color: #666666;
    font-family: 'Arial Unicode MS', Arial, sans-serif;
    font-size: 22px;
    font-weight: normal;
    text-transform: none;
    margin-bottom: 20px;
}

#registrationView 
.sys043-heading1 {
    margin-top: 10px;
    color: #666666;
    font-family: 'Arial Unicode MS', Arial, sans-serif;
    font-size: 22px;
    font-weight: normal;
    text-transform: none;
    margin-bottom: 20px;
}

.sys043-imgNotSelected, .sys043-imgSelected {
    background: url(../img/stepsBg.png) top left repeat-x !important;
    background-size: auto !important;
    height: 35px !important;
    width: 25px !important;
    padding-bottom: 20px !important;
}

.sys043-notselected, 
.sys043-selected {
    padding-top: 15px;
    height: 20px;
    background: url(../img/stepsBg.png) top left repeat-x !important;
    margin: 0px !important;
    padding-right: 24px !important;
    padding-bottom: 20px !important;
    min-width: 150px !important;
    text-align: center !important;
    color: #aaaaaa !important;
}

.sys043-selected, 
.sys043-imgSelected {
    background-image: url(../img/stepsBgHover.png) !important;
    color: #666666 !important;
}

table.sys043-statusBar tr td {
    vertical-align: top !important;
}

.sys043-isPrivateRegistration {
    font-size: 14px;
    margin-bottom: 10px;
}

.sys043-isPrivateRegistration .gwt-RadioButton {
    padding: 3px;
}

.sys043-isPrivateRegistration .gwt-RadioButton input {
    margin-right: 5px;
}

/* (-) --------------------------------- SYS.043 ----------------------------------- */