/**
 * mpSlideBox realted styles.
 *
 * @author      Murat Purc <murat@purc.de>
 * @copyright   © Murat Purc 2008- 2009
 * @package     mpSlideBox
 * @version     $Id$
 */


/**
 * @section General
 */
body {font-family:arial; background:#cacaca;}

h1   {margin:0; padding:0 0 15px 0; font-size:130%;}

img {border:none;}

#centerBox {background:white; border:1px solid #dadada; padding:7px; position:absolute; width:500px; height:580px; top:50%; left:50%; margin-left:-250px; margin-top:-290px;}

#footer {position:absolute; bottom:0; left:10px; font-size:80%;}

/* Da holy clearfix */
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}


/**
 * @section  Slidebox buttons
 */
.slideBoxButtons {padding:15px 0 0 140px;}
.slideBoxButtons a {display:block; float:left; width:32px; height:32px; margin-bottom:10px; margin-right:32px;}
.slideBoxButtons a.last {margin-right:0;}
.slideBoxButtons a.previous {background:transparent url(./images/buttons/knob_left.png) no-repeat;}
.slideBoxButtons a.next {background:transparent url(./images/buttons/knob_forward.png) no-repeat;}
.slideBoxButtons a.start {background:transparent url(./images/buttons/knob_play.png) no-repeat;}
.slideBoxButtons a.stop {background:transparent url(./images/buttons/knob_stop.png) no-repeat;}
.slideBoxButtons a span {position:absolute; top:-1000em; left:-1000em; height:1px; width:1px;}


#page-content {
	/*background:url('/images/BG.jpg');*/
	width: 904px;
	margin: 10px auto;
	margin-top: 0;
	margin-bottom:0;
}

#container {
/*	width: 897px;
	*width: 905px;
*/
	margin: 10px auto;
	line-height: 130%;
	padding: 0px 0px 0px 0px;
	margin-top:0;
	margin-bottom:0;
}

#leftnav {
	float: left;
	width: 590px;
	margin-left: 5px;
	padding: 0;
}

#content {
	/*margin-left: 600px;*/
	margin-left: 595px;
  /*width:291px;*/
	width: 290px;
	padding-left: 10px;
}


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #FFF;
 border-bottom: 1px solid #778;
/* font: bold 12px Verdana, sans-serif; */
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 /*border: 1px solid #778;*/
 border-bottom: none;
 /*background: #DDE;*/
 background: #5A5D5A;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #FFF; /*color: #448;*/ }
/*ul.tabbernav li a:visited { color: #667; }*/

/*ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}*/

li.tabberactive {
 background: none;
 border-bottom:0;
}

ul.tabbernav li.tabberactive a
{
 /*background-color: #fff;
 border-bottom: 1px solid #fff; */
 /*background-color: #FFDD00;*/
 color: #000;
}

/*ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}*/

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 /*border:1px solid #aaa;*/
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 border-bottom: 0px solid #CDCDCD;
 margin:0;
 padding:0;
 border: 0;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 height: 15px;
 font-size:11px;
 margin-right:8px;
 font-weight: bold;
 color: #525152;
}

ul.tabbernav li a
{
  border-bottom: none;
  text-decoration: none;
  padding:0;
  margin:0;
  letter-spacing: 1px;
  background-color: #393939;
}

