/* STD ALONE STUFF  */

html{
height:100%;
}

body{
overflow-x:hidden;
min-height:100%;
position:relative;
color:#333333;
background:transparent url(../img/grid-blue.gif) repeat scroll 0 0;
}

.form-table .pre {
background:#f7f7f7;
color:#333333;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0 none;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
}

body, textarea, input, select {
font-family: "trebuchet MS";
font-size:13px;
}

p, ul, ol {
font-size:12px;
}

p, li {
line-height:140%;
}

p {
margin:1em 0;
}

p, li {
line-height:140%;
}

li {
margin-bottom:6px;
}

div#rs-wrap {
padding:20px 30px 50px;
font-size:12px;
padding-bottom:60px;   /* Height of the footer */

padding-top:10px;
font-family:"Lucida Grande",Arial,Verdana,"Bitstream Vera Sans",sans-serif;
}



/* HEADER  */



#headerbar {
width: 100%;
background-position: 0 0;
background-repeat: repeat-x;
height: 45px;
border-bottom: 1px solid #1e1e1e;
font-size: 20px;
color:#fff;
}

#headerbar .disabled{
display:none;
}

#headerbar-title {
padding-top: 6px;
padding-left: 10px;
display: block;
margin: 0;
border-style: none;
padding-bottom: 4px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 300px;
font-weight: bold;
height: 29px;
}

#headerbar-title a {
text-decoration: none;
letter-spacing: -1px;
position: relative;
font-family:tahoma;
}

#headerbar-title #logo{
position: relative;
margin-right: 7px;
float: left;
padding: 0;
bottom: 0;
border:0;
}

#headerbar {
background: #000000 url(../iphone/core-img/head-fade-bk.png);
}
#headerbar-title, #headerbar-title a {
color: #fff;
}
#menu-inner a:hover {
color: #006bb3;
}
#catsmenu-inner a:hover {
color: #006bb3;
}
#drop-fade {
background: #333333;
}
a, h3#com-head {
color: #678995;
}




/* DROP FADE  */


#drop-fade {
width: 100%;
display: block;
position: relative;
box-shadow:#000 -1px 2px 3px;
-moz-box-shadow:#000 -1px 2px 3px;
-webkit-box-shadow:#000 -1px 2px 3px;
text-align: right;
margin: 0;
border-top: 1px solid #3e3e3e;
overflow: hidden;
height: auto;
}

#drop-fade a.top {
bottom:3px;
color:#FFFFFF;
display:block;
float:right;
font-size:13px;
margin-right:10px;
padding:6px 5px 0 15px;
position:relative;
text-decoration:none;
}

#drop-fade a.disabled{
display:none;
}

#drop-fade #logoutlink {
background: url(../iphone/core-img/menu-sprite.png) no-repeat 0 -14px;
}

#drop-fade .dropper {
position: relative;
top: 20px;
}

#drop-fade .dropper ul {
margin-top: 20px;
position: relative;
bottom: 20px;
}

#drop-fade .dropper ul li a {
padding-left: 15px;
}


/* FOOTER  */

#msgboard{
display: none;
z-index:999999;
width:350px;
top:200px;
left:50%;
padding:15px 10px;
margin-left:-175px;
position:absolute;
box-shadow:0 0 15px #000;
-moz-box-shadow:0 0 15px #000;
-webkit-box-shadow:0 0 15px #000;
border-color:#FFFFFF #111111 #111111 #FFFFFF;
border-style:solid;
border-width:3px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: url(../img/ui-win-bg.jpg) repeat top left;
}

#msgboard div{
margin:12px auto 0;
text-align:center;
}

#msgboard-update{
background:url("../img/ui-win-dark-bg.jpg") repeat scroll 0 0 transparent;
border:1px solid #dfdfdf;
border-color:#BBBBBB #FFFFFF #FFFFFF #BBBBBB;

height:300px;
margin:0 auto;
overflow-x:hidden;
overflow-y:scroll;
padding:10px;
width:330px;
}

#msgboard-update h1{
font-size:20px;
text-shadow:0 1px 1px #FFFFFF;
text-align: left;
margin-bottom: 5px;
}
#msgboard-update h1 span{
font-size: 10px;
float: right;
}

