a { color: rgb(50, 101, 150); text-decoration: none; }
a:hover { text-decoration: underline; }

.container { width: 900px; margin: auto; }

body {
    background: #FFFCE4;
}

.blue_body {
    padding-top: 25px;
    padding-bottom: 25px;
    color: rgb(255, 252, 228);
    background: rgb(30, 61, 90) url('../images/background_blue.png') repeat-x 0 bottom;
    height: 40px;
}

.brown_nav {
    padding-top: 7px;
    background: rgb(20,  8, 6) url('../images/background_shadow.top.jpg') repeat-x bottom;
    color: rgb(255, 252, 228);
    border-top: 2px solid rgb(255, 252, 228);
    height: 53px;
}

.footer {
    text-align: center;
    color: rgb(60, 24, 0);
    background-color: rgb(255, 252, 228);
    padding-bottom: 20px;
}

.brown_column {
    width: 260px;
    padding: 15px 20px 15px 20px;
    float: left;
}

.brown_column ul {
    list-style-type: disc;
}

.brown_column li {
    margin-left: 0;
    padding-bottom: 10px;
}

.brown_column h2 { font-size: 120%; }

.brown_icons {
    width: 98px;
    height: 97px;
    margin: auto;
    margin-bottom: 10px;
}

.close_link { float: right; margin-top: -15px; }

textarea { display: block; margin-bottom: 10px; }

ul.errorlist { margin: 0; padding: 0; list-style-type: none; color: rgb(255, 40, 40); }
ul.errorlist li { margin: 0; padding: 0; }

.rounded-input {
  width: 140px;
  height: 14px;
  padding: 5px 0 5px 5px;
  vertical-align: middle;
  line-height: 1px;
  font: normal 12px Verdana, Sans-Serif;
  color: #777;
  border: 0;
  background: #fafafa url(../images/rounded-bg.gif) no-repeat;
}

#greeting {
    float: left;
    margin-right: 20px;
    color: #777;
    margin-top: 5px;
}

#toplogin {
    float: right;
   top: 12px;
   right: 20px;
   margin: 0;
   padding: 0;
}

#accountnav li {
  display: inline;
  margin-right: 20px;
}

#notification {
  padding: 3px; padding-left: 10px;
}

/* Form */
.errorlist {
    list-style-type: none;
    color: red;
}

.red { color: red; }

.stdfrm th {
    text-align: right;
    padding-right: 10px;
    vertical-align: top;
    padding-top: 3px;
}
.stdfrm input[type=text], .stdfrm input[type=password], .stdfrm textarea, .stdfrm select {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #aaa;
    font: normal 14px Verdana, Sans-Serif;
    color: #555;
    padding: 3px;
    margin: 5px 0;
    width: 150px;
}
.help_text {
    display: block;
    color: #999;
}
.help_text_inline {
    color: #999;
    display: inline;
    margin-left: 10px;
}
.success {
    color: green;
    font-weight: bold;
}
.dtable {
    border-collapse: collapse;
}
.dtable td, .dtable th {
    padding: 3px 10px;
    border: 1px solid #ddd;
    background-color: white;
}
.dtable .outside {
    border: 0;
    background: inherit;
}
.round {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/* Login page */
div.login_area {
    width: 800px;
    margin: auto;
}
div.login_left {
    width: 500px;
    float: left;
}
div.login_right {
    width: 300px;
    float: right;
}
a.password_reset {
    margin-left: 14.0em;
}

/* App treatment */

ul.app_list {
    margin: 15px 0 15px 15px;
}
ul.app_actions {
    list-style-type: none;
}

/* jQuery UI Buttons */
.fg-button {
    outline: 0;
    margin: 0 4px 0 0;
    padding: .4em 1em;
    text-decoration: none !important;
    cursor: pointer;
    position: relative;
    text-align: center;
    zoom: 1;
}
.fg-button .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
}

button.fg-button { width:auto; overflow:visible; }

.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { padding-right: 2.1em; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }

.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px;}

.fg-buttonset .fg-button { float: left; }
.fg-buttonset-single .fg-button, .fg-buttonset-multi .fg-button { margin-right: -1px;}

.fg-toolbar { padding: .5em; margin: 0;  }
.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
.fg-toolbar .fg-button { font-size: 1em;  }

.super-round-left {
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
}
.super-round-right {
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

.fulltab {
    width: 885px;
}
#terms ul {
    list-style: none;
    margin-left: 20px;
}
#terms ul li {
    padding-left: 18px; 
    margin-bottom: 5px;
    background: url(../images/arrow.gif) no-repeat 0px 3px; 
}

hr {
    margin: 10px auto;
    width: 90%;
    color: #eee;
    background-color: #eee;
    border: 1px solid #eee;
}
.nohover:hover {
    text-decoration: none;
}
.clear { clear: both; }
/* Navigation */
#nav {
    float: left; 
    height: 32px; 
    position: relative; 
}
#nav ul { 
    margin-left: 10px; 
}
#nav ul li { 
    display: inline; 
    margin-right: 20px; 
}
#nav ul li a { 
    font-weight: bold; 
    text-decoration: none; 
    color: #FFFCE4;
    line-height: 33px; 
}
#nav ul li a:hover { 
    color: #326596; 
}
blockquote { 
    font: italic 14px/22px Georgia, Serif; 
    padding: 5px 10px;
    margin-bottom: 20px;
    background: #eef3f7; 
}
/* Form treatment */

