/*
10.09.2008 - MMWISLO
This is a generic style sheet for many of the tables and designs we use for AccessOnline
You can override individual settings (ie: fixed widths) by manipulating the object on the 
jsp using the style attribute (ie: style="width:500px")

Elavon
*/

@import "../circularFont.css";

#main {
	position:relative;
	visibility:visible;
	float:none;
	padding: 10px 10px 10px 10px;
	border-bottom: 0px solid #000000;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
	text-align: left;
	overflow: hidden;
	font-family: "Circular-USB" !important;
	width: 1000px !important; /*moz width*/
	width: 1000px; /*IE width*/
}

/*
container to hold data in div table layout
*/
div.usbTableDataStyle {
	position:static;
	float:left;
	visibility:visible;
	border-bottom: 1px groove #000066;
	border-top: 1px solid #000066;
	border-right: 1px groove #000066;
	border-left: 1px solid #000066;
	overflow: hidden;
	background-color: #FFFFFF;
	margin-right:0px;
	padding: 0px 0px 0px 0px;
	width: 790px; /*IE width*/
}

/*
container for table header row
*/
div.usbHeaderRow {
	display:inline-block;
	float:left;
	background-color: #efefef;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	border-bottom: 0px solid #000000;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
}

/*
container styles associated with a cell in the header row
*/
div.usbHeaderCell {
	position:relative;
	/*display:inline-block;*/
	float:left;
	border-bottom: 0px solid #000000;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	width:100px;
	overflow: hidden;
}

/*
container styles associated with a cell in the header row with a checkbox field
*/
div.usbHeaderCellCheckBoxColumn {
	display:inline-block;
	float:left;
	width:50px;
}


/*
specific content styles for header row cell
*/
div.usbHeaderCellContent {
	position:static;
	float:left;
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	padding-left:0.5em;
	vertical-align:middle;
}

/*
anchor tag style for header row cell
*/
div.usbHeaderCellContent a {
	color: #333333;
}

/*
container for table row with white background
*/
div.usbRow {
	display:inline-block;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	border-bottom: 0px solid #000000;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
	background-color: #FFFFFF;
	color: #000000;
	float:left;
}

/*
container for table row with shaded background
*/
div.usbRowShaded {
	display:inline-block;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	border-bottom: 0px solid #000000;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
	background-color: #eff3f7;
	color: #000000;
	float:left;
}

/*
container styles associated with a cell in the row
*/
div.usbCell {
	display:inline-block;
	float:left;
	border-bottom: 0px solid #000000;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
	padding-top:2px;
	padding-bottom:2px;
	width:100px;
}

/*
container styles associated with a cell in the row with a checkbox field
*/
div.usbCellCheckBoxColumn {
	display:inline-block;
	float:left;
	width:50px;
}

/*
specific content styles for row cell
*/
div.usbCellContent {
	position:static;
	float:left;
	width:100px;
	font-weight: normal;
	font-size: 16px;
	padding-left:0.5em;
	text-align: left;
	border-bottom: 0px solid #000000;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
	white-space:normal;
	word-wrap: break-word;
	overflow:hidden;
}

/*
anchor tag style for row cell
*/
div.usbCellContent a {
	color: #000066;
}

/*
manage content with UL object to control wrapping
*/
div.usbCellContent ul {
	list-style:none;
	margin:1px;
	padding-left:1px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	text-indent:-1px;
	word-wrap: break-word;
}

/*
manage content with LI object to control wrapping
*/
div.usbCellContent ul li {
	list-style-type:none;
	white-space:normal;
	word-wrap: break-word;
	overflow:hidden;
}


div.general {
	position:relative;
	float:none;
	visibility:visible;
	overflow:hidden;
	padding-top:3px;
	padding-bottom:3px;
	width: 780px !important; /*moz width*/
	width: 780px; /*IE width*/
}

div.general_cell_label {
	position:relative;
	float:left;
	visibility:visible;
	overflow:visible;
	padding-top:3px;
	padding-bottom:3px;
	width: 160px !important; /*moz width*/
	width: 160px; /*IE width*/
}

div.general_cell_label200 {
	position:relative;
	float:left;
	visibility:visible;
	overflow:visible;
	padding-top:3px;
	padding-bottom:3px;
	width: 200px !important; /*moz width*/
	width: 200px; /*IE width*/
}

