/*
Default cascading stylesheet for Valeo Web v3
'============================================================================================
This file is provided as part of the DFM web template library. 
THIS CODE AND INFORMATION IS PROVIDED "AS IS" WITHOUT WARRANTY OF ANY KIND, 
EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE IMPLIED 
WARRANTIES OF MERCHANTABILITY AND/OR FITNESS FOR A PARTICULAR PURPOSE. 
Copyright (C) 2007-2012 Imaginos Multimedia Studios, All rights reserved.
'============================================================================================ 
*/

/* Body styles */
body    {
	background-color: #000033;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	LETTER-SPACING: normal;
	TEXT-TRANSFORM: none;
	WORD-SPACING: normal;
	color: #FFFFCC
}

/* Heading styles */
h2, h3, h4, th, thead, tfoot    {
    COLOR: #CC99FF;
}

h1  {
    color:#CCFF00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-style:	normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing:	normal;
	text-transform:	none;
}	
		
h2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-style:	normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
h3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style:	normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing:	normal;
	text-transform:	none;
	}
		
h4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 500;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing:	normal;
	text-transform:	none;
	}
		
		
/* Table styles */
thead, tfoot	{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	word-spacing: normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
th	{	
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:	baseline;
	font-size: 1.5em;
	font-weight: bold;
	word-spacing: normal;
	letter-spacing:	normal;
	text-transform:	none;
	}

td	
	{
	color: #FFFFCC;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:	top;
	font-size: .9em;
	font-weight: normal;
	word-spacing: normal;
	letter-spacing:	normal;
	text-transform:	none;
	}

/* Hyperlink styles */
	
/* Block quotes, small and big caps */
SMALL	{	
	font-size: .7em;
	}	

BIG	{	
	font-size: 3em;
	}	

BLOCKQUOTE, PRE	{	
	font-family: Bookman Old Style; font-size: 1.25em; color:#CCFF99
	}	
	
/* Outline styles */
UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

/* Image styles */
IMG 	{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	}
	
HR		
{
	text-align:left;
	border-color:#CCFF00;
	border-style:solid;
	border-width:1px;
}

A:link	{	
	text-decoration: none;
	color: #CCFF66;
	}	
		
A:visited	{	
	text-decoration: none;
	color: #FF3399;
	}	
		
A:active	{	
	text-decoration: none;
	color: #CCFF66;
	}	
		
A:hover	{	
	text-decoration: underline;
	color: #FFFFCC;
	}

Legal:link	{	
	text-decoration: none;
	color: #333366;
	}	
		
Legal:visited	{	
	text-decoration: none;
	color: #333366;
	}	
		
Legal:active	{	
	text-decoration: none;
	color: #333366;
	}	
		
Legal:hover	{	
	text-decoration: underline;
	color: #FFFFCC;
	}

/* Layout */
.layout-login {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: .7em;
	FONT-WEIGHT: normal;
	LETTER-SPACING:normal;
	TEXT-TRANSFORM: none;
	text-align:right;
	vertical-align: middle;
	WORD-SPACING: normal;
	border-style:none;
	width: 1280px;
}

.layout-caption {
	COLOR: #333366;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: .7em;
	FONT-WEIGHT: normal;
	LETTER-SPACING:normal;
	TEXT-TRANSFORM: none;
	text-align: center;
	vertical-align: middle;
	WORD-SPACING: normal;
	width: 100%
}

.layout-page {
	width: 1280px;
	vertical-align:top;
	margin:0px
}
	
.layout-sidebar
{
	width: 256px; 
	vertical-align:top;
	border-width:1px;
	border-style:solid;
	background-color:#666699;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: .9em;
	FONT-WEIGHT: normal;
	LETTER-SPACING: normal;
	TEXT-TRANSFORM: none;
	text-align: center;
	WORD-SPACING: normal
}

.layout-body-content
{
	width: 1024px; 
	vertical-align: top;
	border-color: #666699;
	border-width: 1px;
	border-style: solid;
	background-color:#333366;
	color: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	LETTER-SPACING:normal;
	TEXT-TRANSFORM: none;
	text-align:left;
	WORD-SPACING: normal
}

.layout-body-co11
{
	width: 512px; 
	vertical-align: top;
	border-color: #666699;
	border-width: 1px;
	border-style: solid;
	background-color:#333366;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	LETTER-SPACING:normal;
	TEXT-TRANSFORM: none;
	text-align:left;
	WORD-SPACING: normal
}
.layout-body-co12
{
	width: 512px; 
	vertical-align: top;
	border-color: #666699;
	border-width: 1px;
	border-style: solid;
	background-color:#333366;
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	LETTER-SPACING:normal;
	TEXT-TRANSFORM: none;
	text-align:left;
	WORD-SPACING: normal
}

.layout-trailer
{
	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: .7em;
	FONT-WEIGHT: normal;
	LETTER-SPACING:normal;
	TEXT-TRANSFORM: none;
	text-align:center;
	WORD-SPACING: normal
}

.scan-content
{
	COLOR: #FFCC66;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 1.2em;
	FONT-WEIGHT: bold;
	LETTER-SPACING: normal;
	TEXT-TRANSFORM: none;
	WORD-SPACING: normal
}

.body-content-table
{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:10px;
	vertical-align:top;
}
.body-content-1col
{
	width:90%; 
	padding:10px;
	border-color:#666699;
	border-width:1px;
	border-style:solid;
	background-color:#333366;

	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	LETTER-SPACING:normal;
	TEXT-TRANSFORM: none;
	text-align:left;
	vertical-align:top;
	WORD-SPACING: normal
}
.body-content-2col
{
	width:45%;
	padding:10px;
	border-color:#666699;
	border-width:1px;
	border-style:solid;
	background-color:#333366;

	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	LETTER-SPACING:normal;
	TEXT-TRANSFORM: none;
	text-align:left;
	vertical-align:top;
	WORD-SPACING: normal
}

.body-content-2Acol
{
	width:40%;
	padding:10px;
	border-color:#666699;
	border-width:1px;
	border-style:solid;
	background-color:#333366;

	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	LETTER-SPACING:normal;
	TEXT-TRANSFORM: none;
	text-align:left;
	vertical-align:top;
	WORD-SPACING: normal
}
.body-content-2Bcol
{
	width:55%;
	padding:10px;
	border-color:#666699;
	border-width:1px;
	border-style:solid;
	background-color:#333366;

	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	LETTER-SPACING:normal;
	TEXT-TRANSFORM: none;
	text-align:left;
	vertical-align:top;
	WORD-SPACING: normal
}

.body-content-3col
{
	width:30%;
	padding:10px;
	border-color:#666699;
	border-width:1px;
	border-style:solid;
	background-color:#333366;

	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 1em;
	FONT-WEIGHT: normal;
	LETTER-SPACING:normal;
	TEXT-TRANSFORM: none;
	text-align:left;
	vertical-align:top;
	WORD-SPACING: normal
}

.accessible-table
{
	WIDTH: 400px;
	padding: 5px;
	border-style:solid;
	border-width:2px;
	border-color:#003366;

	COLOR: #ffffff;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: .7em;
	FONT-WEIGHT: normal;

	LETTER-SPACING:normal;
	TEXT-TRANSFORM: none;
	TEXT-ALIGN: left;
	WORD-SPACING: normal
}

/* Input types */
.input-button {
	border-right: #ffff00 1px solid; 
	border-top: #ffff00 1px solid; 
	border-left: #ffff00 1px solid; 
	border-bottom: #ffff00 1px solid; 
	font-size: 10pt; 
	color: #000000; 
	background-color: #99ff00;
}

.input-textbox {
	border-right: #FFFFCC 1px solid; 
	border-top: #FFFFCC 1px solid; 
	border-left: #FFFFCC 1px solid; 
	border-bottom: #FFFFCC 1px solid; 
	font-size: 10pt; 
	color: #CCFF99; 
	background-color: #000033;
}

/* Body Table Styles */
.body-table {
	COLOR: #000033;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	FONT-SIZE: .8em;
	FONT-WEIGHT: normal;
	LETTER-SPACING: normal;
	TEXT-TRANSFORM: none;
	WORD-SPACING: normal
}

/* Login Styles */
.Login-Div {
	border-collapse: collapse;
	text-align:center
}

.Login-Envelope {
	border-collapse: collapse;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal; 
	color: #ffffff; 
	background-color: #000033;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px
}

.login0
{
	border-collapse: collapse;
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold; 
	color: #ccff00; 
	background-color: #333366;
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px
	}

.login1
{
	text-align:center; 
	vertical-align:middle; 
	padding:15px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold; 
	color: #ccff00; 
	background-color: #6b696b;
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px
	}
	
/* Content Table Styles */
.content-table-caption {
	background-color: #666699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #CCCCFF;
	text-align: left;
	border-style: outset;
	border-width: 1px;
	border-color: #9999CC;
}
.content-table-col-header {
	background-color: #CCCCFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000033;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #9999CC;
}
.content-table-row-header {
	background-color: #669999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #CCFFFF;
	text-align: right;
}
.content-table-cell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}


