/*
CSS for main template (layout + header + footer), main menu and progress indicator

Should only contain css directly related to main template!

Add custom style, overrides etc to cssLayout.css -> to be renamed to obc.css
*/

html{
    height: 100%;border:0;padding:0;margin:0;min-width: 980px;
}
body {
    background-color: #fff;background-repeat: repeat;font-size: 12px;
    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    color: #000000;margin: 0px;height: 100%;
}
   /* background-image: url('../resources/images/bg/mainbackground.png'); */

/* PF5 fix, stf 2014-05*/
.ui-datatable table
{
    table-layout: auto !important;
}
/* PF5 fix, stf 2014-05: addLics + change subscriptionItem */
.ui-cell-editor-input > div > label {
    width: 112px !important;
}
div#mainLogin{min-width:980px;max-width:1200px;min-height: 100%;overflow: hidden; 
    position: relative;margin-left: auto;margin-right: auto;
    border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px; border:0;
    padding: 0 !important;}

#content{padding-bottom: 10px;}
#mainLogin_content{padding:0;}
#wrapper{min-height: 100%;}
#main {overflow:auto;padding-bottom: 100px;}

#loginBox{width:400px;margin-left: auto;margin-right: auto;margin-top: 20px;margin-bottom: 20px;padding:20px;}

#bannerWrapper{background: url(../resources/images/bg/banner-repeat.png);height:100px;}
#outerBannerDiv{min-width:980px;max-width:1200px; margin-left: auto;margin-right: auto;border:0;padding:0;}
#bannerDiv{background: url(../resources/images/bg/CM_toppbanner3.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;
    height:100px; border:0;padding:0;margin:0;}
#bannerDiv_content{padding:0;margin:0;}

/* Start footer */
#footerWrapper{height:100px;background: url(../resources/images/bg/footer-repeat.png);background-repeat:repeat-x;background-position:0px 0px;
    position: relative;margin-top: -100px;clear: both;}
