/* html,body is used in conjunction with #page {min-height} to allow the page height to expand as needed */
html, body { height: 100%; } 
body { 
	padding: 0; 
	margin: 0; 
	font: 8pt 'verdana', 'helvetica', sans-serif;
	line-height: 1.5em;
	background: #DCDCDC; 
	color: #454545; 
}

/* --------------overall links---------------------- */
a {	color: #E0691A;	background: inherit;}
a:hover { color: #6C757A; background: inherit; }


/* --------------- overall text--------------------- */
h1 {font-size: 1.2em; text-align:center; color:#5B1515; margin: 5px 5px 5px 0px; }
h2 {font-size: 1em;  margin: 5px 5px 5px 0px;}
.help_title { color:#666666; font-weight:bold;}

legend {font-size:1.2em; color:#0B747D; padding: 0px 15px 4px 5px;}

p {	margin: 0 0 5px 0; }

form { 	margin: 0; }

#page { 
	margin: 0px auto;
	width: 1000px;
	min-height: 794px;
	padding: 0px 5px 10px 5px;
	background: #fff; 
	text-align: justify;
	 /*border: 1px solid #FF0000;*/
}

.demo_mode { 
	position:absolute; 
	width:100%;	
	height: 100%; 
	background: url(images/demo_overlay.png); 
	background-repeat: repeat;  
}


.maintained_cell {
	color: #3333CC;
}

.pretty-hover {
  cursor: pointer;
}


/* --------------------------------------------top logo bar--------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */
#logo { 
	height: 75px;
	background:  url(images/title14.png) no-repeat; 
	margin: 0px 0px 2px 0px;
    /*border: 1px solid #FF0000;*/
}

/* ----------------------------------------------login bar---------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */
.wrongLogin_form {
	float: right; 
	position: absolute; right: 5px; top: -20px;
	font-size: 1.1em;
	color: #FFCC66;
	text-align:right;
	/*border: 1px solid #FF0000;*/

}

.search_form { 
	float: right; 
	position: relative; top: 25px;
	font-size: 1em;
	color: #FFF;
	text-align:right;
	/*border: 1px solid #FF0000;*/
}

.search_form a {	color: #fff;	margin-right:5px;}
.search_form a:hover { color:#FFCC66; }

input.login { 
	width: 100px; 
	height: 13px;
	margin: 1px 5px 0px 0;
	font-size:10px;
	/*border: 1px solid #0033FF; */
}

input.submit {
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background: url('images/button.png') repeat-x 0px 0px;
	height: 19px;
	width: 65px;
	margin: 0px 5px 0px 0;
	font-size: 10px;
	cursor: pointer;
   /* border: 1px solid #333333; */
}
input.submit:hover {background: url('images/button_hov.png') repeat-x 0px 0px; }



/* ------------------------------------Main Navigation Menu--------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */
.centeredmenu {
   float:left;
   width:100%;
   background: url('images/menu_background2b.png') repeat-x 0px 0px;
   overflow:hidden;
   position:relative;
   border-bottom: 1px solid #6D8DB6;
}
.centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
.centeredmenu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   font-size: 13px;
   font-weight: bold;
   border-right: 1px solid #fff;
}

.centeredmenu ul li.first {
   border-left: 1px solid #fff;
}

.centeredmenu ul li a {
   display:block;
   margin:0 0 0 0px;
   padding:0px 20px;
   background: url('images/menu_background2b.png') repeat-x 0px 0px;
   color:#fff;
   text-decoration:none;
 }
.centeredmenu ul li a:hover {
	color: #212973;
	background: url('images/menu_background4b.png') repeat-x 0px 0px;
}

#unselected_page {
	padding-top: 0px;
	display: block;
	text-decoration: none;
}

#selected_page {
	padding-top: 0px;
	display: block;
	color: #212973;
	background: url('images/menu_background4b.png') repeat-x 0px 0px;
	text-decoration: none;
}

#menu_demo { color: #000; font-size: 9px; }


#language_bar {
    float:right;
}

#language_bar img {
    border: 0px;
}


/* -----------------------------------------contents area----------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */
#main_content_container {
     position:relative; top: 10px; right: 0px; 
	 width:1000px;
	 /*height: 670px;*/
	/* border: 1px solid #FF0000;*/
}

/* ----------------tables----------------- */
/* general table formatting*/
table.tablesorter {

	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #CBD9DA;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url('images/bg.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
      text-align: center;
   /* border: 1px solid #333333; */
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url('images/asc.gif');
    background-color: #A4C3C5;
}
table.tablesorter thead tr .headerSortDown {
	background-image: url('images/desc.gif');
    background-color: #A4C3C5;
}

/* dongle database table*/
#dongles_table a {	color: #000; }
#dongles_table a:hover { color: #86B3FA;}

/* details for single dongle*/
#single_dongle { width: auto; }
#single_dongle  tr td{ text-align: left;}
#single_dongle  th.att { width:80px; }
#single_dongle  th.val { width:91px; }

/* to allow side by side tables*/
table.holding_table tr{vertical-align:top;}

/* help page table */
table.help {margin:0 0 0 20px;}
table.help th { color:#4F999F;}


/* -------end of tables css -------------*/

.right {
position: absolute; right: 0px; width:400;
}

/* -------collapsible panel---------- */
.collapsible_panel h2 {
  padding-left: 20px;
  background: url('images/down_arrow.png') no-repeat 2px 50%;
}
.collapsible_panel h2.opened { background-image: url('images/up_arrow.png'); }
.collapsible_panel h2:hover { cursor: pointer; color:#4F999F; }
.collapse_text { padding:0px 20px 0px 20px; 	/* border: 1px solid #FF0000;*/}
.collapse_title { font-weight: bold; /* border: 1px solid #FF0000;*/}

/* -----------buttons---------------- */
/*.over_button { background: url('images/button.png') repeat-x 0px 0px; }*/
/*.over_button:hover { background: url('images/button_hov.png') repeat-x 0px 0px; }*/

.main_button_input {
    background: url('images/button.png');
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	margin-right: 10px;
	font: 1em 'verdana', 'helvetica', sans-serif;
	color: #454545; 
}
.main_button_input:hover {background: url('images/button_hov.png') repeat-x 0px 0px; }

.main_button {
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 2px;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 10px;
	cursor: pointer;
    background: url('images/button.png') repeat-x 0px 0px;
}
.main_button:hover {background: url('images/button_hov.png') repeat-x 0px 0px; }

.table-hover {
    cursor: pointer;
}

tr.table-hover td {
    background-color: #86B3FA;
}

.button {
	padding-left: 3px;
	padding-right: 3px;
    font-family:Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#000099;
	font-weight:bold;
	cursor: pointer;
}
.button:hover {color:#FF6600; }



/* red font for incorrect fields in contact form */
font.form_check {color: red; } 
/* red text for jquery validation of form text fields */
.error { color: red; }

/* ----------------------------------------------footer------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------- */

.footer { 
	clear: both;
	margin: 0px auto;
	width: 1000px;
	padding: 0px 5px 0px 5px;
	text-align: center;
	height:20px;
    background: url('images/footer2.png') repeat-x 0px 0px;
	 /*border: 1px solid #FFff00;*/
}

.footer a { color: #5f5f5f;
	text-decoration:none;
 }

/* ------------------test area -----------------------*/


#scroll
{
     height:100%;
     overflow:auto;
}