/* 
    Document   : window
    Created on : 24/05/2012, 16:12:36
    Author     : Diego Matoso - diegomatoso@gmail.com
    Description:
        Purpose of the stylesheet follows.
*/

body {
    padding: 0 !important;
    /*background-image: none !important;*/
    background-color: #FFF;
}

.ui-dialog {
    background-color: #073D7A;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
    background: #FFF;
    display: -webkit-box;
    -webkit-transition: 200ms -webkit-transform;
    -moz-box-shadow:0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15); /* Firefox v3.5+ */
    -webkit-box-shadow:0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15); /* Safari v3.0+ and by Chrome v0.2+ */
    box-shadow:0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15); /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+  and by Opera v10.5+ */

    -ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color = #33000000 ,Strength = 12)";
    filter:progid:DXImageTransform.Microsoft.Glow(Color = #33000000 ,Strength = 12);
    glow: 0px 0px 12px rgba(0,0,0,0.6);
    
    /* IE */
    *box-shadow:none;
    -ms-filter:none;
    filter:none;
    glow: none;
    /* --- */
}

.page-window {
    min-height: 100%;
    /* last change
    background: #F3F3F3 url(../../imgs/core_old_new/effect_window_top.png) top center repeat-x !important;
    */
    background: #FFF !important;
}

/* --------------------------------- HEADER --------------------------------- */

.ui-dialog .ui-dialog-titlebar {
    min-height: 24px;
    line-height: 22px;
    padding: 0 10px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    border-bottom: 1px solid #CCC;
    
    /* last change
    background-image: linear-gradient(top, #194B83 50%, #073D7A 50%);
    background-image: -o-linear-gradient(top, #194B83 50%, #073D7A 50%);
    background-image: -moz-linear-gradient(top, #194B83 50%, #073D7A 50%);
    background-image: -webkit-linear-gradient(top, #194B83 50%, #073D7A 50%);
    background-image: -ms-linear-gradient(top, #194B83 50%, #073D7A 50%);

    background-image: -webkit-gradient(
            linear,
            left top,
            left 550,
            color-stop(0.50, #194B83),
            color-stop(0.50, #073D7A)
    );
    */
    
    /*
    /* Firefox v3.5+ **
    -moz-box-shadow:box-shadow:0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15);
    /* Safari v3.0+ and by Chrome v0.2+ **
    -webkit-box-shadow:box-shadow:0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+  and by Opera v10.5+ **
    box-shadow:box-shadow:0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.15);
    -ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color = #33000000 ,Strength = 12)";
    filter:progid:DXImageTransform.Microsoft.Glow(Color = #33000000 ,Strength = 12);
    glow: 0px 0px 12px rgba(0,0,0,0.4);
    */
}

.ui-dialog-titlebar-close .ui-icon,
.ui-dialog-titlebar-back .ui-icon {
    background-image: url(../../imgs/core_old_new/icon_close_window.png);
    background-repeat: no-repeat;
}

.ui-dialog-titlebar-close .ui-icon { background-position: 0 0; }
.ui-dialog-titlebar-back .ui-icon { background-position: 0 -26px; }

.ui-dialog .ui-dialog-titlebar-close span, 
.ui-dialog .ui-dialog-titlebar-back span {
    margin: 1px 2px;
}

.ui-dialog .ui-dialog-titlebar-close, 
.ui-dialog .ui-dialog-titlebar-back {
    right: 0.8em;
}

.ui-dialog-titlebar-close .ui-icon-closethick, 
.ui-dialog-titlebar-back .ui-icon-closethick {
    background-position: 0 0;
}

