@import "//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700";
@import "//fonts.googleapis.com/css?family=Raleway";
@import "//fonts.googleapis.com/css?family=Lato:300,500";
@import "//fonts.googleapis.com/css?family=Roboto:300,400,500,700";

a.menusx
{
    color: #808080;
    background-color: #ffffff;
    font-family: Verdana;
    font-size: 10px;
    font-style: normal;
    text-decoration: none;
}

a
{
    text-decoration: none;
}

a:visited 
{
    text-decoration: none;
} 

a.menusx:visited 
{
    color: #808080;
    background-color: #ffffff;
    font-style: normal;
    text-decoration: none;
}

a.menusx:hover
{
    color: #808080;
    background-color: #ffffff;
    font-style: normal;
    text-decoration: underline;
    font-size:10px;
}

a.menusx:link
{
    color: #808080;
    background-color: #ffffff;
    font-style: normal;
    text-decoration: none;
    font-size:10px;
}  

a.channelbar:visited 
{
    color: #ffffff;
    font-weight:bold;
    font-style: normal;
    text-decoration: none;
}

a.channelbar:hover
{
    color: #ffffff;
    font-style: normal;
    text-decoration: none;
    font-size:12px;
}

a.channelbar:link
{
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size:12px;
}  

a.topbar:visited 
{
    color: #ffffff;
    font-style: normal;
    text-decoration: none;
    font-size:12px;
}

a.topbar:hover
{
    color: #ffffff;
    font-style: normal;
    text-decoration: none;
    font-size:12px;
}

a.topbar:link
{
    color: #ffffff;
    font-style: normal;
    text-decoration: none;
    font-size:12px;
}    

a:hover
{
    text-decoration: none;
}

a:link
{
    text-decoration: none;
}  

a:active
{
    text-decoration: none;
} 


a.linksmall
{
    color: #0066ff;
    font-size: 10px;
    margin-top:7px;
    text-decoration: none;
}  
a.linksmall:hover
{
    color: #0066ff;
    font-size: 10px;
    margin-top:7px;
    text-decoration: underline;
}  
a.linksmall:link
{
    color: #0066ff;
    font-size: 10px;
    margin-top:7px;
    text-decoration: none;
}  
a.linksmall:active
{
    color: #0066ff;
    font-size: 10px;
    margin-top:7px;
    text-decoration: none;
}  
a.linksmall:visited
{
    color: #0066ff;
    font-size: 10px;
    margin-top:7px;
    text-decoration: none;
} 

div#header-grouplayoutcontainer
{
}

div#header-border {
    position: relative;
    float: left;
    width: 100%;
    background-color: #3C8298;
    height: 3px;
}

div#header-menubar-layoutcontainer {
    position: relative;
    float: left;
    width: 100%;
    background-color: #141D21;
    height: 37px;
}

@media all and (max-width: 519px) {
    div#header-menubar-contentcontainer {
        position: relative;
        background-color: #141D21;
        width: 100%; 
        margin: auto;
        height: 37px;
        color: #ffffff;
    }
}

@media all and (min-width: 520px) {
    div#header-menubar-contentcontainer {
        position: relative;
        background-color: #141D21;
        width: 1200px; 
        margin: auto;
        height: 37px;
        color: #ffffff;
    }
}

div#header-menu-bar-right-user {
    position: absolute;
    top: 7px;
    left: 770px;    
}

div#header-menu-bar-right-langid {
    position: absolute;
    top: 27px;
    left: 970px;
}

div#header-menu-bar-right-billing {
    position: absolute;
    top: 60px;
    left: 970px;
}

div#header-menu-bar-right {
    position: absolute;
    top: 7px;
    left: 970px;    
}

div#menu-layoutcontainer
{
    position: relative;
    float: left;
    width: 100%;
    background-color: #ffffff;
    height: 70px;
}

