/*COMMON STYLE*/
body {
	margin: 0;
	padding: 0; 
	color: #000000;
	text-align: center;	
}
.pageContainer {
	border: solid 1px #3A77BA;
	width: auto;
}
a {
	color: #2472B2;	
}
a:active {
	color: #2472B2;	
}
a:hover {
	color: red;	
}

input.text, input.textLong {
	margin: 2px;
	border: solid 1px #3A77BA;
}

input.text {
	width: 100px;
}

input.textLong {
	width: 200px;
}

select {
	margin: 2px;
	border: solid 1px #3A77BA;
}

#selMonthCompany2 {
	top: 10px;
	left:20px;
	border: solid 1px red;
}

/*BUTTONS*/
button , input.button , .searchBtn {
	margin: 2px;
	border: solid 1px #3A77BA;
}

.error {
	color:red;
	font-weight:bold;
}

.btnPageing {
margin: 0px;
padding: 0px;
width: 15px;
height: 15px;
border: none;
background-color: transparent;
cursor: pointer;
}

.btnPageingdisabled {
margin: 0px;
padding: 0px;
width: 15px;
height: 15px;
border: none;
background-color: transparent;
cursor: default;
}

/*COMMON STYLE end*/

/*HEADER STYLE*/
.pageHeader {
	height:105px;
	width:auto;
	vertical-align:top;	
}
.pageHeader .imgLogo{
	float:left;
	height:105px;
	width:210px;
	background-image: url(/re/media/img/Logo_new3.gif);
	background-repeat:no-repeat;
}
.pageHeader span {
	margin: 20px;
	float:left;
	display:block;
	color: #004499;
	font-weight:bold;
	font-size:140%;
}

/*HEADER STYLE end*/
/* Favorite and search li elements */
.favorites, .searches, .presets {	
}

.tips {
	font-size:120%;
	font-weight:bold;
}

.tipDetails {
	font-weight:normal;
	margin-left: 17px;
}

.tipsName {
	font-size:110%;
	font-weight:bold;
}

.tipsDelimiter {
	color:#CCCCCC;
}

/*MENU STYLES*/
.menu {	
	background-color: #8AADD7;
	border-top: solid 1px #3A77BA;
	border-bottom: solid 1px #3A77BA;
	text-align:left;
	vertical-align:bottom;
	/* Deprecated height: 24px; */
	width:100%;
}
.menu div {
	padding:2px 10px 2px 10px;
	margin: 1px 1px 1px 1px;
	float:left;
	text-align:left;
	font-size: 90%;
	display:inline;		
}
.menu .separator {
	padding:0px;
	margin:0px;
	color: #FFFFFF;	
	font-weight: normal;
}
.menu .empty {
	width: 20%;
}
.menu .selected {
	background-color:#FFFFFF;
	border: solid 1px #3A77BA;	
	text-decoration: none;
	cursor: pointer;
	color: black;
	font-weight: bold;
}
.menu .onmouseover {
	color:#FFFFFF;
	background-color:#3A76BC;
	border: solid 1px #3A77BA;
	text-decoration: none;
	cursor: pointer;
}							
.menu .onmouseout {
	background-color:#014E82;
	color:#FFFFFF;
	text-decoration: none;
	cursor: pointer;
	border: solid 1px #3A77BA;	
}
/*MENU STYLES end*/

/*CONTENT STYLE*/
.content {
	text-align:center;
	
	width:100%;	
}

.contentLeft {
	margin: 1px 1px 1px 0px;
	padding: 5px;
	float: left;
	width: 138px;
	text-align: left;	
	overflow: hidden;	
}

.contentNone {
	margin: 1px 1px 1px 0px;
	padding: 5px;
	float: left;
	width: 138px;
	text-align: left;
	border-right: solid 1px white;
	overflow: hidden;
	height: 98%;
}
.contentMiddle {
/* 	width:auto;
	float: left;	
	*/
}

.contentMiddle .rowSeparator {
	height: 20px;
}
.content .header,  .contentMiddle .header {
	border: solid 1px #3A77BA;
 	padding: 2px 0px 2px 5px; 
 	font-size: 110%;
	background-color: #d1e2fe;
	margin-bottom: 0.2em;
}

