/*	MAIN.CSS
$Id: main.css,v 1.01 2009/04/09 16:08:09 ac3232 Exp $
@author ac3232
*/
@import url(/includes/css/elements.css);
@import url(/includes/css/icons.css);
@import url(/includes/css/forms.css);
@import url(/includes/css/globalhead.css);
@import url(/includes/css/vdc.css);

@charset "UTF-8";

br.clear-both,
div.clear-both,
br.clear-left,
div.clear-left {
font: 1px/1px monospace;
display: block;
}
.clear-both { clear: both; }
.clear-left { clear: left; }
.clear-after::after {
content: "\0020";
display: block;
height: 0;
clear: both;
}
.clear-after {
/*\*//*/ display: inline-table; /*MacIE*/
_height: 1em;
min-height: 1px;
}

html{
color:#000;
background-image: url(/images/nav/bg.gif);
background-repeat: repeat-x;
overflow-y:scroll;
border-top: 2px solid #808080; /* Putting this here instead of on the body selector helps scripts properly caculate an element's calculated offset */
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td{
margin:0;
font-size:11px; font-family: tahoma,helvetica,clean,sans-serif;
line-height: 1.5em;
}

table{
border-collapse:collapse;
border-spacing:0;
}

fieldset,
img{
border:0;
}

address,
caption,
cite,
code,
dfn,
th,
var{
font-style:normal;font-weight:normal;
}

li{
list-style:none;
}

caption,
th{
text-align:left;
}

h1,
h2,
h3,
h4,
h5,
h6{
font-size:100%;font-weight:normal;
}

q:before,
q:after{
content:'';
}

abbr,
acronym {
border:0;font-variant:normal;
}

sup {
vertical-align:text-top;
}

sub {
vertical-align:text-bottom;
}

input,
textarea,
select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}

input,
textarea,
select{
*font-size:100%;
}

legend{
color:#000;
}

table {
font-size:inherit;
font:100%;
}

pre,
code,
kbd,
samp,
tt{
font-family:monospace;
*font-size:98%;line-height:100%;
}

#ft{
clear:both;
color:#808080;
font-size:9px;
margin-top:10px;
}

#ftx{
clear:both;
color:#808080;
font-size:9px;
margin-top:10px;
margin-left:8px;
}

#fty{
clear:both;
color:#808080;
font-size:9px;
margin-top:1px;
margin-left:8px;
}

#doc,
#doc2,
#doc3,
#doc4,
.yui-t1,
.yui-t2,
.yui-t3,
.yui-t4,
.yui-t5,
.yui-t6,
.yui-t7{
margin:auto;
text-align:left;
width:57.69em;
*width:56.25em;
min-width:950px;
max-width:950px;
}

#doc2{
width:73.076em;
*width:71.25em;
}

#doc3{
margin:auto 10px;
width:auto;
}

#doc4{
width:74.923em;
*width:73.05em;
}

.yui-b{
position:relative;
padding-top:5px;
}

.yui-b{
_position:static;
padding-top:1px;
}

#yui-main 
.yui-b{
position:static;
}

#yui-main{
width:100%;
}

#bd:after,
.yui-g:after,
.yui-gb:after,
.yui-gc:after,
.yui-gd:after,
.yui-ge:after,
.yui-gf:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

#bd,
.yui-g,
.yui-gb,
.yui-gc,
.yui-gd,
.yui-ge,
.yui-gf{
zoom:1;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}

#dialog1 .d-header {
  background:url(images/login_header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(images/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

#boxes #dialog2 {
  background:url(images/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}