ul.tabbernav li a:link { color: #CDCDCD; }

ul.tabbernav li.tabberactive {
  background-color: #FFDE01;
  color: #525152;
  padding: 1px 5px 0px 5px;
  border-bottom: 1px solid #FFDE01;
}


ul.tabbernav li.tabberactive a
{
 background-color: transparent; /*#FFDE01;*/
 color: #525152;
 font-weight: bold;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 margin-top:0;
 padding:0px;
 border: 0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.innertab p {
	border-top: 2px solid #FFDE01;	
}
.innertab ul.tabbernav li {
	background: none;
}

.innertab ul.tabbernav li a {
	background: none;
	color: #FFF;
}

.innertab ul.tabbernav li.tabberactive {
	background-color: #FFDE01;
}
.innertab ul.tabbernav li.tabberactive a {
	background-color: #FFDE01;
	color: #000;
}


/* At the document level */
body{
    font:12px Arial, helvetica, Verdana, sans-serif; 
    color:#fff; 
    background-color: #353535;
    padding:0;
} 

.olControlAttribution {
  bottom: 4.5em;
  display: block;
  font-size: smaller;
  left: 10px;
  position: absolute;
  right: 3px !important;
  top: 93% !important;
}

a { color: #fff; text-decoration:none;}

form { margin:0; padding:0; text-align:left;}

/* end of document level styling */


/* Styling for header and the links in the header */
#header {
    padding:0;
    margin:0;
    margin-top:13px;
    margin-bottom: 13px;
    border:0;
}

#banner {
    padding:0;
    padding-bottom: 5px;
    vertical-align: top;
    border:0;
    color: #D9D9D9;
}

#banner label {
    font-size: 12.5px;
    font-weight: bold;
    color: #F7DE21;
}

#banner a, #banner table tr td {
    font-size: 11px;
    font-weight: normal;
    color: #D9D9D9;
}

/* Styling for the links on the top-right corner of the screen
Personalise, jobs, city etc */
.top_right, .top_right a {
    color: #FFDD00;
}

ul{list-style-type:none;padding:0px;margin:0px;}
li{display:inherit;padding:4px;}

/*div#func_head a {
color: #6B696B;
}*/


/*ul#main_menu{
display:inline;
font-weight:bold;
font-size:1.2em;
}
ul#main_menu li{
display:inline;
}*/

/* This is for the tabs that we see just above the camera images */

ul#right_menu li{
    display:inline;
    height: 15px;
    font-size: 11px;
    margin-right: 10px;
    font-weight: bold;
}

ul#right_menu li a {
    color: #CDCDCD;
    letter-spacing: 1px;
}

ul#right_menu li.active{
    background: #FFDF00;
    color: #525152;
    padding: 0 5px 0 5px;
    letter-spacing: 1px;
}

/* end of styling for the tabs above the camera images */

/* styles for the div in which map is shown and the links above and below the map div */
#map{
    background-color:#FFF;
    margin:1px auto;
    margin-top: 0;
    margin-bottom:0;
    height: 428px;
    width: 590px;
}

#map-space {
    padding:0;
    width:590px;
}

div#map-actions {
    padding:5px 0 4px 0;
    font-size:12px;
    clear:both;
    text-align:justify;
    background-color: #353535;
    border: 3px solid #FFF; 
    margin:0px auto;
    margin-top:0;
    margin-bottom: 0;
    vertical-align:middle;
}

div#map-legends {
    padding:5px 0 4px 5px;
    font-size:12px;
    clear:both;
    text-align:left;
    background-color: #353535;
    border: 3px solid #FFF; 
    margin:0px auto;
    margin-top:0;
    margin-bottom: 0;
    vertical-align:middle;
}


#map-actions a {
    font-weight: bold;
    text-decoration:none;
}

#map-actions a img {
    border: 0;
    padding: 0;
    margin: 0;
}


#func_head{
    background:#606060;
    margin:0;
    padding:0;
}

.func_head {
    background:#606060;
    margin:0;
    padding: 5px;
    color: #CDCDCD;
    font-weight:bold;
}

div#func_head input[type=text] {
    width:200px;
    font:1em;
    border: 0;
    margin: 1px 0 4px 0;
}

div#func_head input[type=password]{
    width:200px;
    font:1em;
    border: 0;
    margin: 1px 0 4px 0;
}

div#func_head input[type=submit]{
    border:1px solid black;
    font-weight:bold;
    /*padding: 0 4px 0 4px;*/
    margin: 1px 0 4px 0;
    width: 40px;
}

