/* ---------- All Pages ---------- */
html                    { width: 100%; height: 100%; margin: 0; }
body                    { width: 100%; height: 100%; margin: 0; cursor: default; background-color: transparent; color: #FFF; }
*:focus                 { outline: none; }

#background             { width: 100%; height: 100%; margin: 0; position: absolute; top: 0; left: 0; z-index: 1; cursor: default; }
#overlay                { width: 100%; height: 100%; margin: 0; position: absolute; top: 0; left: 0; background-color: transparent; z-index: 10; cursor: default; }

#content                { width: 100%; height: 100%; margin: 0; position: absolute; top: 0; left: 0; z-index: 25; cursor: default; }
#inner_content          { padding: 4 4 4 4; cursor: default; }
/* ---------- All Pages ---------- */


/* ---------- Login Page ---------- */
#login_form             { color: #FFF; width: 300px; height: 150px; position: absolute; top: 50%; left: 50%; margin-top: -75px; margin-left: -150px; z-index: 35; }
#form_background        { background-color: transparent; width: 340px; height: 180px; position: absolute; top: 50%; left: 50%; margin-top: -90px; margin-left: -170px; background-image: url('../img/login.png'); background-repeat: no-repeat; }
#user_enter             { width: 300px; background-color: #111; background-image: url('../img/textbox.png')!important; background-repeat: repeat-x; color: #CCC; border-left: 1px solid #666; border-top: 1px solid #666; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; }
#pass_enter             { width: 300px; background-color: #111; background-image: url('../img/textbox.png')!important; background-repeat: repeat-x; color: #CCC; border-left: 1px solid #666; border-top: 1px solid #666; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; }
.submit_btn             { width: 120px; height: 32px; background-color: transparent; border: 0; background-image: url('../img/submit_btn_normal.png'); background-repeat: no-repeat; color: #FFF; }
.submit_btn:hover       { background-image: url('../img/submit_btn_hover.png'); background-repeat: no-repeat; border: 0; }
.submit_btn:active      { background-image: url('../img/submit_btn_down.png'); background-repeat: no-repeat; border: 0; }

.submit_btn_disabled    { width: 120px; height: 32px; background-color: transparent; border: 0; background-image: url('../img/submit_btn_normal.png'); background-repeat: no-repeat; color: #444; }

#login_btn              { margin-top: 24px; }
#tryagain_btn           { margin-top: 92px; }

.label_loc              { text-align: left; }
.button_loc             { text-align: right; }
/* ---------- Login Page ---------- */


/* ---------- Content Page ---------- */
#change_form            { color: #FFF; width: 300px; height: 300px; position: absolute; top: 50%; left: 50%; margin-top: -150px; margin-left: -150px; z-index: 35; }

#content_background     { color: transparent; width: 900px; height: 600px; position: absolute; top: 50%; left: 50%; margin-top: -300px; margin-left: -450px; background-image: url('../img/content.png'); background-repeat: no-repeat; }
#content_all            { color: #FFF; width: 860px; height: 560px; position: absolute; top: 50%; left: 50%; margin-top: -280px; margin-left: -430px; z-index: 55; }

#content_left           { float: left; width: 190px; height: 558px; text-align: left; }
#content_right          { float: right; width: 637px; height: 558px; text-align: left; }

#user_set               { width: 300px; background-image: url('../img/textbox.png'); background-repeat: repeat-x; color: #CCC; border-left: 1px solid #666; border-top: 1px solid #666; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; }
#pass_set               { width: 300px; background-image: url('../img/textbox.png'); background-repeat: repeat-x; color: #CCC; border-left: 1px solid #666; border-top: 1px solid #666; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; }

#ip_submit              { width: 300px; background-image: url('../img/textbox.png'); background-repeat: repeat-x; color: #CCC; border-left: 1px solid #666; border-top: 1px solid #666; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; }

#logout_link            { text-decoration: none; color: #AAA; cursor: default; float: right; }
#logout_link:hover      { color: #FFF; cursor: default; text-decoration: underline; }
#logout_link:active     { color: #FFF; cursor: default; text-decoration: underline; }

.mnu_btn_style          { color: #FFF; width: 190px; height: 32px; background-image: url('../img/mnu_btn_normal.png'); background-repeat: no-repeat; border: 0; background-color: transparent; }
.mnu_btn_style:hover    { background-image: url('../img/mnu_btn_hover.png'); background-repeat: no-repeat; border: 0; }
.mnu_btn_style:active   { background-image: url('../img/mnu_btn_down.png'); background-repeat: no-repeat; border: 0; }

#title_text             { color: #FFF; line-height: 24px; border-bottom: 2px solid #FFF; }
#content_text           { color: #CCC; }
#content_log            { color: #CCC; }

.box                    { width: 610px; min-height: 24px; border: 1px solid #FFF; }
.box_title              { font-weight: bold; border-bottom: 2px solid #FFF; color: #FFF; }
.box_content            { color: #CCC; }

#edit_home              { width: 636px; height: 425px; max-width: 636px; max-height: 425px; min-width: 636px; min-height: 425px; color: #FFF; background-color: transparent; }

.link                   { text-decoration: none; color: #AAA; cursor: default; }
.link:hover             { text-decoration: underline; color: #FFF; cursor: default; }
.link:active            { text-decoration: underline; color: #FFF; cursor: default; }

#newPort1               { width: 60px; background-image: url('../img/textbox.png'); background-repeat: repeat-x; color: #CCC; border-left: 1px solid #666; border-top: 1px solid #666; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; }

#form_title             { height: 8px; }
#form1                  { height: 8px; }

.btn_sty                { float: right; width: 120px; height: 32px; background-color: transparent; border: 0; background-image: url('../img/submit_btn_normal.png'); background-repeat: no-repeat; color: #FFF; }
.btn_sty:hover          { background-image: url('../img/submit_btn_hover.png'); background-repeat: no-repeat; border: 0; }
.btn_sty:active         { background-image: url('../img/submit_btn_down.png'); background-repeat: no-repeat; border: 0; }

.btn_top_style          { width: 120px; height: 24px; background-color: transparent; border: 0; background-image: url('../img/top_btn_normal.png'); background-repeat: no-repeat; color: #FFF; }
.btn_top_style:hover    { background-image: url('../img/top_btn_hover.png'); background-repeat: no-repeat; border: 0; }
.btn_top_style:active   { background-image: url('../img/top_btn_down.png'); background-repeat: no-repeat; border: 0; }

.progBars               { width: 235px; height: 10px; background-color: transparent; z-index: 10; background-image: url('../img/prog_black.png'); background-repeat: repeat-x; border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF; }
.progBarsOver           { height: 10px; background-color: transparent; z-index: 20; background-image: url('../img/prog_green.png'); background-repeat: repeat-x; }

hr                      { width: 100%; height: 1px; background-color: #666; border: 0; line-height: 1px; margin-bottom: 5px; margin-top: -2px; }
/* ---------- Content Page ---------- */