/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *

 */


* {margin:0;padding:0}

body {
  background: #4B7399 url(/images/graph.png);
  font-family: Helvetica, Arial, "sans-serif";
  font-size: 16px;
  height:100%;
  padding:0;
  margin:0;
}

#page_background {
  width:100%;
  position:absolute;
  top:0;left:0;
  min-width:768px;
}

strong {font-weight:bold}

label.strong {font-weight:bold}
a img {
  border: none;
}

a {
  color: #f60;
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

.print_only {display:none}

#container {
  width: 920px;
  margin: 10px auto;
  padding: 20px 20px 20px 20px;
  position:relative;
}
#container_inside {
  position:relative;
  background-color: #FFF;
  /*border: solid 1px black;*/
  padding:20px 20px 20px 20px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  -webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.2);
  -moz-box-shadow:5px 5px 10px rgba(0,0,0,0.2);
  box-shadow:5px 5px 10px rgba(0,0,0,0.2);
}

#flash_notice, #flash_error, #flash_warning, #flash_alert {
  padding: 5px 8px;
  margin: 10px 0;
}

#flash_notice {
  background-color: #CFC;
  border: solid 1px #6C6;
}

#flash_error, #flash_warning, #flash_alert {
  background-color: #FCC;
  border: solid 1px #C66;
}


.fieldWithErrors, .field_with_errors {
  display: inline;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #CF0000;
  padding: 0px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: 0;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 8px;
}

#errorExplanation ul {
  margin: 2px 24px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: disc;
}

body {font-size:16px}
h1,h2,h3,h4,h5,h6 {font-family: Arial, sans-serif;margin-bottom:1em}
h1 {font-size:32px}
h2 {font-size:24px}
h3 {font-size:20px}
h4 {font-size:16px}
h5 {font-size:16px}
h6 {font-size:16px}
li {margin-left:2.5em}