#msgboard-update p{
color:#444444;
font-size: 12px;
text-shadow:0 1px 1px #FFFFFF;
text-align: left;
}
#msgboard-update ul li{
color:#445566;
text-align: left;
list-style-type:square;
margin:0 10px 0 23px;
list-style-position:outside;
}

#msgboard-update br{
margin-bottom: 20px;
}

#screen{
position: absolute;
left: 0;
top: 0;
background: #000;
z-index:99999;
}

#footer{
position:absolute;
bottom:0;

background:#464646 none repeat scroll 0 0;
color:#999999;
clear:both;
width:100%;
height:50px;
-moz-box-shadow:-1px -2px 2px #111;
}

#footer-left{
padding-left:10px;
}
#footer-version{
padding-right:10px;
}

#footer, #footer a {
font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
font-size:12px;
font-style:italic;
color:#eee;
}


#footer div {
line-height:50px;
margin:0;
}

#footer a#messageboard{
color:#FFFFFF;
font-size:12px;
font-style:normal;
font-weight:bold;
padding-left:50px;
}

#poweredby{

}

.alignleft {
float:left;
}

.alignright {
float:right;
}



/* DB ERROR  */
/* LOGIN  */

#dbsetup,
#login{
left:50%;
margin-left:-210px;
position:absolute;
top:80px;
}

#dbsetup{
top:100px;
}

#status{
display:none;
color:#333;
font-size:12px;
padding:3px 0 5px;
}

.login-ok{
display:block!important;
color:#4fc754!important;
}

.login-err{
display:block!important;
color:#c74f63!important;
}


.db-forgot-pw,
.db-welcome,
.db-error{

width:400px;
margin:0 auto;

-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;

padding:30px 30px;
text-align:center;

box-shadow:1px 1px 8px #555;
-moz-box-shadow:1px 1px 8px #555;
-webkit-box-shadow:1px 1px 8px #555;

background: url(../img/ui-win-bg.jpg) repeat top left;
border:1px solid #eee;
}

#login .db-welcome{
width:300px;
text-align: left;
padding:14px 30px;
}

#dbsetup .db-welcome{
width:400px;
text-align: center;
}

.db-forgot-pw{
text-align: left;
}

.db-error{
background:#FFEAEA;
}

.db-welcome-h,
.db-error-h{
font-family:Trebuchet MS;
font-size:25px;
font-weight:bold;
letter-spacing:0px;
margin:0 0 10px;
}

.title{
color:#ccc;
font-size:33px;
font-variant:small-caps;
margin-top:-6px;
}

p.done{
text-align:right;
margin:8px 0 0;
}

div.done{
text-align:center;
}

div.done,
form#rsinstall{
width:300px;
margin:20px auto;
font-variant:normal;
}

form#done{
display:inline;
}

form#forgot-pw-form{
margin:20px 0 0;
}

form#forgot-pw-form label{
color:#888;
}

p.rslogin{
text-align:left;
}

div.done span{
font-size:16px;
color:#999;
}

div.done strong{
font-size:22px;
color:#CCCCCC;
}

p.welcome-text,
p.error-text{
font-variant:normal;
font-size:13px;
margin:0 auto;
width:272px;
color:#555555;
}

#login-form label,
p.rslogin label{
color:#888888;
font-size:13px;
padding-right:10px;
margin-bottom:0;
vertical-align:middle;
}

input.user,
input.pass,
input#admin-login,
input#admin-email{
color:#555555;
font-size:15px;
padding:5px 10px 5px 10px;
margin:0;
vertical-align:middle;
width:278px;
}

.PWforgot input {
color:#4f96b7;
border:1px solid #DDDDDD!important;
background:none;
border:none;
cursor: pointer;
}
.PWforgot input:hover {
border:1px solid #aaa!important;
}

p.continue input{
margin-top:15px;
padding:4px 40px;
}

#sublogin-std-alone-button{
margin-top:5px;
padding:5px 40px;
}

table.db-info{
color:#777777;
font-size:16px;
margin:20px auto;
}

table.db-info td.db-setting{
text-align:right;
}

table.db-info td.db-value{
color:#000000;
padding-left:20px;
text-align:left;
}