@media all and (max-width: 519px) {
    div#menu-contentcontainer {
        width: 100%;
        margin: auto;
        height: 70px;
        background-color: #ffffff;
    }
}

@media all and (min-width: 520px) {
    div#menu-contentcontainer {
        width: 1200px;
        margin: auto;
        height: 70px;
        background-color: #ffffff;
    }
}

div#mainmenu-layoutcontainer {
    position: relative;
    float: left;
    width: 100%;
    background-color: #14507B;
    height: 68px;
}

div#mainmenu-contentcontainer {
    position: relative;
    background-color: #14507B;
    width: 1200px; 
    margin: auto;
    height: 68px;
    color: #ffffff;
}

div#showcase-layoutcontainer {   
    position: relative;
    float: left;
    width: 100%;
    height: 680px;
    overflow: hidden;
    border-bottom: 1px solid #ECF2F3;
}

div#showcase-contentcontainer {
    /* background-color:blue; */
    position: relative;
    /* left:50%; */
    width: 100%;
    /* margin: auto */
    /* margin-left: -1250px; */
    /* overflow-x: hidden; */
    height: 680px;
    float: left;
}

div#dashboard-layoutcontainer {   
    position: relative;
    float: left;
    width: 100%;
    height: 40px;
    background-color:#3C8298;
    border-bottom: 1px solid #D1D1D1;
}

div#dashboard-contentcontainer {
    width: 1200px;
    margin: auto;
    height: 40px;
    background-color:#326D7F;
}

div#notify-cookie-layoutcontainer {
    position: relative;
    float: left;
    width: 100%;
    background-color: #3D8197;
    height: 57px;
}

div#notify-cookie-contentcontainer {
    position: relative;
    background-color: #3D8197;
    width: 1200px; 
    margin: auto;
    height: 57px;
    color: #ffffff;
}

div#image
{
    border-bottom: 1px solid #ffffff;
    padding: 0px;
    margin: 0px;
    height: 190px;
    width:1200px;
}

div#navbar
{
    position: relative;
    font-size: 11px;
    color: #ffffff;  
    height: 22px;
    width: 100%;
}

div#navbarTempSpecial
{
    position: relative;
    font-size: 11px;
    color: #ffffff;  
    height: 24px;
    background-color: #4977aa; 
    width: 100%;

}  

div#adminnavbar
{
    position: relative;
    font-size: 12px;
    color: #ffffff;  
    height: 20px;
    background-color: #9f9f9f;   
    border-bottom: 1px solid #ffffff;
    width: 100%;

}  

div#navsx
{
    background-color: #ffffff;
    position: relative;
    float: left;
    width: 230px;
    /* border-top: 1px solid #000000; */
}  

div#navcx
{
    float: left;
    position: relative;
    /* #ffffc0 per i test sulla larghezza */
    background-color: #ffffff;
    width: 540px;
    /* togliere il border nel definitivo: solo debug */
    /* border-top: 1px solid #000000; */
}  

@media all and (max-width: 519px) {
    div#navfullcx
    {
        float: left;
        position: relative;
        /* #ffffc0 per i test sulla larghezza */
        background-color: #ffffff;
        width: 100%;
        /* togliere il border nel definitivo: solo debug */
        /* border-top: 1px solid #000000; */
    } 
}

@media all and (min-width: 520px) {
    div#navfullcx
    {
        float: left;
        position: relative;
        /* #ffffc0 per i test sulla larghezza */
        background-color: #ffffff;
        width: 1200px;
        /* togliere il border nel definitivo: solo debug */
        /* border-top: 1px solid #000000; */
    } 
}


div#nav_sxcx
{
    float: left;
    position:relative;
    background-color: #ffffff;
    width: 770px;
}  

div#navdx
{
    background-color: #ffffff;
    position: relative;
    float: left;
    width: 230px;
    padding: 0px;
    /* border-top: 1px solid #000000; */
} 