/* POP UP */
.popupPanel {
	background: #D1E2FE;
}
.popupTable {
}

.popupBackgroundElement {
	overflow:hidden;
/*	width:100%;
	height:100%; */
	cursor: wait;
}
/* Main popup element */
.popupElement{

}

#hideExpand { 
	position:relative;
	top: 0px;
	right:5px;
	cursor: pointer;
	text-align: right;
}
img.hideExpand {
	float:right;
	width: 9px;
	/* position:relative;
	* top: -12px;
	* right:5px;
	*/
}

a.hideExpand {
	float:right; 
	margin-right:0.4em;
	text-decoration: none;
	text-align: right;
}

.contentMiddle .body {
	color: #666666;
	padding-bottom: 5px;
}

.ImageView {
	float:left;
	padding: 4px;	
}
/*CONTENT STYLE end*/

/*SEARCH PARAMETERS STYLE*/
.searchParametersTabs {
	padding: 5px 7px 0px 7px;		
}
.searchParametersTabs div {
	float:left;
	padding: 4px;
}
.searchParametersTabs .selected {
	border-top: solid 1px #3A77BA;
	border-left: solid 1px #3A77BA;
	border-right: solid 1px #3A77BA;
	border-bottom: solid 1px #FFFFFF;
	text-decoration: none;
	color: black;
	font-weight: bold;		
}
.searchParametersTabs .separator {
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #3A77BA;
	padding: 4px 2px 4px 2px;	
}
.searchParametersTabs .onmouseout {
	background-color:#014E82;
	color:#FFFFFF;
	text-decoration: none;
	cursor: pointer;
	border: solid 1px #3A77BA;		
}
.searchParametersTabs .onmouseover {
	color:#FFFFFF;
	background-color:#3A76BC;
	border: solid 1px #3A77BA;
	text-decoration: none;
	cursor: pointer;	
}
.searchParametersTabs .empty {
	width: auto;
	border-top: solid 1px #FFFFFF;	
	border-bottom: solid 1px #3A77BA;
	float:none;	
}

.searchParametersBody {
	border-left: solid 1px #3A77BA;
	border-right: solid 1px #3A77BA;
	border-bottom: solid 1px #3A77BA;
	margin: 0px 7px 5px 7px;
}

.searchParametersBody div {
	margin: 4px;
	float:left;
	text-align:left;
	vertical-align:middle;	
}

.searchParametersBody ul {
	list-style-type: none;
	width:200px;
	margin:          0;
	padding:         0;
	float:left;	
}

.searchParametersBody .liName
{
	display:    block;
	float:      left;	
	width:      25%;
	padding: 2px 0px 0px 0px;	
}

.searchParametersBody .liText {	
	display:    block;
	float:      left;	
	width:      65%;	
}

.searchParametersBody .liCheckBox {
	float:      left;	
	width:      70%;
	padding: 2px 0px 0px 0px;
}

.searchParametersBody label, .searchParametersBody .checkBox {
	margin: 0px 0px 2px 5px;	
}
.searchBtn {
	margin: 10px;
}

/* Search criteria tables */
table.searchCriteria {
	font-size: 90%;
}

span.delimiter {
  width: 20px;
   align: left;
}
	
/*SEARCH PARAMETERS STYLE end*/

/*SEARCH RESULTS STYLE*/
/*.searchResultTb td {
	padding: 0px 2px 0px 2px;
}*/
/*SEARCH RESULTS STYLE end*/

.listingDataGrid {
    border: solid 1px #3A77BA;
    width: 90%;
    float:      none;
    overflow:visible; 
}
.listingDataGrid table {
	float:      none;   
}

/* Property View tables */
table.view {
	font-size: 90%;
	display: table;
	align: left;	
	cellSpacing: 0;
	cellPadding: 0;
	border: 0; 
}

table.view td{
	padding: 1px 4px;
}

/*FOOTER*/
#ft {
	padding: 0.2em 0.3em;
}
#ft .footerCopyright {
	float:left;
	text-align: right;
	vertical-align:bottom;
	text-align: right;	
	
}
#ft .footerMenu {
	float:none;
	text-align: right;
	vertical-align:bottom;	
}
#ft .footerPowered {
	text-align: right;
	float:right;
}
/*FOOTER end*/