#live-camera {
    border: 0px solid yellow;
    margin-top: 8px;
}

#live-camera img {
    border: 1px solid #CECFCE;
}

.func_result{
    border:1px solid #ccc;
    /*width:290px;*/
    margin-top:5px;
    overflow: auto;
    padding:0px;
}

.func_result img {
    margin: 1px auto;
}

#result-div {
    margin-top: 10px;
}

/*.result-style {
height: 300px;
border: 1px solid #FFF;
padding: 5px;
overflow: auto;
margin-top: 0;
}*/


/*div#info {
position:absolute;
top: 13%;
left:7%;
border: 5px solid grey;
z-index: 9999;
padding: 0px;
background: #fff;
}*/

div.autocompletelist {
    margin:0;
    padding:0;
    position:absolute;
    height:300px;
    z-index:999;
    border:1px solid #5A5D5A;	
    background: #FFF;
    color: #000;
    overflow: auto;
    cursor: pointer;
}

div.autocompletelist ul li {
    margin:0;
    border-bottom:1px solid #5A5D5A;
    padding: 2px;
}

div.autocompletelist ul li.selected {
    background-color: #FFDE01;
}

/*div#comm-box {
margin:10px 0px 10px 0px;
}

div#comm-box table tr td {
padding: 10px;
background: #D1D1D1;
color: #000;
width: 120px;
vertical-align: top;
}*/

/* I thnk these are used in the revenue collection screens. so commenting for now
tr.even {
background-color: #fff;
color: #000;	
}

tr.even a {
color: #000;
}

tr.odd td, tr.even td {
padding: 5px;
}

tr.odd td.action-links, tr.even td.action-links {
text-align: right;
padding-right: 12px;
}
*/

div#delays {
    padding: 5px;
    padding-right: 0;
    height: 100px;
    overflow: auto;
}

div#delays a {
    color: #000;
}


div.communication-box {
    margin:1px auto;
    margin-top:0;
    margin-bottom:0;
}

div.communication-box td {
    color: #FFF;
    cursor: pointer;
    vertical-align:bottom;
    padding: 0px;
}

input.styled_button {
    background-color:#3A3A3A;
    border: 1px solid #FCDE00;
    color: #FCDE00;
    padding: 4.5px 5.5px 4.5px 5.5px;
    font-weight: bold;
}

ul.func_head li, ol.func_head li {
    font-weight:bold;
    margin:0;
    color: #CDCDCD;
}

ul.func_head li:hover {
    font-weight: bold;
    background-color:#FFDF00;
    color: #000;
}

div#alerts a { color: blue; }

/* Styles for the pagination links */
.pagination {
    width: 100%;
    padding: 3px;
    margin: 3px;
}

span.results_range, .pagination span.results_range {
    color: #CDCDCD;
    font-weight: bold;
    font-size: 8pt;
    float: right;
    margin-right: 5px;
    margin-bottom: 8px;
    margin-top: 5px;
}

.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #FFDE01;
    text-decoration: none;
    color: #FFDE01;
}
.pagination a:hover, .pagination a:active {
    border: 1px solid #FFDE01;
    color: #FFDE01;
}
.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #FFDE01;
    font-weight: bold;
    background-color: #FFDE01;
    color: #000;
}
.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #606060;
    color: #606060;
}

/* Styling the persoanlize popup div */
div#personalise {
    border: 2px solid #FFDF01;
    background-color: #FFF;
    color: #000;
    margin:0;
    position:absolute;
    margin-top:-2px;
    width: 288px;
    height: auto;
}

div#personalise div.content {
    padding: 5px;
}

div#personalise a.close_button {
    float:right;
    border:0;
    margin:0;
    padding:0;
}

div#personalise a.close_button img {
    border: 0;
}

ol { list-style-type: decimal; }

.medium-text {
    font-size: 12px;
}