div#verticalspace2
{
    position:relative;
    float: left;
    width: 2px;
    background-color: #ffffff;
}   
div#verticalspace4
{
    position: relative;
    float: left;
    width: 4px;
    background-color: #ffffff;
}   

div#menusx_box
{
    border: 1px solid #aaaaaa;
    background: #ffffff;
    width: 170px;
    margin-left: 8px;
    margin-top: 8px;
    position: relative;
    height: 15px;
}

div#menusx_led
{
    float: left;
    background: #34A1EB;
    width: 5px;
    position: relative;
    height: 15px;
}  

div#menusx_text
{
    float: left;
    margin-left: 5px;
    width: 145px;
    font-weight: bold;
    font-size: 10px;
    color:#6a6a6a;
    position: relative; height: 15px;
}

div#menusx_arrow
{
    position: relative;
    float: right;
    background: #34A1EB;
    width: 13px;
    height: 15px
}     

div#homepage_sx_box
{
    position: relative;
    float: left;
    background: #efefef;
    border: 1px solid #aaaaaa;
    margin-left: 8px; margin-top: 13px;
    width: 255px; height: 114px;
}
div#homepage_dx_box
{
    position: relative;
    float: right;
    background: #efefef;
    border: 1px solid #aaaaaa;
    margin-right: 8px; margin-top: 13px;
    width: 255px; height: 114px;
}
div#homepage_full_box
{
    position: relative;
    float: left;
    background: #ffffff;
    border-bottom: 1px dashed #aaaaaa;
    margin-left: 8px; margin-right: 8px;
    margin-top: 15px;
    width: 527px;
    height: 114px;
}

/* NEWS */  

a.newstitle
{
    color: #0066ff;
    font-size: 10px;
    text-decoration: none;
}  
a.newstitle:hover
{
    color: #0066ff;
    font-size: 10px;
    text-decoration: underline;
}  
a.newstitle:link
{
    color: #0066ff;
    font-size: 10px;
    text-decoration: none;
}  
a.newstitle:active
{
    color: #0066ff;
    font-size: 10px;
    text-decoration: none;
}  
a.newstitle:visited
{
    color: #0066ff;
    font-size: 10px;
    text-decoration: none;
}


/* BKO */

td.bkolisttable
{
    color: #000000;
    font-size: 12px;
    background-color: #e0e0e0;
}

