/********************************************** Page Layout **********************************************/
body { margin:0; font-family:Arial;color:#000000; font-size:12px; }
table td { vertical-align:top; }
.clear-side{ width:10%; }
div#header{ height:120px; width:100%;background-color: #1c4299; }
div#page-content{ min-height:776px; width:100%; position:relative;padding-top: 10px;  }
div#footer{ height:50px; background-color: #1c4299; text-align:center; padding-top:20px; font-size:11px; }

div#header-content{ margin-top:4px; height:85px; }
div#logo{ height:65px; width:160px; border:none;top: 35px; position: absolute;left: 60px; }
div#logo img{ border:none; }
div#footer a{ color:#d4d4d4; text-decoration:none; }

div#header .logged {float:right; color:#ffffff; font-size:14px; padding-top:100px; padding-right:10px}
div#header .logged span { text-decoration:underline; font-weight:bold;}

a { color:#1c4299;} 
.grid-link { color:#1c4299!important; }


div#static-part { height:60px; }
div#static-menu { float:right; margin-top:20px; color:black; font-size:15px; }
/*div#menu { color:black; font-family:Arial Rounded MT Bold; font-size:12px; height:23px; float:left; }*/
div#menu { float:left; margin-top:55px;margin-left: 330px; color:#ffca05; font-size:17px; }

ul.menu-level0 { list-style-type:none; margin:0; height:20px; padding:0; }
ul.menu-level0 li { float:left; margin-left:40px; padding-left:40px;}
ul.menu-level0 li.first{ border:none; margin-left:0; padding-left:0; }
    ul.menu-level0 li a {
        text-decoration: none;
        color: #ffffff;
        font-weight: bold;
    }
        ul.menu-level0 li a.selected-menu {
            color: #d63233;
        }
ul.menu-level0 li a:hover { color: #ffffff; }

ul.menu-level1{ position:absolute; display:none; z-index:99999999; list-style-type:none; background:#ffffff; padding:10px; border:1px solid lightgray; font-size:12px; }
ul.menu-level1 li { float:none; margin-left:0; padding:5px; border-left:none; }
ul.menu-level1 li:hover { background-color:#1c4299; color:#ffffff; cursor:pointer; border:1px dotted lightgray;}
ul.menu-level1 li a { text-decoration:none; color:black;  }
ul.menu-level1 li a.selected-menu{ color:#1c4299; }
ul.menu-level1 li a:hover { color:#ffffff;  }

ul.menu-level2{ margin-left:80px; position:absolute; display:none; margin-top:-22px; list-style-type:none; background:#ffffff; padding:10px; border:1px solid lightgray; }
ul.menu-level2 li { float:none; margin-left:0; padding:5px; border-left:none; }
ul.menu-level2 li a { text-decoration:none; color:black;  }
ul.menu-level2 li:hover { background-color: #1c4299; border:1px dotted lightgray;}
ul.menu-level2 li:hover a { color:#ffffff; }
ul.menu-level2 li a:hover { color:#ffffff; }
ul.menu-level2 li a.selected-menu{ color:#1c4299; }

ul.menu-level3 { margin-left:80px; position:absolute; display:none; margin-top:-22px; list-style-type:none; background:#ffffff; padding:10px; border:1px solid lightgray; }
ul.menu-level3 li { float:none; margin-left:0; padding:5px; border-left:none; }
ul.menu-level3 li a { text-decoration:none; color:black;  }
ul.menu-level3 li:hover { background-color: #1c4299; border:1px dotted lightgray;}
ul.menu-level3 li:hover a { color:#ffffff; }
ul.menu-level3 li a:hover { color:#ffffff; }
ul.menu-level3 li a.selected-menu{ color:#1c4299; }



div#History-Menu { height:22px; font-size:14px; font-family:Arial Rounded MT Bold; }
div#History-Menu ul { list-style-type:none; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }
div#History-Menu ul li { float:left; padding-left:20px; padding-right:20px; background: transparent url(../images/dottedArrow.png) right no-repeat; }
div#History-Menu ul li.first{ padding-left:0px; }
div#History-Menu ul li a:visited { color:#1c4299; }


.services-tree{ }
.services-tree .node { color:#ffffff; font: 12px/18px "Segoe UI", Arial, sans-serif; text-indent:5px; padding-right:2px;}
.services-tree .hover-node { color:#0c58a4; border-color: #2c76c1; background-color: #ffffff; }
.services-tree .selected-node { color:#0c58a4; border-color: #2c76c1; background-color: #ffffff; }


td#left-col { vertical-align:top;border-right: 3px solid #1c4299; }
td#right-col { vertical-align:top; }
td#main { width:100%; vertical-align:top; }



/*.balloon{ border-top:3px solid #036fa7;  }*/
.balloon-content{ padding:10px; padding-top:0; color:#363636; }
.ballon-header { color:#1c4299; margin-top:0; padding-top:10px; font-size:24px;}
.balloon-content p{ color:#fff; }
.balloon-content p.title { color:#8cd0f2; margin-bottom:0; padding-bottom:0;}
.balloon-content p.value { margin-top:0; padding-top:0; text-align:center;}
.balloon-arrow{ margin-left:20px; width:20px; height:10px; /*background:url(../images/balloon-arrow.png) no-repeat;*/ }

.cols { min-height:290px;  width:610px; margin-right:40px; }
.col-1{ float:left; border-top:5px solid #1c4299; width:285px; min-height:290px; }
.col-2{ margin-left:250px; float:left; border-top:5px solid #1c4299; width:285px; min-height:290px; }
.fit-main { border-top:3px solid #036fa7; min-height:290px;  width:100%; padding-top:0px; }
.col-right{ width:100%; min-height:290px; border-top:3px solid #036fa7; margin-top:30px; }
.col-left{ width:100%; min-height:290px;max-width:250px;min-width:200px; /*border-top:3px solid #036fa7;*/ }

.col-menu-header { color:#ffffff; font-size:20px; line-height:35px; }
.col-header { color:#aed5fb; font-size:20px; font-weight:bold; line-height:35px; }
.col-1 p, .col-2 p { font-size:11px; }
.col-right p{ margin:0; font-size:16px; font-style:italic; }

.button{ background:#1c4299 url(../images/btn-shiny.png) repeat; padding:8px 17px 8px 17px; color:#e5f4fc; text-decoration:none; font-size:12px; text-align:center; color:#ffffff; }
.button:hover { background:#1c4299 url(../images/btn-shiny-hover.png) repeat; }

.products-list{ text-align:center; width:100%; font-size:10px; }
.products-list td { text-align:center; }
.products-list a { text-decoration:none; }
.products-list img { border:none; }

.prod-list { text-align:left; color:#1c4299; font-size:12px; text-decoration:none; }
.prod-list a:hover { text-decoration:underline; } 
.prod-list img { border:none; }
.services { text-align:left; }
.services table { width:100%; }
.services tr+tr td { border-bottom:none; }
.services table td { border:none; padding-top:20px; }
.services ul { list-style-type:none; margin:0; padding:0; }
.services ul li a { line-height:30px; height:30px; color:#1c4299;  }
.services h3 { margin-top:0; }
.services th { text-align:left; font-size:14px; border-bottom:1px solid lightgray; }
.services ul li table td { padding-top:0; text-align:left; width:30px; text-decoration:underline; }
.services ul li table td+td { width:100%; padding-left:10px; }
.services ul li a:hover { color:#ea8381;}
.services ul li a:visited { color:#1c4299; }

.payment-selection, .added-info{ font-size:14px; margin-top:5px; }
.payment-selection span, .added-info span { }
.payment-info { margin-top:50px; }
.payment-info td+td { padding-left:20px; }

.group { border:dotted 1px gray; padding:10px; text-align:left; }
.group label { font-size:11px; color:#000000; }
.group table.infos th { border-bottom: solid 2px #1c4299; text-align:left; }
.group table.infos td { padding:2px 5px 1px 5px; width:200px; font-size:12px; }
.group table.infos td.col-labels { width:120px; }
.group .text{ width:150px; }
 .first-group { margin-top:0; }
.button { padding-top:4px; padding-bottom:4px; }

.grid { background-color:#ffffff; font-family:Tahoma; font-size:12px; color:#bd2020; text-align:center;} 
.grid-header { background-image:none; background-color:#f2f2f2; color:#bd2020; padding:3px; font-size:12px; font-weight:bold; line-height:20px; border-bottom:solid 2px #bd2020; }
.grid-footer { color:#ff0000; font-weight:bold; border-top:solid 1px red; }
.grid-alt {  background-color:#f8f8f8;  }
.grid-selected { background:none #318ee3!important; color:#c5e32e!important; font-weight:bold; }

.date-label { text-align:right; }
.group label.value-label { font-weight:normal;}

.labels{ font-weight:bold; }

.info{ color:Gray; }
.info-title{ font-weight:bold; color:Black; font-size:12px;}
.group-title{ font-weight:bold; color:#000000; font-size:16px;}

label.label-details { cursor:pointer; text-decoration:underline; }

h1 { color:#1c4299; }
h1.PageSitePath { color:#1c4299; font-size:12px; }

.redSpan
{
    color:Red;
}

.hidden{ display:none; }
.shown{ display:block; }


td.separator{ }
.label-header{ font-weight:bold; text-decoration:underline; line-height:25px; font-size:13px;}

.stars{ color:Red; }

.small_linkbuttons{ font-size:10px; font-weight:normal; text-decoration:none; }

table.combotable td, table.combotable th{ width:50px;}
table.combotable td.first, table.combotable th.first{ width:110px; }
table.combotable td{ border-bottom:solid 1px lightgray; }
.notvisible input{visibility:hidden;}
.notdisplayed {display:none;}

.grid-details{ color:#1c4299; text-decoration:underline; cursor:pointer; }

.login-group {margin-right:50px;}
.col-buttons { text-align:right; }

.align-right{ text-align:right; }
.align-left{ text-align:left; }
#DivReceipt { padding-left: 180px; }



div.RadAjax_Metro  .raColor
{
    background-color: #f5f5f5;
}

th.AmtCol, td.AmtCol { text-align:right !important;}
th.ColCenter, td.ColCenter { text-align:center !important;}


/************** Chat iframe window ***************/

#div_iframe_chat_opened 
{
    display:none;
    position: fixed;
    bottom: 0px;
    right: 15px;
    width: 400px;
    height: 450px;
    overflow: hidden;
    visibility: visible;
    z-index: 2147483639;
    background: transparent;
    border: 0px;
    transition: transform 0.2s ease-in-out;
    backface-visibility: hidden;
    transform: translateY(0%);
    opacity: 1;
}

#div_iframe_chat_opened iframe {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0px;
    padding: 0px;
    margin: 0px;
    float: none;
    background: none;
}

.liveChatDiv {
    bottom: 0;
    display: block;
    position: fixed;
    right: 0px;
    height: 71px;
    width: 197px;
    background: url(../images/VIVASupport.png) no-repeat;
    cursor: pointer;
}

@media (max-width: 992px) {
    .liveChatDiv {
        height: 45px;
        width: 45px;
        background: url(../images/VIVASupport_small.png) no-repeat;
    }
}
.loadinggif {
    background:url(../images/loadingdots.gif) no-repeat right center !important;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: fit-content; /* Could be more or less, depending on screen size */
    min-width: 200px;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }