/* CSS Document */

/*Modal Popup*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

/* --== Global Elements ==--  #e7e7e7 */

body
{
    background: #fff;
    height: auto;
    padding: 0;
    margin: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 0.8em;
   /*  behavior: url(../App_Themes/csshover.htc); */
}

img
{
    border: 0;
}

label
{
    font-size: 1.0em;
    line-height: 1.7em;
    margin-right: 5px;
}

#primaryContainer
{
    width: 100%;
}

#bodyBox
{
    width: 100%;
    background: transparent;
    padding: 0;
}

#footerBox
{
    width: 100%;
    background: transparent;
    padding: 0;
}

.inMargin
{
    width: 960px;
    margin: 0 auto;
}

h1, h2, h3, h4
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    margin: 0;
    padding: 0;
}

h1, h2
{
    font-weight: lighter;
}

h1
{
    font-size: 18pt;
}
h2
{
    font-size: 14pt;
}
h3
{
    font-size: 12pt;
}
h4
{
    font-size: 10pt;
}

/* --== Header Elements ==-- */

div.loginModule
{
    width: 770px;
    position: absolute;
    left: 50%;
    top: 0px;
    text-align: right;
    padding: 15px 10px 0 0;
    color: #000;
}

/* --== Internal Elements ==-- */

#internalHub
{
    background: transparent;
    margin: 10px 0;
}

div#secondaryNav
{
    height: 26px;
    overflow: hidden;
}

#secondaryNav ul, #secondaryNav ul li
{
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-size: 13px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
}

#secondaryNav ul
{
    float: left;
}

#secondaryNav ul li
{
    display: inline;
    float: left;
    margin-right: 1px;
    background: #666;
    color: #fff;
    border-bottom: 0;
    height: 26px;
}

#secondaryNav ul li a:link, #secondaryNav ul li a:active, #secondaryNav ul li a:visited, #secondaryNav ul li a:hover
{
    display: block;
    padding: 0 24px;
    color: #fff;
    text-decoration: none;
}

#secondaryNav ul li.active
{
    background: #fff url('../images/elements/pxl_orange.gif') top left repeat-x;
    color: #666;
    height: 26px;
    padding: 0 24px;
}

#hubContent
{
    background: #fff;
    padding: 0;
}

#hubContent form
{
    border: 0;
    text-align: center;
    margin: 0;
    padding: 0;
}

#hubContent1
{
    background: #fff;
    padding: 0;
}

#hubContent1 form
{
    border: 0;
    text-align: center;
    margin: 0;
    padding: 0;
}

