html {
	margin: 0px;
	padding: 0px;
        overflow: auto;
        background : #D5DDEE;
background-image:url('pattern.png');
}

body { 
	font: 14px Arial,Helvetica,sans-serif; 
        color : #3B317D;
       // background : #D5DDEE;
	margin: 0px; 
	padding: 0px;
}

#container {
        width:100%;
  	position:relative;
	top:0px;
	margin-left: auto;
	margin-right: auto;
}

.container {
   width:66%; 
   min-width:780px; 
   max-width:1000px; 
   margin:0 auto; 
   position:relative; 
border:0px solid #FF0000;
}

#header {
	position:relative;
        width:750px;
   margin-left: auto; 
   margin-right: auto; 
}




#logo {
   float:left;
   margin:5px 20px 5px 80px;
}

#counter {
	position: absolute;
	top: 0px;
	right: 0px;
}

#tabs {
        position:absolute; 
        right:0px; 
        bottom:0px;
}


#card {
	position: relative;
	width: 750px;
        background: #FFFFFF;
        margin: 0 auto; 
}


.card {
   width:100%; 
   background:#FFFFFF; 
   margin: 0 auto; 
   position:relative;
   margin:0 auto; 
border:0px solid #D5DDEE;
}



#card_content {
	position: relative;
	top: 0px;
        left: 0px;
	width: 650px;
        padding-top: 0px;
        text-align: left;
        background: #FFFFFF;
border:1px solid #eeeeee;
        margin: 0 auto; 
}


.card_content {
   width:90%; 
   margin:0 auto; 
   padding:20px 0px; 
   position:relative;
border:0px solid #aaFFaa;
}



#footer_text {
   width:750px; 
   text-align:center; 
   position:relative; 
   bottom:0px; 
   font-size:10px;
   margin-left: auto;
   margin-right: auto;
   margin-top:12px;
}




table {
        font: 1em Arial,Helvetica,sans-serif; 
        color : #3B317D;
}

img { 
	margin: 0px; 
	padding: 0px;
        border: 0px;
}

input[type=button]{
   font-size:1em;
}


h1,h2,h3,h4,h5 {
   font-weight:bold;
   text-align:left;
   font-size:1.2em;
   color: #CC3333;
}

a:link { 
        font-weight:bold;
	text-decoration: none; 
	color: #E95300;
}
a:visited { 
        font-weight:bold;
	text-decoration: none; 
	color: #E95300;
}
a:hover, a:active { 
        font-weight:bold;
	text-decoration: underline; 
	color: #CC3333;
}


a.main_menu:link, a.main_menu:visited { 
        font-weight:bold;
	text-decoration: none; 
	color: #827BAE;
        font-size: 11px
}
a.main_menu:hover, a.main_menu:active { 
        font-weight:bold;
	text-decoration: none; 
	color: #CC3333;
        font-size: 11px
}



a.menu_title:link { 
        font-weight:bold;
	text-decoration: none; 
	color: #3B317D;
        font-size:16px;
}
a.menu_title:visited { 
        font-weight:bold;
	text-decoration: none; 
	color: #3B317D;
        font-size:16px;
}
a.menu_title:hover, a.menu_title:active { 
        font-weight:bold;
	text-decoration: underline; 
	color: #3B317D;
        font-size:16px;
}

a.white:link { 
        font-weight:bold;
	text-decoration: none; 
	color: #FFFFFF;
}
a.white:visited { 
        font-weight:bold;
	text-decoration: none; 
	color: #FFFFFF;
}
a.white:hover, a.white:active{
        font-weight:bold;
	text-decoration: underline; 
	color: #E4FF00;
}

.nomargin{
   margin-top: 0px; 
   margin-bottom: 0px; 
}


.print_only{
      display:none;
}



div .plusone, .twitter, .fb-like {
    font-size: 1px;
    display: inline-block;
}
div .fb_reset {
    display: inline;
} 




/* specific divs */




buttonx{
   border:none;
   background:none;
   padding:0;
   margin:0;
   width:auto;
   overflow:visible;					
   text-align:center;	
   white-space:nowrap;	
   height:30px;
   line-height:28px;
   cursor:pointer;			
}
buttonx span, buttonx em{
   display:block;
   height:30px;
   line-height:28px;			
   margin:0;
   color:#666688;
   font-weight:bold;
}	
buttonx span{
   padding-left:20px;
   background:url(bg_button2.gif) no-repeat 0 0;
}	
buttonx em{
   font-style:normal;
   padding-right:20px;
   background:url(bg_button2.gif) no-repeat 100% 0;
}



