html { height: 100%; }
body { height: 100%; }
div#page { min-height: 100%; }
div#main { position: relative; padding-top: 4px; padding-bottom: 60px; /*min-height: 100%;*/ }
div#body_content { min-height: 350px; }
div#footer { position: relative; margin-top: -40px; /*margin-bottom: 10px;*/ padding-bottom: 20px; }

/* A CSS hack that only applies to IE -- specifies a different height for the footer */
/*
* html div#footer { margin-top: -120px; }
* html #page { height: 100%; }
* html div#main { height: 100%; }
*/

body { font-family: arial, sans-serif; font-size: 12px; margin: 0; padding: 0; background-color: white; }


body { text-align: center; } 
div#page { width: 984px; text-align: left; margin-left: auto; margin-right: auto; }

/*div#language { float: right; padding-top: 3px; padding-bottom: 3px; }*/
span#language { float: left; padding-top: 1px; margin-right: 3px; }

div#header_top { font-size: 11px; height: 20px; }
div#header_left { /*font-size: 11px;*/ }
div#header_right { float: right; padding-top: 1px; padding-right: 1px; }

div#footer { 
	width: 984px; text-align: left; font-size: 11px; color: #888; padding-top: 10px;
	margin-left: 30px; 
	margin-left: auto; margin-right: auto; 
}

div#footer span { margin-right: 40px; }

/* text */