span.addMapLink {
    margin-left: 20%;
    *margin-left:17%;
    color:#FFDD00;
    font-size:10.5px;
    vertical-align:18%;
    *vertical-align:10%;
}

a#addMapLink {
    color: #FFDD00;
}



/* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 11150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Arial, Verdana, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    background-color: #353535;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }


/* Accordion styles */
#accord {
    height: 494px;
    height: auto;
    padding:0;
    margin:0;
}
.acc_title {
    display: block;
    height: 30px;
    /*background-color: #404040;
    color: #B3B3B3;*/
    background-color: #606060;
    color: #FFFFFF;
    padding: 0 10px 0 5px;
    line-height: 30px;
    font-weight: bold;
    text-decoration: none;
    outline: none;
    font-size: 10pt;
    
    cursor: pointer;
    margin: 0;
    margin-top: 5px;
}

.acc_title SPAN {
    margin-left: 10px;
}

.acc_title SPAN A {
    color: #FFDF01;
    font-weight: normal;
    font-size: 9pt;
}

.acc_title A {
    color: #B3B3B3;	
}

.acc_content {
    /*background-color: #404040;
    color: #FFF;*/
    background-color: #606060;
    color: #B3B3B3;
    margin-bottom: 2px;
    padding: 5px;
}

.acc_subtitle {
    font-weight: bold;
    /*background-color: #E6E6E6;    */
    background-color: #B3B3B3;
    color: #333333;
    margin-top: 2px;
    font-size: 7pt;
    margin-left: 2px;
    padding: 2px;
    font-family: Arial;
    cursor: pointer;
    margin-bottom: 0;
}

.acc_subtitle SPAN a {
    color: #333333;
}

.form {
    font-weight: normal;
    /*background-color: #E6E6E6;*/
    background-color: #B3B3B3;
    color: #333333;
    font-size: 7pt;
    margin-left: 2px;
    padding: 2px;
    font-family: Arial;
    margin-bottom: 2px;
    margin-top:0px;
}

.form input[type='text'] {
    /*width: 215px;*/
    width: 100%;
    border: none;
    font-size: 8pt;
    padding: 3px 0 3px 0;
    font-family: Arial;
    margin-top: 2px
}

.form .buttons, .simple_form .buttons,.form .rhs_buttons {
    margin-top: 4px;
    text-align: right;
}

input[type='submit'].simple_button, input[type='button'].simple_button {
    background-color: #404040;
    color: #FFF;
    padding: 1px 2px;
    border: 1px solid #404040;
    font-size: 7pt;
}

.buttons input[type='submit'], .buttons input[type='button'] {
    padding: 5px;
    background-color: #333333;
    color: #FFF;
    border: none;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 0.5px;
    font-size: 7pt;
    font-family: Arial;
}

.rhs_buttons input[type='submit'], .rhs_buttons input[type='button'] {
    padding: 2 5 2 5;
    background-color: #333333;
    color: #FFF;
    border: none;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 0.5px;
    font-size: 7pt;
    font-family: Arial;
}

.acc_content .acc_content_text, .content_text {
    margin: 5px;
    padding: 2px;
    background-color: #FFF;
    color: #000;
    font-size: 8pt;
    font-weight: normal;
}

input[type=text].faded_text {
    color: #B3B3B3;
}

.tab_active_content {
    background-color: #E6E6E6;
}

/* Styles for the result div */
.results-block {
    font-size: 7pt;
    font-weight: normal;
    padding: 5px;
    color: #000;
    background-color: #FFF;
    margin: 5px;
}

.results-block A {
    color: #000;
}

.center_align {
    text-align: center;
}

.odd {
    background-color:#E8E5E5;
    padding:10px;
}

.odd .highlighted-text {
    color: #FFF;
}

.odd span.arrows {
    background-image: url(/images/bidirectional-yellow.gif);
    background-repeat: no-repeat;
    width: 25px;
}