div.general_cell_label250 {
	position:relative;
	float:left;
	visibility:visible;
	overflow:hidden;
	padding-top:3px;
	padding-bottom:3px;
	width: 250px !important; /*moz width*/
	width: 250px; /*IE width*/
}

div.numofrecords {
	position:relative;
	float:none;
	visibility:visible;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:10px;
	width: 780px !important; /*moz width*/
	width: 780px; /*IE width*/
}

div.backto {
	position:relative;
	float:left;
	visibility:visible;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:10px;
	width: 780px !important; /*moz width*/
	width: 780px; /*IE width*/
}

div.left_float {
	position:static;
	float:left;
}

div.hierPosLayout {
	display:inline-block;
	float:left;
	padding-right:20px;
	border:solid;
	border-width:0px;
	border-style:thin;
	white-space:nowrap; 
}

div.hierPosLayout label {
	height:20px;
}

/* controls the base table layout  */
ul.usbTABLE {
	float:left;
	display:inline-block;
	list-style-type: none;
	width:952px !important; /*moz width*/
	width:952px;
	border-top: 1px solid #000066;
	border-bottom: 1px groove #000066;
	border-right: 1px groove #000066;
	border-left: 1px solid #000066;
	padding-left:0px;
	margin-left:0px;
}

/* represents a row in the table  */
ul.usbTABLE li {
	float:left;
	color: #000000;
}

/* represents a shaded row in the table  */
ul.usbTABLE li.shaded {
	float:left;
	color: #000000;
	background-color: #eff3f7;
}

/* represents a column header container in a table  */
ul.usbTABLEHEADER {
	float:left;
	list-style-type: none;
	margin-left:0px;
	padding-left:0px; /* only used with moz*/
}

/* represents a column header in a table  */
ul.usbTABLEHEADER li {
	display: inline-block;
	float: left;
	width: 100px;
	background-color: #efefef;
	font-family: "Circular-USB" !important;
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	padding-left: 0.5em;
	padding-top: 2px;
	padding-bottom: 2px;
	word-wrap: break-word; /* only read by IE*/
	overflow: hidden;
	height: 40px;
}

/* represents a column header container for a sub level header in a table  */
ul.usbTABLEHEADER li ul {
	float:left;
	list-style-type: none;
	margin-left:0px;
	padding-left:0px; /* only used with moz*/
}

/* represents a column header for a sub level header in a table  */
ul.usbTABLEHEADER li ul li {
	display:inline-block;
	float:left;
	width:100px;
	background-color: #efefef;
	font-family: "Circular-USB" !important;
	color: #333333;
	font-weight: bold;
	font-size: 16px;
	padding-left:0.0em;
	padding-top:0px;
	padding-bottom:2px;
	word-wrap: break-word; /* only read by IE*/
	overflow:hidden;
}

/* represents a column table cell container in a table  */
ul.usbTABLECELL {
	list-style-type: none;
	margin-left:0px;
	padding-left:0px; /* only used with moz*/
}

/* represents a column table cell in a table  */
ul.usbTABLECELL li {
	float:left;
	width:100px;
	font-family: "Circular-USB" !important;
	font-weight: normal;
	font-size: 16px;
	padding-left:0.5em;
	text-align: left;
	padding-top:2px;
	padding-bottom:2px;
	word-wrap: break-word; /* only read by IE*/
	overflow:hidden;
}

/* represents a column table cell container for a sub level entry in a table  */
ul.usbTABLECELL li ul {
	float:left;
	list-style-type: none;
	margin-left:0px;
	padding-left:0px; /* only used with moz*/
}

/* represents a column table cell for a sub level entry in a table  */
ul.usbTABLECELL li ul li {
	float:left;
	width:100px;
	font-family: "Circular-USB" !important;
	font-weight: normal;
	font-size: 16px;
	padding-left:0.0em;
	text-align: left;
	padding-top:0px;
	padding-bottom:2px;
	word-wrap: break-word; /* only read by IE*/
	overflow:hidden;
}

ul.usbLABEL {
	float: left;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px; /* only used with moz*/
}

/* represents a text label for a form field element  */
ul.usbLABEL li {
	float: left;
	width: 130px;
	font-family: "Circular-USB" !important;
	font-weight: normal;
	font-size: 16px;
	padding-left: 0.5em;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	word-wrap: break-word; /* only read by IE*/
	overflow: hidden;
}

