/* CSS Document */
html { height:100%; overflow:hidden;}


@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: bold;
  src: url('/user/sun/skins/white/fonts/ptsans_bi.eot');
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url('/user/sun/skins/white/fonts/ptsans_bi.woff') format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: normal;
  src: url('/user/sun/skins/white/fonts/ptsans_i.eot');
  src: local('PT Sans Italic'), local('PTSans-Italic'), url('/user/sun/skins/white/fonts/ptsans_i.woff') format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: bold;
  src: url('/user/sun/skins/white/fonts/ptsans_b.eot');
  src: local('PT Sans Bold'), local('PTSans-Bold'), url('/user/sun/skins/white/fonts/ptsans_b.woff') format('woff');
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: normal;
  src: url('/user/sun/skins/white/fonts/ptsans_n.eot');
  src: local('PT Sans'), local('PTSans-Regular'), url('/user/sun/skins/white/fonts/ptsans_n.woff') format('woff');
}


body {
background-color:#fff; height:100%;
margin:0px;
padding:0px;
color:#333;
font-family: "PTSans-Regular",Arial, Helvetica,  Verdana, sans-serif;
font-size: 75%;
background:url(/sun/skins/white/img/bg_main.png) center center no-repeat; background-color:#FFF;
}


/*globals------------------- */
dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote {margin: 0; padding: 0;}
img{border:0;}
.clear_after:after {font-size:0;display:block;visibility:hidden;clear:both;height:0;content:".";line-height:0;}
a {color:#1C51A8;}
a:hover {color:#ff9900; text-decoration:underline;}
a:active{outline: none;}
a:focus{-moz-outline-style: none;}


h1 {font-weight:normal; font-size:150%}


/*top menu------------------- */
.user_cont { position:absolute; color:#333333;  background:url(/sun/skins/white/img/bg_login.png);  top:0px; left:0px; width:100%; height:27px; border-bottom:1px solid #D4D4D4; z-index:100; }

/*serv menu*/
.serv_menu {position:absolute; top:2px; right:20px; padding:0px; margin:0px; z-index:100;}
.serv_menu li {list-style: none; position:relative; float: left; font-size: 11px; color:#2a53eb; padding:5px 8px 0px 10px; margin-right:2px; height:20px;-moz-border-radius-topleft:3px;  -webkit-border-top-left-radius:3px;  -moz-border-radius-topright:3px;  -webkit-border-top-right-radius:3px;
border-top-left-radius:3px; border-top-right-radius:3px; }
.serv_menu li div {cursor: pointer; white-space:nowrap; }
.serv_menu li div:hover {color:#ff9900; }
.serv_menu li.hover {color:#ff9900; }
.serv_menu li.hover div {text-shadow:none;}
.serv_menu li div span {padding:0px 5px; background:url(/sun/skins/white/img/arrow_updn.png) no-repeat 0px 5px; margin-left:5px;}
.serv_menu li div span.selected {background:url(/sun/skins/white/img/arrow_updn.png) no-repeat -13px 5px; }
.serv_menu li.selected {}
.serv_menu li.click div { color:#000}
.serv_menu li.click { background:#f0f0f0; color:#00000; border-bottom:2px solid #f0f0f0; -moz-box-shadow: #ccc 2px 2px 3px; -webkit-box-shadow: #ccc 2px 2px 3px;}
.serv_menu li ul { -moz-box-shadow: #ccc 2px 5px 10px; -webkit-box-shadow: #ccc 2px 5px 10px; -moz-border-radius-bottomleft:3px;  -webkit-border-bottom-left-radius:3px;  -moz-border-radius-bottomright:3px;  -webkit-border-bottom-right-radius:3px;
border-bottom-left-radius:3px; border-bottom-right-radius:3px;}
.serv_menu li ul li.selected {border-bottom:none;}
.serv_menu li ul { position:absolute; top:27px; min-width:100%;  display:none; right:0px; margin:0px; padding:0px 0px;  background:#f0f0f0;   -moz-box-shadow: #ccc 2px 2px 3px; -webkit-box-shadow: #ccc 2px 2px 3px; }
.serv_menu li ul li {white-space: nowrap; font-size:11px; margin:0px 10px; height:auto;  padding:5px 0px; }
.serv_menu li ul li {cursor:pointer; color:#2a53eb; text-decoration:none}
.serv_menu li ul li:hover {color:#2a53eb; text-decoration:underline;}

.index_menu {position:absolute; left:15px; top:4px;}
.index_menu h1 {font-size:1.2em; color:#000}
.index_menu h1 a {text-decoration:none; color:#000; padding-left:23px; background:url("/favicon.ico") no-repeat 0px 1px;background-size: contain;}
.index_menu h1 a:hover {color:#ff9900}



/*login form------------------- */
.log_form {width:100%; height:100%; position:absolute; top:0px; left:0px; min-height:400px; z-index:0;}
table { background:url(/sun/skins/white/img/sunsite.png) no-repeat  center 97%; }
.log_in {margin:0px auto 0 auto; width:450px;  padding:1em 2em; background:url(/sun/skins/white/img/bg_login.png); min-height:280px; box-shadow:  #ffe4b9 0px 0px 15px; -moz-box-shadow:  #ffe4b9 0px 0px 15px; -webkit-box-shadow:  #ffe4b9 0px 0px 15px;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.log_in h1 {padding:3px 0px 0px 30px; background:url(/sun/skins/white/img/lock.png) no-repeat;}
.form_line {margin-bottom:30px; margin-left:30px;}

.form_line div {display:block; margin-bottom:5px; color:#6666; font-size:110%;}
.log_in A, .log_in A:visited {font-size:100%; margin-top:5px;  float:right;}
.log_in A:hover, .log_in A:visited:hover {}
.form_line span {padding-left:20px; display:none; color:#bfc753}
.form_line span acronym {font-size:14px;  padding-top:3px; height:10px; overflow:hidden}
.input {width: 370px; font-size:18px;  color:#333333; padding:5px 10px 7px 10px; background:#ffffff; border:none; border:1px solid #e0e0e0; -moz-border-radius: 3px;-webkit-border-radius: 3px;}
.input:hover {border:1px solid #a0a0a0; color:#000000;}
.input:focus {border:1px solid #ff9900; color:#000000;
-webkit-box-shadow:0 0 5px #eeeeee;
-moz-box-shadow: 0 0 5px #eeeeee;
box-shadow:0 0 5px #eeeeee;
}
.form_line.short {float:left; width:200px}
.form_line.short input {width:160px;}

.form_line.code img{ float:left}
.form_line.code input {width:60px; margin-left:10px;}

.s_bu {text-align:center; padding-right:40px;}
.err_holder {height:20px;  color:#C00; margin:10px 0px 10px 30px;}
.button { overflow:hidden; font-size:13px; padding:5px 10px 5px 10px; margin:0px 0px 1px 0px; background:url(/sun/skins/white/img/bg_butt.png) no-repeat 0px 0px; color:#333; background-color:#D2D6D9; text-shadow: #ffffff 1px 1px 0px; border:0;  border-bottom:1px solid #999; border-right:1px solid #999;  border-left:1px solid #f5f5f5;  border-top:1px solid #f5f5f5; vertical-align:top;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.button:active {
background:#e0e0e0; padding:6px 10px 4px 10px; border-top:1px solid #999; border-left:1px solid #999;  border-right:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5;  outline: none; color:#666666; text-shadow: #f0f0f0 1px 1px 0px;
box-shadow: inset #bbbbbb 0px 0px 5px; -moz-box-shadow: inset #bbbbbb 0px 0px 5px; -webkit-box-shadow: inset #bbbbbb 0px 0px 5px;

}
.button:focus{-moz-outline-style: none;  outline: none;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

.button_in { overflow:hidden; font-size:12px; padding:0px 10px 3px 10px; margin:0px 0px 1px 0px; background:url(/sun/skins/white/img/bg_butt_inn.png) no-repeat 0px 0px; color:#333; text-shadow: #ffffff 1px 1px 1px; border:0;  border-bottom:1px solid #333; border-right:1px solid #333; vertical-align:top;}
.button_in:active { background:#ffffff;  border:0px; margin:1px 0px 1px 1px; outline: none; color:#FF9900}
.button_in:focus{-moz-outline-style: none;  outline: none;}