/*******************************************************/
#floating_menu {
	position: absolute;
        background: #D5DDEE;
        border: 0px solid #3B317D;
}


/*******************************************************/
#menu_content {
        text-align:left;
        padding-top:10px;
        padding-left:15px;
        padding-bottom:0px;
        font-size:10px;
        background: #E7EFF7;
}


/*******************************************************/
#user_info {
        position:relative;
        left:0px; 
        top:0px; 
        z-index:10; 
        font-size:10px;
        text-align:left; 
/*  float:left; */
}



#orange{
   background:#E95300;
}


/*******************************************************/
.warning_box {
   z-index:1000;
   background:#3B317D;
   color:#FFFFFF;
   padding:5px 20px;
   border: 0px solid #FFFFFF;
   text-align:left;
   margin-bottom:-10px;
   font-size:13px;
}

/* ******************************************************/
.warning_box_urgent {
   z-index:1000;
   background:#9B0307;
   color:#ffffff;
   padding:5px 20px;
   border: 0px solid #FFFFFF;
   text-align:left;
   margin-bottom:-10px;
   font-size:13px;
}


.warning_box_urgent a:link { 
        font-weight:bold;
	text-decoration: none; 
	color: #FFFF00;
}


.warning_box_urgent a:hover, a:active { 
        font-weight:bold;
	text-decoration: underline; 
	color: #FFFFFF;
}


/* Reports and Lists */

table.mainTable td{
text-align:left;
}

table.chart1{
   padding: 0px;
   margin: 0px;
   border-spacing: 0px;	
   border-collapse: collapse; 
}

table.chart1 th {
   font-size: 11px;
   font-weight: bold;
}

table.chart1 td {
   font-size: 10px;
   font-weight: bold;
}

table.chart1 td.bottom {
   background-color: #FFFFFF; 
   font-size: 10px;
   font-weight: normal;
   padding-top:10px;
   text-align:center;
}


    


