/* BODY DEFAULT ----------------------------------------------------------  */
body
{
    text-align: left;
    background: #ededed;
    font-size: .80em;
    font-family: 'Source Sans Pro', sans-serif, 'Arial';
    color:#555555;
}
a:link, a:visited, a:active
{
    font-size:9pt;
    color: #0066a4;
    text-decoration: none;
    text-align: left;
    font-weight:400;
}

a:hover
{
    color: #2a6496;
}
h1
{
    font-size: 26pt;
    line-height: 26px;
    color: #252525;
}
h2
{
    font-size: 26pt;
    line-height: 26px;
    color: #666666;
}
h3
{
    font-size: 12pt;
    color: #666666;
}
h4
{
    font-size: 18px;
    padding-bottom: 5px;
    border-bottom: 1.3px solid #C0C0C0;
    letter-spacing: 0.5px;
    color: #292929;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 18px;
}
h5
{
    font-family:Arial Black;
    font-weight: normal;
    font-size: 18px;
    color: #ff9b02;
    line-height: 10px;
    text-transform: uppercase;
}
.h4noline
{
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 5px;
    letter-spacing: -1px;
    color: #666666;
    margin-top: 15px;
    margin-bottom: 5px;
}
.Text2
{
    font-family: Arial;
    font-size: 1.2em;
    padding-bottom: 5px;
    border-bottom: 1px solid #666666;
    letter-spacing: 2px;
    color: #666666;
    margin-top: 15px;
    margin-bottom: 15px;
}
.Text2noline
{
    font-family: Arial;
    font-size: 1.2em;
    padding-bottom: 5px;
    letter-spacing: 2px;
    color: #666666;
    margin-top: 15px;
    margin-bottom: 5px;
}
.Text1
{
    border-bottom: 1px solid #666666;
    font-family: Arial;
    font-size: 26pt;
    line-height: 26px;
    color: #666666;
}
.Text3
{
    height: 100%;
    line-height: 22px;
    font-family: Arial;
    font-size: 8pt;
    color: #8d8d8d;
    background: transparent;
    border: 2px solid #c5c0af;
    width: 100%;
}
.Text4
{
    height: 100%;
    line-height: 22px;
    font-family: Arial;
    font-size: 8pt;
    color: #8d8d8d;
    background: transparent;
    width: 100%;
}
.Text5
{
    font-size: 9pt;
    color: #252525;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}
.Text6
{
    height: 100%;
    line-height: 22px;
    font-family: Arial;
    font-size: 8pt;
    color: #8d8d8d;
    background: transparent;
    padding: 5px 0 0 15px;
}

/* SPEC CHANGE REQUEST TEXTBOXES ---------------------------------------------------------------------------------------------------------------------------------------------*/
.Text_Edit
{
    border-width: thin;
    border-style: solid;
    font-family: Arial;
    font-size: 1.00em;
    background-color: #ffffff;
}
.Text_Edit:hover
{
    border-width: thin;
    border-style: solid;
    font-family: Arial;
    font-size: 1.00em;
    background-color: #FFFFCC;
}
.Text_Edited
{
    border-width: thin;
    border-style: solid;
    font-family: Arial;
    font-size: 1.00em;
    background-color: #FF3300;
}

/* LAYOUTS ---------------------------------------------------------------------------------------------------------------------------------------------*/
#Content
{
    text-align: left;
    width: 100%;
    margin: 0 auto;
}
#header
{
    position: relative;
    margin: 0 auto;
    padding: 0px;
    background: url(Images/header_bg.png) repeat-x;
    overflow: hidden;
    width: 100%;
    height: 119px;
    top: -1px;
    left: 6px;
}
#headerLogo
{
    position: relative;
    background: url(images/header_logo.png) no-repeat;
    text-align: left;
    margin: 0 auto;
    width: 1000px;
    height: 119px;
    z-index: 10;
}
/* CHILD PAGES ----------------------------------------------------------------------------------------------------------------------------------------------------*/
#ChildPage
{
    position: relative;
    background: #fff;
    border: 1px solid #bbb;
    width: 1000px;
    min-height: 800px;
    max-height: 100%;
    margin: 50px auto;
    text-align: left;
    padding: 10px 10px 10px 10px;
}
#RptChildPage
{
    position: relative;
    background: #fff;
    border: 1px solid #bbb;
    width: 1000px;
    max-height: 100%;
    min-height: 800px;
    margin: 10px auto;
    text-align: left;
    padding: 10px 10px 10px 10px;
    overflow: auto;
}

/* TOP MENU ---------------------------------------------------------------------------------------------------------------------------------------------*/
/*#topMenu {position:relative; text-align:left; margin:-28px auto; padding:0; width:1000px; z-index:20; }
#topMenu #top_Navigation {background:url(Images/top_menu_bg.png) no-repeat; height:40px; width:1000px; list-style-type:none; margin:0 0 0 0;}
#topMenu #top_Navigation li img {border:0; margin:12px;}
#topMenu #top_Navigation li {position:relative; float:left; background:transparent; display:block; height:40px; margin:0 15px 0 15px; }
#top_Navigation li a:link, #top_Navigation li a:visited,  #top_Navigation li a:active {border:0;}
#top_Navigation li a:hover {background:#363636; filter:alpha(opacity=60); opacity:0.6; display:block; height:41px; }

.DropLinks {position:absolute; display:none; width:200px; height:100px; background:#363636;list-style:none; font-size:1em; color:#252525; margin-top:-5px; padding:10px;filter:alpha(opacity=60); opacity:0.6;}
.DropLinks li {position:relative; float:left; display:block; left:0; top:0; width:190px; }
.DropLinks a, .DropLinks a:visited, .DropLinks a:active {padding:12px 0 0 0; display:block; text-decoration:none; color:#fff;left:0;font-family:Arial; font-size:1.2em; line-height:2em;}
.DropLinks a:hover{background:transparent;color:#FFB546;}*/

ul#top_Corp_links
{
    position: absolute;
    text-align: right;
    top: 20px;
    right: 1px;
    list-style-type: none;
}
ul#top_Corp_links li
{
    position: relative;
    float: left;
    background: transparent;
    display: block;
    text-align: center;
}
ul#top_Corp_links li a
{
    padding: 10px;
    color: #e1e1e1;
    text-decoration: none;
    font-size: .8em;
}
ul#top_Corp_links li a:hover
{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

#topMenu
{
    position: relative;
    text-align: left;
    margin: -28px auto;
    padding: 0;
    width: 1000px;
    z-index: 20;
}
ul#top_Navigation
{
    background: url(Images/top_menu_bg2.png) no-repeat;
    height: 49px;
    width: 1004px;
    list-style-type: none;
    margin: 0 0 0 0;
}
ul#top_Navigation li img, ul#top_Navigation li input
{
    border: 0;
    margin: 12px;
}
ul#top_Navigation li
{
    position: relative;
    float: left;
    background: transparent;
    display: block;
    height: 40px;
    min-width: 120px;
    text-align: center;
}
ul#top_Navigation li a
{
    border: 0;
}
ul#top_Navigation li:hover
{
    background: #363636;
    display: block;
    height: 41px;
}


ul#top_Navigation li span
{
    position: absolute;
    float: left;
    border: 3px solid #000;
    padding: 18px 10px 18px 10px;
    left: 0;
    top: 40px;
    display: none;
    width: 150px;
    background: #363636;
    color: #fff;
    height: auto;
    vertical-align: middle;
}
ul#top_Navigation li:hover span
{
    display: block;
}
ul#top_Navigation li span a
{
    display: block;
    color: #fff;
    padding: 5px;
    padding-bottom: 5px;
    border-bottom: 1.3px solid #C0C0C0;
    letter-spacing: 1px;
}
ul#top_Navigation li span a:hover
{
    color: #2a6496;
    text-decoration: none;
}

/* USER INFO ----------------------------------------------------------
#ContentUserInfo {position:relative; width:90%; height:128px; padding:10px 20px 0 20px; top:0px; left:0px;} */
/*#usrInfoIcon { background:url(Images/UserInfo128.png) no-repeat; height:128px; width:128px;}*/
/*.UserDetails { position:absolute; height:128px; left:155px; width:87%; top: 10px;}

#ContentQuicklinks {position:relative; width:90%; height:500px; padding:40px 50px 0 50px; top: 0px; left: 0px;}*/

#myVehBaskets
{
    position: relative;
    left: 0px;
    height: 100%;
    max-height: 311px;
    width: 800px;
    overflow: auto;
}

#myVehBasketsCom
{
    position: relative;
    left: 0px;
    height: 100%;
    max-height: 160px;
    width: 800px;
    overflow: auto;
}

#mySpecBaskets
{
    position: relative;
    left: 0px;
    height: 100%;
    max-height: 311px;
    width: 800px;
    overflow: auto;
}
#RecentReports
{
    position: relative;
    left: 0px;
    height: 100%;
    width: 800px;
    overflow: auto;
}


/* REPORTING LAYOUTS ---------------------------------------------------------------------------------------------------------------------------------------------*/
#Rptheader
{
    position: relative;
    background-color:#ffffff;
    margin: 0 auto;
    padding: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.15);
}

#RpttopMenu
{
    position: relative;
    text-align: left;
    margin: 20px auto;
    padding: 0;
    width: 1000px;
    z-index: 20;
    height: 154px;
}
#RpttopMenu ul
{
    margin: 38px auto;
    list-style: none;
}
#RpttopMenu li a:link, #RpttopMenu li a:visited, #RpttopMenu li a:active
{
    font-family: Arial;
    font-size: .90em;
    color: #959595;
    text-decoration: none;
}
#RpttopMenu li a:hover
{
    color: #ff9a00;
}

/*
#rptVolumes {position:absolute; background: url(Images/rpt_MenuTab_bg.png) no-repeat; background-position:0px 0px; width:215px; height:154px; right:648px; z-index:1000;}
#rptPricing {position:absolute; background: url(Images/rpt_MenuTab_bg.png) no-repeat; background-position:-220px 0px; width:215px; height:154px; right:432px;z-index:1001;}
#rptSpecs {position:absolute; background: url(Images/rpt_MenuTab_bg.png) no-repeat; background-position:-442px 0px; width:215px; height:154px; right:217px;z-index:1002;}
#rptReport {position:absolute; background: url(Images/rpt_MenuTab_bg.png) no-repeat; background-position:-662px 0px; width:215px; height:154px; right:0px;z-index:1003;}

#RptheaderLogo {position: absolute; width:492px; height:184; left:-200px; margin:-20px; z-index:999;}*/

#rptVolumes
{
    position: absolute;
    background: url(Images/rpt_MenuTab_bg.png) no-repeat;
    background-position: 0px 0px;
    width: 215px;
    height: 154px;
}
#rptPricing
{
    position: absolute;
    background: url(Images/rpt_MenuTab_bg.png) no-repeat;
    background-position: -220px 0px;
    width: 215px;
    height: 154px;
    left: 217px;
}
#rptSpecs
{
    position: absolute;
    background: url(Images/rpt_MenuTab_bg.png) no-repeat;
    background-position: -442px 0px;
    width: 215px;
    height: 154px;
    left: 432px;
}
#rptReport
{
    position: absolute;
    background: url(Images/rpt_MenuTab_bg.png) no-repeat;
    background-position: -662px 0px;
    width: 215px;
    height: 154px;
    left: 648px;
}

#RptheaderLogo
{
    position: absolute;
    width: 492px;
    height: 184;
    left: 865px;
    margin: -20px auto;
}

/* WIZARD LAYOUTS ---------------------------------------------------------------------------------------------------------------------------------------------*/
#rptWizard
{
    width: 100%;
    height:auto;
    margin: 0 auto;
    text-align: center;
}
#rptWizard table
{
    margin: 0 auto;
    text-align: left;
}

.wizContent
{
    width: 100%;
    height: 100%;
}
.wizHeader
{
    width: 100%;
    height: 120px;
    top: -10px;
    text-align:center;
    text-align:-webkit-center;
}
.wizHeader_small
{
    width: 100%;
    height: 80px;
}

#wizStep01
{
    display: none;
    position: relative;
    float: left;
    width: 900px;
    height: 100%;
}
#wizStep02
{
    display: none;
    position: relative;
    width: 900px;
    height: 100%;
}
#wizStep03
{
    display: none;
    position: relative;
    width: 900px;
    height: 100%;
}
#wizStep04
{
    display: none;
    position: relative;
    width: 900px;
    height: 100%;
}
#wizStep05
{
    display: none;
    position: relative;
    width: 900px;
    height: 100%;
}

#wizStep01_vehbsk
{
    display: none;
    position: relative;
    float: left;
    width: 900px;
    height: 100%;
}
#wizStep02_vehbsk
{
    display: none;
    position: relative;
    width: 900px;
    height: 100%;
}
#wizStep03_vehbsk
{
    display: block;
    position: relative;
    width: 900px;
    height: 100%;
}
#wizStep04_vehbsk
{
    display: none;
    position: relative;
    width: 900px;
    height: 100%;
}
#wizStep05_vehbsk
{
    display: none;
    position: relative;
    width: 900px;
    height: 100%;
}

#wizStep01_specbsk
{
    display: none;
    position: relative;
    float: left;
    width: 900px;
    height: 100%;
}
#wizStep02_specbsk
{
    display: none;
    position: relative;
    width: 900px;
    height: 100%;
}
#wizStep03_specbsk
{
    display: none;
    position: relative;
    width: 900px;
    height: 100%;
}
#wizStep04_specbsk
{
    display: none;
    position: relative;
    width: 900px;
    height: 100%;
}
#wizStep05_specbsk
{
    display: none;
    position: relative;
    width: 900px;
    height: 100%;
}

.wizStep01
{
    position: relative;
    background: url(Images/Wizard_sprite_step4.png) no-repeat;
    background-position: 0px 0px;
    width: 800px;
    height: 120px;
}
.wizStep02
{
    position: relative;
    background: url(Images/Wizard_sprite_step4.png) no-repeat;
    background-position: 0px -120px;
    width: 800px;
    height: 120px;
}
.wizStep03
{
    position: relative;
    background: url(Images/Wizard_sprite_step4.png) no-repeat;
    background-position: 0px -240px;
    width: 800px;
    height: 120px;
}
.wizStep04
{
    position: relative;
    background: url(Images/Wizard_sprite_step4.png) no-repeat;
    background-position: 0px -360px;
    width: 800px;
    height: 120px;
}
.wizStep05
{
    position: relative;
    background: url(Images/Wizard_sprite_step4.png) no-repeat;
    background-position: 0px -480px;
    width: 800px;
    height: 120px;
}

.wizStep01_small
{
    position: relative;
    background: url(Images/Wizard_sprite_step4_small.png) no-repeat;
    background-position: 0px 0px;
    width: 800px;
    height: 80px;
    left: 100px;
}
.wizStep02_small
{
    position: relative;
    background: url(Images/Wizard_sprite_step4_small.png) no-repeat;
    background-position: 0px -80px;
    width: 800px;
    height: 80px;
    left: 100px;
}
.wizStep03_small
{
    position: relative;
    background: url(Images/Wizard_sprite_step4_small.png) no-repeat;
    background-position: 0px -160px;
    width: 800px;
    height: 80px;
    left: 100px;
}
.wizStep04_small
{
    position: relative;
    background: url(Images/Wizard_sprite_step4_small.png) no-repeat;
    background-position: 0px -240px;
    width: 800px;
    height: 80px;
    left: 100px;
}
.wizStep05_small
{
    position: relative;
    background: url(Images/Wizard_sprite_step4_small.png) no-repeat;
    background-position: 0px -320px;
    width: 800px;
    height: 80px;
    left: 100px;
}

.wiz3Step01
{
    position: relative;
    background: url(Images/Wizard_sprite_step3.png) no-repeat;
    background-position: 0px 0px;
    width: 800px;
    height: 120px;
}
.wiz3Step02
{
    position: relative;
    background: url(Images/Wizard_sprite_step3.png) no-repeat;
    background-position: 0px -120px;
    width: 800px;
    height: 120px;
}
.wiz3Step03
{
    position: relative;
    background: url(Images/Wizard_sprite_step3.png) no-repeat;
    background-position: 0px -240px;
    width: 800px;
    height: 120px;
}

.wizBody
{
    position: relative;
    width: 100%;
    height: 100%;
    padding:1%;
}
.wizFooter
{
    position: relative;
    display: block;
    background: url(Images/bottomBarBg.png) repeat-x;
    float: left;
    width: 100%;
    height: 60px;
    padding: 10px 0 0 0;
    text-align: center;
    left: 0px;
    bottom: 0px;
    margin-bottom:0px;
    background-color:White;
    z-index:5;
}
.wizFooter_fixed
{
    position: fixed;
    display: block;
    background: url(Images/bottomBarBg.png) repeat-x;
    float: left;
    width: 100%;
    height: 60px;
    padding: 10px 0 0 0;
    text-align: center;
    left: 0px;
    bottom: 0px;
    margin-bottom:0px;
    background-color:White;
    z-index:5;
}
.clear
{
    clear: both;
}

.stepContent
{
    height: 480px;
    overflow: auto;
    width:90%;
}
/* Report Options ---------------------------------------------------------------------------------------------------------------------------------------------*/

#dvTarget
{
    position: relative;
    float: left;
}

#dvDates
{
    position: relative;
    float: left;
}
#dvDates table
{
    width: 100%;
    height: 70%;
}
#dvDates .tdlabel
{
    width: 60px;
    text-align: right;
}
#dvDates .tdCtrl
{
    text-align: left;
    width: 100%;
}

#dvPrice
{
    position: relative;
    float: left;
}
#dvPrice table
{
    width: 100%;
    height: 60%;
}
#dvPrice .tdLabel
{
    width: 130px;
    text-align: left;
}
#dvPrice .tdCtrl
{
    text-align: left;
}

#dvQgenOutput
{
    position: relative;
    float: left;
}
#dvQgenOutput table
{
    width: 100%;
    height: 100%;
}

#dvVolumes
{
    position: relative;
    float: left;
}
#dvVolumes table
{
    width: 100%;
    height: 100%;
}

#dvForecast
{
    position: relative;
    float: left;
}
#dvForecast table
{
    width: 100%;
    height: 50%;
}
#dvForecast .tdLabel
{
    width: 30px;
    text-align: left;
}
#dvForecast .tdCtrl
{
    text-align: left;
}

#dvGeneral
{
    position: relative;
    float: left;
}
#dvGeneral table
{
    width: 100%;
    height: 70%;
}

/* CONTENT BOX ----------------------------------------------------------  */
.ContentBox
{
    background: #fff;
    padding: 0;
    width: 300px;
    height: 450px;
    margin: 0 40px 20px 0;
}
.ContentHeader
{
    position: relative;
    font-family: Arial;
    font-size: 1.2em;
    padding-bottom: 5px;
    letter-spacing: 2px;
    color: #666666;
    margin-top: 15px;
    margin-bottom: 5px;
    vertical-align: top;
    text-align: left;
    height: 12px;
}
.ContentHeaderimg
{
    display: none;
}
.ContentBody
{
    background: url(Images/bg_content.png) repeat-x;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    padding: 10px 10px 10px 10px;
    font-family: Arial;
    font-size: 0.9em;
    color: #898989;
    height: 416px;
    overflow: auto;
}
.ContentBoxFooter
{
    position: relative;
    bottom: 0;
    width: 100%;
    height: 22px;
    border: 1px solid #dfdfdf;
}
.ContentBoxFooterButtons
{
    display: none;
}
.ContentBoxFooterSummary
{
    border-top: 1px solid #dfdfdf;
    height: 22px;
    line-height: 22px;
    font-family: Arial;
    font-size: 8pt;
    color: #8d8d8d;
    text-transform: capitalize;
}

.smallContentBox
{
    background: none;
    padding: 0;
    width: 300px;
    height: 250px;
    margin: 10px 40px 40px 0;
}
.smallContentHeader
{
    position: relative;
    font-family: Arial;
    font-size: 1.2em;
    padding-bottom: 6px;
    letter-spacing: 2px;
    color: #666666;
    margin-top: 15px;
    margin-bottom: 5px;
    vertical-align: top;
    text-align: left;
    height: 19px;
}
.smallContentHeaderimg
{
    display: none;
}
.smallContentBody
{
    background: url(Images/bg_content.png) repeat-x;
    padding: 10px 10px 10px 10px;
    border-top: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
    width: 100%;
    font-family: Arial;
    font-size: 0.9em;
    color: #898989;
    height: 211px;
    overflow: auto;
}
.smallContentBodyDropDown
{
    padding: 10px 10px 10px 10px;
    border-top: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    width: 280px;
    font-family: Arial;
    font-size: 0.9em;
    color: #898989;
    height: 20px;
    overflow: auto;
}
.smallContentBoxFooter
{
    position: relative;
    bottom: 0;
    width: 100%;
    height: 22px;
    border: 1px solid #c2c2c2;
}
.smallContentBoxFooterButtons
{
    display: none;
}
.smallContentBoxFooterSummary
{
    border-top: 1px solid #dfdfdf;
    height: 22px;
    line-height: 22px;
    font-family: Arial;
    font-size: 8pt;
    color: #8d8d8d;
    padding-left: 5px;
}

/* GRIDs -----------------------------------------------------------------------------------------------*/
.mGrid
{
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}
.mGrid td
{
    padding: 3px;
    border: solid 1px #c1c1c1;
    color: #717171;
    font-size: 14px;
}
.mGrid th
{
    padding: 4px 2px;
    text-align:center;
    color: #fff;
    background: #424242 url(Images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;
    font-size: 12px;
    font-family:Arial;
}
.mGrid .alt
{
    background: #fcfcfc url(Images/grd_alt.png) repeat-x top;
}
.mGrid .pgr
{
    background: #424242 url(Images/grd_pgr.png) repeat-x top;
}
.mGrid .pgr table
{
    margin: 5px 0;
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
}
.mGrid .pgr a
{
    color: #666;
    text-decoration: none;
}
.mGrid .pgr a:hover
{
    color: #000;
    text-decoration: none;
}
.mGrid .Textright
{
    text-align: right;
}
.mGrid .TextrightRed
{
    text-align: right;
    color: Red;
}
/*.mGrid .TextrightRed
{
    text-align: right;
    color: Red;
}*/
.mGrid .TextLightGray
{
    color: #B0B0B0;
}
.mGrid .TextGray
{
    color: #686868;
}
.mGrid .TextCntr
{
    text-align: center;
}

/* LISTBOX ---------------------------------------------------------- */
.lstBox
{
    background: transparent;
    border: 0;
    width: 100%;
    height: 100%;
    font-size: 11px;
}

/* DROPDOWN ---------------------------------------------------------- */
.DropDownStyle
{
    font-size: 14px;
    min-width: 200px;
}

/* LOADING ---------------------------------------------------------- */
.loading_small
{
    position: absolute;
    background: transparent url(Images/loading_24.gif) no-repeat;
    width: 80%;
    height: 8px;
    font-family: Arial;
    font-size: 8pt;
    color: #666666;
}
.loading_medium
{
    position: absolute;
    background: transparent url(Images/loading_48.gif) no-repeat;
    width: 80%;
    height: 16px;
    font-family: Arial;
    font-size: 10pt;
    color: #666666;
}
.loading_large
{
    position: absolute;
    background: transparent url(Images/loading_64.gif) no-repeat;
    width: 80%;
    height: 21px;
    font-family: Arial;
    font-size: 12pt;
    color: #666666;
}

/* POP UP BOXES --------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#mask
{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8000;
    background-color: #000;
    display: none;
}
#boxes .window
{
    position: absolute;
    left: 0;
    top: 0;
    width: 440px;
    height: 200px;
    display: none;
    z-index: 8999;
    padding: 20px;
}

/* Pop up borders */
.pop-frame .topx--
{
    background-image: url(Images/frame-topx--.png);
    background-repeat: no-repeat;
    width: auto;
    height: 40px;
    vertical-align: top;
}
.pop-frame .top-x-
{
    background-image: url(Images/frame-top-x-.png);
    background-repeat: repeat-x;
    width: auto;
    height: 40px;
}
.pop-frame .top--x
{
    background-image: url(Images/frame-top--x.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    vertical-align: top;
}

.pop-frame .midx--
{
    background-image: url(Images/frame-midx--.png);
    background-repeat: repeat-y;
    width: 20px;
    height: auto;
}
.pop-frame .mid--x
{
    background-image: url(Images/frame-mid--x.png);
    background-repeat: repeat-y;
    width: 40px;
    height: auto;
}

.pop-frame .botx--
{
    background-image: url(Images/frame-botx--.png);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: top;
}
.pop-frame .bot-x-
{
    background-image: url(Images/frame-bot-x-.png);
    background-repeat: repeat-x;
    width: auto;
    height: 20px;
}
.pop-frame .bot--x
{
    background-image: url(Images/frame-bot--x.png);
    background-repeat: no-repeat;
    width: 40px;
    height: 20px;
    vertical-align: bottom;
}

/* CHECK BOXES */
.checklist
{
    float: left;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.checklist li
{
    float: left;
    margin-right: 10px;
    background: url(Images/checkboxbg_2.png) no-repeat 0 0;
    width: 200px;
    height: 150px;
    position: relative;
    font-family: Arial;
    font-size: .9em;
    padding: 0;
    margin: 10px 10px;
}
.checklist li.selected
{
    background-position: -200px 0;
}
.checklist li.selected .checkbox-select
{
    display: none;
}
.checklist a.checkbox-select
{
    display: block;
    position: absolute;
    top: 122px;
    width: 200px;
    height: 25px;
    color: #1d3175;
    text-decoration: none;
    text-align: center;
    font-size: 1.2em;
}
.checklist li input
{
    display: none;
}
.checklist a.checkbox-deselect
{
    display: none;
    position: absolute;
    top: 125px;
    width: 200px;
    height: 25px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 1.2em;
}
.checklist li.selected a.checkbox-deselect
{
    display: block;
}
.checklist li .header
{
    display: block;
    text-align: left;
    padding: 8px;
    font-size: 1.0em;
    font-weight: bold;
    color: #363636;
    border-bottom: 1px dotted #c2c2c2;
    margin: 0 2px 0 2px;
}
.checklist li .desc
{
    display: block;
    text-align: left;
    padding: 8px;
    font-size: 11px;
    color: #1b1b1b;
    text-align: justify;
}
.checklist li.selected .header
{
    display: block;
    text-align: left;
    padding: 8px;
    font-size: 1.0em;
    font-weight: bold;
    color: #fff;
    border-bottom: 1px dotted #fff;
    margin: 0 2px 0 2px;
}

/* Motion Chart Icon*/
.checklist .motion1
{
    background: url(Images/VisualChartsMainIndicator.png) no-repeat;
    border: none;
    vertical-align: middle;
    position: relative;
    float: right;
    top: -9px;
    right: 5px;
    width: 37px;
    height: 33px;
}
.checklist .motion2
{
    background: url(Images/VisualChartsIndicator.png) no-repeat;
    border: none;
    vertical-align: middle;
    position: relative;
    float: right;
    top: -9px;
    right: 5px;
    width: 37px;
    height: 33px;
}

/* Grid Only Icon*/
.checklist .grid1
{
    background: url(Images/GridOnlyIndicatorMain.png) no-repeat;
    border: none;
    vertical-align: middle;
    position: relative;
    float: right;
    top: -9px;
    right: 5px;
    width: 37px;
    height: 33px;
}
.checklist .grid2
{
    background: url(Images/GridOnlyIndicator.png) no-repeat;
    border: none;
    vertical-align: middle;
    position: relative;
    float: right;
    top: -9px;
    right: 5px;
    width: 37px;
    height: 33px;
}


/*Feedback*/
.Rating
{
    position: relative;
    width: 591px;
    height: 138px;
    margin: 0 auto;
    padding: 0;
    background: url(Images/webrate_bk.png) no-repeat;
}
.Rating .rate_01
{
    position: absolute;
    top: 40px;
    left: 23px;
    width: 59px;
    height: 59px;
    background: url(Images/webrate_sprite.png) no-repeat;
    background-position: 0px 0px;
}
.Rating .rate_01_sel
{
    position: absolute;
    top: 40px;
    left: 23px;
    width: 59px;
    height: 59px;
    background: url(Images/webrate_sprite.png) no-repeat;
    background-position: 0px -60px;
}
.Rating .rate_02
{
    position: absolute;
    top: 40px;
    left: 149px;
    width: 59px;
    height: 59px;
    background: url(Images/webrate_sprite.png) no-repeat;
    background-position: -60px 0px;
}
.Rating .rate_02_sel
{
    position: absolute;
    top: 40px;
    left: 149px;
    width: 59px;
    height: 59px;
    background: url(Images/webrate_sprite.png) no-repeat;
    background-position: -60px -60px;
}
.Rating .rate_03
{
    position: absolute;
    top: 40px;
    left: 279px;
    width: 59px;
    height: 59px;
    background: url(Images/webrate_sprite.png) no-repeat;
    background-position: -120px 0px;
}
.Rating .rate_03_sel
{
    position: absolute;
    top: 40px;
    left: 279px;
    width: 59px;
    height: 59px;
    background: url(Images/webrate_sprite.png) no-repeat;
    background-position: -120px -60px;
}
.Rating .rate_04
{
    position: absolute;
    top: 40px;
    left: 418px;
    width: 59px;
    height: 59px;
    background: url(Images/webrate_sprite.png) no-repeat;
    background-position: -180px 0px;
}
.Rating .rate_04_sel
{
    position: absolute;
    top: 40px;
    left: 418px;
    width: 59px;
    height: 59px;
    background: url(Images/webrate_sprite.png) no-repeat;
    background-position: -180px -60px;
}

.datagridNewModel
{
    background-color: #ebebeb;
    border: 1px #c1c1c1 solid;
    border-color: #C3C3BA;
    border-collapse: collapse;
    font-family: Arial;
    font-size: 8pt;
    color: black;
    text-decoration: none;
}
.datagridNewModel th
{
    padding: 4px 2px;
    color: #fff;
    background: #424242 url(Images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;
    font-size: 0.9em;
}

.ExportExcel
{
    position: relative;
    float: left;
    background: url(Images/xls.png) no-repeat;
    height: 16px;
    width: 20px;
}
.ViewChart
{
    position: relative;
    float: left;
    background: url(Images/chart_stock.png) no-repeat;
    height: 16px;
    width: 20px;
    margin-left: 10px;
}
.ViewMap
{
    position: relative;
    float: left;
    background: url(Images/map.png) no-repeat;
    height: 16px;
    width: 20px;
    margin-left: 10px;
}
.SaveToBasket
{
    position: relative;
    float: left;
    background: url(Images/save.png) no-repeat;
    height: 16px;
    width: 20px;
}

#rptCriteria
{
    position: relative;
    height: 25px;
    text-align: right;
}
#rptCriteria .button
{
    border: 1px solid #e1e1e1;
    width: 128px;
    height: auto;
    background: #fff;
    padding: 3px;
    position: relative;
    float: left;
    margin-left: 5px;
}
#rptCriteria .icon
{
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #6eb43f;
    width: 23px;
    height: 23px;
    background: #6eb43f;
    position: relative;
    float: left;
    margin:0px;
}
#rptCriteria .icon img
{
    padding: 3px 0 0 1px;
}
#rptCriteria .title
{
    position: relative;
    float: left;
    padding: 3px;
    background: #959595;
    width: 80px;
    border-left: 2px solid #fff;
}
#rptCriteria a:link, #rptCriteria a:visited, #rptCriteria a:active
{
    color: #fff;
    font-family: arial;
    font-size: 12px;
}
#rptCriteria a:hover
{
    color: #000;
}

.lineSep
{
    width: 1px;
    background: url(Images/linesep.png) repeat-y;
}

.sideHeader
{
    background: url(Images/SideBar_lite2.png) no-repeat;
    height: 44px;
    width: 215px;
}
.sideHr
{
    background: url(Images/SideBar_hr_lite.png) no-repeat;
    width: 215px;
}
.sideHeadText
{
    font-size: 1em;
    color: #363636;
}
.sideText
{
    font-size: .8em;
    color: #808080;
}
.sideTextBold
{
    font-size: 1em;
    color: #363636;
    font-weight: bold;
}

#modalPopup
{
    display: none;
    border: solid 1px Black;
    background-color: Gray;
    color: White;
    vertical-align: middle;
    height: 100px;
}


/* RADIO BUTTONS */
.radio a.sel
{
    display: block;
    margin: 4px 0 10px 5px;
    color: #FFF;
    font-size: 12px;
    line-height: 1;
    background-color: #EF8412;
    width: 83px;
    height: 26px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-topleft: 7px;
}
.radio a.sel strong
{
    display: block;
    padding: 6px 17px 0px 6px;
    margin-left: 7px;
    background-color: #EF8412;
    height: 20px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-topright: 7px;
}
.radio a.sel:hover
{
    background-position: 0 -26px;
    color: #FFF;
    background-color: #F39D01;
}
.radio a.sel:hover strong
{
    background-position: 100% -26px;
    background-color: #F39D01;
}

.radioSelected
{
    background: #000;
}
.radioDeselected
{
    background: #ebebeb;
}

.chkFilters
{
    padding: 4px 2px;
    color: #fff;
    background: #424242 url(Images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;
    font-size: 0.9em;
    width: 640px;
}
.chkFilters2
{
    padding: 4px 2px;
    color: #fff;
    margin-top: 15px;
    background: #424242 url(Images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252;
    font-size: 0.9em;
    width: 300px;
}
.chkFilters checkbox
{
    border: 1px solid #000;
}

.ControlStyle
{
    position: relative;
}
.ControlStyle input, textarea
{
    width: 250px;
    height: 25px;
    line-height: 20px;
    text-align: left;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    font-family: 'Source Sans Pro', sans-serif, 'Arial';
    font-size: 1em;
    background: #ebebeb;
    border: 1px solid #ababab;
    color: #555;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.ControlStyle input:hover, textarea:hover
{
    font-weight: bold;
}
.ControlStyle input:active, textarea:active
{
    border: 1px;
}
.ControlStyle a
{
    position: relative;
    top: 5px;
    bottom: 10px;
    text-decoration: none;
    font-size: 11px;
    color: #fff;
}
.ControlStyle a:hover
{
    background: #5F8A42;
}

.ErrorMsg
{
    position: relative;
    background: #8c0c04;
    width: 100%;
    color: #fff;
    font-family: Arial;
    font-weight: normal;
    font-size: 1em;
    height: 20px;
    text-align: left;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

#rightsideInfobar .bullet
{
    color: #252525;
    text-decoration: none;
    height: 8px;
    width: 8px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #565656;
    position: relative;
    float: left;
}
#rightsideInfobar a, #rightsideInfobar a:link, #rightsideInfobar a:visited
{
    font-size: 8pt;
    color: #252525;
    text-decoration: none;
    font-weight: bold;
    text-align: left;
    position: relative;
    float: left;
}
#rightsideInfobar a:hover
{
    color: #2a6496;
}

.spacer
{
    clear: both;
    height: 20px;
    width: 100%;
}
.widthSpacer500
{
    clear: both;
    height: 20px;
    width: 500px;
}
#versionNum
{
    float: right;
    margin-right: 20px;
    margin-top: 78px;
    font-size: 10px;
    color: #E1E1E1;
}

.NewBasketButton
{
    background-color: #7fbf4d;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
    background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
    background-image: linear-gradient(top, #7fbf4d, #63a62f);
    border: 1px solid #63a62f;
    border-bottom: 1px solid #5b992b;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
    -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
    box-shadow: inset 0 1px 0 0 #96ca6d;
    color: #fff;
    font: bold 11px Geneva, Verdana, sans-serif;
    line-height: 1;
    padding: 7px 0 8px 0;
    text-align: center;
    text-shadow: 0 -1px 0 #4c9021;
    width: 180px;
}

.NewBasketButton:active
{
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
}

.NewBasketButton:hover
{
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    -moz-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67;
    cursor: pointer;
}

.NewBasketButton a, .NewBasketButton a:active, .NewBasketButton a:visited, .NewBasketButton a:hover
{
    color: #fff;
}

.noteH
{
    font-size: 14px;
    font-weight: bold;
}

.noteB
{
    font-size: 10px;
    line-height: 12px;
}