a.bkolisttable
{
    color: #0066ff;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}  
a.bkolisttable:hover
{
    color: #0066ff;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
}  
a.bkolisttable:link
{
    color: #0066ff;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}  
a.bkolisttable:active
{
    color: #0066ff;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}  
a.bkolisttable:visited
{
    color: #0066ff;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}

/* CUSTOM */
h1 { font-family:Arial; font-size:16px; font-weight:bold }
h2 { font-size:12px }

a.glink
{
    color: #0066ff;
    font-size: 10px;
    margin-top:7px;
    text-decoration: none;
}  
a.glink:hover
{
    color: #0066ff;
    font-size: 10px;
    margin-top:7px;
    text-decoration: none;
}  
a.glink:link
{
    color: #0066ff;
    font-size: 10px;
    margin-top:7px;
    text-decoration: none;
}  
a.glink:active
{
    color: #0066ff;
    font-size: 10px;
    margin-top:7px;
    text-decoration: none;
}  
a.glink:visited
{
    color: #0066ff;
    font-size: 10px;
    margin-top:7px;
    text-decoration: none;
} 

a.channelmenu
{
    color: #3a3a3a;
    font-size: 11px;
    margin-top:7px;
    text-decoration:none;
}  
a.channelmenu:hover
{
    color: #3a3a3a;
    font-size: 11px;
    margin-top:7px;
    text-decoration:none;
}  
a.channelmenu:link
{
    color: #3a3a3a;
    font-size: 11px;
    margin-top:7px;
    text-decoration:none;
}  
a.channelmenu:active
{
    color: #3a3a3a;
    font-size: 11px;
    margin-top:7px;
    text-decoration:none;
}  
a.channelmenu:visited
{
    color: #3a3a3a;
    font-size: 11px;
    margin-top:7px;
    text-decoration:none;
}

div.cx-content-wrapper-sxcx
{
    width:770px;
    background-color:#ffffff;
}

div.cx-content-box-sxcx {
    width:740px;
    background-color:#ffffff;
}

div.cx-content-wrapper-sxcxdx
{
    width:540px;
    background-color:#ffffff;
}

div.cx-content-box-sxcxdx {
    width:510px;
    background-color:#ffffff;
}

div.sx-content-wrapper
{
    width:230px;
    background-color:#ffffff;
}

div.sx-content-box {
    width:220px;
    background-color:#ffffff;
}

/* CONTENT WRAPPERS, BOXES and MODS */

div.cx-content-wrapper-sxcx
{
    width:770px;
    background-color:#ffffff;
}

div.cx-content-box-sxcx {
    width:740px;
    background-color:#ffffff;
}

div.cx-content-wrapper-sxcxdx
{
    width:540px;
    background-color:#ffffff;
}

div.cx-content-box-sxcxdx {
    width:530px;
    background-color:#ffffff;
}

div.sx-content-wrapper
{
    width:230px;
    background-color:#ffffff;
}

div.sx-content-box {
    width:220px;
    background-color:#ffffff;
}

div.dx-content-wrapper
{
    width:230px;
    background-color:#ffffff;
}

div.dx-content-box {
    width:220px;
    background-color:#ffffff;
}

div.mod {
    position: relative;
    width: 100%; 
    border:1px solid #CDCDCD; 
    background-color: #FFFFFF;
    font-size:12px;
}

div.mod-navigation {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%; 
    height:40px; 
    background-color: #F3F3F3;
    font: 14px Arial, Helvetica, sans-serif;
}

span.mod-navigation {
    position: relative;
    left: 12px;
    top: 10px;    
}

div.mod-title {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%; 
    height:40px; 
    background-color: #F3F3F3;
    border-bottom:1px solid #CDCDCD; 
    font: bold 14px Arial, Helvetica, sans-serif;
}

span.mod-title {
    position: relative;
    left: 12px;
    top: 10px;    
}

div.mod-new {
    position: relative;
    width: 100%; 
    background-color: #FFFFFF;
    font-size:12px;
}

div.mod-title-new {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%; 
    height:40px; 
    background-color: #FFFFFF;
    border-top:3px solid #E7EAEC;
    border-bottom:1px solid #E7EAEC; 
    font: bold 14px Arial, Helvetica, sans-serif;
}

span.mod-title-new {
    position: relative;
    left: 12px;
    top: 10px; 
    font-family: 'Roboto', Arial, sans-serif; font-size:14px; color: #555555; font-weight: 600;  
}

/* Link button for mod-title */
a.mod-title-button {
    position: relative;
    border-radius: 3px; 
    border: 1px solid #CCCCCC;
    font-weight: normal;
    font-size: 12px;
    color: #333333; 
    padding: 5px 10px 5px 10px;
    left: 80px;
    top: 10px; 
    background-color: #E5E7E5;
}

div.mod-content {
    position: relative;
    left: 0px;
    top: 0px;
    width:90%;
}

/*****/

.box-table-a {

    font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size:12px;
    width:480px;
    text-align:left;
    border-collapse:collapse;
    margin:20px;}

.box-table-a th{

    font-size:13px;
    font-weight:normal;
    background:#b9c9fe;
    border-top:4px solid #aabcfe;
    border-bottom:1px solid #fff;
    color:#039;
    padding:8px;}

.box-table-a td{

    background:#e8edff;
    border-bottom:1px solid #fff;
    color:#669;
    border-top:1px solid transparent;
    padding:8px;}

.box-table-a tr:hover td{
    background:#d0dafd;
    color:#339;}



#box-table-dkw {

    font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size:12px;
    width:480px;
    text-align:left;
    border-collapse:collapse;
    border-color: #dfdfdf;
    margin-top:1px;}

#box-table-dkw th{

    font-size:13px;
    font-weight:normal;
    background:#b9c9fe;
    border-top:4px solid transparent;
    border-bottom:1px solid transparent;
    color:#039;
    padding:8px;}

#box-table-dkw td{

    background:#fff;
    border-bottom:1px dotted #dfdfdf;
    color:#0c0c0c;
    border-top:0px solid transparent;
    /* border-left: 1px solid red; */
    /* border-right: 1px solid red; */
    padding:8px;}

#box-table-dkw tr:hover td{
    background:#efefef;
    color:#0c0c0c;}

.transparent {
    zoom: 1;
    filter: alpha(opacity=10);
    opacity: 0.1;
}

/* MEGA-MENU-CSS */
#mega-menu-1 {
    font-family: 'Roboto',Arial,sans-serif;
    font-size: 15px;
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0;
}
#mega-menu-1 li ul, #mega-menu-1 .sub {
    display: none;
}
#mega-menu-1 .sub ul {
    display: block;
}
#mega-menu-1 {
    background: #1E2D33;
    width: 100%;
    height: 68px;
    position: relative;
}
#mega-menu-1 li {
    float: left;
    margin: 0;
    padding: 0;
    font-weight: bold;
}
#mega-menu-1 li a {
    float: left;
    display: block;
    color: #fff;
    padding: 23px 16px 23px 16px;
    background: #1E2D33;
    text-decoration: none;
}
#mega-menu-1 li.mega-hover a, #mega-menu-1 li a:hover {
    background: #EFEFEF;
    color: #000;
}
#mega-menu-1 li .sub-container {
    position: absolute;
}

