@CHARSET "ISO-8859-1";

/* -------------------- Common Styles -----------------*/

html, body {
	margin:0;
	padding:0;
    height: 100%;
    background-color: lightgrey;
}

.ui-widget {
	font-size: 0.75em; 
}

/*
.ui-widget, .ui-widget .ui-widget {
	font-size: 75%; 
}
*/

.ui-datatable .ui-datatable-tablewrapper table tbody tr td,
.ui-datatable .ui-datatable-tablewrapper table thead tr th {
   white-space: normal;
}

td #rgilink-header-title {
	font-size: 125%;
	font-weight: bold; 
}

/*
.ui-datatable-tablewrapper table {
   width: auto; 
}
*/

.ui-button-icon-only {
	width: 2.1em;
	height: 2.1em;
}

#commonLayout {
	/* fluid layout */
	width: 100%;
	min-height: 100%;
	/* end fluid layout */
	
	/* fixed layout */
	/*
    width: 980px;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	min-height: 99.8%;
	*/
	/* end fixed layout */
	
	margin: 0 auto; /* center layout*/
    position:relative;
    background-color: white;
}

#headerBar {
	text-align: center;
}

#commonHeader {
	border-style: none;
	background-position-x: 0%; /* to remove top header bar in IE */
	background-position-y: 0%; /* to remove top header bar in IE */
}

#commonContent {
	/*
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	*/
	margin: 0px;
	padding: 5px;
	padding-bottom: 25px;   /* >= Height of the footer */
}

#commonFooter {
	/*clear: both;*/
	text-align: center; 
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    height: 20px; /* Height of the footer */
}

.spacer {
	margin-top: 5px;
}

.info-required {
	margin-top: 7px;
	font-size: 0.7em;
	font-style: italic;
}

.hide-column-names table thead tr {
    display: none;
}

.row-valign-center tr td div {
    vertical-align: middle;
}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

/*
.ui-datatable .ui-datatable-header {
   display: inline;
}

.ui-datatable table thead th {
   white-space: normal;
}

.ui-datatable table {
   width: auto;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    white-space: normal;
}

.ui-datatable-tablewrapper {
   overflow: auto;
   width: auto;
}
*/

/** TabMenu 
.ui-tabmenu .ui-tabmenu-nav .ui-tabmenuitem a {
	padding: 0.5em 0.1em;
}
**/ 
/*
body {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
}

table {
	border-color: black;
}

table caption {
	font-weight: bold;
}

table tr th {
	background-color: #F2F2F2;
}

table td {
	font: Arial;
	font-size: 12;
	font-weight: bold;
}
*/
/*
#commonHeader a {
	font-size: small;
}
*/
/*
table.dataTable {
	border-collapse: collapse; 
}

table.dataTable th,
table.dataTable td {
	padding: 3px;
	text-align: left;
	border: 1px solid #000; 
	text-transform: capitalize;
}
*/
/* you may not want the top of your table have spacing */
/*
table.dataTable th {
	border-top: 0;
}
*/

/* you may not want the left most and right most side of your table have spacing */
/*
table.dataTable th.first {
	border-left: 0;
}

table.dataTable th.last {
	border-right: 0;
}
*/
/*
table.dataTable th {
	background-color: lightgray; 
	color: black; 
}

table.dataTable tr.odd {
	background-color: #DDFFFF;
}

table.dataTable tr.even {
	background-color: #FBFBFB;
}
*/
/*
input[type=text], input[type=password] {
   background: #F0F8FF;
}

textarea {
   background: #F0F8FF;
}

input.error {
    background: #fee;
}
*/

/* -------------------- Main Menu ---------------------*/
/*
#tabContainer {
  padding: 0px 0px 0 0px;
  background: white;
}

ul#topTab {
  list-style-type: none;
  width: 100%;
  position: relative;
  height: 20px;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 3px 0 0 0;
}

ul#topTab li {
  display: block;
  float: left;
  margin: 0 0 0 4px;
  height: 20px;
}

ul#topTab li.left {
  margin: 0;
}

ul#topTab li a {
  display: block;
  float: left;
  color: white;
  background: grey;
  line-height: 20px;
  text-decoration: none;
  padding: 0 17px 0 18px;
  height: 20px;
}

ul#topTab li a.right {
  padding-right: 19px;
}

ul#topTab li a:hover {
  color: black;
  background: LightGrey;
}

ul#topTab li a.current {
  color: black;
  background: LightGrey;
}

ul#topTab li a.current:hover {
  color: black;
  background: LightGrey;
}
*/
/* --------------- Sub Menu ------------------- */
/*
#tabContainer2 {
  padding: 0px 0px 0 0px;
  background: LightGrey;
}

ul#topTab2 {
  list-style-type: none;
  width: 100%;
  position: relative;
  height: 20px;
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  padding: 3px 0 0 0;
}

ul#topTab2 li {
  display: block;
  float: left;
  margin: 0 0 0 4px;
  height: 20px;
}

ul#topTab2 li.left {
  margin: 0;
}

ul#topTab2 li a {
  display: block;
  float: left;
  color: white;
  background: Grey;
  line-height: 20px;
  text-decoration: none;
  padding: 0 17px 0 18px;
  height: 20px;
}

ul#topTab2 li a.right {
  padding-right: 19px;
}

ul#topTab2 li a:hover {
  color: black;
  background: white;
}

ul#topTab2 li a.current {
  color: black;
  background: white;
}

ul#topTab2 li a.current:hover {
  color: black;
  background: white;
}
*/