body
{
margin: 0;
background: #FFF url('/img/bg_gradient.jpg');
background-repeat: repeat-x;
font:  10pt/17pt  Helvetica, Arial, Sans-Serif;
color: #FFF;
}

#top
{
width: 100%;
height: 26px;
padding-top: 5px;
border-bottom: 1px solid #666;
position: absolute;
top: 0;
left: 0;
background-image: url('/img/footer_bg.jpg');
background-position: 0 -40px;
}

#cage
{
width: 900px;
margin: auto;
position: relative;
}

#logo
{
width: 245px;
height: 73px;
position: absolute;
top: 0;
left: 0;
z-index: 300;
}

img
{
border: none;
}

a
{
text-decoration: none;
}

a.forgot:link, a.forgot:visited
{
color: #CF0;
background: #333;
padding: 3px;
font-size:  6pt;
text-transform: uppercase;
}

a.forgot:hover, a.forgot:active
{
color: #333;
background: #CF0;
padding: 3px;
}

#login
{
position: absolute;
top: 0;
right: 0;
color: #999;
z-index: 299;
font-size:  7pt;
background-image: url('/img/nav_bg.jpg');
padding: 2px 8px;
}

#enter_login
{
width: 200px;
position: absolute;
top: 30px;
right: 0;
color: #999;
z-index: 500;
font-size: 7pt;
color: #CCC;
background-image: url('/img/signin_bg.jpg');
padding: 2px 8px;
display: none;
}

input
{
background: #FFF url('/img/form_bg.jpg');
border: 1px solid #888;
padding: 3px;
margin: 3px 0;
font-size: 10pt;
}

select
{
font-size: 10pt;
background: #FFF url('/img/form_bg.jpg');
}

.btn
{
margin: 6px 0;
padding: none;
background: none;
border: none;
}

.signin_btn
{
}

.logpass
{
width: 140px;
}

.log_head
{
border-bottom: 1px solid #333;
}

.inputlabel
{
padding: 10px 5px 0 0;
}

.log_foot
{
border-top: 1px solid #333;
}

.signin
{
padding: 0px 6px 0 0;
}

.sign
{
width: 48px;
height: 22px;
background-image: url('/img/sign_in.gif');
float: left;
}

table
{
margin-top: 4px;
}

#page
{
width: 840px;
height: 600px;
margin: auto;
position: relative
border: 1px solid #333;
}

#page_done
{
width: 840px;
margin: auto;
}

#page_one, #page_two, #page_three, #page_five
{
width: 840px;
height: 42px;
margin: auto;
padding-top: 175px;
background-image: url('/img/test.jpg');
background-position: 0 32px;
background-repeat: no-repeat;
}

#page_none
{
width: 840px;
float: left;
padding-top: 75px;
background-position: 0 32px;
background-repeat: no-repeat;
}

#page_four
{
width: 730px;
height: 42px;
margin: auto;
padding-top: 100px;
}

.greyslant
{
font-size: 10pt;
text-transform: uppercase;
padding: 4px 0;
border-bottom: 1px solid #666;
text-align: center;
}

.inputlabel
{
text-align: right;
}

.ttl
{
position: absolute;
top: 110px;
left: 50px;
z-index: 298;
color: #FFF;
font-weight: normal;
font-size: 20pt;
}

.nav
{
display: block;
float: left;
padding: 10px 0 0 30px;
font-size:  8pt;
}

.nav a
{
text-decoration: none;
text-transform: uppercase;
}

.nav a:link, a:visited
{
color: #CF0;
}

.nav a:hover, a:active
{
color: #FFF;
}

a:link, a:visited
{
color: #CF0;
}

a:hover, a:active
{
color: #FFF;
}

.sect
{
background-image: url('/img/nav_bg.jpg');
float: left;
padding: 6px 14px 2px 14px;
margin: 1px;
}

.sect_on
{
background-image: url('/img/nav_bg.jpg');
float: left;
padding: 6px 14px 2px 14px;
margin: 1px;
color: #DDD;
text-transform: uppercase;
}

.copy
{
margin: 42px auto 0 auto;
*margin: 0 auto 0 auto;
width: 740px;
padding: 15px 10px 60px 10px;
background: #b5b5b5 url('/img/content_bg.jpg');
background-repeat: repeat-x;
}

.copy_none
{
margin: auto;
width: 740px;
padding: 5px;
background-repeat: repeat-x;
}

.tutorial
{
margin: 42px auto 0 auto;
*margin: 0 auto 0 auto;
width: 700px;
height: 467px;
padding: 15px;
background: #b5b5b5 url('/img/content_bg.jpg');
background-repeat: repeat-x;
}

.qt
{
margin: 0 10px 0 0;
*margin: 0 10px 60px 0;
float: right;
}

.qtx
{
float: left;
margin: 10px 0 10px 40px;
}

.clr
{
clear: both;
}

.vix
{
margin: 20px auto 60px auto;
}


.liner
{
width: 100%;
height: 1px;
border-top: 1px solid #999;
}

#register
{
width: 200px;
height:73px;
margin: 20px auto;
}

#register_none
{
width: 200px;
height:73px;
margin: 30px auto;
}


#footer
{
width: 100%;
height: 40px;
background-image: url('/img/footer_bg.jpg');
background-repeat: repeat-x;
position: fixed;
bottom: 0;
left: 0;
z-index: 500;
}

#footer_none
{
padding: 0 0 10px 0;
margin: 10p 0px;
border-top: 1px solid #444;
float: left;
position: relative;
}


#footer_txt
{
width: 860px;
margin: auto;
text-align: center;
color: #888;
font-size: 8pt;
padding: 10px 0 0 0;
}