/* Wholepadding */
#mega-menu-1 li .sub {
    background: #efefef;
    padding: 10px 15px 10px 5px;
    border: 1px solid #ccc;
}
#mega-menu-1 li .sub .row {
    width: 100%;
    overflow: hidden;
    clear: both;
    
    /* Override bootstrap .row */
    margin-left: -5px;
    margin-right: -5px;    
}

#mega-menu-1 li .sub .row ul {
    /* Custom */
    padding-left:0px;
}

#mega-menu-1 li .sub li {
    list-style: none;
    float: none;
    width: 200px;
    font-size: 1em;
    font-weight: normal;
}

/* Header */
#mega-menu-1 li .sub li.mega-hdr {
    margin: 5px 0px 0px 10px;
    float: left;
}

#mega-menu-1 li .sub a {
    background: none;
    color: #111;
    padding: 7px 10px;
    display: block;
    float: none;
    font-size: 0.9em;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a {
    padding: 5px 15px 5px 15px;
    margin-bottom: 5px;
    background: #3C8298;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    height:39px;
}
#mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover {
    color: #000;
}
#mega-menu-1 .sub li.mega-hdr li a {
    padding: 4px 5px 4px 20px; 
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAF0lEQVQImWPw9fD9z4ANEC9BWICBgQEAFZIJZsGbE3EAAAAASUVORK5CYII=') no-repeat 10px 9px;
    font-weight: normal;
}
#mega-menu-1 .sub li.mega-hdr li a:hover {
    color: #a32403;
    background: #efefef url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAF0lEQVQImWPw9fD9z4ANEC9BWICBgQEAFZIJZsGbE3EAAAAASUVORK5CYII=') no-repeat 10px 9px;
}
#mega-menu-1 .sub ul li {
    padding-right: 0;
}

/* Sticky Nav Bar */
.fixed-nav-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 105px;
}

.fixed-nav-bar-mobile {
    position: relative;
    float:left;
    z-index: 9999;
    width: 100%;
}

/* SlidesJS */
.slides_container {
    width:100%;
    height:680px;
}
.slides_container div {
    width:100%;
    height:680px;
    /* display:block; */
}

