/*@import url('https://fonts.googleapis.com/css?family=Karla|Lato');*/
@import url('FontsLato/latofonts.css');


/* Color palette */

#tblOwnerData1 > tbody > tr > td:nth-child(1) > *{
    float: right;
    position: relative;
    top: 3px;

}


table.tableMarker{ 
    border:1px dashed olive;
}

table.tableMarker tr td {
    border:1px dashed olive;
}

body {
    margin: 0;
    padding: 0;
    cursor: default;
}

/***** new TopBar ******/
.tooltipCreditStatusBox { 
          background-color: #FFF; 
          width: 250px; 
          /*min-height: 47px;*/
          padding: 9px 20px; 
          border-radius: 2px; 
          position: absolute; 
          right: -93px;
          top: 25px; 
          z-index: 9999; 
          color: #000; 
          text-align: center; 
          font-size: 12px; 
          line-height: 14px;           
          display:none; 
          -webkit-box-shadow: -1px 3px 5px 0px rgba(221,221,221,1); 
          -moz-box-shadow: -1px 3px 5px 0px rgba(221,221,221,1); 
          box-shadow: -1px 3px 5px 0px rgba(221,221,221,1); 
          border: 1px solid #ddd; 
          -webkit-border-radius: 3px; 
          -moz-border-radius: 3px; 
          border-radius: 3px; 
         } 

.tooltipCreditStatusBox .arrow { 
         border: 10px solid white; 
          border-color: transparent transparent #FFF transparent; 
          width: 0px; 
          height: 0px; 
          position: absolute; 
          top: -20px; 
          right: 97px; 
         }

.tooltipCreditStatusBox .tooltipMainTitle {
            font-weight: bold; 
        }

.rechargeButtonStyle{          
          width:55px;
          height:13px;
          padding:5px;
          border-radius:2px;
          -webkit-border-radius: 3px; 
          -moz-border-radius: 3px; 
          border-radius: 3px; 
          font-size:12px;
          cursor:pointer;
          font-family:'Segoe UI', Tahoma, Verdana;
          text-align: center;
          vertical-align: middle;
          line-height: 13px; 
        }

.rechargeButtonStyleGradient{
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,207cca+49,2989d8+50,1e5799+100 */
        background: #7db9e8; /* Old browsers */
        background: -moz-linear-gradient(top,  #7db9e8 0%, #207cca 49%, #2989d8 50%, #1e5799 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */

        }

.trafficLight_verticalAlign {
    vertical-align: middle;
    margin-bottom: 5px;
}

.creditStatusContainer:hover .tooltipCreditStatusBox {
            display:block;
        }

.ComboboxLangs {
        position: absolute; 
        background-color: #FFF;
        width: 60px; 
        height: 55px; 
        margin-top: -5px; 
        padding-left: 5px; 
        padding-bottom: 3px; 
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px; 
        box-shadow: 0 6px 3px -3px #888888;
        display: none;
}

.divBtnOpenNewsCollapsed {
    background-image: url(../Images/Notification/bg_news_off_65.png) !important;
}

.divLangs_background {
    background-image: url(../Images/Notification/bg_news_off_41.png) !important;
}

.divLangs_background_combo_opened {
    background-image: url(../Images/bg_langs_blank_65.png) !important;
}

#divTopCredit {
    background-image: url(../Images/shape_master_top_right_535.png) !important;
}

#divLogOut {
    background-image: url(../Images/shape_master_top_right_150.png) !important;
}

/****** new TopBar *******/

/***** Dropdown menu ******/
.ddBase {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Segoe UI;
}

div.menuImg img {
    /*margin-top: -2px !important;*/
}

div#divAccount > a > span {
    /*height: 15px !important;*/
}

.dropbtnWithoutBorder {
    display: block;
    background: transparent;
    color: #C2E4F8;
    border-width: 0;
    cursor: pointer;
    min-width: 150px;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    height: 25px;
}

.withoutBorder {
    display: block; 
    text-transform: uppercase; 
    text-decoration: none; 
    height: 25px; 

    padding: 1px 0 !important;
    border: 0 none !important;
    box-shadow: none !important;
}

.dropbtn {
    background: transparent;
    color: #C2E4F8;
    border-width: 0 0 1px 0;
    border-color: #056DA0;
    border-style: solid;
    box-shadow: 0 1px 0 0 #5AA7D0;
    padding: 5px 0px 7px; 
    cursor: pointer;
    min-width: 150px;
    text-align: left;
}

.dropdown {
    position: absolute;
    margin: 5px 0 0 -350px;
    z-index: 25;
}

.langBorder {
    border-width: 0 0 1px 0; 
    border-color: rgba(0, 0, 0, 0.1);
    border-style: solid; 
    box-shadow: 0 1px 0 0 rgba(250, 250, 250, 0.35);
}

.dropdown-content {
    display: none;
    position: absolute;
    background-image: none;
    background-repeat: no-repeat;
    background-color: #fff;
    min-width: 150px;
    margin-top: 1px;
    box-shadow: 0 2px 1px -1px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 5px;
    margin: 0 1px;
    text-decoration: none;
    display: block;
    border-width: 0 0 1px 0;
    border-color: #ccc;
    border-style: solid;
}

.ddhighlight {
    text-align: left;
    min-width: 150px;
    background-color: #fff;
    border-width: 0 0 1px 0;
    border-color: #8c8c8c;
    border-style: solid;
    color: #0056a6;
    /*padding: 5px 4px;*/
    /*margin-bottom: 1px;*/
}

.dropdown-content a:hover {background-color: #f1f1f1}

/*.dropdown:hover .dropdown-content {
    display: block;
}*/

/*.dropdown:hover .dropbtn {
    background-color: #fff;
    color: #0056a6;
}*/
/***** Dropdown menu ******/

/***** Common ******/
.btnBase {
    border: 0px solid #fff;
    border-radius: 3px;
    color: #fff;
    font-size: medium;
    font-weight: bold;
    cursor: pointer;
}

.hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ddd;
    margin: 25px 25px 0 25px;
    padding: 0; 
}

.italic {
    font-style: italic;
}