ul.form {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.form li {
    padding-bottom: 5px;
    margin: 5px 0;
    position: relative;
    list-style: none;
}
form label { 
    float: left;
    font-size: 9pt;
    margin-right: 10px;
    line-height: 1.5;
    width: 10.0em;
}
form label.error {
    font-weight: bold;
}
form label.checkbox{
    margin-left: 15px;
    position: relative;
    top: 2px;
    text-align: left;
    width: auto;
    margin-bottom: 10px;
}
form input.checkbox{
    margin-bottom: 10px;
    float: left;
}

ul.form .errorlist {
    list-style-type: none;
    color: #e44;
    padding: 0;
    margin: 0;
}
ul.form .errorlist li {
    padding-bottom: 0px;
    font-size:95%;
    line-height:1;
    margin-left:140px;
}
ul.form input[type=text], ul.form input[type=password], ul.form textarea {
    background: #FFFFFF;
    border: 1px solid #BBBBBB;
    padding: 4px;
}
div.login_area ul.form input[type=submit] { 
    margin-left: 20.5em;
}

.inside {
    background: #FFFFFF;
    padding: 15px;
}

.logo_container {
    height: 150px;
    width: 150px;
    position: relative;
    float: left;
    margin: -70px auto 25px;
/*
    border: 2px solid #326596;
*/
}

.brown_foot {
    background: rgb(20,  8, 6) url('../images/background_shadow.png') repeat-x bottom;
    color: rgb(255, 252, 228);
    border-top: 2px solid rgb(255, 252, 228);
    height: 30px;
}

ul.form input {  margin-bottom: 10px; }

ul.app_info { margin: 0; padding: 0; list-style-type: none; margin-bottom: 10px; }
ul.app_info li { margin: 0; padding-bottom: 5px; }

/* UI bits */

.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #e6e6e6 50% 50% repeat-x; font-weight: normal; color: #444444; outline: none; }
.ui-state-default a { color: #444444; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #b2c7d7; background: #f0f0f0 50% 50% repeat-x; font-weight: normal; color: #0b5b98; outline: none; }
.ui-state-hover a { color: #0b5b98; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #2694e8; background: #99c2ff 50% 50% repeat-x; font-weight: normal; color: #000000; outline: none; }
.ui-state-active a { color: #000000; outline: none; text-decoration: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #f9dd34; background: #fbf5d0 50% 50% repeat-x; color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }


/* Error console */
div.error_console td { padding: 5px; }
div.error_console tr.warning { background-color: #ffdfbc; border: 1px solid #fdc689; }
div.error_console tr.error { background-color: #f29ea9; border: 1px solid #f26d7d; }
div.error_console tr.critical { background-color: #ce051d; border: 1px solid #97091a; }
.hidden { display: none; }
div.error_console td.error_type { text-align: center; }
div.error_console a { color: #1a1a1a; font-weight: bold; }
div.error_console td.occurred { font-size: 85%; }
div.error_console small { font-size: 85%; }

/* Device tokens list */
div.device_tokens td { padding: 5px; font-size: 85%; }
div.device_tokens tr { background-color: #ffdfbc; border: 1px solid #fdc689; }

/* App navigation */
div.app_sidebar { float: left; width: 160px; padding-right: 0px; }
div.app_sidebar h2 { margin-bottom: 0; }
div.app_content { float: right; width: 720px; }
div.app_sidebar ul { list-style-type: none; padding: 0; margin: 0; }
div.app_sidebar li { margin: 0; padding: 0; }
div.app_sidebar li.current a { font-weight: bold; }
div.app_sidebar li.sub { margin-left: 10px; }
/* PROTIP */
div.protip { padding: 10px; border: 1px solid black; background-color: #c4df9b; margin-bottom: 15px; }


/* Content box */
ul.content_list { list-style-type: none; padding: 0; margin: 0; }
ul.content_list li { padding: 0; margin: 0; }
.content_box { padding: 10px; border: 1px solid #000; margin-bottom: 20px; }
.content_box .content_name { font-weight: bold; font-size: 110%; margin: -20px 0 10px -5px; }
.content_box .content_name a { background: #fff; padding: 0 5px; }
.content_box ul.revision_list { list-style-type: none; margin: 0; padding: 0; }
.content_box ul.revision_list li { margin-left: 10px; margin-bottom: 10px; padding: 0; }
.content_box .revision_set { float: left; width: 200px; }
.content_box .float_right { width: 450px; float: right; }

/* error box */
.error_box { padding: 10px; background-color: #f26d7d; margin-bottom: 15px; border: 1px solid #000; }

/* tos box */
.tos_label { padding-top: 5px; font-weight: bold; }