/* ================================
   FmtTools
   Copyright (c) 2009 by Kreko.com
   Developed by: Luis Cabrera
   luis@kreko.com
   ================================*/

/* Misc Styles */
.LineSeparator {height: 15;}
.lblPageTitleStyle {font-family: Arial; font-size: 16px; font-weight: bold; color: #000000;}
.lblPageDescStyle {font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: normal; color: #000000; line-height: 20pt;}
.HorizontalLineStyle {color: #bbbbbb;}
.GlobalMessageStyle {padding-left: 15px;}

#tblIpAuthentication td {height: 22px;}
	
/* Validator Styles */
.validatorCalloutHighlight {background-color: lemonchiffon;}

/* Form Styles */
.MainTable {border: solid 0px #04447C;}
.MainTable tr {vertical-align: top;}
.PageHeader {font-weight: bold; font-size: 13pt; color: #5f9810; font-family: Helvetica; background-color:#ffffff;}
.PageSubHeader {font-weight: bold; font-size: 9pt; color: #5f9810; font-family: Helvetica; background-color:#ffffff;}
.SmallRed {color: #CC0033; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;text-align: left; line-height: 25px;}
.Version {font-family: Tahoma;font-size: 10px;color: Gray;}
.hand {cursor: pointer;}
.Upper {text-transform:uppercase;}
.hidden {display:none}
.BoldText {font-weight: bold;}
.labelStandard {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans Serif; font-weight: normal;}
.labelBold {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans Serif; font-weight: bold;}
.formTextBox {font-size: 9pt;font-family:  Verdana, sans-serif; border: solid 1px #a9a9a9;}
.formClearTextBox {font-size: 9pt;font-family:  Verdana, sans-serif; border: solid 0px #a9a9a9;}
.formFormat {font-size: 8pt;font-family:  Verdana, sans-serif; color: #808080;}
.FormTRStyle {height:15px;}
.FormTDStyle {Width:100px;}
.FormTDStyleEssay {Width:125px;}
.buttonStandard {FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans Serif; font-weight: normal;}
/* Data Entry Forms */
a.VerifyLink:link {font-family: Verdana;font-size: 10px;text-decoration:none;color: #646464; cursor: pointer;}
.ValidationText {color: #CC0033; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;text-align: left; line-height: 25px;background-color: #ffffae;}
.Label {font-size:11px; color:#172169; font-family:Verdana}
.LabelSmall {font-size:9px; color:#172169; font-family:Verdana}
.Label13Green {font-size:13px; color:#5f9810; font-family:Verdana}
.LabelRed {font-size:12px; color:Red; font-family:Verdana}
.MainContainer {margin: 0 auto; text-align: left; margin-top: 0px; border: solid 0px black; padding: 0px 0px 0px 0px; }
.MainContainerHalf {width: 350px; margin: 0 auto; text-align: left; margin-top: 0px; border: solid 0px black; padding: 0px 0px 0px 0px; }
.RightContainer {width: 225px; margin: 0 auto; text-align: left; margin-top: 0px; border: solid 0px black; padding: 0px 0px 0px 0px; }
.SectionSpacer {height: 10px;}
.SectionHeader {background-color: #a5a5a5; height: 30px; padding-left: 10px; font-family: Verdana; font-size: 11px; font-weight: bold;}
.SectionSubHeader {height: 50px; font-size: 10px; padding-top: 10px; padding-bottom: 10px;}
.FormLeftCartDetails {width: 385px;}
.FormLeftColumn_ContactUs {width: 100px;}
.FormLeftColumn_LoanApp {width: 200px;}
.FormLeftColumn_Essay {width: 125px;}
.FormLeftColumnBilling {width: 85px;}
.FormLeftColumnShipping {width: 105px;}
.FormLeftColumnPayment {width: 175px;}
.FormValidationIcon {width: 20px;}
.FormLeftColumnDiscounts {width: 260px;}
.FormLeftColumnVehicle {width: 200px;}
.FormRightColumnDrivers {width: 260px;}
.FormLeftColumnPolicy {width: 290px;}
.DataEntryForm {border-collapse: collapse; border-style: solid; border-color: #c5c5c5; border-width: 1px;}
.DataEntryForm td {border-collapse: collapse;border-bottom: solid 0px #c5c5c5;}
.DataEntryFormWithSeparator {border-collapse: collapse;border-style: solid;border-color: #c5c5c5;border-width: 1px;}
.DataEntryFormWithSeparator td {border-collapse: collapse;border-bottom: solid 1px #c5c5c5;padding-left: 2px; padding-right: 1px; padding-bottom: 2px; padding-top: 2px;}
.DataEntryFormWithSeparator tr {vertical-align: top;}
.InnerSection {background-color: #b4d0de; border: solid 1px white; padding: 10px; border-top: 10px; border-bottom: 10px;}
.InnerTable {padding: 2px; border: solid 5px #b4d0de;}
.DataEntrySection td {border: solid 0px black;vertical-align: middle;}
.InputControl {font-family: Verdana ;font-size: 12px; font-weight: normal; color: black; border: solid 1px #c5c5c5; background-color: #ddeeff;}
.InputControlFocus {font-family: Verdana ;font-size: 12px; font-weight: normal; color: black; border: solid 1px #c5c5c5; background-color: yellow;}
.ValidationFailed {background-color: #ffffae;}
.ValidationOk {background-color: White;}
.NavigationBorder {font-size: 9pt; padding: 7px; border: solid 1px #DFDFDF; background-color: #F0F0F0; height: 25px;}
.NavigationBorder TD { vertical-align: middle;}
.ButtonBlue {font-family: Tahoma; font-size: 8pt; background: #ffffff url(../images/button_hover_bkg.png) left center repeat-x; border: solid 1px #8E8F8F; height: 24px; padding-left: 5px; padding-right: 5px;}
.ButtonBlue:hover {background: #ffffff url(../images/button_bkg.png) left center repeat-x; border: solid 1px #3C7FB1;}
.FormFooter {font-size: 9pt; padding: 7px; border: solid 1px #DFDFDF; background-color: #F0F0F0;}

/* Datagrid Styles */
.dgTitle { FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans Serif;font-weight:bold; height: 25px;}
.dgTable {width: 100%; border-style: solid; border-color: ActiveBorder; border-width: 1px; table-layout:fixed;}
.dgTableNormal {border-style: solid; border-color: ActiveBorder; border-width: 1px; table-layout:fixed;}
.dgHeaderStyle td {PADDING-LEFT: 5px; FONT-WEIGHT: bold; COLOR: #000000; background-color: #e5f2ff; FONT-SIZE: 11px; FONT-FAMILY: Helvetica; height: 25px; font-style:normal}
.subdgHeaderStyle {FONT-WEIGHT: bold; COLOR: #ffffff; FONT-SIZE: 13px; FONT-FAMILY: Tahoma;}
.subdgHeaderStyle td {PADDING-LEFT: 5px; FONT-WEIGHT: bold; COLOR: #ffffff; background-color: #fff8dd; FONT-SIZE: 13px; FONT-FAMILY: Tahoma; height: 20px;}
.dgItemStyleAlt {PADDING-LEFT: 5px; BACKGROUND-COLOR: #efefef; width: 100%}
.dgItemStyleAlt td {PADDING-LEFT: 5px; FONT-WEIGHT: normal; COLOR: #000000; FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; font-style: normal;}
.dgItemStyle {PADDING-LEFT: 5px; BACKGROUND-COLOR: #ffffff; width: 100%;}
.dgItemStyle td {PADDING-LEFT: 5px; FONT-WEIGHT: normal; COLOR: #000000; FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; font-style: normal;}
.dgpager { FONT-WEIGHT: bold; FONT-SIZE: 9pt; TEXT-ALIGN: left; }
.centercolumn { text-align: center; vertical-align: middle;}
.CarrierTitle { FONT-FAMILY: Tahoma; FONT-WEIGHT: bold; FONT-SIZE: 9pt; TEXT-ALIGN: left; font-style: normal; }

/* Generic Styles for Messages */
DIV.messagingItemsContainer {MARGIN: 10px 0px 0px 0px;}
DIV.messagingItemsContainer P {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: verdana}
DIV.messagingItemsContainer P.dottedLine {FONT-SIZE: 12px; MARGIN-BOTTOM: 3px; PADDING-BOTTOM: 7px; BORDER-BOTTOM: #999 1px dotted; FONT-FAMILY: verdana}
DIV.messagingItemsContainer P.guideSurvey {MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; FONT: bold 14px arial; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none}
DIV.messagingItemsContainer P.guideSurveyDesc {MARGIN-TOP: 0px; FONT-SIZE: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 5px}
DIV.boxSystemAlertText {BORDER-RIGHT: #d2a154 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #d2a154 1px solid; PADDING-TOP: 5px; BORDER-TOP: #d2a154 1px solid; BORDER-BOTTOM: #d2a154 1px solid; BACKGROUND-COLOR: #fff9de}
DIV.boxSystemAlertTextGreen {BORDER-RIGHT: #019200 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #019200 1px solid; PADDING-TOP: 5px; BORDER-TOP: #019200 1px solid; BORDER-BOTTOM: #019200 1px solid; BACKGROUND-COLOR: #fff9de}
DIV.boxSystemAlertText H3 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; MARGIN: 0px 3px; PADDING-TOP: 3px}
DIV.boxSystemAlertText P {PADDING-RIGHT: 0px; PADDING-LEFT: 25px; PADDING-BOTTOM: 3px; MARGIN: 0px 3px; LINE-HEIGHT: 15px; PADDING-TOP: 3px}
DIV.boxSystemAlertTextGreen H3 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; MARGIN: 0px 3px; PADDING-TOP: 3px}
DIV.boxSystemAlertTextGreen P {PADDING-RIGHT: 0px; PADDING-LEFT: 25px; PADDING-BOTTOM: 3px; MARGIN: 0px 3px; LINE-HEIGHT: 15px; PADDING-TOP: 3px}
DIV.boxSystemAlertText P.iconSuccess {PADDING-RIGHT: 0px; PADDING-LEFT: 25px; BACKGROUND: url(images/check.png) no-repeat 0px 2px; PADDING-BOTTOM: 3px; MARGIN: 0px 3px; LINE-HEIGHT: 15px; PADDING-TOP: 3px}
DIV.boxSystemAlertText P.iconFailed {PADDING-RIGHT: 0px; PADDING-LEFT: 25px; BACKGROUND: url(images/delete.png) no-repeat 0px 2px; PADDING-BOTTOM: 3px; MARGIN: 0px 3px; LINE-HEIGHT: 15px; PADDING-TOP: 3px}
DIV.boxSystemAlertText P.iconWarning {PADDING-RIGHT: 0px; PADDING-LEFT: 25px; BACKGROUND: url(images/warning.png) no-repeat 0px 2px; PADDING-BOTTOM: 3px; MARGIN: 0px 3px; LINE-HEIGHT: 15px; PADDING-TOP: 3px}
DIV.boxSystemAlertText P.iconInfo {PADDING-RIGHT: 0px; PADDING-LEFT: 25px; BACKGROUND: url(images/about.png) no-repeat 0px 2px; PADDING-BOTTOM: 3px; MARGIN: 0px 3px; LINE-HEIGHT: 15px; PADDING-TOP: 3px}
DIV.boxSystemAlertText P.iconNoIcon {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 3px; PADDING-TOP: 3px}
DIV.boxSystemAlertTextGreen P.iconSuccess {PADDING-RIGHT: 0px; PADDING-LEFT: 25px; BACKGROUND: url(images/check.png) no-repeat 0px 2px; PADDING-BOTTOM: 3px; MARGIN: 0px 3px; LINE-HEIGHT: 15px; PADDING-TOP: 3px}
DIV.boxSystemAlertTextGreen P.iconFailed {PADDING-RIGHT: 0px; PADDING-LEFT: 25px; BACKGROUND: url(images/delete.png) no-repeat 0px 2px; PADDING-BOTTOM: 3px; MARGIN: 0px 3px; LINE-HEIGHT: 15px; PADDING-TOP: 3px}
DIV.boxSystemAlertTextGreen P.iconWarning {PADDING-RIGHT: 0px; PADDING-LEFT: 25px; BACKGROUND: url(images/warning.png) no-repeat 0px 2px; PADDING-BOTTOM: 3px; MARGIN: 0px 3px; LINE-HEIGHT: 15px; PADDING-TOP: 3px}
DIV.boxSystemAlertTextGreen P.iconInfo {PADDING-RIGHT: 0px; PADDING-LEFT: 25px; BACKGROUND: url(images/about.png) no-repeat 0px 2px; PADDING-BOTTOM: 3px; MARGIN: 0px 3px; LINE-HEIGHT: 15px; PADDING-TOP: 3px}
DIV.boxSystemAlertTextGreen P.iconNoIcon {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 3px; PADDING-TOP: 3px}
DIV.boxSystemAlertTop {height: 25px;}
DIV.boxSystemAlertBottom {height: 25px;}

/* Image Container */
.ImageContainer {width: 795px;margin-left: auto;margin-right: auto;margin-top: 0px;margin-bottom: 20px;}
.ImageContainer .Header{width: 100%;}
.ImageContainer .HeaderLeft{width: 6px;height: 27px;background: transparent url(images/module_header_left.gif) left top no-repeat;}
.ImageContainer .HeaderRight{width: 6px;height: 27px;background: transparent url(images/module_header_right.gif) right top no-repeat;}
.ImageContainer .HeaderIcon{float: left;margin-right: 5px;}
.ImageContainer .HeaderTitleBG{background: #FCFCFC url(images/module_header_bkg.gif) left top repeat-x;}
.ImageContainer .HeaderTitle{padding: 6px 4px 4px 4px;font-family: Arial;font-size: 9pt;font-weight: bold;width: auto; height:60px;}
.ImageContainer .Content{padding-top: 10px;padding-left: 10px;padding-right: 10px;clear: both;border: solid 1px #7F7F7F;border-top: none;background-color: #FCFCFC;text-align: left;}

/* Form Styles */
.formTitle { FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: #996633; LINE-HEIGHT: 30px; FONT-FAMILY: Verdana;}
.formSubTitle { FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY: Verdana; padding-top: 10px;padding-bottom: 10px;}
.secHeading { FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans Serif;font-weight:bold; height: 25px; vertical-align:bottom;}
.secHeadingBack { BACKGROUND: #cc6600; COLOR: #ffffff;FONT-SIZE: 14px;FONT-FAMILY: Arial, Helvetica, Sans Serif;font-weight:bold;}
.bodyDesc { FONT-WEIGHT: normal; FONT-SIZE: 14px; FONT-FAMILY: Arial, Helvetica, Sans Serif;}
.colHead { FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Sans Serif;}
.formLabel {color: #000000;font-family:Arial, Helvetica, Sans Serif; font-weight: bold; font-size:11px;}
.formTextBox {font-size:8pt;font-family:  Verdana, sans-serif;}
.secDescription {color: #000000;font-family:Arial; font-weight: bold; font-size:11px;}
.SpacerHeight TD {height: 10px;}
.FormLabelStyle1{color: #000000;font-family:Arial; font-weight: normal; font-size:12px;width:175px;}

/* Validation Styles */
.ValidationSummaryStyle {border: solid 1px #c0c0c0;background-color: #ffffe8; padding: 5px; width: 100%}
.ValidationSummaryStyle UL LI {color: Red;}
.ValidationMessageStyle {background-color: Yellow; font-weight: bold; font-family: Tahoma; font-size: 8px;}
 
/* Employer List DataGrid Styles */
.dgEmployerList {background-color: #eeeeee; width: 98%; font-family: Arial;}
.dgEmployerList td {vertical-align: top;}
.dgCompanyName {font-family:Arial; font-size: 18px; font-weight: bold; height: 25px;}
.dgData {font-size: 12px;}
.dgSeparator {height: 3px;}
.dgLink {font-family: Arial;font-size: 12px;text-decoration:none;color:#0000FF;}
a.dgLink:link {font-family: Arial;font-size: 12px;text-decoration:none;color:#0000FF;}
a.dgLink:visited {font-family: Arial;font-size: 12px;text-decoration:none;color:#0000FF;}
a.dgLink:active {font-family: Arial;font-size: 12px;text-decoration:none;color:#CC0033;}
a.dgLink:hover {font-family: Arial;font-size: 12px;text-decoration:none;color:#ff0000; cursor: pointer;}
.PagerStyleGridView {Font-Size: 12px;}

/* DataView Styles */
.Grid {border: solid 1px #3295de;}
.Grid td {border-bottom: solid 1px #cccccc; padding-left: 5px; text-align: left; font-weight: normal; color: black; font-size: 10px; font-family: verdana,arial,helvetica,sans-serif; height:30px; font-style:normal;}
.GridHeader {font-weight: bold; color: black; font-size: 10px; font-family: verdana,arial,helvetica,sans-serif; height: 28px; font-style: normal; border-bottom: solid 1px #3295de; background-image: url(images/Header_Tile_BG.png); background-repeat: repeat-x;}
.GridHeader td {padding-left: 5px;padding-left: 5px;}
.GridItem {background-color: #fefefe;font-size: 12px;}
.GridItem:hover {background-color: #fff3c6;}
.GridAltItem {background-color: #e6e6e6;}
.GridAltItem:hover {background-color: #d3e4ed;}
.GridFooter {background-color: #fefefe;font-size: 12px; text-align: left;}

/* Modal Popup */
.modalpopup
{
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    padding: 2px 3px;
    display: block;
    position: absolute;
}

.container
{
    width: 300px;
    border: solid 1px #808080;
    border-width: 1px 0px;
} 

.header
{
    background: url(imgages/sprite.png) repeat-x 0px -200px;	
    color: #000;	
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 3px 10px;
} 

.header .msg
{
    font-weight: bold;
}         

.body
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 30px;
} 

.body .msg
{
    background: url(imgages/sprite.png) no-repeat 0px -1150px;	
    float: left;
    padding-left: 22px;
}  

.footer
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: none solid;
    border-width: 0px 1px;
    text-align:right;
    padding-bottom: 8px;
    padding-right: 8px;
} 

.close
{
    right: 7px;	
    background: url(imgages/sprite.png) no-repeat 0px -300px;	
    width: 25px;	
    cursor: pointer;	
    position: absolute;	
    top: 7px;	
    height: 15px;
}

.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=50);
    opacity:0.5;
}