html { background: #000 url(../images/bg_honeycomb.png); }
body { min-width: 960px; text-align: center; margin: 0px; font-family: arial; font-size: 12px; color: #666666;}
body.select { background: none; padding-top: 0px }
body.login-smc { background: none; padding-top: 50px; background: url(../images/top_row_bg_smc.jpg) top center repeat-x; }
body.login-intranet { background: none; padding-top: 50px; background: url(../images/top_row_bg_intranet.jpg) top center repeat-x; }
body.login-internet { background: none; padding-top: 50px; background: url(../images/top_row_bg_internet.jpg) top center repeat-x; }
.fr-space { float: right; margin-left: 5px; padding-top:5px;}
.fr-center { text-align:center; float:left; width:600px; padding:25px 0 0 0; color:#FFF;}
a { color: #000; text-decoration: none;}
a:hover { color: #039; text-decoration: underline;}
.button { display: inline-block; line-height: 16px; border-width: 0px; font-size: 13px; font-family: arial; color: #FFFFFF; font-weight: bold; cursor: pointer; background: url(../images/search-submit-bg.png) center center repeat-x #3787dd; padding: 3px 13px 3px 13px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; text-align: center; }
input.button { display: inline-block; line-height: 13px; /* IE8 hack */ line-height: 16px\0/; border-width: 0px; font-size: 13px; font-family: arial; color: #FFFFFF; font-weight: bold; cursor: pointer; background: url(../images/search-submit-bg.png) center center repeat-x #3787dd; padding: 3px 10px 3px 10px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
.button:hover { color: #FFFFFF; text-decoration: none; }
input.button-setup { display: inline-block; line-height: 13px; /* IE8 hack */ line-height: 16px\0/; border-width: 0px; font-size: 18px; font-family: arial; color: #FFFFFF; font-weight: bold; cursor: pointer; background: url(../images/search-submit-bg.png) center center repeat-x #3787dd; padding: 3px 10px 3px 10px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; margin-top:20px;}
.button-setup:hover { color: #FFFFFF; text-decoration: none; }
/***************************/
/********** LOGIN **********/
/***************************/
.login-logo { padding-bottom:20px; width:550px;margin: 0px auto;}
.login-box { width: 550px; margin: 0px auto; margin-bottom: 30px; background: url(../images/bck_white_10.png); border: 1px solid #666666; text-align: left; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.login-border { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.login-style { border: 2px solid #FFFFFF; background: url(../images/grey_noise.png) center center repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.login-header { height: 71px; background: url(../images/login_header.png) left bottom no-repeat; padding: 15px 15px 0px 15px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;}
.login-header .logo { width: auto; margin: 0px; padding-top: 0px; }
.login-header .logo .title { }
.login-header .logo .text { color: #333333; }
.login-inside { padding-top: 35px; border-bottom: 1px solid #bbbbbb; }
.login-inside p { text-align: center; padding-bottom: 10px; }
.login-data { width: 290px; padding: 30px 10px 25px 30px; background: url(../images/bck_white_50.png); margin: 0px auto; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; margin-bottom : 20px; }
.login-data label { display: block; width: 70px; float: left; line-height: 22px; text-align: right; margin-right: 10px; }
.login-data input.text { width: 140px; }
.login-data .row { padding-bottom: 10px; height: 24px;}
.login-data .button { margin-left: 80px; }
.login-footer { border-top: 1px solid #FFFFFF; background: url(../images/bck_blue_70.png); height: 22px; padding: 10px 15px 10px 15px; -moz-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px;}
.login-footer .remember { color: #FFFFFF; line-height: 22px; display: block; float: left; font-weight: bold; }
.login-footer .remember label { margin-left: 3px; }
.login-links { font-size: 11px; }
.login-links strong { font-weight: normal; color: #909193; }
.login-links a { color: #FFFFFF; text-decoration: none; }
.login-links a:hover { color: #FFFFFF; text-decoration: underline; }
.login-links span.divider { padding:0 10px; }
.login-footer-setup { border-top: 1px solid #FFFFFF; background-color: #1B1F44; }
.login-footer-setup .remember { color: #FFFFFF; line-height: 22px; display: block; float: left; font-weight: bold; }
.login-footer-setup .remember label { margin-left: 3px; }
.login-title-select { color:#FFF; font-size:14px;}
.login-box-select-container {width: 850px; margin: 0px auto; display:inline-block; padding:20px 0 30px 0;}
.login-box-select { width: 253px; margin: 0px auto; margin-bottom: 30px; background: url(../images/bck_white_10.png); border: 1px solid #666666; text-align: left; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.login-border-select { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 20px; }
.login-style-select { border: 2px solid #FFFFFF; background: url(../images/grey_noise.png) center center repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.login-style-select-smc { border: 2px solid #FFFFFF; background: url(../images/grey_noise.png) center center repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.login-style-select-smc a { background: url(../images/login-select-smc.png) center center no-repeat; width:250px; height:250px; display:block; cursor:hand; text-indent:-55555px;}
.login-style-select-smc a:hover { background: url(../images/login-select-smc-hover.png) center center no-repeat; width:250px; height:250px; display:block; cursor:hand; text-indent:-55555px;}
.login-style-select-intranet { border: 2px solid #FFFFFF; background: url(../images/grey_noise.png) center center repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.login-style-select-intranet a { background: url(../images/login-select-intranet.png) center center no-repeat; width:250px; height:250px; display:block; cursor:hand; text-indent:-55555px;}
.login-style-select-intranet a:hover { background: url(../images/login-select-intranet-hover.png) center center no-repeat; width:250px; height:250px; display:block; cursor:hand; text-indent:-55555px;}
.login-style-select-internet { border: 2px solid #FFFFFF; background: url(../images/grey_noise.png) center center repeat; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.login-style-select-internet a { background: url(../images/login-select-internet.png) center center no-repeat; width:250px; height:250px; display:block; cursor:hand; text-indent:-55555px;}
.login-style-select-internet a:hover { background: url(../images/login-select-internet-hover.png) center center no-repeat; width:250px; height:250px; display:block; cursor:hand; text-indent:-55555px;}
.login-style-select img { border:0}
.setup-box { width: 650px; margin: 0px auto; margin-bottom: 30px; background: url(../images/bck_white_10.png); border: 1px solid #666666; text-align: left; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; height:430px; }
.right-data { width: 300px; padding: 20px 10px 20px 300px; background: url(../images/bck_white_50.png); margin: 0px auto; -moz-border-radius: 3px 3px 3px 3px; -right-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; margin-bottom : 20px; }
.setup-data label { display: block; width: 220px; float: left; line-height: 22px; text-align: right; margin-right: 10px; }
.right-data input.text { width: 180px; }
.right-data select.text { width: 190px; }
.right-data .row { padding-bottom: 10px; }
.right-data .button { margin-left: 80px; }
.setup-data { width: 600px; padding: 20px 10px 20px 10px; background: url(../images/bck_white_50.png); margin: 0px auto; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; margin-bottom : 20px; }
.setup-data label { display: block; width: 220px; float: left; line-height: 22px; text-align: right; margin-right: 10px; }
.setup-data input.text { width: 180px; }
.setup-data select.text { width: 190px; }
.setup-data .row { padding-bottom: 10px; }
.setup-data .button { margin-left: 80px; }
.setup-inside { height: 255px; padding-top: 25px; border-bottom: 1px solid #bbbbbb; }
.steps-data { width: 600px; padding: 5px 5px; background: url(../images/bck_white_50.png); margin: 0px auto; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; }
.steps-container {width: 600px; display:inline-block; position: relative;}
/*********************************/
/********** PAGE LAYOUT **********/
/*********************************/
.logo { padding-top: 20px; }
.logo a { text-decoration: none; }
.logo .picture { float: left; margin-right: 10px; }
.logo .textlogo { float: left;}
.logo .title { display: block; font-family: arial; font-size: 24px; color: #0b3c6a; font-weight: bold; margin-top: 5px; letter-spacing: -0.02em; }
.logo .title span.steps { font-family: arial; font-size: 24px; color: #C30; font-weight: normal; margin-top: 5px; letter-spacing: -0.02em; border-bottom:#999 dotted 1px;}
/*** forms ***/
form { width: 100%; }
label { line-height: 22px; cursor: pointer; }
label:hover { color: #333333; }
input.checkbox { display: inline; position: relative; left: 1px; top: 1px; cursor: pointer;}
input.text { display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 16px; padding: 2px 4px 2px 4px; width:150px; }
input.submit { display: inline; font-size: 11px; font-family: arial; color:font-weight: bold; cursor: pointer; padding: 3px 10px 3px 10px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;}
input.form-file { display: inline; height: auto; font-size: 12px !important; }
select { display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; height: 22px; padding: 2px; width:150px;}
textarea { display: inline; border: 1px solid #B8B8B8; font-size: 12px; font-family: arial; color: #333333; padding: 4px; }
.form-label { display: block; width: 130px; }
.form-field { padding-bottom: 5px; }
span.required { color: #FF0000; font-weight: bold; }
/*** footer ***/
.footer { color: #BBBBBB; width: 100%; min-width: 1000px; font-size: 12px; padding: 30px 0px 30px 0px; background: #333333; border-top: 4px solid #ffffff; }
.footer .pagesize { text-align: center; }
.footer a { font-weight: bold; }
.footer .copy a { color: #FFFFFF; }
.footer .copy a:hover { color: #FFFFFF; }
.footer strong { color: #FFFFFF; }
input.text {
height:18px;
}
.button{
}
.login-inside {
border-bottom: 0px solid #BBBBBB;
}
.clear{
clear:both;
}
.captcha-panel{
margin-left:80px;
}
.alert-error {
-moz-border-radius: 5px 5px 5px 5px;
-moz-box-shadow: 0 1px 4px #CCCCCC;
background-color: #CE132D;
border: 1px solid #A7182C;
color: #FFFFFF;
cursor: pointer;
font-weight: bold;
text-shadow: 1px 0 1px #333333;
margin: 0 0 5px;
}
.alert-error > p:first-child {
background-image: url("../images/icon-error.png");
background-repeat: no-repeat;
text-indent: 20px;
}
.action-buttons {
margin-left:80px;
}
.login-data .action-buttons input[type="submit"], .login-data .action-buttons button,.login-data .action-buttons input[type="button"] {
margin-left: auto;
margin-right:5px;
}
.login-data .search-reset {
background: url("../images/search-reset-bg.png") repeat-x scroll 0 0 #515D64;
}
.alert-success {
-moz-border-radius: 5px 5px 5px 5px;
-moz-box-shadow: 0 1px 4px #CCCCCC;
background-color: #9FE882;
border: 1px solid #81C069;
color: #333333;
cursor: pointer;
font-weight: bold;
text-shadow: 0 0 0 transparent;
}
.alert-success > p:first-child {
background-image: url("../images/icon-accept.png");
background-repeat: no-repeat;
text-indent: 20px;
}
.height-180px{
height:180px;
}
/*sessionNotExist sessionExpired*/
table.session-missing{
color: #FFFFFF;
font-size: 14px;
height: 30%;
width: 100%;
}
table.session-missing span.error-message{
font-size:16px;
}
table.session-missing td {
text-align : center;
vertical-align: middle;
}
table.session-missing form{
width:auto;
}
.ui-dialog .ui-widget-content {
border: 0px;
}