.odd a.details_link, .even a.details_link, .tabcontents a.details_link {
    /*color: #F9E238;*/
    color: blue;
}

.even {
    background-color: #FFF;
}

.even span.arrows {
    background-image: url(/images/bidirectional-blue.gif);
    background-repeat: no-repeat;
    width: 25px;
}

.even div.details_div {
    border: 1px solid #404040;
}

.odd div.details_div {
    border: 1px solid #FFF;
}

tr.odd td, tr.even td {
    padding: 5px;
}

.odd a, .even a {
    color: #000;
    text-decoration: none;
}

div.tabcontents {
    background-color: #FFFFFF;
    color: #000;
    padding: 3px;
    font-size: 7.5pt;
    font-family : Arial;
}

div.tabcontents A {
    color: #000;
    text-decoration: none;
}

div.menu_link, div.menu_link A {
    font-size: 9pt;
    color: #FFDD00;
}
.auto_height { height: auto; }

div.loading_indicator {
    position:fixed;
    top: 0;
    text-align: center;
    width: 100%;
    z-index: 99999;
}

span.loading_indicator_text {
    background-color: #009B93;
    color: #FFF;
    padding: 5px 15px 5px 15px;
    font-size: 12pt;
    font-weight: bold;
}

div#metadata {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 5px;
    text-align: left;
    font-size: 8.5pt;
    margin-bottom: 5px;
}

TH TD { 
    padding: 2px;
    font-weight: bold;
}

/*div.tabs-no-map */
div.tabberlive ul.tabbernav li {
    padding: 7px;
    background-color: #000;
    color: #FFF;
    border-bottom: none;
    font-family: Arial;
}

/*div.tabs-no-map */
div.tabberlive ul.tabbernav li A {
    background: none;
    color: #FFF;
}

/*div.tabs-no-map */
div.tabberlive ul.tabbernav li.tabberactive A {
    color: #404040;
}

/*div.tabs-no-map */
div.tabberlive ul.tabbernav li.tabberactive {
    background-color: #FFF;
    color: #404040;
    border-bottom: 4px solid #FFF;
}

/*div.tabs-no-map */
div.tabberlive div.tabbertab {
    background-color: #FFF;
    color: #404040;
    font-size: 8pt;
    margin-top: 5.5px;
}

div#up_dn_tabs ul.tabbernav li.tabberactive {
    border : 1px solid #606060;
    border-bottom: 0px solid #FFF;
}

div#edit_up_dn_tabs ul.tabbernav li.tabberactive {
    border : 1px solid #606060;
    border-bottom: 0px solid #FFF;
}

div#edit_up_dn_tabs div.tabbertab {
	border: 1px solid #606060;
}

.highlighted-text {
    color:#009B93;
    font-weight: bold;
}

.highlighted-background {
    background-color: #009B93;
    color: #404040;
}

.highlighted-background a {
    color: #404040;
}

div.container {
    background-color: #404040;
    padding: 15px;
}

div.container h1 {
    margin-top: 5px;
    margin-bottom: 10px;
    color: #FFF;
}

div.container h1 span.text {
    margin-left: 10px;
}
div.sub-container {
    background-color: #B3B3B3;
    padding: 5px;
}

div.simple_form {
    padding: 10px;
}

div.simple_form input[type='text'] {
    width: 200px;
    height: 16px;
    border: 1px solid #B3B3B3;
}

div.simple_form input[type='file'] {
    border: 1px solid #B3B3B3;
}

div.simple_form textarea {
    border: 1px solid #B3B3B3;
}

div.simple_form label {
    padding: 5px 0;
    display:block;
}

label.bold {
    font-weight: bold;
}


span.example {
    margin-left: 5px; 
}

div.content_text {
    padding: 5px;
}

div.content_text div.section_title {
    font-weight: bold;
    padding: 5px 10px;
    font-size: 10pt;
}

