/* Style For HTML PAGE */ html { height: 100%; }
/* Style For HTML BODY */ #body { margin:0; background: #FFF; }
/* Setting Text Throughout the skin */ table, tr {font-family: tahoma; font-size: 11px; margin: 0;color:#333}
p, label {font-family: tahoma; font-size: 11px;}
a img, a img:link, a img:hover, a img:active, a img:visited {border:0;}
/*========================================================*/
/* Design Elements */
/*========================================================*/
/*-- width setting on skins --*/ .StandardWidth { width:860px; }
/*-- 100 percent height where req --*/ .FullHeight { height:100%; }
/*-- 100 percent width where req --*/ .FullWidth { width:100%; }
/*-- outer table on unboxed skins --*/ .OuterTable { width:100%; height:100%; background:#FFF; }
/*-- outer table on boxed skins --*/ .OuterTableBoxed { width:100%; height:100%; background: url(boxed-bg.gif) repeat top left #dbdbdb; }
/*-- outer cell on boxed skins --*/ .OuterTDBoxed { padding:15px 0 15px 0; }
/*-- cell containing content panes --*/ .ContentPanesTD { width:auto; height:100%; vertical-align: top; padding:0; }
/*-- dotted background --*/ .Dotted { background: url(dotted2.gif) repeat top left; }
/*-- row containing logo area --*/ .LogoRow { height:1px; padding: 0 10px 0 7px; }
/*-- cell containing logo --*/ .LogoTD { width:1px; padding:0; }
/*-- row containing breadcrumbs --*/ .BreadcrumbsRow { height:41px; background: url(bread-bg.gif) repeat top left; padding:0; }
/*-- row for space between areas --*/ .SpaceBar { height:10px; padding:0; }
/*-- cell containing breadcrumbs --*/ .BreadcrumbsTD { height: 41px; width: 100%; background: url(bread-bg-l.gif) no-repeat top left; color:#a1a1a1; vertical-align: middle; padding: 0 20px 0 17px; }
/*-- cell containing search --*/ .SearchTD { width:245px; vertical-align: top; text-align: right; height: 41px; background: url(search-bg.gif) no-repeat top right; padding: 0 0 0 0; }
/*-- search button in search form --*/ .SearchButton { background: transparent; padding: 10px 55px 10px 45px; cursor: hand; font-size:1px; margin: 0 0 0 0;float:left;}
/*-- cell containing privacy --*/ .PrivacyTD { text-align: left; padding:0; }
/*-- cell containing copyright --*/ .CopyrightTD { text-align: right; padding:0; }
/*========================================================*/
/* Footer Box Elements */
/*========================================================*/
/*-- row containing footer area --*/ .FooterRow { height:36px; /* padding: 0 7px 0 7px; -removed to make footer align with left/right columns- */}
/*-- table within footer - rounded --*/ .FooterTable { height:36px; background: url(footer-bg-grad.gif) #01334A repeat-x top left; }
/*-- rounded top-left corner --*/ .FooterTL { height:5px; background: url(footer-bg-tl.gif) no-repeat top left; }
/*-- rounded top-right corner --*/ .FooterTR { height:5px; background: url(footer-bg-tr.gif) no-repeat top right; }
/*-- rounded bottom left corner --*/ .FooterBL { height:5px; background: url(footer-bg-bl.gif) no-repeat bottom left; }
/*-- rounded bottom right corner --*/ .FooterBR { height:5px; background: url(footer-bg-br.gif) no-repeat bottom right; }
/*========================================================*/
/* Outer Box Elements - boxed skins only */
/*========================================================*/
/*-- boxed skins outer box table --*/ .BoxTable { height:100%; }
/*-- top left corner --*/ .BoxTL { width:11px; height:11px; background: url(box-tl.gif) no-repeat bottom left; }
/*-- top edge --*/ .BoxT { height:11px; background: url(box-t.gif) repeat-x bottom left; }
/*-- top right corner --*/ .BoxTR { width:11px; height:11px; background: url(box-tr.gif) no-repeat bottom right; }
/*-- left edge --*/ .BoxL { width:11px; background: url(box-l.gif) repeat-y top left; }
/*-- content area --*/ .BoxM { background: #FFF; }
/*-- right edge --*/ .BoxR { width:11px; background: url(box-r.gif) repeat-y top right; }
/*-- bottom left corner --*/ .BoxBL { width:11px; height:11px; background: url(box-bl.gif) no-repeat top left; }
/*-- bottom edge --*/ .BoxB { height:11px; background: url(box-b.gif) repeat-x top left; }
/*-- bottom right corner --*/ .BoxBR { width:11px; height:11px; background: url(box-br.gif) no-repeat top right; }
/*========================================================*/
/* Content Panes */
/*========================================================*/
/*-- top inside content pane --*/ .TopPane { width: 100%; padding: 0 7px 0 7px;}
/*-- top inside content pane 2 --*/ .TopPane2 { width: 100%; padding: 0 7px 0 7px;}
/*-- left content pane --*/ .LeftPane { padding: 0 7px 0 7px; width: 50%; }
/*-- right content pane --*/ .RightPane { padding: 0 7px 0 7px; width: 50%; }
/*-- left2 content pane --*/ .LeftPane2 { padding: 7px; width: 25%; }
/*-- content2 pane --*/ .ContentPane2 { padding: 0 7px 0 7px; }
/*-- right2 content pane --*/ .RightPane2 { padding: 0 7px 0 7px; width: 25%; }
/*-- bottom inside pane --*/ .BottomPane { width: 100%; padding: 0 7px 0 7px; }
/*-- left3 content pane --*/ .LeftPane3 { padding: 0 7px 0 7px; width: 33%; }
/*-- content3 pane --*/ .ContentPane3 { padding: 0 7px 0 7px; }
/*-- right3 content pane --*/ .RightPane3 { padding: 0 7px 0 7px; width: 33%; }
/*-- bottom2 inside pane --*/ .BottomPane2 { width: 100%; padding: 0 7px 0 7px; }
/*-- image content pane 1 horiz --*/ .ImagePane01 { height:1px; padding: 0 7px 9px 7px; }
/*-- image content pane 1 vertical --*/ .ImagePane01V { height:1px; padding: 0 7px 0px 7px; }
/*-- image content pane 2 --*/ .ImagePane02 { height:1px; padding: 9px 7px 0 7px; }
/*-- image content pane 2 vertical --*/ .ImagePane02V { height:1px; padding: 4px 7px 0 7px; }
/*-- image content pane 3 --*/ .ImagePane03 { height:1px; padding: 0 7px 9px 7px; }
/*-- footer content pane --*/ .FooterPane { width: 100%; height: 26px; padding: 0 7px 0 7px; vertical-align:middle; }
/*-- panel pane --*/ .PanelPane { padding: 0 7px 0 7px; }
/*========================================================*/
/* Tokens */
/*========================================================*/
/*-- login token idle --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active { color: #939393; background: url(ico-login.gif) no-repeat bottom left; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; height:17px; float:right; padding: 2px 0 0 25px; margin: 0 0px 0 16px; }
/*-- login token hover --*/ a.LOGIN_object:hover { background: url(ico-login-over.gif) no-repeat bottom left; color: #444444; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; }
/*-- user token idle --*/ .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #939393; background: url(ico-register.gif) no-repeat bottom left; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; height:17px; float:right; padding: 2px 0 0 25px; margin: 0 0px 0 16px; }
/*-- user token hover --*/ a.USER_object:hover { background: url(ico-register-over.gif) no-repeat bottom left; color: #444; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; }
/*-- date token idle --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #939393; font-family: tahoma; font-size: 11px; text-decoration: none; }
/*-- date token hover --*/ a.DATE_object:hover { color: #c1c1c1; font-family: tahoma; font-size: 11px; text-decoration: none; }
/*-- breadcrumbs token idle --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #8f8f8f; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold;}
/*-- breadcrumbs token hover --*/ a.BREADCRUMBS_object:hover { color: #666; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold; }
/*-- terms privacy and copyright --*/ .FOOTER_objects { color:#aaa; font-size: 11px; }
/*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { font-size: 11px; color:#aaa; font-weight:bold; text-decoration:none; }
/*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { font-size: 11px; color:#777; font-weight:bold; text-decoration:none; }
/*-- language selector dropdown --*/ .Language_object { font-family: tahoma; font-size: 11px; text-decoration: none; }
/*========================================================*/
/* Text */
/*========================================================*/
/*-- most of the text on site --*/ .normal, .Normal { font-family: tahoma; font-size: 11px; color: #333; }
/*-- most of the bold text on site --*/ .NormalBold { font-family: tahoma; font-size: 11px; font-weight: bold; color: #333; }
/*-- most of the bold text on site --*/ .NormalBoldWhite { font-family: tahoma; font-size: 11px; font-weight: bold; color: #FFF; }
/*-- red text on site for errors --*/ .NormalRed { color: #C50000; font-family: tahoma; font-weight: bold; font-size: 11px; }
/*-- subheadings - mostly in admin --*/ .SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #777; padding: 0; }
/*-- headings - mostly in admin --*/ .Head { font-size: 11px; color: #777; background: transparent; font-weight: bold; padding: 0;}
/*========================================================*/
/* Links */
/*========================================================*/
/*-- default links visited and active --*/ a:link, a:visited, a:active { color: #01334A; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: underline; }
/*-- default links hover --*/ a:hover { color: #9D3131; font-family: tahoma; font-size: 11px; text-decoration: underline; }
/*-- normal links visited and active --*/ a.Normal:link, a.Normal:visited { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; }
/*-- normal links hover --*/ a.Normal:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: none; }
/*-- footer links --*/ .Footer_Links, a.Footer_Links:link, a.Footer_Links:visited, a.Footer_Links:active { color: #FFF; font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; }
/*-- footer links hover --*/ a.Footer_Links:hover { color: #EEE; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; }
/*========================================================*/
/* Forms */
/*========================================================*/
/*-- default form elements --*/ select, input { font-family: tahoma; font-size: 11px; color: #333; }
/*-- textbox --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; }
/*-- textbox container --*/ td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility: invisible; border: 0; }
/*-- textbox used for search --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:21px; background: transparent; width: 144px; color: #666; padding: 4px 4px 0px 8px; border: 0px solid #FFF; cursor:text;float:left;}
.form-row {padding:5px 0;border-bottom:1px dotted #01334A}
.panel {
clear: both;
display: none;
border: 3px solid #CCC;
padding: 1em;
}
.panel.active-tab-body {
display: block;
}
input.disabled {
border: 1px solid #F2F2F2;
background-color: #F2F2F2;
}
input.required, textarea.required {
border: 1px solid #00A8E6;
}
input.display, textarea.display {
border: none;
}
input.validation-failed, textarea.validation-failed {
border: 1px solid #FF3300;
color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
border: 1px solid #00CC00;
color : #000;
}
.validation-advice, .xmod-advice {
background: #f6CBCA url(/Portals/_default/Skins/Minimalist-Blue-Styles/icons/exclamation.png) no-repeat 3px 3px;
color: #900;
border: 1px solid #900;
margin:5px 5px 5px 0;
padding:3px 3px 3px 25px;
text-align:left;
float:left;
clear:left;
display:block;
width:80%;
}
.custom-advice {
margin: 5px 0;
padding: 5px;
background-color: #C8AA00;
color : #FFF;
font-weight: bold;
float:left;
clear:both;
}
fieldset {
padding: 1em;
margin-bottom: 0.5em;
}
label {
font-weight: bold;
}
.form-row {
clear: both;
padding: 0.5em;
}
input.required, textarea.required, select.required {
border: 1px solid #00A8E6;
}
select.validation-failed {
border: 1px solid #FF3300;
}
input.validation-passed, textarea.validation-passed, select.validation-
passed {
border: 1px solid #00CC00;
}
/*========================================================*/
/* Sub Menus and Module Menus */
/*========================================================*/
/*-- submenu container --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { background: #FFF; padding: 0px; border: 1px solid #888; z-index: 1000; cursor: pointer; cursor: hand; font-weight: normal; filter: none;}
/*-- submenu items idle --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { background: #CCC; color: #000; font-family: tahoma; font-size: 11px; font-weight: bold; font-style: normal; padding: 0px 30px 0px 16px; height: 20px; border: 0;}
/*-- submenu items hover --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { background: #666; color: #FFF; font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; padding: 0px 30px 0px 16px; height: 20px; border: 0;}
/*==========================================================*/
/* FAQ Answers */
/*==========================================================*/
.answer {border:1px dotted #01334A;padding:0 20px;background-color:#e2e2e2;}
/*==========================================================*/
/* Icon Button Styles */
/*==========================================================*/
.login, .login:visited {
background-image: url(images/btn_login.gif);
background-repeat: no-repeat;
background-position: left center;
padding:20px 0 20px 60px;
text-decoration:none;
display:block;
font-size:150%
}
.login:hover{
background-image: url(images/btn_login_hover.gif);
background-repeat: no-repeat;
background-position: left center;
padding:20px 0 20px 60px;
/* border-right:3px solid #01334A; */
}
.login:active{
background-image: url(images/btn_login_active.gif);
background-repeat: no-repeat;
background-position: left center;
padding:20px 0 20px 60px;
/* border-right:3px solid #9D3131; */
}
.factoring, .factoring:visited {
background-image: url(images/btn_factoring.gif);
background-repeat: no-repeat;
background-position: left center;
padding:0 5px 0 0;
float:left;
width:55px;height:55px;
}
.factoring:hover{
background-image: url(images/btn_factoring_hover.gif);
background-repeat: no-repeat;
background-position: left center;
/* border-right:3px solid #01334A; */
}
.factoring:active{
background-image: url(images/btn_factoring_active.gif);
background-repeat: no-repeat;
background-position: left center;
/* border-right:3px solid #9D3131; */
}
.permit, .permit:visited {
background-image: url(images/btn_permit.gif);
background-repeat: no-repeat;
background-position: left center;
padding:0 5px 0 0;
float:left;
width:55px;height:55px;
}
.permit:hover{
background-image: url(images/btn_permit_hover.gif);
background-repeat: no-repeat;
background-position: left center;
/* border-right:3px solid #01334A; */
}
.permit:active{
background-image: url(images/btn_permit_active.gif);
background-repeat: no-repeat;
background-position: left center;
/* border-right:3px solid #9D3131; */
}
.pig, .pig:visited {
text-decoration:none;
background-image: url(images/btn_savingscalculator.gif);
background-repeat: no-repeat;
background-position: left center;
padding:0 5px 0 0;
float:left;
width:55px;height:55px;
}
.pig:hover{
background-image: url(images/btn_savingscalculator_hover.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration:none;
}
.pig:active{
background-image: url(images/btn_savingscalculator_active.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration:none;
}
.localfleet, .localfleet:visited {
text-decoration:none;
background-image: url(images/btn_localfleet.gif);
background-repeat: no-repeat;
background-position: left center;
padding:0 5px 0 0;
float:left;
width:55px;height:55px;
}
.localfleet:hover{
background-image: url(images/btn_localfleet_hover.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration:none;
}
.localfleet:active{
background-image: url(images/btn_localfleet_active.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration:none;
}
.localmerchant, .localmerchant:visited {
text-decoration:none;
background-image: url(images/btn_merchant.gif);
background-repeat: no-repeat;
background-position: left center;
padding:0 5px 0 0;
float:left;
width:55px;height:55px;
}
.localmerchant:hover{
background-image: url(images/btn_merchant_hover.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration:none;
}
.localmerchant:active{
background-image: url(images/btn_merchant_active.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration:none;
}
.otrfleet, .otrfleet:visited {
text-decoration:none;
background-image: url(images/btn_otrfleet.gif);
background-repeat: no-repeat;
background-position: left center;
padding:0 5px 0 0;
float:left;
width:55px;height:55px;
}
.otrfleet:hover{
background-image: url(images/btn_otrfleet_hover.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration:none;
}
.otrfleet:active{
background-image: url(images/btn_otrfleet_active.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration:none;
}
.otrmerchant, .otrmerchant:visited {
text-decoration:none;
background-image: url(images/btn_merchant.gif);
background-repeat: no-repeat;
background-position: left center;
padding:0 5px 0 0;
float:left;
width:55px;height:55px;
}
.otrmerchant:hover{
background-image: url(images/btn_merchant_hover.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration:none;
}
.otrmerchant:active{
background-image: url(images/btn_merchant_active.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration:none;
}
.vts, .vts:visited {
text-decoration:none;
background-image: url(images/btn_vts.gif);
background-repeat: no-repeat;
background-position: left center;
padding:0 5px 0 0;
float:right;
width:55px;height:55px;
}
.vts:hover{
background-image: url(images/btn_vts_hover.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration:none;
}
.vts:active{
background-image: url(images/btn_vts_active.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration:none;
}
.howto, .howto:visited {
text-decoration:none;
background-image: url(images/btn_onlinehowto.gif);
background-repeat: no-repeat;
background-position: left center;
padding:0 5px 0 0;
float:right;
width:55px;height:55px;
}
.howto:hover{
background-image: url(images/btn_onlinehowto_hover.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration:none;
}
.howto:active{
background-image: url(images/btn_onlinehowto_active.gif);
background-repeat: no-repeat;
background-position: left center;
text-decoration:none;
}