/* Text Around */
.textAroundMe 
{
	padding-right:5px;
	padding-bottom:5px;
	float: left
}

/* User App Menu Table Styles */
.commercial-table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	border-style: solid;
	border-width: 1px;
	border-color: #666699;
	padding: 3px;
	width: 760px;
}
.commercial-table-col-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #9999CC;
}
.content-table-row-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
}
.commercial-table-cell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

/* Preferences Table Styles */
.pref-table-caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	color: #003399;
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCFF;
}
.pref-table-col-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #003399;
	text-align: center;
}
.pref-table-row-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
}
.pref-table-cell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

/* Validation Status Styles */
.validation-status-fail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #CC3366;
}

/* Label Status Styles */
.label-status-save-success {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #669900;
}

/* Trailer Styles */
.trailer-envelop {
	border-color: #CCCCFF;
	border-width: 1px;
	border-style: solid;
}
.trailer-envelop-cell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #CCCCFF;
	text-align: center;
}

/* Banner Styles */
.banner-page-tab {
	background-color: #003399;
	padding-left: 10px;
	text-align: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5em;
	color: #FFFFFF;
}
.banner-menu-tab {
	border-color: #CCCCCC;
	border-width: 1px;
	border-style: solid;
	text-align: right;
}
.banner-menu-links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #003366;
	text-decoration: underline;
}


