/****************************************************
     Local Stylesheet:
         differentiates each local unit
****************************************************/

input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    //display: inline-block;
    //text-align: start;
    margin: 0em;
    //font-size: 12px;
  	//font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
    font: 1em verdana, Geneva, Arial, Helvetica, sans-serif;

}

.selectRadio label {
	margin-right: 30px;
}

.ui-widget {
	font-size: 1em; 
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif; 
}        

.ui-widget .ui-widget { 
	font-size: 1em;  
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
} 
 

.ui-datatable td:nth-child(1) div.ui-dt-c {
    padding: 0 0 0 0 !important;
  }

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
                text-align: left;
               // padding-bottom: 0.5px!important;
               // padding-top :0.5px!important;
               //white-space: nowrap;
               //overflow: hidden;
               // border-width: 1px;
               // border-style: none;
               // text-overflow: ellipsis;
                padding-left: 1px !important;
                padding-right :1px !important;

}

ul.ui-menu-child {
    white-space: nowrap;
    width: 250px !important;
}

.ui-menu {
	padding: 0;
}

.ui-inputfield {
	padding: 3px; !important;
}

.ui-selectonemenu .ui-selectonemenu-label {
    //display: block;
    //border: 0;
    //font-weight: normal;
    //width: 100%;
	font-size: 95% !important;
}
            
body {
	font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 10pt !important;
	margin:0;
	padding:0;
}

.toUpperCase {
	text-transform: uppercase
}

.aligncenter {
	text-align: center;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.valigntop {
	vertical-align: top;
}

.valignmiddle {
	vertical-align: middle;
}

.valignbottom {
	vertical-align: bottom;
}

table#border
{
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid black;
	width:98%;
	margin-left: auto;
	margin-right: auto;
}

td#border
{
	padding: 4px;
	border-bottom: 1px solid black;
}

tr#border
{
	padding: 4px;
	border-bottom: 1px solid black;
	text-align: left;
}

table#center {
	margin-left: auto;
	margin-right: auto;
}

.data-table{   
	border: 1px solid black;
	width:98%;
	margin-left:auto;
	margin-right:auto;
	cellspacing: 6px;
	cellpadding: 6px;
	
}
 
.data-table-header{
	text-align:center;
	background:none repeat scroll 0 0 #E5E5E5;
	border-bottom:1px solid #BBBBBB;
	padding:4px;
	
}
 
.data-table-odd-row{
	text-align:left;
	background:none repeat scroll 0 0 #FFFFFFF;
	border-top:1px solid #BBBBBB;
	
}
 
.data-table-even-row{
	text-align:left;
	
	background:none repeat scroll 0 0 #E5E5E5;
	border-bottom:1px solid #BBBBBB;
}

.bold {
	font-weight: bold;
}

.textBorder {
	border: solid black 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	font: 1em verdana, Geneva, Arial, Helvetica, sans-serif;
}

.dividerV{
   height: 3px;
}

.dividerH{
   width: 60px;
}

.minWidth{
	display:block;
	width:10px;
}

.text-uppercase {
  text-transform: uppercase;
}

#portal_banner_container {
	width: 100%;
}

#portal_banner a, #portal_banner a:hover, #portal_banner a:visited,
	#portal_banner a:link, #portal_banner a:active {
	
}

#portal_banner_img {
	float: right;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.portal_banner {
	margin-right: 80px;
	border-color: #DBD8D4;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	margin-bottom: 10px;
}

.portal_banner_sub {
	background-color: #EEE2D9;
	height: 92px;
	border-color: #DBD8D4;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	margin-bottom: 22px;
	margin-top: 0px;
}

.portal_banner_sub div {
	height: 87px;
	padding-top: 5px;
	color: #5F5A57;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 9pt;
}

.portal_banner_sub div p {
	color: #5F5A57;
}

.portal_banner_sub img {
	float: left;
	margin-right: 15px;
}

#portal_logo {
	background-color: white;
	width: 350px;
	float: left;
	text-decoration: none;
	text-align: middle;
}

#portal_logo div {
	height: auto;
	font-size: 12pt;
	font-family: HelveticaNeue, Verdana, sans-serif;
	color: #6F2300;
	padding-top: 15px;
}

#portal_logo img {
	float: left;
	border-width: 0px;
	padding-left: 15px;
	padding-right: 10px;
	display: inline;
	margin-right: 8px;
}

.portal_sub_features {
	color: white;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 16pt;
	height: 40px;
	background-color: #6F2300;
	border-color: #DBD8D4;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.portal_sub_features img, .portal_sub_features h1 {
	margin-top: 10px;
}

.portal_sub_features img {
	margin-left: 8px;
	margin-right: 3px;
}

#left_column {
	margin-top: 1px;
	background-color: #EEE2D9;
	border-right: 1px solid #DBD8D4;
	width: 180px;
}

#main_content {
	margin-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: justify;
	min-height: 400px;
}

#center_column {
	height: 100%;
	padding: 0px;
}

#right_column {
	width: 0px;
	display: none;
}

#portal_footer {
	text-align: center;
	font-family: Helvetica, Verdana, sans-serif;
	color: white;
	font-size: 8pt;
}

#portal_footer a, #portal_footer a:visited {
	color: white;
}


h1 {
	display: inline;
	overflow: hidden;
	font-weight: bold;
	font-size: 19pt;
	line-height: auto;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

h2, H2, .h2, .H2 {
	color: #955E44;
	text-align: center;
	font-weight: bold;
	font-size: 17pt;
               
}

h3, H3, .h3, .H3 {
	color: #003366;
	text-align: center;
	font-weight: bold;
	font-size: 14pt;
}

p {
	color: #333333;
}


a {
	color: #6F2300;
}

a:visited {
	color: #5F5B58;
}

a:hover {
	color: #AB8B7B;
}

.grid2 td {
    display: block;
    float: left;
    white-space: nowrap;
    width: 50%;
    box-sizing: border-box;
}
.grid td:nth-child(2n+3) {
    clear: left;
}

.grid3 td {
    display: block;
    float: left;
    white-space: nowrap;
    width: 33.3333333333%;
    box-sizing: border-box;
}
.grid td:nth-child(3n+4) {
    clear: left;
}

.grid4 td {
    display: block;
    float: left;
    white-space: nowrap;
    width: 25%;
    box-sizing: border-box;
}
.grid td:nth-child(4n+5) {
    clear: left;
}

.grid5 td {
    display: block;
    float: left;
    white-space: nowrap;
    width: 20%;
    box-sizing: border-box;
}
.grid td:nth-child(5n+6) {
    clear: left;
}