#footerDiv{background: none;border:0;padding:0;margin:0;}
#innerFooterDiv{min-width:980px;max-width:1200px; margin-left: auto;margin-right: auto;}
.footerTitle{color:#ff8400;font-weight: bold;font-size:9px;}
#footerDiv .footerLink{color:#ffffff;text-decoration:none;}
/* End footer */

/*START MAIN MENU */
ul#nav {list-style: none;margin: 0;padding: 0;position: relative;}
#nav li {display: inline;list-style-type: none;}
a.menuItemLink{color: #4F4F4F;border: 1px solid transparent;display: block;float: left;font-weight: 400;line-height: 10px;
    outline: medium none;text-decoration: none;width: auto;margin-right: 5px; padding:2px;}
/* used for disabled menu items (2015-12) !? */
span.menuItemLink{color: #a9a9a9;border: 1px solid transparent;display: block;float: left;font-weight: 400;line-height: 10px;
    outline: medium none;text-decoration: none;width: auto;margin-right: 5px; padding:2px;}

span.menuItemImage{float:left;padding-left:5px;}
span.menuItemText{float: left;padding-top:8px;padding-left:2px;font-size: 14px;}

 /* #f49a2e */
/* main-menu images */
.menuImgDashboard{width: 24px;height:24px;background: url(../resources/images/mainmenu/dashboard_24_selected.png);background-repeat:no-repeat;background-position:0px 0px;display:block;}
.menuImgDashboardselected{width: 24px;height:24px;background: url(../resources/images/mainmenu/dashboard_24.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
a:hover.menuItemLink #menuImgDashboard{width: 24px;height:24px;background: url(../resources/images/mainmenu/dashboard_24_hover.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
.menuImgQuotes{width: 24px;height:24px;background: url(../resources/images/mainmenu/quotes_24_selected.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
.menuImgQuotesselected{width: 24px;height:24px;background: url(../resources/images/mainmenu/quotes_24.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
a:hover.menuItemLink #menuImgQuotes{width: 24px;height:24px;background: url(../resources/images/mainmenu/quotes_24_hover.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
.menuImgCustomers{width: 24px;height:24px;background: url(../resources/images/mainmenu/customers_24_selected.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
.menuImgCustomersselected{width: 24px;height:24px;background: url(../resources/images/mainmenu/customers_24.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
a:hover.menuItemLink #menuImgCustomers{width: 24px;height:24px;background: url(../resources/images/mainmenu/customers_24_hover.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
.menuImgSupport{width: 24px;height:24px;background: url(../resources/images/mainmenu/support_24_selected.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
.menuImgSupportselected{width: 24px;height:24px;background: url(../resources/images/mainmenu/support_24.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
a:hover.menuItemLink #menuImgSupport{width: 24px;height:24px;background: url(../resources/images/mainmenu/support_24_hover.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
.menuImgFilearchive{width: 24px;height:24px;background: url(../resources/images/mainmenu/filearchive_24_selected.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
.menuImgFilearchiveselected{width: 24px;height:24px;background: url(../resources/images/mainmenu/filearchive_24.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
a:hover.menuItemLink #menuImgFilearchive{width: 24px;height:24px;background: url(../resources/images/mainmenu/filearchive_24_hover.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
.menuImgCommission{width: 24px;height:24px;background: url(../resources/images/mainmenu/commission_24_selected.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
.menuImgCommissionselected{width: 24px;height:24px;background: url(../resources/images/mainmenu/commission_24.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
a:hover.menuItemLink #menuImgCommission{width: 24px;height:24px;background: url(../resources/images/mainmenu/commission_24_hover.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
.menuImgAdmin{width: 24px;height:24px;background: url(../resources/images/mainmenu/admin_24_selected.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
.menuImgAdminselected{width: 24px;height:24px;background: url(../resources/images/mainmenu/admin_24.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
a:hover.menuItemLink #menuImgAdmin{width: 24px;height:24px;background: url(../resources/images/mainmenu/admin_24_hover.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
.menuImgLogout{width: 24px;height:24px;background: url(../resources/images/mainmenu/logout_24.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
a:hover.menuItemLink .menuImgLogout{width: 24px;height:24px;background: url(../resources/images/mainmenu/logout_24_hover.png); /* #f49a2e */background-repeat:no-repeat;background-position:0px 0px;display:block;}
/*preload menu images for hover and banner*/
.preload{display:none;}
/* END MAIN MENU */

/* Start Ppogress indicator for webshop (added sales):
Ref: http://blog.sathomas.me/post/tracking-progress-in-pure-css */
ol.progtrckr {margin: 0;list-style-type: none;}
ol.progtrckr li {display: inline-block;text-align: center;line-height: 3em;}
ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }
ol.progtrckr li.progtrckr-done {color: black;border-bottom: 4px solid yellowgreen;}
ol.progtrckr li.progtrckr-todo {color: silver; border-bottom: 4px solid silver;}
ol.progtrckr li:after {content: "\00a0\00a0";}
ol.progtrckr li:before {position: relative;bottom: -2.5em;float: left;left: 50%;line-height: 1em;}
ol.progtrckr li.progtrckr-done:before {content: "\2713";color: #eeeeee;background-color: yellowgreen;height: 1.2em;width: 1.2em;line-height: 1.2em;border: none;border-radius: 1.2em;}
ol.progtrckr li.progtrckr-todo:before {content: "\039F";color: silver;background-color: #eeeeee;font-size: 1.5em;bottom: -1.6em;}
/* End progress indicator */





/* TERMINATION custom CSS (2015-03) */


div#reasondropdown{
    width:99% !important;
}

.ui-selectmanycheckbox label, .ui-selectoneradio label {
    margin-right:10px;
}



/* = STEPS CONTAINER
----------------------------*/
.wizard-steps {
    margin:0px 0px 0px 10px;
    padding:0px;
    position: relative;
    clear:both;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.wizard-steps div {
    position:relative;
}
/* = STEP NUMBERS
----------------------------*/
.wizard-steps span {
    display: block;
    float: left;
    font-size: 14px;
    text-align:center;
    width:15px;
    margin: 2px 5px 0px 0px;
    line-height:15px;
    color: #ccc;
    background: #FFF;
    border: 2px solid #CCC;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
/* = DEFAULT STEPS
----------------------------*/
.wizard-steps a {
    position:relative;
    display:block;
    width:auto;
    height:24px;
    margin-right: 18px;
    padding:0px 10px 0px 3px;
    float: left;
    font-size:15px;
    line-height:24px;
    color:#666;
    background: #F0EEE3;
    text-decoration:none;
    text-shadow:1px 1px 1px rgba(255,255,255, 0.8);
}
.wizard-steps a:before {
    width:0px;
    height:0px;
    border-top: 12px solid #F0EEE3;
    border-bottom: 12px solid #F0EEE3;
    border-left:12px solid transparent;
    position: absolute;
    content: "";
    top: 0px;
    left: -12px;
}
.wizard-steps a:after {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left:12px solid #F0EEE3;
    position: absolute;
    content: "";
    top: 0px;
    right: -12px;
}

/* = COMPLETED STEPS
----------------------------*/

.wizard-steps .completed-step a {
    color:#999; /*163038*/
    background: #eee; /*#A3C1C9*/
}
.wizard-steps .completed-step a:before {
    border-top: 12px solid #eee;
    border-bottom: 12px solid #eee;
}
.wizard-steps .completed-step a:after {
    border-left: 12px solid #eee;
}
.wizard-steps .completed-step span {
    border: 2px solid #163038;
    color: #163038;
    text-shadow:none;
}
/* = ACTIVE STEPS
----------------------------*/
.wizard-steps .active-step a {
    color:#ffffff; /*#A3C1C9*/
    background: #F79102; /*#163038*/
    text-shadow:1px 1px 1px rgba(0,0,0, 0.8);
}
.wizard-steps .active-step a:before {
    border-top: 12px solid #F79102;
    border-bottom: 12px solid #F79102;
}
.wizard-steps .active-step a:after {
    border-left: 12px solid #F79102;
}
.wizard-steps .active-step span {
    color: #F79102;
    -webkit-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    -moz-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    text-shadow:none;
    border: 2px solid #A3C1C9;
}
/* = HOVER STATES
----------------------------*/
.wizard-steps .completed-step:hover a, .wizard-steps .active-step:hover a {
    color:#eee; /*#fff*/
    background: #F79102; /* #8F061E  */
    text-shadow:1px 1px 1px rgba(0,0,0, 0.8);
}
.wizard-steps .completed-step:hover span, .wizard-steps .active-step:hover span {
    color:#F79102; /*#F79102*/
}
.wizard-steps .completed-step:hover a:before, .wizard-steps .active-step:hover a:before {
    border-top: 12px solid #F79102;
    border-bottom: 12px solid #F79102;
}
.wizard-steps .completed-step:hover a:after, .wizard-steps .active-step:hover a:after {
    border-left: 12px solid #F79102;
}