/* Menu Styles (Infragistics WebMenu) */
.MenuMainDisabled {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;

	background-color: #666666;
	border-color: #999999;
	border-width: thin;
	border-style: solid;
}
.MenuMainHoverItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;

	background-color: #003366;
	border-color: #333399;
	border-width: thin;
	border-style: solid;
}
.MenuMainIsland {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #663399;

	background-color: #FFFFFF;
	border-color: #999999;
	border-width: thin;
	border-style: groove;
}
.MenuMainItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #663399;

	background-color: #CCCCFF;
	border-color: #666699;
	border-width: thin;
	border-style: solid;
}
.MenuMainLeafItem { 
}
.MenuMainParentItem {
}
.MenuMainSeparator {
	background-color: #000099;
	border-color: #6666CC;
	border-width: thin;
	border-style: solid;

	margin: 0px 0px 0px 0px;
}
.MenuMainTopLevelLeafItem {
}
.MenuMainTopLevelParentItem {
}
.MenuMainTopSelected {
}

.MenuPersonalDisabled {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;

	background-color: #666666;
	border-color: #999999;
	border-width: thin;
	border-style: solid;
}
.MenuPersonalHoverItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #003366;

	background-color: #FFFFFF;
	border-color: #336699;
	border-width: thin;
	border-style: solid;
}
.MenuPersonalIsland {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;

	background-color: #003366;
	border-color: #336699;
	border-width: thin;
	border-style: solid;
}
.MenuPersonalItem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;

	background-color: #0066CC;
	border-color: #336699;
	border-width: thin;
	border-style: solid;
}
.MenuPersonalLeafItem { 
}
.MenuPersonalParentItem {
}
.MenuPersonalSeparator {
	background-color: #000033;
	border-color: #336699;
	border-width: thin;
	border-style: solid;

	margin: 0px 0px 0px 0px;
}
.MenuPersonalTopLevelLeafItem {
}
.MenuPersonalTopLevelParentItem {
}
.MenuPersonalTopSelected {
}

