/* **************************************************************************************************
*																									*
*	Crumb Trail																					*
*																									*
*************************************************************************************************** */
a.crumbLink 
{ text-decoration:underline; color:black; font-size: 10pt; font-family: arial; }

a.crumbLink:hover
{ color:#ff0000; font-size: 10pt; font-family: arial; }

.borderbottom {
    border-bottom: 1px solid black;
}

.padding-medium {
    padding: 1px;
}

.center {
    margin-left:auto;
    margin-right:auto;
}

/* **************************************************************************************************
*																									*
*	Button Styles																					*
*																									*
*************************************************************************************************** */
.CompleteInterviewButton, .DoNotCallButton, .YellowButton, .BlueButton, .DefaultButton
{
	background-color:#C0C0C0;
	font-weight:bold;
	font-size:12pt;
}

.CompleteInterviewButton
{
	background-color:Lime;
	font-size:14pt;
}

.DoNotCallButton
{
	background-color:Red;
	color:White;
}
.YellowButton
{
	background-color:Yellow;
}
.BlueButton
{
	background-color:Blue;
	color:White;
}


/* **************************************************************************************************
*																									*
*	Common Styles																					*
*																									*
*************************************************************************************************** */


BODY 
{
	font-family: arial, sans-serif;
	font-size: 10pt; 
    background: black url(../images/web-background2.jpg) no-repeat fixed center 0;
}

.normal, .normalbold, .errormessage, .infomessage, .warning, .small, .greensmall, .navysmall, .redsmall
{
	font-size: 8pt;
}

.bold 
{
	font-weight:bold;
}

.green  { 	color:Green; }
.greensmall { 	color:Green; }
.navysmall { 	color:Navy; }
.redsmall { color:red; padding-left: 3px; font-size: 8pt; }
.normalbold, .errormessage, .infomessage, .formlabel { 	font-weight:bold; }
.errormessage { 	color:Red; }
.infomessage { 	color:Green; }
.warning { 	background-color: Yellow; }

.FormInput 
{
	width:300px;
}

.SearchBox 
{
	width:150px;
}

.iconography 
{
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 2; 

	border:1px solid red;

	width:450px;
}

.iconography table {
    background-color: #d0d0d0;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.iconography td {
    padding: 3px;
}

.iconography .iconographyHeader {
    background-color: black;
    font-weight: bold;
    font-size: 12pt;
    color: white;
    width: 100%;
}

.iconography a {
    color: black; 
}


/* **************************************************************************************************
*																									*
*	Table Styles																					*
*																									*
*************************************************************************************************** */

.TableStyle 
{ background-color: white; border: solid 1px black; }

.contentStyle {
    background-color: lightgray;
}

.FillForm 
{ 
    border: black solid thin;

   vertical-align:top;
   }
.FillFormBottom 
{ 
    border-bottom: black solid thin;
}

.TableStyleNoBorder 
{
	background-color: white;
}

.HeaderRow, .HeaderRowBase, .HeaderRowB, .HeaderRowC, .HeaderRowD, .HeaderRowD, .HeaderRowE, .HeaderRowF
{ font-weight: bold; color: silver; background-color: black; text-decoration : none; font-size: 10pt; font-family: arial; }

.HeaderRow, .HeaderRowD, .HeaderRowE
{ font-size: 12pt; font-family: arial; }

.HeaderRow
{
	width : 650px;
}

.HeaderRowC, .HeaderRowD, .HeaderRowE
{ color: #b40000; font-family: arial; background-color: white; }

.HeaderRowD:hover
{ font-family: arial; text-decoration : underline; }

.HeaderRowF
{ color: black; font-family: arial; background-color: #d0d0d0; }

/* **************************************************************************************************
*																									*
*	Other Styles																					*
*																									*
*************************************************************************************************** */

#dhtmltooltip 
{
	font-size:10pt;
	position: absolute;
	width: 250px;
	border: 2px solid #666666;
	padding: 2px;
	background-color: White;
	visibility: hidden;
	z-index: 100;
	
}

.HelpButton
{
	font-weight: normal;
	color: Black;
	font-size: 8pt;
	background-color: White;
	border: solid 1px black;
}
.NewCustomerNoticeTitleBig
{
	font-size:16pt;
	color:red;
}

.NewCustomerNoticeTitleSmall
{
	font-size:8pt;
	color:red;
}
.NewCustomerNoticeTitleMedium
{
	font-size:12pt;
	font-weight:bold;
	color:red;
}

.BigButton
{
	font-size:18pt;
	font-weight:bold;
	color:red;
	width:175px;
	height:50px;
}
.MediumButton
{
	font-size:14pt;
	font-weight:bold;
	color:black;
	background-color: #D0D0D0;
	width:100px;
	height:30px;
}

.Disabled 
{
  color:#a0a0a0;
  background-color:white; 
  font-family:arial; 
  font-size:8pt; 
  border:solid 1px white;
  padding:2px 15px 2px 5px;
  cursor:pointer;
}

.DisabledOver 
{
  background-color:silver; 
  color:#a0a0a0;
  font-family:arial; 
  font-size:8pt; 
  border:solid 1px gray;
  padding:2px 15px 2px 5px;
  cursor:pointer;
}


P.breakhere {page-break-after: always}

.FieldLabel
{
	font-weight:bold;
	color:#B40000;
	vertical-align : top;
}

.FieldLabelCenter
{
	text-align:center;
	font-weight:bold;
}


.SearchBarText 
{
	font-size: 10pt;
}

.itembo
{
	font-size: 8pt; 
	vertical-align : top;
	border: solid 1px black;}
.itembo-Pre
{
	font-size: 8pt; 
	vertical-align : top;
	border: solid 1px black;
	background-color:#ffcccc
}
.itembo-Post
{
	font-size: 8pt; 
	vertical-align : top;
	border: solid 1px black;
	background-color:#ccffcc}
.itembo-Svc
{
	font-size: 8pt; 
	vertical-align : top;
	border: solid 1px black;
	background-color:#ccccff}
.headerbo
{
	font-weight:bold;
	color:#b40000;
	vertical-align : top;
	border: solid 1px black;}
	
	
.maininfored  { color: #B40000; font-size: 10pt; font-weight: bold; border: 0 }
.maininfo   { color: black; font-size: 10pt; font-weight: normal; border: 0 }
.biggray { color: #93968f; font-size: 25px; font-weight: bold; position: relative; z-index: 10; top: 0; left: 0 }

.bigred { color: #B40000; font-size: 32px; font-weight: bold; position: relative; z-index: 1; top: 0; left: 0 }
.biggray2{
line-height : 10px;
color: #4B4B4B;
font-size: 15px;
font-weight: bold;
position:relative;
top:22px;
left:50px;
z-index:10;}

.bigred2{line-height : 10px;
color: #B40000;
font-size: 22px;
font-weight: bold;
position:relative;
top:-21px;
left:0px;
z-index:1;}
.red
{
	font-size: 10pt; 
	color: #B40000;
}

.menubarerrors{
	font-size: 10pt;
	vertical-align : middle;
	text-decoration: none;
	color: #009900;
}


.menubar{
	font-size: 10pt;
	vertical-align : middle;
	text-decoration: none;
	color: Black;
	text-align: left;
}
.menubg {
    
    background-color: #D0D4DD;
}

.menubar:hover{
	color:#B40000;
	text-decoration: underline;
}

.menubarred{
	font-size: 10px;
	vertical-align : middle;
	text-decoration: none;
	color:#B40000;
}
.menubar1{
	font-size: 10px;
	vertical-align : middle;
	text-decoration: none;
	border:1px black;
	color:#b40000;
}
.menubar2{ color:#b40000; font-size: 9px; vertical-align : middle; text-decoration: none; border: 1px #000; }
.menubar3{
	height:16px;
	color:black;
	font-size: 9px;
	vertical-align : middle;
	text-decoration: none;
}
.menubar3s{
	height:16px;
	color:black;
	font-size: 9px;
	vertical-align : middle;
	text-decoration: none;
	font-weight:bold;
}

a { color: red; text-decoration: underline }
.GridStyle { border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid }
.ItemRow { font-weight: bold; font-size: 10pt; color: black; background-color: #fffff0 }
.ItemRow2 { font-weight: bold; font-size: 10pt; color: black; background-color: #f0f0f0 }
.WelcomeBar {font-size:8pt;}
.Justify {text-align:justify}	

.MenuItem
{ cursor:default; padding: 3px; border: solid 1px silver; font-size: 8pt; font-family: arial; background-color:silver;}

.MenuItemRed
{ color: red;  }

.MenuItemHover
{ cursor:pointer; padding: 3px; border: solid 1px #a9abb5; font-size: 8pt; font-family: arial;background-color:white;}

.MenuItemHoverRed
{ cursor:pointer; padding: 3px; border: solid 1px #a9abb5; font-size: 8pt; background-color:silver; color: red; font-family: arial; font-weight:bold; }
.transparentwhite
{ text-align:right; font-family:arial, sans-serif; font-size:10pt; }

.CustomerStatusLabel, CustomerStatus
{
	font-family:Verdana,Helvetica,Arial, Sans-Serif;
	font-size: 8pt;
}

.CustomerStatus
{
	color:Green;
}
.footertext { color: white; font-size: 8pt; font-family: arial; }
.logintext { color: white; font-size: 12pt; font-family: arial; }


.btn_accordion {
    color: red;
    font-weight: bold;
    width: 100%;
    clear: both;
}


.subtitle {
    font-size: 12pt;
    font-weight: bold;
    color: white;
    font-family: arial, helvetica, sans-serif;
    text-align: center;
}

.ui-icon-red {
    background-image: url(images/ui-icons_cc0000_256x240.png);
}