p { margin-top: 7px; margin-bottom: 3px; }
h1, h2, h3, h4 { font-weight: normal; margin-top: 7px; margin-bottom: 10px; color: black; }
h1 { font-size: 22px; }
h2 { font-size: 17px; color: #ee7431; }
h3 { font-size: 15px; }
h4 { font-size: 12px; font-weight: bold; }

a, a:link, a:active, a:visited { color: rgb(78,167,199); text-decoration: none; }
a:hover { color: rgb(96,208,242); }

/* select { border: 1px solid #ccc; } */

table.plain, table.plain td { padding: 0; margin: 0; }
table.plain td { padding-right: 2px; }


div.report_result_div { overflow-x: auto; }

button, input, table, textarea { font-family: arial, sans-serif; font-size: 12px; }
input[type=text] { margin: 0; } 
/*td, th { font-family: arial, sans-serif; }*/
button, input.submit { padding-left: 5px; padding-right: 5px; }

td.right { text-align: right; }

ul { margin-top: 10px; margin-bottom: 10px; margin-left: 0; padding-left: 1.5em; }
li { margin: 0; padding: 0; }

ul.plain { list-style: none; margin: 0; padding: 0; }
ul.plain li { padding: 0; margin: 1px 0px 1px 0px; }
.separator { border-bottom: 1px solid #ccc; } 

img { margin: 0px; border: 0px; padding: 0px; }
img.link { vertical-align: -20%; }
img.middle { vertical-align: -25%; }

.error_field { color: red; }
input.error_field { border: 1px dotted red; margin: 1px; }
label.error_field { margin-left: 5px; font-style: italic; }

.error { color: red; font-weight: bold; }
.message { color: blue; font-weight: bold; }

.errorMessage { color: #822; font-size: 12px; text-align: right; }

form { margin: 0; padding: 0; }

object {
	outline: none;
}

/* div */


.right { float: right; margin-left: 10px; }
.left { float: left; margin-right: 10px; }
.clear { clear: both; }

.left_col { float: left; width: 400px; }
.right_col { float: left; width: 440px; margin-left: 30px; }

.settings_header { width: 90%;}
.settings { width: 90%;}
.settings .left_col { float: left; width: 40%; }
.settings .right_col { float: left; width: 55%; margin-left: 30px; }

.col_1 { float: left; width: 290px; }
.col_2 { float: left; width: 290px; margin-left: 30px; }
.col_3 { float: left; width: 290px; margin-left: 30px; }

.icon { margin-left: 3px; margin-right: 3px; font-size: 10px; }
.spacer { margin-top: 10px; clear: both; }

hr { height: 1px; border: none; border-top: 1px solid #ccc; padding-top: 5px; padding-bottom: 5px; margin-top: 15px; } 

.button { font-size: 11px; color: #559; background: #eee; margin-top: 12px; padding: 2px; padding-left: 5px; padding-right: 5px; border: 1px solid #aaa; }

table.hierarchy { margin-top: 5px; margin-bottom: 5px; border-collapse: collapse; empty-cells: show; }
table.hierarchy th, table.hierarchy td { padding: 4px; padding-left: 25px; padding-right: 6px; margin: 0px; text-align: center; }
table.hierarchy th.label, table.hierarchy td.label { text-align: left; padding-left: 5px; }
table.hierarchy .level0 { font-weight: bold; background: #e7e7e7; border-bottom-style: double; border-bottom-color: #999; } 
table.hierarchy .level1 { font-weight: bold; background: #f7f7f7; border-bottom: 1px solid #ccc;}
table.hierarchy .level2 { font-style: italic; background: #ffffff; }
table.hierarchy .level3 { background: #fafafa; }

table.data { margin-top: 5px; margin-bottom: 5px; border-collapse: collapse; border: 1px solid #aaa; empty-cells: show; }
table.data th, table.data td { padding: 4px; padding-left: 5px; padding-right: 6px; margin: 0px; border: 1px solid #aaa; text-align: center; }
table.data th.label, table.data td.label { text-align: left; }
table.data th { background: #e7e7e7; }
table.data .even { background: #f7f7f7; }

table.border,table.whiteborder { margin-top: 5px; border-collapse: collapse; border: 1px solid #aaa; empty-cells: show; }
table.border th, table.border td, table.whiteborder th, table.whiteborder td { padding: 3px; padding-left: 4px; padding-right: 4px; margin: 0px; border: 1px solid #aaa; text-align: left; }
table.border th { background: #e7e7e7; }
table.border .even { background: #f7f7f7; }
table.whiteborder { border: 1px solid #fff; }
table.whiteborder th, table.whiteborder td { border: 1px solid #fff; }

table.bar { border: 0; margin: 0; padding: 0; border-collapse: collapse; width: 100%; }
table.bar td { border: 0; margin: 0; padding: 0; text-align: left; }
table.bar td div { font-size: 1px; }

table.settings th { text-align: left; }

/*div.tabs-noborder { font-size: 11px; }*/
div.tabs-noborder .tabs-menu { font-size: 11px; }
div.tabs-noborder .ui-widget-content { border: 0 none; background: none; }

table#analytics { width: 100%; }
table#analytics td { text-align: center; color: #777; margin: 0; padding: 5px; }
table#analytics img { margin-bottom: 10px; }
table#analytics a { outline: none; color: #777; }
.selected { background-color: #eee; }
.portlet { margin: 0 0 15px 0; width: 435px; padding: 0; display: none; }
.portlet h4 { cursor: move; }
.wide { width: 880px; }
.hideimg img { visibility: hidden; }






table.csschart td.label {
  padding: 4px 6px 4px 6px;
  border-top:1px solid #e5e5e5;
  border-bottom:1px solid #e5e5e5;
  /*border-left:1px solid #e5e5e5;*/
  background-color:#fff;
  text-align: right;
  max-width: 250px;
}
table.csschart td.value {
  background-image: url(../images/bar-grid.gif);
  background-repeat: repeat-x;
  background-position: left top;
  border-left: 1px solid #e5e5e5;
  /*border-right: 1px solid #e5e5e5;*/
  padding:0;
  background-color:transparent;
  width: 498px;
  font-size: 90%;
}
table.csschart td.value img {
  vertical-align: middle;
  margin: 5px 5px 5px 0;
}
table.csschart  {
  /*background-image:url(../images/bar-bg-fade.png);
  background-repeat:repeat-x;
  background-position:left top;*/
  border-collapse: collapse;
  font-size: 80%;
  border: 1px solid #e5e5e5;
}


table.tablesorter a, a:link, a:active, a:visited { color: rgb(34,83,100); text-decoration: none; }