﻿
/* -------------- ADDITIONAL STYLES -------------- */

/* HIDE GRID COLUMNS */
 .HiddenColumn{display:none;} 

/* ASP.Net Panels */
legend { color: #7DB43D; } 
fieldset {-moz-border-radius: 7px; border-radius: 7px; padding: 4px}

/* BASKET HEADING */
.basketSmallWhite { width: 110px; text-align: left; float: right;}
.basketSmallWhite legend {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 18px; font-weight: normal; color: #DEDEDE; text-decoration: none;}
.basketSmallWhite fieldset {-moz-border-radius: 7px; border-radius: 7px; padding: 4px}

/* CAMPAIGN IMAGE PANEL */
.campaignImage { float: left; margin: 15px; }

/* MODAL POPUP PANELS*/
.modalPanelHeader {font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: 23px; font-weight: normal; color: #7DB43D; text-decoration: none;}
.modalPanelHeader td.title {cursor: crosshair; background-color: #EFEFEF; padding: 5px 5px 5px 15px;}
.modalPanelHeader td.close {cursor: pointer; background-color: #EFEFEF; padding: 5px 5px 5px 15px; text-align: right;}
.modalPanelText {font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 12px; line-height: 18px; font-weight: normal; color: #333333; text-decoration: none; padding: 5px 5px 5px 15px;}

/* LARGE WHITE PANEL ON RIGHT FOR USE WITH NO NAV BAR */
#whiteRightWide { float:left; width: 917px; margin-left:10px; background:url(../images/wide_backer2.jpg); text-align:left; }
.widecol { width:570px; float:left; margin:20px 0 0 35px; clear:both; border-bottom: 1px dotted #D3D3D3; padding-bottom:25px; }
	#headnote { width:300px; float:right; font-family: Arial, Helvetica, sans-serif; font-size: .7em; color:#C0C0C0; text-align:right; }
	.widecol #headnote img { border-width: 0px;	vertical-align: middle; margin-left:5px; }
	.widecol .col3_a { width:117px; float:left; margin:15px 15px 20px 0  }
	.widecol .col3_b { width:300px; float:left; margin:25px 15px 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: .7em; color:#333333; }
		.widecol .col3_b p a { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color:#55881a; font-size: 1em; padding: 5px 0 10px 0; text-decoration:none}
		.widecol .col3_b p a:hover { text-decoration: underline}
	.widecol .col3_c { width:110px; float:left; margin:55px 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-size: .6em; color:#0a1956; text-align:right }
		.widecol .col3_c p img { border-width: 0px;	vertical-align: middle; margin-left:5px; }

/* MULTI-LINE TEXTBOXES */
.fieldMultiLong {width:200px; height:40px; border: 1px solid #7DB43D; text-indent:4px; font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 12px; font-weight: normal; color: #333333;text-decoration:none}

/* CHECK BOXES */
.checkBoxList input {border: 1px solid #7DB43D; }


.tableTitleTint {background-color:#BED99E; text-align:center; border: 1px solid #FFFFFF; padding-right:10px; font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 11px; font-weight: bold; color: #333333;text-decoration:none; height:20px}

.tableTitleWht {background-color:#DEDEDE; text-align:left; padding:5px; font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 11px; font-weight: normal; color: #333333;text-decoration:none; height:15px}
.tableTitleWht td {padding:5px;}

.tableTitleLight {background-color:#DEECCE; text-align:left; padding:5px; font-family: Arial, Helvetica, sans-serif; margin-top:0px; font-size: 11px; font-weight: normal; color: #333333;text-decoration:none; height:15px}
.tableTitleLight td {padding:5px;}


/* Base Styles */
.Aspect option
{
	font-family:Verdana;
	text-transform:lowercase;
	color:Navy;
	font-size:8pt;
}
/* End - Base Styles */

/* Data Grid Styles */
.GridClass
{
  cursor: default
}

.l1RowClass
{
  background-color: #BED99E
}

.l2RowClass
{
  background-color: #dedede
}

.l1DataCell 
{
  border: #666666 1px solid;
  padding-right: 4px;
  font-size: 10px;
  font-weight: bold;
  cursor: default;
  font-family: verdana
}

.l2DataCell 
{
  padding-right: 4px;
  padding-left: 4px;
  font-size: 9px;
  cursor: default;
  font-family: verdana
}

.l1AlternatingRowClass 
{
  background-color: #DEECCE;
}

.l2AlternatingRowClass 
{
  background-color: #cccccc
}

.HeaderClass 
{
  font-weight: bold;
  font-size: 10px;
  font-family: verdana
}

.l1HeadingCellClass 
{
  padding-right: 10px;
  padding-left: 4px;
  height: 20px
}

.l1HeadingTextClass 
{
  padding-left: 5px;
  font-weight: bold;
  font-size: 10px;
  font-family: verdana;
  white-space: nowrap
}

.l1HeadingRowClass 
{
  background: url(images/blue_bg.gif)
}

.l2HeadingCellClass 
{
  padding-right: 10px;
  padding-left: 4px;
  height: 20px
}

.l2HeadingTextClass 
{
  padding-left: 5px;
  font-weight: bold;
  font-size: 10px;
  font-family: verdana;
  white-space: nowrap
}

.l2HeadingRowClass 
{
  background: url(images/blue_bg.gif)
}

.SelectorCell 
{
  border-right: 0px;
  border-top: 0px;
  background: url(images/blue_bg.gif);
  border-left: 0px;
  border-bottom: 0px;
  height: 20px
}

.l1SelectedRowClass 
{
  border-right: #040484 1px solid;
  border-top: #040484 1px solid;
  border-left: #040484 1px solid;
  border-bottom: #040484 1px solid;   
  background-color: #90a8d0
}

.l2SelectedRowClass 
{
  border-right: #040484 1px solid;
  border-top: #040484 1px solid;
  border-left: #040484 1px solid;
  border-bottom: #040484 1px solid;   
  background-color: #90aaaa
}

.SelectedRowClass TD.DataCell 
{
  border-right: #90a8d0 1px solid
}

.IndentCell 
{
  border-right: 0px;
  background: #A9A0A9;
  height: 20px;
}
/*End - Data Grid Styles */

/* Aspect Table Styles */
.verticaltext th
{
	font-family:Verdana;
	color: #0000FF;
	writing-mode: tb-rl;
	filter: flipH() flipV();
}

tr.highlight{ 
    background-color: #B8CDDC;
    cursor: pointer;
}

td.CellDark
{
	background-color: #85C247;
	color: white;
}

td.CellLight
{
	background-color: #c6ef8c;
	color: Gray;
}

/* End - Table Styles */

/* Modal PopUp Styles */
.modalBackground
{
	background-color: Gray;
	filter:alpha(opacity=60);
	opacity:0.6;
}

table.headerBar td
{
	color: #EFEFEF;
	background-color:#A9A0A9;
	font-size:16px; 
	font-weight: bold;
	padding: 5px 5px 5px 15px;
}


/* End - Modal PopUp Styles */

/* Div Styles */
#divMainBackground
{
	width: 100%;
    background-color: #EFEFEF;
    min-height: 600px;
}

#divMainHeader
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
    background-color: #FFFFFF;
}

#divMainHeaderImage
{
	margin-left: auto;
	margin-right: auto;
    background-color: #FFFFFF;
}

#divMainNavigation
{

	height: 195px;
	margin-left: auto;
	margin-right: auto;
    background-color: #FFFFFF;
}

#divMainBody
{
	width: 998px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border: solid 1px #908090;
	min-height: 500px;
}

#divMainContent
{
	width: 998px;
	background-color: #FFFFFF;
}

#divMainImageLeft
{
	width:350px;
	float:left;
	text-align:left;
    background-color: #FFFFFF;
	padding: 5px 0px 5px 15px;
}

#divMainImageRight
{
	width:350px;
	float:right;
	text-align:right;
    background-color: #FFFFFF;
	padding: 5px 15px 5px 0px;
}

#divHeaderBar
{
	color: #EFEFEF;
	background-color:#A9A0A9;
	font-size:16px; 
	font-weight: bold;
	padding: 5px 5px 5px 15px;
}

#divContentBox
{
	padding: 5px 15px 5px 15px;
}

/* End - Div Styles */


.FormPanels
{
	padding: 10px 10px 10px 10px;
}