.help {font-size:0.8em;color:#999}

ul.inline_nav {display:inline;list-style:none}
ul.inline_nav li {display:inline;padding-left:5px;margin-left:0;padding-right:5px;border-right:1px solid #666}
ul.inline_nav li.first {padding-left:0}
ul.inline_nav li.last {border-right:none}

#admin_controls ul.inline_nav {float:right;padding-right:5px}

p {margin-bottom:1em}
p.field label {font-size:0.8em;color:#000;font-weight:bold}


table {width:100%;border-collapse:collapse;font-size:0.8em;border:none;margin-bottom:2em}
tr {border-bottom:1px solid #ccc}
td {padding:3px 10px 3px 0;vertical-align:top}
td.number, th.number, td.percentage, th.percentage {text-align:right;width:4em}
td.number.auto, th.number.auto {text-align:right;width:auto}
td.currency, th.currency {text-align:right;width:8em}
td.currency.auto, th.currency.auto {text-align:right;width:8em}
table.bordered {border:1px solid #ccc;margin-bottom:1em}
table.bordered td, table.bordered th {border:1px solid #ccc;padding:5px}
th {padding:3px 10px 3px 0;text-align:left;vertical-align:bottom}
table.auto {width:auto}
table.striped tbody tr:nth-child(even) td {background:#eee;}
.ie7 th, .ie7 td {border-bottom:1px solid #ccc}
.hidden {display:none}

/*----- HEADER SECTION ----- */
.offscreen_text {text-indent:-9000px;display:none}

/*----- ADMIN FEATURES -----*/
#admin_controls {padding:5px 0;background:#333;background:rgba(0,0,0,0.75);color:#fff;font-size:0.8em;position:relative;top:0;width:100%;z-index:5}
#admin_controls h2 {font-size:1em;font-weight:bold;display:inline;padding-right:20px}
#admin_controls a {color:#cfc}
div.admin_buttons {margin-top:1em;text-align:center}
div.admin_buttons a img {width:12px;height:12px}
div.endlinks, p.endlinks {padding:5px;background-color:#fcc;border:1px solid #f00;margin-top:1em;font-size:0.8em;text-align:left;line-height:1.5em}
div.endlinks a, p.endlinks a {color:red}

/*----- FOOTER SECTION ----- */
/*
#footer {margin-top:40px;font-size:10px;color:#666;text-align:center}
#footer a {text-decoration:none}
#footer .footer_nav {font-size:1.5em}
*/
#footer {
  margin:0;
  padding:0;
  background:#000;
  background:rgba(0,0,0,0.75);
  color:#999;
  position:fixed;bottom:0;left:0;right:0;
  font-size:12px;
}


#footer a {display:inline-block;padding:5px 5px;text-decoration:none;text-transform:uppercase;color:#fff;}
#footer a:hover {color:#fff;background-color:#600}
#footer .footer_nav {font-size:inherit;margin:0;margin:0 auto;text-align:center}
#footer .copyright {position:absolute;bottom:110%;left:0;right:0;text-align:center;color:#fff;
  opacity:0.7;
}



.ie7 #footer,
.ie8 #footer
{
  background-color:transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
  zoom: 1;
}

.ie7 #footer
{
  color:transparent;
}

/*----- FORMS -----*/
form p, form div.field {margin-bottom:1em;position:relative}
form p.newline, form div.newline {clear:both;}
form p.thirds, form div.thirds {float:left;width:30%;margin-right:1%}
form p.quarters, form div.quarters {float:left;width:23%;margin-right:1%}
form p.two_thirds, form div.two_thirds {float:left;width:61%;margin-right:1%}
form p.halves, form div.halves {float:left;width:48%;margin-right:1%}
form p.block, form div.block {float:left;margin-right:1%}
form p.auto, form div.auto {float:left;width:auto;margin-right:1%}
form label {font-size:0.9em;color:#666;line-height:1.2em;padding-bottom:0.2em;font-weight:bold}
form p.buttons {margin-top:2em;margin-bottom:1em;display:block}
form input.text,
form input.email,
form input.password,
form input[type="text"],
form input[type="password"],
form input[type="email"],
form input[type="number"],
form textarea {padding:0.2em;background:#f0f8ff;font-size:1.2em;border:2px solid #999}
form input.full, form textarea.full, form select.full {width:90%}
form input.half, form textarea.half, form select.half {width:48%}
form input.third, form textarea.third, form select.third {width:30%}

form input[type="text"].number {text-align:right}

form .fieldWithErrors input[type="text"],
form .fieldWithErrors input[type="password"],
form .fieldWithErrors input[type="email"],
form .fieldWithErrors text_area,
form .field_with_errors input[type="text"],
form .field_with_errors input[type="password"],
form .field_with_errors input[type="email"],
form .field_with_errors textarea
 {border-color:red;background-color:#fcc}

form .field_with_errors label {font-weight:bold;color:red}

form fieldset {padding:1em;margin:0 0 20px 0;border:2px solid #ccc;
border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px; position:relative}
form fieldset legend {font-size:24px;font-weight:bold}

form fieldset fieldset {background-color:#f3f3f3}
form fieldset fieldset legend {font-size:18px}

form ul.choices {list-style:none;margin:0.5em 0 1em 0;padding:0}
form ul.choices li {padding:0;margin:1em 0;}

form label {font-weight:normal}
form label.choice {font-weight:normal;font-size:0.9em}

.ie7 form fieldset {}
.ie7 form fieldset legend {margin-left:0em}
.ie7 form fieldset div.field_wrap {margin-top:1em}
.ie7 form fieldset fieldset {background-color:#f3f3f3;border:none}
.ie7 form fieldset fieldset legend {position:relative;left:-0.5em;margin-left:0}

.ie8 form fieldset {}
.ie8 form fieldset legend {margin-left:0em}
.ie8 form fieldset div.field_wrap {margin-top:1em}
.ie8 form fieldset fieldset {background-color:#f3f3f3;border:none}
.ie8 form fieldset fieldset legend {position:relative;left:0;margin-left:0}

.ie9 form fieldset {border-radius:0}

input[type="submit"], input.button, button, a.button, div.buttons ul li a {border:none;font-weight:bold;font-size:16px;
padding:0.5em 2em;background:#f90 url(/images/transparency/white_gradient_50_0.png) repeat-x 0 -30px;color:#fff;text-decoration:none;
-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;
-webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.2);
box-shadow:2px 2px 5px rgba(0,0,0,0.2);
}

input[type="submit"]:hover, input.button:hover, button:hover, a.button:hover, div.buttons ul li a:hover {background-color:#e70;
-moz-box-shadow:3px 3px 2px rgba(0,0,0,0.5);
-webkit-box-shadow:2px 2px 5px rgba(255,255,255,0.1);
box-shadow:2px 2px 5px rgba(0,0,0,0.5);
}

div.buttons {margin:0 0 2em 0}
div.buttons ul {list-style:none}
div.buttons ul li {margin:0 0.5em 0 0;display:block;float:left}

/*----- PAGINATION ---- */

div.pagination {margin:1em 0;font-size:0.8em}
div.pagination a, div.pagination span, div.pagination .prev_page, div.pagination .next_page {padding:1px 2px}
div.pagination a, div.pagination span {text-decoration:none;border:1px solid #999}
div.pagination a:hover {text-decoration:underline}
div.pagination span.current {border:1px solid #f90;background:#f90;color:#fff;font-weight:bold}
div.pagination .prev_page {}
div.pagination .next_page {}
div.pagination span.disabled {color:#ccc;border-color:#ccc}