#hubControls
{
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

#hubControls label
{
    padding: 0 4px 0 0;
    font-size: 8pt;
    line-height: 11pt;
    top: 0px;
    margin: 4px 0;
}

#hubControls1
{
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

#hubControls1 label
{
    padding: 0 4px 0 0;
    font-size: 8pt;
    line-height: 11pt;
    top: 0px;
    margin: 4px 0;
}

#hubData
{
    padding: 10px;
    border-top: 1px solid #e7e7e7;
    background: #fff;
}

div.tableContainer
{
    border: 1px solid #ccc;
    padding: 2px;
}

#hubData table th
{
    padding: 8px;
    background: #40371A;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}

#hubData table th a
{
    color: #fff;
}

#hubData table tr td
{
    padding: 4px;
    font-size: 10px;
    background: #fff;
}

#hubData table tr.alt td
{
    background: #E8F6FF;
}

#hubData table tr.selected td
{
    background: #FFFF99;
    color: #000;
}

#hubForm
{
    padding: 10px;
    border-top: 1px solid #e7e7e7;
    background: #fff;
}
#hubForm1
{
    padding: 10px;
    border-top: 1px solid #e7e7e7;
    background: #fff;
}

#hubContactData table th
{
    padding: 8px;
    background: #40371A;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}

#hubContactData table th a
{
    color: #fff;
}

#hubContactData table tr td
{
    padding: 4px;
    font-size: 10px;
    background: #fff;
}

#hubContactData table tr.alt td
{
    background: #E8F6FF;
}

#hubContactData table tr.selected td
{
    background: #FFFF99;
    color: #000;
}

#hubContactForm
{
    padding: 10px;
    border-top: 1px solid #e7e7e7;
    background: #fff;
}

div.formContainer
{
    border: 1px solid #ccc;
    padding: 10px;
    min-height: 280px;
}

a.actionButton
{
    margin: 0 1px;
}

div.containerTabs
{
    background: transparent url('../images/elements/pxl_grey.gif') bottom left repeat-x;
    height: 26px;
    overflow: hidden;
}

.containerTabs ul, .containerTabs ul li
{
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
}

.containerTabs ul
{
    float: left;
}

.containerTabs ul li
{
    display: inline;
    float: left;
    margin-right: 2px;
    background: #e7e7e7;
    color: #fff;
    border: 0;
    height: 25px;
}

.containerTabs ul li a:link, .containerTabs ul li a:active, .containerTabs ul li a:visited, .containerTabs ul li a:hover
{
    display: block;
    padding: 0 24px;
    color: #0066AE;
    text-decoration: none;
}

.containerTabs ul li.active
{
    background: #fff;
    color: #666;
    height: 26px;
    padding: 0 24px;
    border: 1px solid #ccc;
    border-bottom: 0;
}

/* --== Footer Elements ==-- */

#footer
{
    margin: 10px;
}

/* --== Login Elements ==-- */

#loginBox
{
    background: #fff;
    width: 460px;
    padding: 0;
    border: 1px solid #ccc;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    position: absolute;
    top: 22%;
    left: 50%;
    margin-left: -230px;
}

#loginBox form
{
    padding: 0;
    margin: 20px;
}

#loginBox label
{
    width: 120px;
    font-size: 1.0em;
}

#loginBox label.mainField
{
    font-size: 1.2em;
    color: #CC6600;
    font-weight: bold;
}

/* --== Add'l Form Elements ==-- */

div#hubForm
{
    padding: 10px;
    border-top: 1px solid #e7e7e7;
    background: #fff;
}

div#hubForm fieldset
{
    padding: 5px;
    border: 0px;
}

#hubForm fieldset
{
    margin-bottom: 0;
}

#hubForm fieldset h3
{
    margin: 5px;
    padding-bottom: 5px;
    font-weight: lighter;
    border-bottom: 1px dashed #999;
}

#hubForm fieldset fieldset
{
    margin: 0;
    padding: 5px;
}

div#hubForm fieldset.popOut
{
    border: 1px solid #999;
}

.formSlot
{
    float: left;
    clear: right;
}

.optionSlot
{
    float: left;
    clear: right;
    margin: 10px 0;
    margin-top: 0;
    margin-left: 0;
}

.optionSlot label
{
    display: inline-block;
    padding: 0;
}

.pushLeft
{
    float: left;
}

.pushRight
{
    float: right;
}

/* --== Section Navigation ==-- */

#sectionNav
{
    margin-top: 25px;
    height: 25px;
    z-index: 200;
}

#sectionNav ul
{
    list-style: none;
    padding: 0;
    width: 140px;
    margin: 0 0 0 20px;
    float: left;
    font-size: 9pt;
    z-index: 200;
    position: relative;
}

#sectionNav li
{
    position: relative;
}

#sectionNav ul li
{
    background: transparent url('../images/elements/sectionNav_bg.gif') top left no-repeat;
    line-height: 24px;
    height: 25px;
    margin: 0;
}

#sectionNav ul li:hover, #sectionNav ul li.hover
{
    background: transparent url('../images/elements/sectionNav_bg-over.gif') top left no-repeat;
    line-height: 24px;
    height: 25px;
    margin: 0;
}

#sectionNav ul li a:link, #sectionNav ul li a:active, #sectionNav ul li a:visited
{
    line-height: 24px;
    height: 25px;
    padding: 0 6px;
    text-decoration: none;
    color: #333;
    display: block;
}

#sectionNav ul ul
{
    position: absolute;
    top: 25px;
    z-index: 500;
    display: none;
    left: 0px;
    border: 1px solid #333;
    border-top: 0px;
    background: #FFEFBB url('../images/elements/sectionNav_ul_top.gif') top left no-repeat;
    margin: 0;
    width: 200px;
    padding: 3px;
    padding-top: 4px;
}

#sectionNav ul li:hover ul
{
    display: block;
}

#sectionNav ul ul li
{
    background-image: none;
    display: block;
}

#sectionNav ul ul li:hover, #sectionNav ul ul li.hover
{
    background: none;
    line-height: 24px;
    height: 25px;
    margin: 0;
}

#sectionNav ul ul li a:link, #sectionNav ul ul li a:active, #sectionNav ul ul li a:visited
{
    color: #333;
    display: block;
}

#sectionNav ul ul li a:hover
{
    background: #FFDB8A;
    color: #000;
}

.pageNav-btn
{
    position: relative;
    top: 2px;
    padding: 2px;
}

/* --== Forms ==-- */

form
{
    font-size: 8pt;
    padding: 0;
    margin: 0;
}

div.tier
{
    clear: both;
    margin: 5px 0;
}

div.actionTier
{
    clear: both;
    margin: 0 5px;
    padding: 0 0 10px;
}

div.labelSlot
{
    float: left;
    width: 110px;
    text-align: right;
}

div.labelSlotSlide
{
    float: left;
    margin-left: 30px;
}

div.labelSlotFlex
{
    float: left;
    margin-left: 8px;
}

div.shim
{
    clear: both;
}

#dhtmltooltip
{
    position: absolute;
    width: 160px;
    background: transparent url('../images/elements/tip-pointer-right.gif') top right no-repeat;
    visibility: hidden;
    z-index: 100;
    padding-right: 10px;
}

#dhtmltooltip div
{
    background: #fff;
    text-align: left;
    font-size: 11px;
    border: 1px solid #666;
    border-right: 0;
    padding: 8px;
    line-height: 19px;
}

#dhtmltooltip div ul, #dhtmltooltip div ul li
{
    padding: 0;
    margin: 0;
    list-style: none;
}

img.statusFlag
{
    cursor: help;
    margin: 3px;
    width: 16px;
}

#dhtmltooltip div ul li
{
    padding: 2px;
    padding-left: 20px;
    line-height: 19px;
}

li.flag_auction
{
    background: url('../images/icons/impound-flag_auction.gif') left no-repeat;
}
li.flag_hold
{
    background: url('../images/icons/impound-flag_hold.gif') left no-repeat;
}
li.flag_rejected
{
    background: url('../images/icons/impound-flag_rejected.gif') left no-repeat;
}
li.flag_release
{
    background: url('../images/icons/impound-flag_release.gif') left no-repeat;
}

li.flag_novin
{
    background: url('../images/icons/impound-flag_no-vin.gif') left no-repeat;
}
li.flag_surrender
{
    background: url('../images/icons/impound-flag_surrendered.gif') left no-repeat;
}
li.flag_bookmark
{
    background: url('../images/icons/impound-flag_bookmark.gif') left no-repeat;
}

/* --== jQuery Tabs ==-- */

#inTabs
{
    background: transparent url('../images/elements/inTabs_bg.gif') bottom left repeat-x;
}

ul.tabNavigation
{
    list-style: none;
    margin: 0;
    padding: 0;
    background: transparent url('../images/elements/inTabs_bg.gif') top left repeat-x;
    height: 30px;
    overflow: hidden;
    width: 100%;
}

ul.tabNavigation li
{
    display: inline;
    float: left;
    background: url('../images/elements/inTab_off_bg.gif') top left no-repeat;
    padding-left: 1px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    margin-right: 1px;
}

ul.tabNavigation li a
{
    display: block;
    padding: 0 10px 0 9px;
}

ul.tabNavigation li a
{
    height: 29px;
    line-height: 29px;
    margin-bottom: 1px;
    background: url('../images/elements/inTab_off_bg.gif') top right no-repeat;
    color: #000;
    text-decoration: none;
}

ul.tabNavigation li a.selected
{
    height: 30px;
    line-height: 30px;
    background: url('../images/elements/inTab_on_bg.gif') top right no-repeat;
    color: #000;
}

ul.tabNavigation li a:hover
{
    height: 29px;
    line-height: 29px;
    margin-bottom: 1px;
    background: url('../images/elements/inTab_over_bg.gif') top right no-repeat;
    color: #000;
}

ul.tabNavigation li a.selected:hover
{
    height: 30px;
    line-height: 30px;
    background: url('../images/elements/inTab_on_bg.gif') top right no-repeat;
    color: #000;
}

ul.tabNavigation li a:focus
{
    outline: 0;
}

div.inContent, div.inForm
{
    padding: 9px;
    margin: 0;
    border: 1px solid #C0C0C0;
    border-top: 0;
}
div.inFormNoBorder
{
    padding: 2px;
    margin: 0;
    border: 0px;
    border-top: 0;
}
div.inForm2
{
    margin: 0;
    border: 1px solid #C0C0C0;
    border-top: 0;
}
div.inBox > div h2
{
    margin-top: 0;
}

#first
{
    background-color: #f00;
}

#second
{
    background-color: #0f0;
}

#third
{
    background-color: #00f;
}

.waste
{
    min-height: 1000px;
}

/* --== Global Form Styling ==-- */

form input[type=text], form input.text
{
    font-size: 10pt;
    padding: 2px;
    border: 1px inset #666;
}

form select, form textarea
{
    padding: 2px;
    font-size: 10pt;
    border: 1px inset #666;
}

form select
{
    padding: 1px;
}

form input[type=checkbox], form input.checkbox, form input[type=radio], form input.radio
{
    font-size: 10pt;
}

form input[type=checkbox], form input.checkbox
{
    margin: 1px;
    position: relative;
    top: 3px;
}

form input[type=radio], form input.radio
{
    margin: 1px;
    position: relative;
    top: 3px;
}


label.radioLabel
{
    position: relative;
    top: -1px;
    margin-right: 10px;
}

input[type="text"]:focus, select:focus, textarea:focus
{
    background-color: #F9F0B7;
}
input[type="text"]:focus, input[type="file"]:focus, textarea:focus
{
    border: 1px inset #E58803;
}

/* --== Standard Form Styling ==-- */

.standardForm
{
}

.standardForm fieldset
{
    margin: 0;
    padding: 0;
}

.noBorder
{
    border: 0px;
}

.standardForm label strong
{
    font-weight: bold;
}

.standardForm input[type="text"], .standardForm input.text
{
    width: 100px;
}

.standardForm input[type="file"], .standardForm input.file
{
}

/* --== Form Table Layout Grid ==-- */

h4.formLegend
{
    font-size: 8pt;
    font-weight: bold;
    margin: 0;
    padding: 5px;
    margin-bottom: 10px;
    background: #C5EDFF;
    color: #000;
}

fieldset.formGroup
{
    margin-bottom: 10px;
}

/* --== Inside Columns ==-- */

.gridLines
{
    background: url('../images/elements/bg_gridlines.gif');
}

.2col
{
    width: 610px;
    background: orange;
}

.1col
{
    width: 300px;
    background: yellow;
}

td.1col, td.2col
{
    background: yellow;
}

/* jQuery lightBox plugin - Gallery style */
#gallery
{
    background-color: transparent;
    padding: 0;
}
#gallery ul
{
    list-style: none;
    margin-left: 0;
    padding: 0px 25px;
}
#gallery ul li
{
    display: inline;
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
    text-align: center;
}
#gallery ul img
{
    padding: 4px 4px 19px 4px;
    background: #fff;
    border: 1px solid #ccc;
    color: #000;
}
#gallery ul a:hover img
{
    padding: 4px 4px 19px 4px;
    background: url('../images/elements/lightbox_thumb_bg.gif') top left no-repeat;
    border: 1px solid #333;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
#gallery ul a:hover
{
    color: #fff;
}
#gallery ul a.editLink:hover
{
    color: inherit;
}

.pageNav
{
    font-size: 9pt;
}

a.pageNext
{
    background: url('../images/buttons/pageNav_nextArrow.gif') right no-repeat;
    padding: 5px;
    padding-right: 20px;
}
a.pageNext-null
{
    background: url('../images/buttons/pageNav_nextArrow_null.gif') right no-repeat;
    padding: 5px;
    padding-right: 20px;
}
a.pagePrev-null
{
    background: url('../images/buttons/pageNav_prevArrow_null.gif') left no-repeat;
    padding: 5px;
    padding-left: 20px;
}
a.pagePrev
{
    background: url('../images/buttons/pageNav_prevArrow.gif') left no-repeat;
    padding: 5px;
    padding-left: 20px;
}

a.printLink
{
    background: url('../images/icons/icon_print.gif') left no-repeat;
    padding: 5px;
    padding-left: 20px;
}
a.searchLink
{
    background: url('../images/icons/icon_search.gif') left no-repeat;
    padding: 5px;
    padding-left: 20px;
}


.report
{
    font-family: "Courier New" , Courier, mono;
    font-size: small;
    font-style: normal;
    color: #000000;
}

.textUpperCase
{
    text-transform: uppercase;
}
.Custom
{
    font-family: Arial;
    font-size: small;
    font-weight: bold;
    color: Navy;
}

.HeaderLabel
{
    font-family: Arial;
    font-size: small;
    font-weight: bold;
}
.DataLabel
{
    font-family: Arial;
    font-size: small;
    font-weight: normal;
}
.DataText
{
    background-color: Blue;
    font-family: Arial;
    font-size: small;
    font-weight: normal;
    color: White;
}
.DataTextUpper
{
    text-transform: uppercase;
    background-color: Blue;
    font-family: Arial;
    font-size: small;
    font-weight: normal;
    color: White;
}
.Button
{
    font-weight: bold;
    font-size: small;
    font-family: Tahoma;
    font-variant: small-caps;
}

/******Menu*********/

.menu
{
    border-right: black 1px solid;
    background-color: #FFEFBB;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
}

.CSmenuItems
{
    float: left;
    text-align: left;
}

.textAlign
{
    text-align: right;
}

/*Calendar*/

.MyCalendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #CCCCFF;
    color: black;
    z-index: 100;
    position: relative;
    font-weight: normal;
    padding:0px;
    margin:0px;
}

.MyCalendar .ajax__calendar_body
{
    background-color: #CCCCFF;
    padding:0px;
    margin:0px;
    width:100%;
}

.MyCalendar .ajax__calendar_dayname
{
    background-color: #40371A;
    border: solid 1 #40371A;
    color: white;
}

.MyCalendar .ajax__calendar_today
{
    background-color: #FFFFCC;
    color: #000080;
    font-weight: bold;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year
{
    color: dimgray;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year
{
    color: black;
    background-color: #ccffff;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year
{
    color: black;
    font-weight: bolder;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    text-decoration: underline;
}

.MyCalendarUC .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #CCCCFF;
    color: black;
    z-index: 100;
    position: relative;
    font-weight: normal;
    padding:0px;
    margin:0px;
    width: 215px;
}

.MyCalendarUC .ajax__calendar_body
{
    background-color: #CCCCFF;
    padding:0px;
    margin:0px;
    width:100%;
}

.MyCalendarUC .ajax__calendar_dayname
{
    background-color: #40371A;
    border: solid 1 #40371A;
    color: white;
}

.MyCalendarUC .ajax__calendar_today
{
    background-color: #FFFFCC;
    color: #000080;
    font-weight: bold;
}
.MyCalendarUC .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year
{
    color: dimgray;
}
.MyCalendarUC .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year
{
    color: black;
    background-color: #ccffff;
}
.MyCalendarUC .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year
{
    color: black;
    font-weight: bolder;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    text-decoration: underline;
}

#hubDataEdit
{
    padding: 10px;
    border-top: 1px solid #e7e7e7;
    background: #fff;
}

#hubDataEdit table tr td
{
    font-size: 10px;
}
.imagewidth
{
    height: 80px;
    width: 80px;
}

.myclass
{
    font-weight: bold;
    font-size: 10px;
    vertical-align: middle;
    text-transform: capitalize;
    text-indent: 2px;
    line-height: normal;
    font-family: Arial, 'Microsoft Sans Serif' , Tahoma;
    letter-spacing: normal;
    background-color: silver;
    text-align: right;
}

.mytd
{
    vertical-align: middle;
    text-align: right;
}

# table th
{
    padding: 8px;
    background: #40371A;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}

/* Link Style */ .aimTopLinkMenu
{
    background-color: #EFF8FB;
    text-align: left;
    padding: 4px;
    z-index: 9999999;
}

.StaticMenuItem
{
	padding: 2px;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    background-color: #EFF8FB;
    color: Black;
    text-align: left;
     border: solid 1px #c6c6c6;
}
.SelectedMenuItem
{
	padding: 2px;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    background-color: #c6c6c6;
    color:Black;
    text-align: left;
}
.HoverMenuItem
{
	padding: 2px;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    background-color: #FFFFCC;
    color: #0063dc;
    text-align: left;
}

.nsbutton{
 border :1px solid #ffc826; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-family:arial, helvetica, sans-serif; padding: 3px 3px 3px 3px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #000000; background-color: #ffd65e;
 background-image: linear-gradient(top, #ffd65e, #febf04);
 }

.nsbutton:hover
{
    cursor:pointer;
 border:1px solid #f7b800; background-color: #ffc92b;
 background-image: linear-gradient(top, #ffc92b, #ce9a01);
 }