/* Filter */
.FilterLinkCursor {
	cursor:pointer;
}
/* EOF Filter */


/*GRID*/

.dataGrid {	
	/* Do not use border 
	* border: solid 1px #3A77BA;
	*/
	width: 100%;
}  

/* This fixes layout problem in IE when table width is greater than main column width. 
Table resizes to display all content. See http://www.w3.org/TR/REC-CSS2/tables.html#fixed-table-layout for some details. */
.dataGridContainer {
	width: 100%;
	overflow: auto;
}
.dataGrid-header-button {
	/*width: 15px;
	height: 15px;*/
	border: none;
	background-color: transparent;
	cursor:pointer;
}
.dataGrid-header {
	background-color: #8AADD7;
}

.dataGrid-cell, .dataGrid-cell-l, .dataGrid-cell-c, .dataGrid-cell-r {
	padding: 2px 2px;
}

.dataGrid-cell, .dataGrid-cell-l {
	text-align:left;
}
.dataGrid-cell-c {
	text-align:center;
}
.dataGrid-cell-r {
	text-align:right;
}

/* Row colors */
.dataGrid-row1 {
	background-color: #FFFFFF;
}
.dataGrid-row2 {
	background-color: #D3E6F5;
}

/* Pagination table used in data grid component */
.dataGrid-navigation{
}

.active-scroll-data
{
	position: absolute;
	overflow: hidden;
	top:      0px;
	left:     0px;
	width:    100%;
	height:   100%;
	padding:  18px 0px 0px 28px;
	z-index:  1;
}

.active-row-cell
{
	display: inline;
	overflow: hidden;
	text-overflow: ellipsis;
	width:   100px;
	height:  100%;
	padding: 0px 5px;
	line-height: 17px;
	vertical-align: top;
}

.gridHeaderHint {
	float: right;
}

/* ****************************************************** */
/* General Table - used do display misc. data grids.*/
table.General
{
	border-top: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	background-color: #ffffff;
}

table.General th
{
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	background-color: #F3F0C5; /* Might be #EDEAC0 or #FFFFCC */
	padding: 0.2em;
	text-align: center;
}

table.General td
{
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	padding: 0.2em;
	text-align: left;
}
table.General td.TextRight
{
	text-align: right;
}
table.General td.TextCenter
{
	text-align: center;
}	
table.General td.Empty
{
	text-align: center;
}
table.General td.Number, table.General td.NumberPos, table.General td.NumberNeg
{
	padding: 0.2em;
	text-align: right;
}
table.General td.NumberPos
{
	color: #008C00;
}
table.General td.NumberNeg
{
	color: Red;
}

table.General tr.Disabled
{
	background-color: #EEFFEE;
	color:  #808080;
}
table.General tr.Footer
{
	background-color: #EEEEEE;
}
table.General tr.FooterBold
{
	background-color: #EEEEEE;
	font-weight: bold;
}

/* ****************************************************** */
/* List Styles */
ul.List {
	padding-left:0.5em;
}
ul.Disc {
	list-style: disc; 
	padding-left:0.5em;
}	
ul.Disc li {
	margin-left:1em;
}
ul.List li {
	margin-left:1em;
}

/* ****************************************************** */
/* General Elements */
#bd h1 {
	margin-top: 0.2em;
	margin-bottom: 0.3em;
	font-size:140%;
}
#bd h2 {
	margin-top: 0.3em; 
	margin-bottom: 0.2em;
	font-size:130%;
}
#bd p {
	margin-bottom: 0.2em;
}


/* ****************************************************** */
#UserDefinedContent ol,
#UserDefinedContentul {
	list-style:disc;
	padding-left: 1.2em;
}
#UserDefinedContent strong,
#UserDefinedContent th{
	font-weight:bold;
}
#UserDefinedContent em{
	font-style:italic;
}

/* ****************************************************** */
/* Span Headers  - used to emphasize text*/
span.h1 {
	font-size:140%;
}

/* ****************************************************** */
.Layout_IFrame #yui-main .yui-b {
	background-color:#FFFFFF;
}
.Layout_IFrame #bd .yui-b {
	border:none; 
}