ul.usbLABEL li ul {
	float: left;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px; /* only used with moz*/
}

/* represents a text label for a form field element  */
ul.usbLABEL li ul li {
	float: left;
	width: 130px;
	font-family: "Circular-USB" !important;
	font-weight: normal;
	font-size: 16px;
	padding-left: 0.5em;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 0px;
	word-wrap: break-word; /* only read by IE*/
	overflow: hidden;
}

ul.OMCustomField_UL {
	float:left;
	list-style-type: none;
	margin-left:0px;
	padding-left:0px; /* only used with moz*/
	width: 780px !important; /*moz width*/
	width:750px;
	border-top: 0px solid #000066;
	border-bottom: 0px groove #000066;
	border-right: 0px groove #000066;
	border-left: 0px solid #000066;
}

/* represents a container for a label/field pair element for custom field  */
ul.OMCustomField_UL li {
	border-top: 0px solid #000000;
	border-bottom: 0px groove #000000;
	border-right: 0px groove #000000;
	border-left: 0px solid #000000;
	float:left;
	width:250px;
	font-family: "Circular-USB" !important;
	font-weight: normal;
	font-size: 12px;
	padding-left:0.0em;
	text-align: left;
	padding-top:0px;
	padding-bottom:0px;
	word-wrap: break-word; /* only read by IE*/
	overflow:hidden;
}

ul.OMCustomField_UL li ul {
	float:left;
	list-style-type: none;
	margin-left:0px;
	padding-left:0px; /* only used with moz*/
}

/* represents a text label for a small text box field element  */
ul.OMCustomField_UL li ul li.OMLABEL {
	border-top: 0px solid #cd1010;
	border-bottom: 0px groove #cd1010;
	border-right: 0px groove #cd1010;
	border-left: 0px solid #cd1010;
	float:left;
	width:120px;
	font-family: "Circular-USB" !important;
	font-weight: normal;
	font-size: 12px;
	padding-left:0.0em;
	text-align: left;
	padding-top:0px;
	padding-bottom:0px;
	word-wrap: break-word; /* only read by IE*/
	overflow:hidden;
	height:30px;
}

/* represents a text label for a small text box field element  */
ul.OMCustomField_UL li ul li.OMFIELD {
	border-top: 0px solid #1be32e;
	border-bottom: 0px groove #1be32e;
	border-right: 0px groove #1be32e;
	border-left: 0px solid #1be32e;
	float:left;
	width:120px;
	font-family: "Circular-USB" !important;
	font-weight: normal;
	font-size: 12px;
	padding-left:15px;
	text-align: left;
	padding-top:0px;
	padding-bottom:0px;
	word-wrap: break-word; /* only read by IE*/
	overflow:hidden;
	height:30px;
}

.OMPosLayer {
	position:absolute;
	padding-left:0px;
	bottom:0px;
}

.EDN_ROW_PROPS {

}
.EDN_IMG_PROPS {
	position:relative;
	width:20px;
	padding-left:5px;
	padding-top:5px;
	background-color:#f0f0f0;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-top: 0px solid #000000;
	border-bottom: 1px solid #ffffff;
	vertical-align:top;
	
}

.EDN_TBL_ROW_PROPS {
	position:relative;
	height:25px;
	width:505px;
	padding-left:5px;
	padding-top:5px;
	background-color:#f0f0f0;
	border-bottom: 1px solid #ffffff;
}

.EDN_LINK_PROPS {
	position:relative;
	float:left;
	width:470px;
	
}
.EDN_LINK_PROPS_1 {
	position:relative;
	float:left;
	width:400px;
	border-bottom: 0px solid #000000;
}
.EDN_LINK_PROPS_2 {
	position:relative;
	float:left;
	width:70px;
	border-bottom: 0px solid #000000;
}

.EDN_TEXTDESC_PROPS {
	position:relative;
	float:left;
	visibility:hidden;
	display:none;
	width:400px;
	padding-left:10px;
	border-bottom: 0px solid #000000;
	
}

.EDN_FRAMED_TBL {
	width:555px;
	height:200px;
	overflow:scroll;
	scrollbar-track-color:f0f0f0;
	scrollbar-face-color:f0f0f0;
	border:solid;
	border-width:2px;
	border-style:thin;
	border-color:#000000;
}