.ui-dialog-titlebar-close.ui-state-hover, 
.ui-dialog-titlebar-back.ui-state-hover {
    /* last change
    background: #2063AC !important;
    */
    background: #DDD !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-back:hover,
.ui-dialog .ui-dialog-titlebar-back:focus {
    padding: 1px;
}

.ui-dialog-titlebar-close.ui-state-hover .ui-icon, 
.ui-dialog-titlebar-back.ui-state-hover .ui-icon {
    /*background-position: 0 -16px;*/
}

.ccm-window-area.ui-dialog .new-area-center {
    overflow-y: hidden;
}
.ccm-window-area.ui-dialog {
    padding: 15px 15px 1px;
}
.ccm-window-area .ui-dialog-titlebar{
    display: none;
}
/*-- TABS ---*/

.page-window .tabs {
    margin-bottom: 0 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.page-window .tab-content {}


/* --------------------------------- TABS ----------------------------------- */
/*
.page-window
*/

.page-window .ui-tabs-horizontal.creandiTabbedPane-root,
.page-window .ui-tabs-horizontal.creandiTabbedPane-root > .ui-tabs-panel > .ui-tabs-panel-content > .ui-tabs-horizontal.creandiTabbedPane:first-child {
    padding: 35px 0 0 0;
}

.page-window .ui-tabs-horizontal.creandiTabbedPane-root > .creandiTabbedPane-tabs {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 1px 10px 19px 10px;
    z-index: 999;
    border-top: 1px solid #CCC;
    margin-top: -2px;
}

.page-window .ui-tabs-horizontal > .creandiTabbedPane-tabs .creandiTabView-tab:first-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.page-window .ui-tabs-horizontal.creandiTabbedPane-root > .ui-tabs-panel > .ui-tabs-panel-content > .ui-tabs-horizontal:first-child > .creandiTabbedPane-tabs {
    width: 100%;
    position: fixed;
    top: 35px;
    left: 0;
    z-index: 1000;
    padding: 0px 0px 19px 10px;
    border-top: 1px #CCCCCC solid;
}

.page-window .ui-tabs.ui-tabs-horizontal .ui-tabs-nav li.ui-tabs-selected {
    margin-top: -2px;
}


.page-window .ui-tabs-horizontal > .creandiTabbedPane-tabs .creandiTabView-tab > a {
    padding: 6px 12px 2px;
}

.page-window .ui-tabs-horizontal > .creandiTabbedPane-tabs .ui-state-active:first-child, 
.page-window .ui-tabs-horizontal > .creandiTabbedPane-tabs .creandiTabView-tab:first-child {
    border-left: 1px solid #CCC;
}

.page-window .ui-tabs.ui-tabs-horizontal .ui-tabs-nav li.ui-tabs-selected {
    padding-bottom: 1px;
}


/* -------------------------------- CONTENT --------------------------------- */




/* --------------------------------- FOOTER --------------------------------- */

.page-window #footer {
    color: #073D7A;
    border-top: 0;
    background-color: #FFF;
}

.page-window .load_time {
    color: #FFF;
}

.page-window #footer .effect {
    margin-top: -11px;
}

.page-window .box_nav_bottom {
    background: #FFF;
}

.page-window .box_nav_bottom .btn_site {
    color: #FFF !important;
    border: 1px solid #053060;
    background: #074283 url(../../imgs/core_old_new/back_btn_blue.png) top repeat-x;
}

.page-window .bottom_absolute {
    bottom: -5px;
    position: fixed;
    width: 100%;
    z-index: 10;
}

.page-window .box_nav_bottom, .page-window .bottom_absolute {
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;

    /*
    /* Firefox v3.5+ *
    -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.4);
    /* Safari v3.0+ and by Chrome v0.2+ *
    -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.4);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+  and by Opera v10.5+ *
    box-shadow:0px 0px 8px rgba(0,0,0,0.4);
    -ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color = #33000000 ,Strength = 8)";
    filter:progid:DXImageTransform.Microsoft.Glow(Color = #33000000 ,Strength = 8);
    glow: 0px 0px 8px rgba(0,0,0,0.4);
    */
}

/*
.page-window .box_content.box_fixed {
    border: 0;
}

.page-window .box_fixed, .box_fixed .content {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
*/

.page-window .new-footer-center {
    display: none !important;
}


/************************************ qtip ************************************/

.qtip {}
.qtip.qtip-blue {
    width: auto !important;
}

.qtip-wrapper, 
.qtip-contentWrapper {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
}

.qtip-contentWrapper {
    border: 0 !important;
}

.qtip-content {
    word-wrap: break-word;
}

.qtip-borderTop, .qtip-borderBottom {
    display: none !important;
}

.qtip-title {
    height: 15px;
    /*
    min-height: 24px !important;
    line-height: 22px !important;
    padding: 0 10px !important;
    */
    
    /*padding: 0 !important;*/
    background-color: #FFF !important;
    
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -o-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    border-bottom: 1px solid #DBDBDB;
    /* Firefox v3.5+ */
    -moz-box-shadow:0px 0px 12px rgba(0,0,0,0.4);
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.4);
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+  and by Opera v10.5+ */
    box-shadow:0px 0px 12px rgba(0,0,0,0.4);
    -ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color = #33000000 ,Strength = 12)";
    filter:progid:DXImageTransform.Microsoft.Glow(Color = #33000000 ,Strength = 12);
    glow: 0px 0px 12px rgba(0,0,0,0.4);
}

.ui-inputfilter-mannequins .qtip-title {
    padding: 7px 12px !important;
}

.qtip-title > span {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: #FFFFFF;
}

.qtip .qtip-body {
    padding: 8px;
}

.qtip .box_attentions {
    background: #FFF;
    padding: 10px;
    border: 1px solid #CCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.qtip .qtip-container-buttons {
    padding: 5px;
    text-align: right;
    background: #F1F1F1;
}

.qtip .qtip-button {
    width: 19px !important;
    height: 18px !important;
    position: absolute !important;
    top: 14px !important;
    right: 0.5em !important;
    padding: 1px !important;
    margin: -10px 0 0 !important;
    background: none !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
}

.qtip .qtip-button:hover {
    background-color: #D3D3D3 !important;
}