/* Additional custom rendering for SlidesJS */
.slidesjs-pagination {
    position:relative;
    top: -60px;
    left: 580px;
    z-index: 9;
    margin:26px auto 0;
    width:100px;
    list-style-type:none;
}
.slidesjs-pagination li {
    float:left;
    margin:0 1px;
}
.slidesjs-pagination li a {
    display:block;
    width:12px;
    height:0;
    padding-top:12px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAAVSURBVChTY3Bdd4YgGlU0CBWtOwMAzaP7cfJxHnoAAAAASUVORK5CYII=');
    background-position:0 0;
    float:left;
    overflow:hidden;
}
.slidesjs-pagination li.current a {
    background-position:0 -12px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAAUSURBVChTY1DN7yOIRhUNQkX5fQBEr6Mh258qGwAAAABJRU5ErkJggg==');
}

/* TEST */
.test-border-red {
    border:1px dotted red;
}

.test-border-blue {
    border:1px solid blue; 
}

/* Other */
.navlist
{
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
.navlist li
{
    padding-left: 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAF0lEQVQImWPw9fD9z4ANEC9BWICBgQEAFZIJZsGbE3EAAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    background-position: 0 7px;
    margin-top: 4px;
}

/* Sliding */
a:focus {
    outline: none;
}

#container {
    clear: both;
    margin: 0;
    padding: 0;
}

#container a{
    float: right;
    background: #9FC54E;
    border: 1px solid #9FC54E;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    text-decoration: none;
    font-size: 16px;
    letter-spacing:-1px;
    font-family: verdana, helvetica, arial, sans-serif;
    color:#fff;
    padding: 20px;
    font-weight: 700;
}

#container a:hover{
    float: right;
    background: #a0a0a0;
    border: 1px solid #cccccc;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    text-decoration: none;
    font-size: 16px;
    letter-spacing:-1px;
    font-family: verdana, helvetica, arial, sans-serif;
    color:#fff;
    padding: 20px;
    font-weight: 700;
}

.content {
    font-style:normal;
    font-family:helvetica, arial, verdana, sans-serif;
    color:#ffffff;
    background:#333333;
    border:1px solid #444444;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    margin: 30px 0 50px;
    padding: 15px 0;
}

.content p {
    margin: 10px 0;
    padding: 15px 20px;
}

.panel {
    position: fixed;
    top: 50px;
    right: 0px;
    display: none;
    background: #000000;
    border:1px solid #111111;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    width: 330px;
    height: auto;
    padding: 30px 30px 30px 130px;
    filter: alpha(opacity=85);
    opacity: .85;
}

.panel p{
    margin: 0 0 15px 0;
    padding: 0;
    color: #cccccc;
}

.panel a, .panel a:visited{
    margin: 0;
    padding: 0;
    color: #9FC54E;
    text-decoration: none;
    border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
    margin: 0;
    padding: 0;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
}

#slipanel{
    position: fixed;
    text-decoration: none;
    top: 80px; right: -5px;
    height: 400px;
    display: block;

    /* Other */
    /*
    filter: alpha(opacity=85);
    opacity: .85;
    */
    /* Content */
    font-size: 16px;
    letter-spacing:-1px;
    font-family: verdana, helvetica, arial, sans-serif;
    color:#fff;
    padding: 20px 40px 20px 15px;
    font-weight: 700;
    background:#333333 url(images/plus.png) 85% 55% no-repeat;
    border:1px solid #444444;
    /* Added */
    z-index: 10;
}