/* Sociable Toolbar */
div.sociable {
	margin: 10px;
}

span.sociable_tagline {
	position: relative;
	font-family:Arial;
	font-size:xx-small
}

span.sociable_tagline span {
	display: none; 
	width: 14em; 
}

span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	display: inline !important;
	margin: 0;
	padding: 1px;
	background: none;
	list-style-type: none;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	-moz-opacity: .4;
}
.sociable-hovers:hover {
	-moz-opacity: 1;
}



/* Infragistics WebCombo */
.ComboTextBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #663399;

	background-color: #FFFFFF;
	border-color: #999999;
	border-width: thin;
	border-style: groove;
}
.ComboFooter {
}
.ComboFrame {
}
.ComboHeader {
}
.ComboRowAlternate {
}
.ComboRowSelector {
}
.ComboRowSelected {
}
.ComboRow {
}
.ComboRowSelected {
}


/* Infragistics WebGrid */
.GridAddNewButton {
}
.GridAddNewBox {
}
.GridAddNewRowDefault {
}
.GridEditCellDefault {
}
.GridFixedCellDefault {
}
.GridFixedFooterDefault {
}
.GridFixedHeaderDefault {
}
.GridFooterDefault {
}
.GridFormulaErrorDefault {
}
.GridFrame {
}
.GridGroupBy {
}
.GridGroupByBandLabel {
}
.GridGroupByRowDefault {
}
.GridHeaderDefault {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;

	background-color: #666666;
	border-color: #999999;
	border-width: thin;
	border-style: solid;
}
.GridPagerCombo {
}
.GridRowAlternateDefault {
}
.GridRowExpAreaDefault {
}
.GridRowSelectorDefault {
}
.GridSelectedGroupByRowDefault {
}
.GridSelectedHeaderDefault {
}
.GridSelectedRowDefault {
}

/* Listings Table */
.listingBldgHeader {
    width: 800px;
    font-family: Arial; 
    border-top-style: none; 
    border-right-style: none; 
    border-left-style: none; 
    border-bottom-style: none;
    background-color: transparent; 
}           
.listingBldgHeaderLeftCell {
    width: 300px;
    font-family: Arial Black; 
    text-align:left;
    padding: 5px;
}           
.listingBldgHeaderRightCell {
    width: 500px;
    text-align:right;
    padding: 5px;
}           

.listingTable {
    width: 800px;
    font-family: Arial; 
    border-top-style: none; 
    border-right-style: none; 
    border-left-style: none; 
    border-bottom-style: none;
    background-color: transparent; 
}           
.listingHRow {
    background-color: #FF9933;
    color:#000000;
}           
.listingHCell {
    width: 300px;
    font-family: Arial Black; 
    text-align: center;
    padding: 5px;
    background-color: #FF9933;
    color:#000000;
}           
.listingCell1 {
    width: 100px;
    font-family: Arial; 
    text-align: left;
    padding: 5px;
    background-color: #CCFFFF;
    color:#000000;
}           
.listingCell2 {
    width: 100px;
    font-family: Arial; 
    text-align: left;
    padding: 5px;
    background-color: #CCFFCC;
    color:#000000;
}           
Listing:Link {	
	text-decoration: none;
    font-family: Arial; 
    font-weight: bold;
    color: #0066CC;
	}