/* LOGIN / PASSWORD REMINDER related styles. */
/*@import url('../clientspecific/publicweb/publicweb.css');*/

html,body{font-family: Arial,sans-serif;font-size:12px;line-height:18px}
.errormessage {font-size:12px;color:#FF6103;text-align:center}
.errorvalidation {font-size:12px;color:#FF6103}
.successmessage{font-size:12px;color:#008000;text-align:left;vertical-align:middle;
                border:#008000 solid 1px;padding:2px;}

a:active,a:link,a:visited{border:0 none;color:#FFFFFF;text-decoration:none}
a:hover{border:0 none;color:#FFFFFF;text-decoration:underline}

.loginPageBox {background-color:transparent;border-top:1px solid #FFFFFF;
               border-bottom:1px solid #FFFFFF;text-align:center;width:500px;
               margin:4px 0;padding:40px 0}
.custLoginBox {background-color:transparent;border-top:1px solid #FFFFFF;
               border-bottom:1px solid #FFFFFF;text-align:center;width:500px;
               margin:4px 0;padding:40px 0}
.right {float:right;}
.left {float:left;}
.loginHeader {text-align:center;font-size:14px}
.loginSubHeader {padding:0 0 20px 0;font-size:20px;}
.loginFooter {font-size:10px;float:right}
.loginSubFooter {width:100%;margin-top:20px;font-weight:bold}
.uiComponentsTable {padding:15px;margin:0 110px}
.inputField {padding:0 5px;border:1px solid #C0CBDF;width:150px;height:30px;}

.rightAlignColumn {text-align:right;width:75px;padding-right:5px}
.leftAlignColumn {text-align:left}
.topAlignRow {vertical-align:top;height:35px}

.page-head {text-align:center;font-size:16px;font-weight:bold;padding-bottom:40px}
.page-body {text-align:center}
.page-links {text-align:center;padding-top:40px}

.login-btn-act, a.login-btn-act {
    -webkit-transition: background-position .15s linear;
    -moz-transition: background-position .15s linear;
    -ms-transition: background-position .15s linear;
    -o-transition: background-position .15s linear;
    transition: background-position .15s linear;
    background: #0083bf;
    background: -moz-linear-gradient(top, #0083bf 0%, #005a84 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0083bf), color-stop(100%,#005a84));
    background: -webkit-linear-gradient(top, #0083bf 0%,#005a84 100%);
    background: -o-linear-gradient(top, #0083bf 0%,#005a84 100%);
    background: -ms-linear-gradient(top, #0083bf 0%,#005a84 100%);
    background: linear-gradient(to bottom, #0083bf 0%,#005a84 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0083bf', endColorstr='#005a84',GradientType=0 );
	cursor:pointer;
    color: #FFFFFF;
    border: 1px solid #006898;

    outline: none !important;
    padding:5px 20px;
    display:inline-block;
    text-align: center;
    min-width: 165px;
    font-weight: bold;
    font-size:14px;
    height:31px;
}
.login-btn-act:focus, a.login-btn-act:focus,
.login-btn-act:hover, a.login-btn-act:hover {
    background: #ff8000;
    border: 1px solid #c5c5c5;
    color: #fff;
    text-decoration: none;
    outline: none !important;
    filter:none;
}        
.login-btn-inact, a.login-btn-inact, 
.login-btn-inact:focus, a.login-btn-inact:focus,
.login-btn-inact:hover, a.login-btn-inact:hover {

    cursor: pointer;
    color: #f8f8f8;
    border: 1px solid #c5c5c5;
    background: -moz-linear-gradient(top, rgba(0,131,191,0.5) 0%, rgba(0,90,132,0.5) 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,131,191,0.5)), color-stop(100%,rgba(0,90,132,0.5))) !important;
    background: -webkit-linear-gradient(top, rgba(0,131,191,0.5) 0%,rgba(0,90,132,0.5) 100%) !important;
    background: -o-linear-gradient(top, rgba(0,131,191,0.5) 0%,rgba(0,90,132,0.5) 100%) !important;
    background: -ms-linear-gradient(top, rgba(0,131,191,0.5) 0%,rgba(0,90,132,0.5) 100%) !important;
    background: linear-gradient(to bottom, rgba(0,131,191,0.5) 0%,rgba(0,90,132,0.5) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800083bf', endColorstr='#80005a84',GradientType=0 ) !important;

    outline: none !important;
    padding:5px 20px;
    display:inline-block;
    text-align: center;
    min-width: 165px;
    font-weight: bold;
    font-size:14px;
    height:31px;
}

.login-page-logo {bottom:0;right:0;margin:0 20px 20px 0;position:absolute;text-align:right;width:100%}
.error-content {width:400px;height:300px;overflow-x:auto;overflow-y:auto;
                border:1px solid #D2D2D2;padding:5px;margin-left:46px}
.rightColumn{ padding-right: 5px;text-align: right;width: 134px;}

label {font-weight:normal;}
/*--------------------------------------------------------------------------------------------------------*/

/*
	Converis - reskin stylesheet
	
	PAGE: Authenticate
	URL: https://standard.avedas.com/converis-reskinning/secure/login
*/

#loginHeaderText {
	display: block;
	text-align: left;
}

a:focus {
    outline: thin dotted #333333;
    outline-offset: -2px;
}

.header a:focus {
    outline: thin dotted #dddddd;
}
.loginPageContainer .page-content {background: none;}

.loginPageContainer .page-content > table {
	background-color: #f4f4f4;
	color: #333333;
	height: auto !important;
	padding: 20px 20px;
    border:1px solid #d1d1d1;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    display: inline-block;
    margin-top: 10%;
}

#body-wrapper {
	position: absolute;
  	left: 50%; top: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	-moz-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	-o-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
}

#body-wrapper-table {
	background-color: #f4f4f4;
	color: #333333;
	height: auto !important;
	padding: 20px 20px;
    border:1px solid #d1d1d1;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    display: inline-block;
}

.loginPageBox {
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
}

a:active, a:link, a:visited {
    color: #333333;
}

.uiComponentsTable {
    margin: 0 60px;
    padding: 15px;
}

.inputField {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 5px;
	width: 340px;
	border: 1px solid #C0C0C0;
	
	-webkit-box-shadow: 0 0 10px 1px #DFDFDF inset;
	-moz-box-shadow: 0 0 10px 1px #DFDFDF inset;
	box-shadow: 0 0 10px 1px #DFDFDF inset;
	
	outline: 0 none;
}

.rightAlignColumn {
	font-size: 14px;
}

td.rightAlignColumn, td.leftAlignColumn {
	display: block; position: relative;
	text-align: left; float: left;
}

td.rightAlignColumn {
	width: 100%;
}

td.leftAlignColumn {
	float: left;
}

span.loginHeaderText {
	display: block; position: relative;
}

div.loginPageBox {
	display: block; position: relative;
}

#loginFootBldTxt {
	display: block; position: relative; direction:ltr;
}

/*Logo placement fix*/
.login-page-logo{
	width: auto;
}
.loginPageContainer > table{
	z-index: 1;
}

.languageMenu {
	position:absolute;
	top:0px;
	right:0px;
}

.languageMenu > li a {
	color:#fff;
	border-left: 1px solid #6b6b6b;	
    font-weight: bold;
    font-size: 12px;
}

.languageMenu > li {
    display: inline;

	position: relative;
	display: inline-block;
	height: 59px;
	vertical-align: top;
	padding: 21px 0px;
}
.languageMenu li:first-child a {
	border-left: none;
}
.v2 .header .languageMenu .main-dropdown-inner{
	right:20px;
}
.loginSubHeader h1 {
    font-size: 20px;
    font-weight: normal;
}