.qtip .qtip-button span {
    display: block !important;
    margin: 1px 2px !important;
    color: #FFFFFF !important;
}

.qtip-tip[rel=topMiddle], 
.qtip-tip[rel=bottomMiddle]
{ width: 16px !important; height: 8px !important; }

.qtip-tip[rel=leftMiddle], 
.qtip-tip[rel=leftMiddle] 
{ width: 8px !important; height: 16px !important; }

.qtip-tip[rel=topLeft],
.qtip-tip[rel=topRight],
.qtip-tip[rel=bottomLeft],
.qtip-tip[rel=bottomRight], 
.qtip-tip[rel=leftTop],
.qtip-tip[rel=leftBottom],
.qtip-tip[rel=rightTop],
.qtip-tip[rel=rightBottom] 
{ width: 15px !important; height: 15px !important; }

.qtip-tip[rel=topLeft] {
    top: 4px !important;
    left: 0px !important;
    background-position: -4px -93px;
}

.qtip-tip[rel=topMiddle] {
    top: 2px !important;
    background-position: -3px 0;
}

.qtip-tip[rel=topRight] {
    top: 4px !important;
    right: 0px !important;
    background-position: -3px -146px;
}

.qtip-tip[rel=bottomLeft] {
    left: 0px !important;
    bottom: 4px !important;
    background-position: -4px -119px;
}

.qtip-tip[rel=bottomMiddle] {
    bottom: 1px !important;
    background-position: -3px -18px;
}

.qtip-tip[rel=bottomRight] {
    right: 0px !important;
    bottom: 4px !important;
    background-position: -3px -170px;
}

.qtip-tip[rel=leftTop] {
    top: 0px !important;
    left: 4px !important;
    background-position: -5px -223px;
}

.qtip-tip[rel=leftMiddle] {
    left: 1px !important;
    background-position: -10px -66px;
}

.qtip-tip[rel=leftBottom] {
    left: 4px !important;
    bottom: 0px !important;
    background-position: -5px -198px;
}

.qtip-tip[rel=rightTop] {
    top: 0px !important;
    right: 4px !important;
    background-position: -4px -275px;
}

.qtip-tip[rel=rightMiddle] {
    right: 1px !important;
    background-position: -5px -38px;
}

.qtip-tip[rel=rightBottom] {
    right: 4px !important;
    bottom: 0px !important;
    background-position: -4px -248px;
}

/*** personalized qtip-tip ***/

/* qtip light */

.qtip-light .qtip-wrapper {
    border: 1px solid #DBDBDB;
    /* Firefox v3.5+ */
    -moz-box-shadow:5px 5px 6px rgba(0,0,0,0.15) !important;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-box-shadow:5px 5px 6px rgba(0,0,0,0.15) !important;
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+  and by Opera v10.5+ */
    box-shadow:5px 5px 6px rgba(0,0,0,0.15) !important;
    -ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color = #33000000 ,Strength = 6)" !important;
    filter:progid:DXImageTransform.Microsoft.Glow(Color = #33000000 ,Strength = 6) !important;
    glow: 5px 5px 6px rgba(0,0,0,0.15) !important;
}

.qtip-light .qtip-tip {
    z-index: 999;
    background-image: url(../../imgs/core_old_new/sprite_qtip_tip.png);
    background-repeat: no-repeat;
}
/* ---------- */

/* qtip blue */
.qtip-blue .qtip-content, 
.qtip-blue .qtip-content a {
    color: #FFF !important;
}

.qtip-blue .qtip-content a:hover {
    text-decoration: underline;
}
/* --------- */

/*** --------------------- ***/

/* Fix multiselectbox with qtip */
.slimScrollDiv,
.qtip-contentWrapper,
.qtip-content,
.qtip-wrapper {
    overflow: visible !important;
}


/* qtip table ----------- */
.table-payment-details td, .table-payment-details th {
    padding: 5px 3px;
    vertical-align: top;
    text-align: left;
}

.table-payment-details th {
    white-space: nowrap;
    border-bottom: 1px solid #FFF;

}

.table-payment-details tr td:first-child {
    text-align: center;
}
/* ----------------------- */

/*********************************** facebox **********************************/

#facebox .popup > .content {
    /* last change
    background: #F3F3F3 url(../../imgs/core_old_new/effect_window_top.png) center 25px repeat-x;
    */
    background: #FFF;
}

#facebox .facebox-window {
    max-width: 1250px;
    height: 600px;
    overflow: auto;
}

#facebox .facebox-window-content {
    max-width: 990px;
    margin: 0 auto;
    padding-right: 10px;
}

#facebox .box_content .content {
    background: #FFF !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
}


/********************************** ui-dialog *********************************/

.ui-dialog .ui-dialog-content {
    display: block;
    /* last change
    background-image: url(../../imgs/core_old_new/effect_window_top.png);
    background-position: center top;
    background-repeat: repeat-x;
    */
}