.rounded-corners {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

.left-rounded-corners {
    -moz-border-radius-topleft: 16px;
    -moz-border-radius-bottomleft: 16px;
    -webkit-border-top-left-radius: 16px;
    -webkit-border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.triggerSTOPPEDFORNOW:hover{
    position: absolute;
    text-decoration: none;
    top: 80px; right: 0;
    font-size: 16px;
    letter-spacing:-1px;
    font-family: verdana, helvetica, arial, sans-serif;
    color:#fff;
    padding: 20px 40px 20px 20px;
    font-weight: 700;
    background:#222222 url(images/plus.png) 85% 55% no-repeat;
    border:1px solid #444444;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    display: block;
    /* Added */
    z-index: 10;
}

a.active.trigger {
    background:#222222 url(images/minus.png) 85% 55% no-repeat;
}

a.tryitbtn, a.tryitbtn:link, a.tryitbtn:visited, a.showbtn, a.showbtn:link, a.showbtn:visited {
    background-color: #00B3E1;
    border: 1px solid #00B3E1;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-family: Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin: 5px;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

#cookieChoiceInfo{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

/* Pricing */
.plan-plans {
    font-family: "Roboto",Arial,sans-serif;
}

.plan-layer {
    clear: both;
    width: 100%;
    height: auto;
    padding: 0px;
    display: block;
}

.plan-layer > section, .plan-layer > article {
    clear: both;
    width: 100%;
    height: auto;
    max-width: 1192px;
    margin: 0 auto;
    display: block;
}

.plan-third {
    width: 16%;
    margin: 0 20px 0 0;
    display: inline-block;
}

.plan-tier {
    background: white;
    vertical-align: baseline;
    border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
}

.plan-tier h4 {
    padding: 18px 0 15px;
    margin: 0 0 30px;
    background: #3B5E77;
    color: white;
    font-size: 1.50em;
}

.plan-tier {
    cursor: pointer;
}

.plan-tier sup {
    position: relative;
    right: -9px;
}

.plan-tier ul {
    list-style-type: none;
    margin: 20px 0 0;
    border-top: 1px solid #e7f2f0;
    padding: 0px 0px 0px 0px;
}

.plan-tier ul li {

    font-size: 1.00em;
    padding: 18px 0;
    color: rgba(39,65,90,.9);
    border-bottom: 1px solid #e7f2f0;
    margin-left:-0px;
}

.plan-layer sup {
    vertical-align: top;

}

.plan-tier .plan-price {
    font-size: 5em;
    font-weight: 300;
    letter-spacing: -3px;
}

.plan-tier sub {
    vertical-align: bottom;
    position: relative;
    bottom: .875em;
}

.plan-tier sup {
    padding-right: 8px; 
    padding-bottom: 8px;
    font-size: 2em;
    top: initial;
}

.plan-tier .early-adopter-price {
    color: #0091e5;
}

.plan-layer p:first-of-type {
    margin-top: 0;
}

.plan-layer small, .plan-layer del {
    color: rgba(39,65,90,.5);
    font-size: 1em;
    line-height: 1.5em;
}

.plan-layer s, .plan-layer strike, .plan-layer del {
    text-decoration: line-through;
}

.plan-layer {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 0px;
}

.free-tier-box {
    background: white;
    vertical-align: baseline;
    border-radius: 3px;
    -moz-border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
}

/* Pricing details - table */
.pricing-table {

    font-family: 'Roboto',Arial,sans-serif; 
    font-size:14px; 
    color: #7C7678; 
    font-weight: 300;
    width:100%;
    text-align:left;
    border-collapse:collapse;
    margin:20px;
}

.pricing-table th{

    font-size:16px;
    background:#3B5E77;
    color:#FFFFFF;
    padding:16px;
    text-align: center;
}

.pricing-table td{

    background:#ffffff;
    border-bottom:1px solid #cdcdcd;
    color:#7C7678; 
    border-left:1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    padding:8px;
    text-align: center
}

.pricing-table td[colspan="6"]{

    background:#CDCDCD;
    font-weight: 500;    
    border-bottom:1px solid #fff;
    color:#7C7678; 
    border-top:1px solid transparent;
    padding:8px;
    text-align: left;
}

.pricing-table td:first-child {
    text-align: left;
}

.pricing-table tr:hover td{
}