html,body{ 
margin: 0px;
padding:0px; 
background-color:#EAEBED; 
background-image:url("../images/bg.jpg");
background-repeat:repeat-y;
background-position:center;
height:100%;
min-height:100%;
text-align: center;
}
#main
{
font-family:arial; 
width: 765px; 
height:100%;
min-height:100%;
margin-left: auto;
margin-right: auto;
text-align:center;
}
#header
{
width: 765px;
height:145px;
margin:0px;
padding:0px;
border-bottom:2px solid #E8ECED;
margin:0 auto;
background-image:url("../images/banner.jpg");
background-repeat:no-repeat;
background-position: 10px 10px;
}
.win.gecko #flash
{
float:left;
height:42px;
width:548px;
margin:0 0 0 217px;
}
.safari4 #flash
{
float:left;
height:42px;
margin:0 0 0 217px;
width:548px;
}
.chrome #flash
{
float:left;
height:42px;
margin:0 0 0 217px;
width:548px;
}
.opera #flash
{
float:left;
height:42px;
margin:0 0 0 217px;
width:548px;
}
.ie #flash
{
float:left;
position:relative;
height:42px;
margin:0 0 0 217px;
}
#header p.pad
{
font-weight:normal;
color:#091D5A;
font-size:27px;
padding:54px 0 0 0;
margin:0px 0 0 0px;
text-align:center;
clear:both;
}
#header p.pad font
{
font-size:12px;
margin:0px 0 0 130px;
}

.opera #vertical { height:85%; }
.win.gecko #vertical { height:85.2%; }
.safari4 #vertical { height:86%; }
#vertical
{
display: table; 
height:83.8%;
top:0px;
_position: relative; 
overflow: hidden;
margin:0 auto;
width:100%;
}
html*#vertical {
[height:84%;
height:85%;
]height:84.5%;
}


#align
{
width:100%;
_position: absolute;
_top: 50%;
display: table-cell;
margin: 0 auto;
vertical-align:middle;
}
.ie #align
{
vertical-align:top;
}
.chrome #CM {background-position:5% 100%;}
.opera #CM {background-position:5% 100%;}
.safari #CM {background-position:5% 100%;}
.win.gecko #CM {background-position:5% 100%;}
#CM
{
float:left;
_position: relative; 
_top: -50%;
padding: 0px 0px 0px 0px;
/*background-image:url("../images/cm_bg.jpg");*/
background-image:url("../images/login.jpg");
background-repeat:no-repeat;
background-position:5% 100%;
width:100%;
}

.chrome #RBM {background-position:5% 100%;}
.opera #RBM {background-position:5% 100%;}
.safari #RBM {background-position:5% 100%;}
.win.gecko #RBM {background-position:5% 100%;}
#RBM
{
float:left;
_position: relative; 
_top: -50%;
padding: 0px 0px 0px 0px;
/*background-image:url("../images/rbm_bg.jpg");*/
background-image:url("../images/login.jpg");
background-repeat:no-repeat;
background-position:5% 100%;
width:100%;
}

#CRE
{
float:left;
_position: relative; 
_top: -50%;
padding: 0px 0 0 0;
/*background-image:url("../images/content-bg.jpg");*/
background-image:url("../images/login.jpg");
background-repeat:no-repeat;
background-position:3% 82%;
width:100%;
}

.left
{
float:left;
min-height:430px;
width:380px;
margin-left:8px;
}

.right
{
float:right;
text-align:left;
margin:0 10px 0 0;
padding:0px;
min-height:430px;
height:100% !important;
width:340px;
}


.head
{
background-image:url("../images/welcome-bg.jpg");
background-repeat:repeat-x;
height:34px;
margin:0;
padding:0;
width:100%;
}
.arrow
{
float:left;
background-image:url("../images/welcom-arrow.png");
background-position: 10px;
background-repeat:no-repeat;
width:100%;
}
.lt-image
{
float:left;
background-image:url("../images/left.jpg");
background-position:left top;
background-repeat:no-repeat;
height:34px;
width:12px;
margin:0 0 0 0;
padding:0;
}
.rt-image
{
float:right;
background-image:url("../images/right.jpg");
background-position:right top;
height:34px;
background-repeat:no-repeat;
width:11px;
margin:0;
padding:0;
}
.welcome
{
float:left;
line-height:34px;
margin:0 0 0 35px;
text-align:left;
padding:0 0 0 0;
color:white;
font-weight:normal;
font-size:14px;
width:309px;
}
.description
{
margin:0 0 0 48px;
font-size:13px;
text-align:justify; 
line-height:20px;
padding:10px 0 0 0;
}


