/*
SpareFoot Partners stylesheet
by Jeffrey Cherewaty
*/


/* Eric Meyer's CSS Reset, modified
-----------------------------------------------------------*/
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 {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}


/* GLOBAL STYLES
-----------------------------------------------------------*/
body{
    font: normal 100% Helvetica, Arial, sans-serif;
    background:#fff;
    margin:0 auto;
}
input{
    font: normal 100% Helvetica, Arial, sans-serif;
}
a{
    color: #558BB8;
}
.left{
    float:left;
}
.right{
    float:right;
}
.clear{
    clear:both;
}
sup{
    vertical-align:super;
}
.hidden{
    display:none;
}
.error, .error label{
    color:red;
}
.success, .success label{
    color:#009966;
}
.error input{
    background:#ffbdbd;
    color:#000;
}

.code{
    font-family:"Courier New", monospace;
}

.box{
    font-family: Courier, Courier New, Verdana, Arial;
    border: 1px dotted #000;
    padding: 2px;
    width:98%;
    margin: 0px auto 0px auto;
}


/* HEADER & LAYOUT
-----------------------------------------------------------*/
.header{
    background: #565f65 url('/images/header-bg.png') bottom repeat-x;
    height:40px;
    font-size:12px;
    color:#fff;
    text-shadow: #000 0 -1px 0;
    font-weight:bold;
    margin-top:0;
}
.header a{
    color:#fff;
    text-decoration:none;
}
.header img{
    margin-left:10px;
}
.header ul{
    float:right;
}
.header li{
    display:inline;
}
.header ul li a,
.header ul li span{

    height:40px;
    display:block;
    padding:13px 30px 0 0;
    float:left;
}
.header li.selected{
    background: url('/images/header-tab-selected-bg-left.png') top left no-repeat;
}
.header li.selected span{
    background: url('/images/header-tab-selected-bg-right.png') top right no-repeat;
}
.header-right{
    float:right;
    margin:6px 1em 0 0;
}
.header-progress{
    margin:6px 1em 0 200px;
}
.subhead{
    padding:1em 2em;
    background:#B3B8C1;
    font-size:0.8em;
    border-bottom:#777 1px solid;
}
.container{
    padding:1em 2em;
}
.footer{
    font-size:0.625em;
    color:#999;
    padding:1em 2em;
}

/* New Menu
-----------------------------------------------------------*/

.newmenu {
    padding: 22px 20px 10px 28px;
    font-size: 14px;
    border-bottom:2px solid #DDDDDD;
    background: #6b7a83; /* 
background: -moz-linear-gradient(top,  #edf0f2 0%, #dceaf2 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf0f2), color-stop(100%,#dceaf2)); 
background: -webkit-linear-gradient(top,  #edf0f2 0%,#dceaf2 100%); 
background: -o-linear-gradient(top,  #edf0f2 0%,#dceaf2 100%); 
background: -ms-linear-gradient(top,  #edf0f2 0%,#dceaf2 100%); 
background: linear-gradient(to bottom,  #edf0f2 0%,#dceaf2 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf0f2', endColorstr='#dceaf2',GradientType=0 ); */

}

.newmenu a {
    text-decoration: none;
    border-right: 1px solid #ddd;
    padding: 10px 30px 10px 30px;
    background: #fff;
    margin-right: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}


/* TABLES
-----------------------------------------------------------*/
table{
    width:99.9%;
    padding:20px 0;
    font-size:0.75em;
}
.report-table td{
    border: 1px #efefef solid;
    padding:0.5em 0.8em;
}
.report-table thead{
    background: #cdd9ea url('/images/th-selected-bg.png') bottom repeat-x;
}
.report-table th{
    text-align:left;
    text-shadow: #fff 0 1px 0;
    background: #fff url('/images/th-bg.png') bottom repeat-x;
    color:#000;
    font-weight:bold;
    border: 1px #ddd solid;
    padding:0.5em 1em;
    font-size:0.92em;
}
tr.grayRow{
    color:silver;
}
tr.grayRow a{
    color:silver;
}
.report-table th.headerSortDown{
    background: url('/images/desc.gif') right no-repeat;
}
.report-table th.headerSortUp{
    background: url('/images/asc.gif') right no-repeat;
}
.report-table tbody tr.odd td {
    background:#F4F7FB;
}


/* BUTTON STYLES
-----------------------------------------------------------*/
.button,
button.ui-state-default,
#submit{
    background: #f5f5f5 url('/images/button-bg.png') bottom repeat-x;
    border:#aaa 1px solid;
    color:#333;
    padding:2px 13px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    cursor:pointer;
    text-decoration:none;
}
.small-button{
    background: #f5f5f5 url('/images/button-bg.png') bottom repeat-x;
    font-size:0.833em;
    border:#aaa 1px solid;
    color:#333;
    padding:2px 7px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    cursor:pointer;
    text-decoration:none;
}
.button:active,
button.ui-state-default:active,
#submit.active,
.small-button:active,{
    background: #d2d2d2 url('/images/button-bg-active.png') top repeat-x;
}

/* LOG IN SCREEN
-----------------------------------------------------------*/
#wizard-body{
    background:#fff;
    width:28.75em;
    margin:100px auto 0 auto;
    border:#666 1px solid;
    -moz-box-shadow: #666 1px 1px 20px;
    -webkit-box-shadow: #666 1px 1px 20px;
}
#wizard-body div.button-pane{
    clear:both;
    float:right;
    margin:1em 10px 10px 10px;
}
.wizard-header{
    background: #565f65 url('/images/header-bg.png') bottom repeat-x;
    height:40px;
}
.wizard-content{
    padding:10px;
    color:#333;
}
.wizard-content label{
    display:block;
    margin:0.5em 0 0.5em 0;
}
.wizard-content #email,
.wizard-content #password{
    width:97%;
    padding:5px;
    margin-bottom:1em;
}
.wizard-content #login_button,
.wizard-content #mgmt_soft_button{
    font-size:1em;
}

/* DASHBOARD AND OVERVIEWS
-----------------------------------------------------------*/

h1{
    font-size:1.5em;
    padding:0.4em 0 0 0;
    color:#fff;
    text-align:center;
}

/* ERROR AND SUCCESS MESSAGES
-----------------------------------------------------------*/
.messages-error{
    background:red;
}
.messages-success{
    background:green;
}
.messages-error,
.messages-success{
    color:#fff;
    font-size:1.4em;
    font-weight:bold;
    padding:1em;
}

.error{
    color:red;
}
.ui-state-error, .ui-widget-content .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec 50% 50% repeat-x;
    color: #cd0a0a;
}

.ui-state-error a, .ui-widget-content .ui-state-error a { 
    color: #cd0a0a;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text { 
    color: #cd0a0a;
}

.not-live{
    background:#FF9933;
    padding:5px;
    margin:10px;
    border:#e37a10 2px solid;
    text-align:center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
span.not-live-text {
    vertical-align:super;
    text-shadow: #9b5711 0 1px 0;
    color:#fff;
    line-height:0.7em;
    text-align:center;
    padding-top:20px;
}