.page_title{color: #FA550A; font-size:20px; font-weight:normal; padding-top:15px;}
.page_subtitle{font-size:14px; font-weight:bold;}
.list_title{color: #FA550A; font-size:18px; font-weight:normal;}
.graph_title{color: #FA550A; font-size:18px; font-weight:normal;}
.list_title_all_in_one{display:none;}
.more_all_in_one{display:none;}
.list_hr{color: #E5E2FF; color: #F2F2F2; border: 1px solid;}
.list_archives {font-size:10px; width:100%; padding:3px 0px;}
.archives_scroll {float:right; font-size:12px; position:relative; top:-17px; left:-5px;}
.emphasize {color: #E95300; font-size:1.1em; font-weight:bold;}
.emphasize2 {color: #CA3D3A; font-size:1em; font-weight:bold;}
.colored_bar_inside_text {color:#FFFFFF; font-weight:bold; font-size:11px;}

.blue_text {color: #6E6AFF;}
.blue_text_light {color: #E5E2FF;} 
a.blue:link {color: #6E6AFF; font-weight:bold;}    
a.blue:visited {color: #6E6AFF; font-weight:bold;}      
a.blue:hover {color: #FA550A; font-weight:bold;}     
a.blue:active {color: #6E6AFF; font-weight:bold;}     
table.chart1 td.blue {
   background-color: #E9EAFF; 
   height:14px; 
   border-top: 2px solid white;
   border-bottom: 2px solid white;
   padding-right:7px;
}

.grey_text {color: #555555;}
.grey_text_light {color: #DDDDDD;}
a.grey:link {color: #6E6E6E; font-weight:bold;}    
a.grey:visited {color: #6E6E6E; font-weight:bold;}      
a.grey:hover {color: #FA550A; font-weight:bold;}     
a.grey:active {color: #6E6E6E; font-weight:bold;} 
table.chart1 td.grey {
   background-color: #E9E9E9; 
   height:14px; 
   border-top: 2px solid white;
   border-bottom: 2px solid white;
   padding-right:7px;
}

.green_text {color: #64B39D;}
.list_link_green{color: #51AB92; font-weight:bold; font-size:10px;}
a.green:link {color: #51AB92; font-weight:bold;}    
a.green:visited {color: #64B39D; font-weight:bold;}      
a.green:hover {color: #FA550A; font-weight:bold;}     
a.green:active {color: #51AB92; font-weight:bold;} 
table.chart1 td.green {
   background-color: #E5F1EF;
   height:14px; 
   border-top: 2px solid white;
   border-bottom: 2px solid white;
   padding-right:7px;
}

.brown_text {color: #B5950C;}
.list_link_brown{color: #51AB92; font-weight:bold; font-size:10px;}
a.brown:link {color: #B5950C; font-weight:bold;}    
a.brown:visited {color: #B5950C; font-weight:bold;}      
a.brown:hover {color: #FA550A; font-weight:bold;}     
a.brown:active {color: #B5950C; font-weight:bold;} 
table.chart1 td.brown {
   background-color: #F4EFDB; 
   height:14px; 
   border-top: 2px solid white;
   border-bottom: 2px solid white;
   padding-right:7px;
}





.red_text {color: #FF6A6E;}
.red_text_light {color: #FFE5E2;} 
a.red:link {color: #FF6E6A; font-weight:bold;}    
a.red:visited {color: #FF6E6A; font-weight:bold;}      
a.red:hover {color: #FA550A; font-weight:bold;}     
a.red:active {color: #FF6E6A; font-weight:bold;}     
table.chart1 td.red {
   background-color: #FFEEE9; 
   height:14px; 
   border-top: 8px solid white;
   border-bottom: 8px solid white;
   padding-right:7px;
}




/* Reports and Lists */

table.details_table_demo{
   padding: 0px;
   margin: 0px;
   border-spacing: 0px;	
   border-collapse: collapse; 
}

table.details_table_demo {
   font-weight: bold;
   text-align:left;
   padding:5px;
   border:0px;
   border-bottom:1px solid #D0D0FF;
}

table.details_table_demo td {
   font-weight: normal;
   padding:5px;
   border:0px;
   border-right: 1px solid #D0D0FF;
   border-left: 1px solid #D0D0FF;
   border-bottom:1px solid #D0D0FF;
}

table.details_table_demo th {
   font-weight: normal;
   text-align:center;
   padding:5px;
   border:0px;
   border-right: 1px solid #D0D0FF;
   border-left: 1px solid #D0D0FF;
   border-bottom:1px solid #D0D0FF;
}



a.details_table_demo:link {color: #4444FF; font-weight:bold;}    
a.details_table_demo:visited {color: #6E6AFF; font-weight:bold;}      
a.details_table_demo:hover {color: #FA550A; font-weight:bold;}     
a.details_table_demo:active {color: #6E6AFF; font-weight:bold;}  



table.details_table{
   padding: 0px;
   margin: 0px;
   border-spacing: 0px;	
   border-collapse: collapse; 
}

table.details_table th {
   font-weight: bold;
   text-align:left;
   padding:5px;
   border:0px;
   border-bottom:1px solid #D0D0FF;
}

table.details_table td {
   font-weight: normal;
   padding:5px;
   border:0px;
   border-right: 1px solid #D0D0FF;
   border-left: 1px solid #D0D0FF;
   border-bottom:1px solid #D0D0FF;
   text-align:left;
}



a.details_table:link {color: #4444FF; font-weight:bold;}    
a.details_table:visited {color: #6E6AFF; font-weight:bold;}      
a.details_table:hover {color: #FA550A; font-weight:bold;}     
a.details_table:active {color: #6E6AFF; font-weight:bold;}  

.on_site {background:#DCECD7;}
.trgt1 {background:#FFCCCC;}
.trgt2 {background:#F1EEBC;}
.trgt3 {background:#D1BCDA;}
.trgt4 {background:#EFBC9A;}
.trgt5 {background:#ADE6D2;}




table.chart{
   font: 1em Arial,Helvetica,sans-serif; 
   color : #3B317D;
   padding: 0px;
   margin: 0px;
   border-spacing: 0px;	
   border-collapse: collapse;
   border: 2px solid #8888FF;
   font-size: 12px;
}

table.chart a:link { 
        font-weight:normal;
	text-decoration: none; 
	color: #0000FF;
}
table.chart a:visited { 
        font-weight:normal;
	text-decoration: none; 
	color: #880088;
}
table.chart a:hover, a:active { 
        font-weight:normal;
	text-decoration: none; 
	color: #E95300;
}


table.chart th{
   font-weight: bold;
   background: #EEEEFF; 
   padding: 5px;
   text-align: left;
   border: 1px solid #CCCCFF;
   border-bottom: 2px solid #8888FF;
}
table.chart td{
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 2px;
   padding-bottom: 2px;
   border: 1px solid #CCCCFF;
}



table.chart td.bottom {
   background-color: #FFFFFF; 
   font-size: 10px;
   font-weight: normal;
   padding-top:10px;
   text-align:center;
}



.leaflet-control-zoom-fullscreen { background-image: url(icon_fullscreen.png); }
.leaflet-control-zoom-fullscreen.last { margin-top: 0px }

.legend { border: 1px solid #BBBBBB; padding:4px; background-color:rgba(240,240,240,0.8); margin-bottom:50px; }