hr.dashed {
    margin: 5px 10px 5px 10px;
    border-top: 1px dashed #B3B3B3;
    border-bottom: none;
    background-color: #FFF;
    height: 1px;
    
}

div.dashed-border-top {
    border-top: 1px dashed #B3B3B3;
}

div.dashed-border-bottom {
    border-bottom: 1px dashed #B3B3B3;
}

div.dashed-border-all {
    border: 1px dashed #B3B3B3;
}

div.block {
    padding: 10px;
}

div.content_text span.highlight {
    background-color: #404040;
    padding: 5px;
}

div.content_text span.highlight a {
    font-weight: bold;
    color: #FFF;
}

ul.highlighted-list li, ol.highlighted-list li {
    padding: 2px 5px 2px 5px;
}

ul.highlighted-list li:hover , ol.highlighted-list li:hover {
    background-color: #404040;
    color: #FFF;
    font-weight: bold;
}

a.details_link { color: blue; font-weight: normal; font-size: 7pt; }

div#right h1.title {
    *margin-top : 5px;
}

div.olFramedCloudPopupContent {
    font-weight:bold;
    color: #000;
}
div#result-div a {
	color: blue;
}

span.even_entry { color: red; }


/* BE SURE TO INCLUDE THE CSS RESET FOUND IN THE DEMO PAGE'S CSS */
/*------------------------------------*\
  NAV
\*------------------------------------*/
#nav{
  list-style:none;
  font-weight:bold;
  margin-bottom:16px;
  /* Clear floats */
  clear: both;
  /*float:left;*/
  width:100%;
  /* Bring the nav above everything else--uncomment if needed.
  position:relative;
  z-index:5;
  */
}
#nav li{
  float:left;
  margin-right:12px;
  position:relative;
}
#nav a{
  display:block;
  padding:5px;
  color:#fff;
  background:#333;
  text-decoration:none;
  font-size :10pt;
  font-weight: bold;
}
#nav a:hover {
  color:#fff;
  background:#6b0c36;
  text-decoration:underline;
}

/*--- DROPDOWN ---*/
#nav ul{
  background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
  background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
  background-color: #FFDF00;
  background-color: #9cc100;
  list-style:none;
  position:absolute;
  left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
  z-index: 99991;
}
#nav ul li{
  padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
  float:none;
}
#nav ul a{
  white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
  left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
  background:#6b0c36;
  background-color:#FFDF00;
  background-color:#9cc100;
  text-decoration:underline;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
  text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
  background:#333;
}


#nav {
  margin-left: 2px; margin-bottom: 5px;
}

body#chrome #nav { margin-left: 3px; margin-bottom: 0px;}

#nav ul {
  background-color: #FFDF00;
  margin-top: 5px;
}

ul#nav li {
  background-color: #FFDF00;
  padding: 4px;
}

ul#nav li A {
  background-color: #FFDF00;
  color: #525152;
}

ul#nav li:hover {
  background-color: #FFDF00;
}

ul#nav ul li A {
  color: #525152;
}

#nav a:hover { text-decoration: none; }
#nav li:hover a { text-decoration: none; background-color: #FFDF00;}

body#firefox div#container { margin-top: 20px; }
div#header { margin-bottom: 40px; margin-top:0;}
body#chrome div#container { margin-top: 20px; }


div.modal-overlay{
	top: 0;
	left: 0;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 1000000;
	background: #000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}
div.modal-window{
	top: 25%;
	left: 25%;
	position: absolute;
	width: 40%;
	z-index: 1000001;
	background: #fff;
	border: 5px solid #fbef65;
	padding: 30px;
	color: #000;
   font-family: Helvetica,Arial,serif;
   font-size: 14px;
   font-weight: normal;
   line-height: 1.5em;
}
span#modal-close-btn{
    left: 547px;
    position: absolute;
    top: 0;
}