.login-bg-top
{
margin:0px;
padding:0px;
}
.top-left
{
background-image:url("../images/top-left.jpg");
background-repeat:no-repeat;
background-position:left bottom;
margin:0px;
padding:0px;
height:15px;
width:15px;
float:left;
}
.top-right
{
background-image:url("../images/top-right.jpg");
background-repeat:no-repeat;
background-position:right bottom;
margin:0px;
padding:0px;
height:15px;
width:15px;
float:left;
}
.border-top
{
background-image:url("../images/top-bg.jpg");
background-repeat:repeat-x;
background-position:bottom;
width:310px;
margin:0px;
padding:0px;
height:15px;
float:left;
}
.login-bg-bottom
{
margin:0px;
padding:0px;
}
.bottom-left
{
background-image:url("../images/bottom-left.jpg");
background-repeat:no-repeat;
background-position:left top;
margin:0px;
padding:0px;
height:15px;
width:15px;
float:left;
}
.border-bottom
{
background-image:url("../images/bottom-bg.jpg");
background-repeat:repeat-x;
background-position:top;
width:310px;
margin:0px;
padding:0px;
height:15px;
float:left;
}
.bottom-right
{
background-image:url("../images/bottom-right.jpg");
background-repeat:no-repeat;
background-position:right top;
margin:0px;
padding:0px;
height:15px;
width:15px;
float:left;
}
.login-bg
{
float:left;
width:340px;
background-image:url("../images/left-bg.jpg");
background-position:left;
background-repeat:repeat-y;
height:100%;
margin:0px 0 0 0;
padding:0px 0 0 0;
background-color:#EAEBED;
}

.chrome .login-bg {height:368px;height:auto;}
.opera .login-bg {height:368px;height:auto;}
.safari .login-bg {height:368px;height:auto;}
.win.gecko .login-bg {min-height:368px;height:auto;}

.login-bg-left
{
float:left;
width:100%;
background-image:url("../images/right-bg.jpg");
background-repeat:repeat-y;
background-position:100% 100%;
margin:0px 0 0 0;
padding:0px 0 0 0;
min-height:408px;
height:100%;
}
.member
{
font-size:13px;
background-color:#EAEBED;
padding:0 0 0 0;
margin:0 10px 0 10px;
background-image:url("../images/member.png");
background-repeat:no-repeat;
background-position:top left;
}
.member p
{
padding:0px 0px 0px 0px;
font-size:13px;
}
p.center
{
text-align:center;
margin:10px 0px 10px 0;
}
p.center1
{
text-align:center;
margin:10px 0px 0px 10px;
}
p.submit
{
text-align:center;
margin:20px 0px 5px 0px;
}
input
{
margin:0px 0px 15px 0px;
padding:0px;
width:146px;
line-height:17px;
height:17px;
}
input.image
{
width:100px;
height:28px;
}
#db
{
font-weight:normal;
}
#db select
{
width:150px;
font-size:11px;
font-weight:bold;	
font-family:arial;
margin:0px 0px 0px 0px;
line-height:20px;
height:20px;
}
.chrome #db select
{
height:21px;
}
.opera #db select
{
height:21px;
}
.safari #db select
{
height:17px;
line-height:17px;
}
.win.gecko #db select
{
height:21px;
}
form
{
padding:0px;
margin:0px;
text-align:center;
}
form p
{
line-height:25px;
color:#003D7E;
padding:0px;
margin:0px;
text-align:left;
margin:0 0 0 85px;
}
p.login
{
font-weight:bold;
color:#003D7E;
padding:4px 0 0 0;
margin:0 0 0 30px;
}
p.message
{
font-weight:normal;
font-size:12px;
color:#000000;
line-height:17px;
margin-top:10px;
padding:0 0 10px 0;
}
p.error
{
font-weight:normal;
font-size:12px;
color:#C3092C;
line-height:17px;
margin-top:10px;
padding:0 0 10px 0;
}

#footer {
bottom:0;
width: 765px;
height:30px;
text-align:center;
margin-top:20px;
}
#footer p
{
background-color:#003D7E;
padding:0px;
margin:0px;
line-height:30px;
font-family:arial;
font-size:11px;
color:white;
}