/* WebBoss Insta* CSS */

/*div.top_header, .iconBar {
  color: #ffffff;
  background: #00b7f1;
}*/

/*div.top_header, .iconBar {
    color: #ffffff;
    background: #c0c0c0;
}

.iconBar{
    color: #FFFFFF;
}*/

div.upgradeBox a {
color: #00b7f1 !important;
}

.ui-widget-header{
    background: #00B7F1;
}

/*.top_header a, .nav a,!* #templ a,*! th a{ color:white !important; }

.top_header a:hover, .nav a:hover, !*#templ a:hover,*! th a:hover{
    !*color:#84939d !important;*!
    color:#5a6065 !important;
}*/

/*.top_header a:visited, .nav a:visited, !*#templ a:visited,*! tr:first-child th a, .blue-header a{ color:whitesmoke; }*/


a.yourSite, a.yourSite:hover, a.yourSite:visited {
  color: #00b7f1 !important;
}

/*#templ a {
  color: #84939d !important;
}*/


a[target=_blank]:after, a[target=blank]:after {
    content: "\f08e";
    padding-left: 3px;
    font-size: 0.5em;
    font-family: FontAwesome;
    vertical-align: super;
    color: inherit;
    font-style: normal;
    }


a:link, a
{
    font-size:inherit;
    color:#00b7f1;
    font-weight:normal;
    font-style:normal;
    text-decoration: none;
    font-variant:normal;
}
a:visited
{
    font-size:inherit;
    color:#008DBA;
    font-weight: 200;
    font-style:normal;
    font-variant:normal;
    text-decoration: none;
}
a:hover
{
     font-size:inherit;
    color:#008DBA;
    font-weight:normal;
    font-style:normal;
    text-decoration:underline;
    font-variant:normal;
}
a:active
{
    font-size:inherit;
    color:#84939d;
    font-weight:bold;
    font-style:normal;
    text-decoration:overline underline;
    font-variant:normal;
}

/*tr:first-child th, .blue-header,*/
/*.tr:first-child .th {*/
/*  background: #84939d;*/
/*  color: #fff;*/
/*}*/

#button-link-color{ color: #FFFFFF !important;}

.button-link {
    font-size: 1.1em;
    text-align: center;
    color: #FFF !important;
    padding: 1.1%;
    margin: 0.3em;
    background: #02ACE9;
    width: auto;
    min-width: 50px;
    display: inline-block;
    border: 0;
    font-family: Calibri, 'Asap', sans-serif;
    text-decoration: none !important;
    vertical-align: top;
    transition: all 0.4s ease-in-out;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    border-bottom: 2px solid #0096CB;
    }

.button-link:hover{ background: #0096CB; }

.button-link:after {
    content: "" !important;
    }

td.designTraining:nth-child(1){
    font-weight: bold;
    }

td.designTraining:nth-child(2){
    font-size: 0.9em;
    }

td.designTraining:nth-child(3) {
    font-weight: bold;
    text-align: center;
    }

table.alternate_color td {
    border: 1px solid #E0E0E0;
    }

table .button-link {
    margin: 0.3em 0 0;
    }

.button-link.button {
    width: auto;
    min-width: 50px;
    }

a#upgradePopup:hover {
    color: #ECECEC !important;
    text-decoration: none;
    }
.staff_tab, .public_tab, .templ_tab{ background: #00b7f1; }

.public_tab:hover, .staff_tab:hover, .templ_tab:hover {
background: #84939d;
text-shadow: -1px 1px 0 #6B7780;
}

#loading-progress, #logout-progress {
/* box-shadow: rgba(0, 183, 241, 0.3) 0 0 80px !important; */
}

div.promoBanner {
background: #00b7f1;
border-bottom: 2px #84939d solid;
text-shadow: -1px 1px 0 #84939d;
padding: 3px 30px;
z-index: 999;
position: fixed;
width:915px;
top: 2px;
font-size: 1.1em;
margin: 0;
margin-bottom: -15px;
left:-995px;
}

div.promoBanner:after {
content: " ";
width: 0;
height: 0;
border-top: 12px solid transparent;
border-bottom: 15px solid transparent;
border-left: 20px solid #00b7f1;
left: 100%;
position: absolute;
top: 0;
}

.upgradeBox{
color:#222222;
display:none;
width:60% !important;
height:auto;
top: 5%;
/*left: 30% !important;*/
box-shadow: rgba(0, 183, 241, 0.5) 0 0 80px !important;
position: fixed;
    cursor: move !important;
}

.upgradeBox h1{
font-size: 2em;
}

.upgradeBox input[type="text"] {
font-size: large;
width: 55px;
text-transform:uppercase;
}

#standardModal {
    width: 60%;
    top: 15%;
    left: 17%;
    border-radius: 5px;
    border: 10px solid rgba(26, 26, 26, 0.5);
    z-index: 1000;
    cursor: move;
    }

/*:focus{
box-shadow: 0 1px 0 #00b7f1 inset, 0 -1px 0 #00b7f1 inset, 1px 0 0 #00b7f1 inset, -1px 0 0 #00b7f1 inset, 0 0 4px rgba(0, 183, 241, 0.5) !important;
outline: none;
}*/

.brandColour{ color: #00B7F1; }
BODY.brandColour, .brandColourBackground{ background-color: #00B7F1; color: #FFFFFF; }

.importBlogButton{ background-color: #CCCCCC; text-align: center;}
.importBlogButton a{ color: #FFFFFF;}
.importBlogButton:hover{ /*background-color: #00B7F1; color: #FFFFFF;*/ border-bottom: 10px solid #00b7f1; transition: all 0.4s ease-in-out; }

#blogImportBox {
    float: left;
    width: 30%;
    border: 2px solid #00b7f1;
    border-bottom: 3px solid #00b7f1;
    border-radius: 0.3em;
    margin: 0.5em;
    padding-right: 0.5em;
    }
#blogImportBox img{
    float: left;
    padding: 0.5em;
    }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    /*border: 1px solid #05afe4 !important;*/
    /*background: #00b7f1 !important;*/
    /*font-weight: normal;*/
    /*color: #fff;*/
}

.ui-dialog-titlebar {
    background: #00b7f1;
    color: #fff;
}