﻿body {
    margin: 0;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    color: #666666;
    font-size: 13px;
    background: #F2F2F2;
}
body.bodylogin{background:#F2F2F2;}
body.bodyecommerce{background:#FFBF00;}
body.bodypharma{background:#00BEFD;}
body.ezine{background:#7439AF;}
body img{border:none;}
html{overflow: scroll;}
p{text-align:left;}
.floatleft{float:left;}
.floatright{float:right;}
.textleft{text-align:left !important;}
.clearboth{clear:both;}
.spacer{height:10px; width:100%;}
.spacer2{height:14px; width:100%;}
.spacer3{height:30px; width:100%;}
.spacer4{height:40px; width:100%;}
.imgmargin{margin:0 10px;}
.imgmargin2{margin:30px;}
.imgmargin3{margin:20px 40px;}
.padding10px{padding:10px;}
.margincenter{margin-left:auto; margin-right:auto; text-align:center;}
.imgverticalalign{vertical-align:middle}

/* CONTAINERS */

#container{width:100%; height:100%; margin:0 auto; position:relative; display:block; z-index:5;}

#header {width:100%; height:auto; background:#FFF; text-align:center; margin:0 auto; padding:0; position:relative; box-shadow: 0 4px 2px -2px rgba(0,0,0,.3); min-height: 160px;}
#header div.headerlogo{width: auto; height:auto; float:left; margin:1% 0 0 5%; padding:0;}
        #header div.headerlogin {
            width: 15%;
            height: 50px;
            float: right;
            margin: 0 20px 0 0;
            padding: 0;
        }
            #header div.headerlogin img {
                width: auto;
                height: 32px;
                float: right;
                margin: 9px 15px 0 0;
                padding: 0;
                display: inline-block;
            }
    #header div.headerlogin img#setting:hover {
        animation: rotate-btn .5s linear 3;
        -webkit-animation: rotate-btn .5s linear 3;
    }
                #header div.headerlogin span{width:auto; height:32px; float:right; margin:17px 10px 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:13px; font-weight:normal; color:#999999;}
            #header div.headerlogin span#dropdown { margin: 0; width: auto;
            }
    #header div.headerlogin img#profile{
        margin: 0 0 0 10px;
        width: 25px;
        height: 25px;
        object-fit: cover;
        object-position: top;
        border-radius: 20px;
    } 
input.submitheaderlogin, a.submitheaderlogin, a.submitheaderlogin:link, a.submitheaderlogin:visited {
    width: auto;
    height: auto;
    border: none;
    float: right;
    margin: 10px 10px 0 10px;
    padding: 5px 10px;
    color: #0089AB;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    border:1.5px solid #CCCCCC;
}
a.submitheaderlogin:hover, input.submitheaderlogin:hover{background:#F7F7F7;}

.header_appnav{width: 100%; height: auto; float: left; text-align: center; margin: 10px 0 0 0; padding: 0; position:relative; z-index:0;}
.header_appnav ul{width: 100%; height:24px; float:left; margin:0; padding: 18px 0; background:#20597C; display: flex; flex-wrap: wrap; justify-content: center;}
.header_appnav li{width: auto; height:24px; float:left; text-align:center; margin:0 1.5%; padding:0; display:inline; list-style-type:none; list-style-image:none;}
    .header_appnav li a {
        text-decoration: none;
        color: #CCCCCC;
        font-size: 17px;
        text-transform: capitalize;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        text-align: center;
        opacity: 1;
        padding: 10px 0;
    }
        .header_appnav li a:hover {opacity: 0.7; color:#FFF;}
        .header_appnav li a img {
            vertical-align: middle;
            margin-right: 5px;
        }

a.bluesubmit, a.bluesubmit:link, a.bluesubmit:visited {
    width: auto;
    height: auto;
    background: #55A2D0;
    border: none;
    float: left;
    margin: 0px 10px 0 10px;
    padding: 5px 10px;
    color: #ffffff;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
a.bluesubmit:hover {
    background: #999999;
    color: #ffffff;
}

#maincontentlogin{width:100%; max-width:1200px; height:auto; margin:0 auto; top:50px; position:relative; display:block; z-index:-11;}
#maincontent{width:100%; min-width:1000px; height:auto; margin:0 auto; top:20px; position:relative; display:block; z-index:0;}

#footer{width:100%; height:40px; background:#343434; float:left; text-align:left; margin:0; padding:0; bottom:0; position:fixed; z-index:5;}
#footer div{width:49%; height:auto; float:left; text-align:left; margin:0; padding:8px 0 0 1%; font-family:'Titillium Web', sans-serif; font-size:14px; font-weight:normal; color:#FFFFFF;}
#footer div a, #footer div a:visited{color:#FFFFFF;}
#footer div a:hover{color:#999999;}
#footer span{width:49%; height:auto; float:right; text-align:right; margin:0; padding:8px 1% 0 0; font-family:'Titillium Web', sans-serif; font-size:14px; font-weight:normal; color:#FFFFFF;}

.publishertabs{width:78%; height:auto; float:left; text-align:left; margin:0; padding:0;}

/* END OF CONTAINERS */

/* DASHBOARD */

.statsContainerLarge {
    width: 95%;
    height: auto;
    float: left;
    text-align: center;
    margin: 40px 0 20px;
    padding: 0 2.5% 10px;
    display:flex; 
    flex-wrap:wrap;
    justify-content:center;
}
.statsL {
    width: 15%;
    height: auto;
    min-height: 130px;
    background: #55A2D0;
    float: left;
    text-align: center;
    margin: 0 2% 20px 2%;
    padding: 15px 0.5%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.statsL span{
	width: 100%;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:'Titillium Web', sans-serif;
	font-size: 70px;
	font-weight: 700;
	line-height: 70px;
	color: #FFFFFF;
}
.statsL p{
	width: 100%;
	height: auto;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	font-family:'Titillium Web', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
}

/* END OF DASHBOARD */

/* CELLS */

.cell_full_login{width:90%; height:auto; min-height:700px; float:left; text-align:left; margin:0; padding:0 5% 5% 5%;}
.cell_full_login h1{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0; font-family:'Titillium Web', sans-serif; font-size:30px; font-weight:bold; text-transform:uppercase; color:#000000;}
.cell_full_login h2{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; color:#888888;}

.cell_login_dashboard{width:100%; height:auto; float:left; text-align:left; margin:0 0 50px 0; padding:0;}
.cell_login_dashboard span.spanheader{width:99%; height:auto; background:#AAAAAA; float:left; text-align:left; margin:0; padding:1% 0 1% 1%; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-right-radius:10px; font-family:'Titillium Web', sans-serif; font-size:17px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;}
.cell_login_dashboard div.divlogindash{width:90%; height:auto; float:left; text-align:center; margin:0; padding:0 5%;}
.cell_login_dashboard div.divlogindash h3{width:100%; height:auto; float:left; text-align:center; margin:0 0 20px 0; padding:0; font-family:'Titillium Web', sans-serif; font-size:17px; font-weight:600; text-transform:uppercase; color:#000000;}
    .cell_login_dashboard div.divlogindash strong {color: #20597C; margin-top: 20px; font-size: 30px;}
    .cell_login_dashboard div.divformlogin {
        width: 420px;
        height: auto;
        background: #ffffff;
        box-shadow: 3px 3px 5px 6px #ccc;
        text-align: left;
        margin: 30px auto 0 auto;
        padding: 30px 40px 10px 40px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 0px;
    }
.cell_login_dashboard div.divformlogin h3{width:100%; height:auto; float:left; text-align:center; margin:0 0 10px 0; padding:0; font-family:"Roboto",sans-serif; font-size:17px; font-weight:400; text-transform:uppercase; color:#20597C;}
.cell_login_dashboard div.divformlogin h4{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:0; font-family:'Titillium Web', sans-serif; font-size:17px; font-weight:bold; text-transform:uppercase; color:#000000;}
.cell_login_dashboard div.divformlogin p{width:100%; height:auto; float:left; text-align:center; margin:0 0 25px 0; padding:0; font-family:"Roboto",sans-serif; font-size:15px; font-weight:400; text-transform:none; color:#3E4859;}
.cell_login_dashboard div.divlogout{width:460px; height:auto; background:#D90000; box-shadow:1px 1px 20px 1px #BBBBBB; text-align:center; margin:30px auto 0 auto; padding:20px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-family:"Roboto",sans-serif; font-size:20px; font-weight:400; text-transform:uppercase; color:#FFFFFF;}
    .cell_login_dashboard div.divloginoptions {
        width: 460px;
        height: auto;
        background: #ffffff;
        box-shadow: 3px 3px 5px 6px #ccc;
        text-align: center;
        margin: 30px auto 0 auto;
        padding: 20px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 0px;
        font-family: "Roboto",sans-serif;
        font-size: 15px;
        font-weight: 300;
        text-transform: none;
        color: #3E4859;
    }
        .cell_login_dashboard div.divloginoptions a:link, .cell_login_dashboard div.divloginoptions a:visited, .cell_login_dashboard div.divloginoptions a:active {
            font-family: "Roboto",sans-serif;
            font-size: 15px;
            font-weight: 300;
            text-decoration: none;
            text-transform: none;
            color: #3E4859;
        }
.cell_login_dashboard div.divloginoptions a:hover{font-family:"Roboto",sans-serif; font-size:15px; font-weight:300; text-decoration:none; text-transform:none; color:#000000;}
.cell_login_dashboard div.divloginoptions img{width:auto; height:auto; float:left; text-align:left; margin:0 7px 0 0; padding:0;}
        .cell_login_dashboard div.divloginoptions h5 {
            width: 100%;
            height: auto;
            float: left;
            text-align: center;
            margin: 0;
            padding: 0;
            font-family: "Roboto",sans-serif;
            font-size: 17px;
            font-weight: 400;
            text-transform: uppercase;
            color: #3E4859;
        }
.cell_login_dashboard div.divloginwelcome{width:20%; height:auto; background:#EEEEEE; border:1px solid #DDDDDD; float:left; text-align:center; margin:15% 35%; padding:5%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-family:"Roboto",sans-serif; font-size:25px; font-weight:bold; text-transform:none; color:#000000;}

.cell_content_sectionsHP{width:100%; height:auto; background:#FFFFFF; float:left; text-align:left; margin:0px 0; padding:0; border-top: 4px solid #F2F2F2;}
.cell_content_sectionsHP div.divCScontent{width:96%; height:auto; float:left; text-align:left; margin:0; padding:40px 2%; display:flex; flex-wrap:wrap; justify-content:center;}

.cell_content_full{width:100%; float:left; padding-bottom: 40px;}
.cell_content_column{width: 100%; height: auto; float: left; }
.cell_content{width:93%; padding: 40px 2% 20px;height:auto; background:#FFFFFF; float:right; text-align:left; margin:0 1.5% 1.5% 1.5%; }
.cell_content_sections{width:97%; height:auto; background:#FFFFFF; float:left; text-align:left; margin:0px 1.5%; padding:0; }
.cell_content_sections h2{width:99%; height:auto; float:left; text-align:left; margin:0; padding:0.5% 0 0.5% 1%;font-family:'Titillium Web', sans-serif; font-size:17px; font-weight:bold; text-transform:uppercase; color:#999;}
.cell_content_sections h2.CCSH2ecommerce{background:#ECB002;}
.cell_content_sections h2.CCSH2pharma{background:#00BEFD;}
.cell_content_sections h2.CCSH2connect{background:#7439AE;}
.cell_content_sections div.divCScontent{width:96%; height:auto; float:left; text-align:left; margin:0; padding:1% 2%;}
.cell_content_sections div.divCSview{width:46%; height:auto; float:left; text-align:left; margin:0; padding:1% 2%;}
.cell_content_sections div.divCSviewWide{width:96%; height:auto; float:left; text-align:left; margin:0; padding:2%;}
.port_title {
    width: 93%;
    height: auto;
    float: left;
    border-bottom: 2px solid #55A2D0;
    background: #ffffff;
    margin: 0 1.5% 0;
    text-align: left;
    font-size: 18px;
    color: #333333;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px 2%;
}
    .port_title .cand {
        width: auto;
        height: auto;
        float: left;
        margin-right: 30px;
        font-size: 14px;
        color: #0089AB;
        font-weight: 400;
        margin-top: 3px;
    }
    .port_title .cand span.name{
        color: #333333;
        font-size: 23px;
        font-weight: 600;
        margin-top: -7px;
        float: right;
        margin-left: 5px;
    }
        .port_title .cand span.stat {
            background: #59CCA6;
            color: #ffffff;
            font-size: 14px;
            padding: 5px 30px;
        }
        .port_title .cand span.statInactive {
            background: #D61750;
            color: #ffffff;
            font-size: 14px;
            padding: 5px 30px;
        }
        .port_title .cand span.ref {
            font-size: 18px; 
            color: #333333;
            font-weight: 600;
            float: right;
            margin: -3px 0 0 5px;
        }
            .port_title h1 {
        font-size: 18px;
        color: #333333;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 600;
        text-transform: capitalize;
        float: left;
        width: 50%;
        margin: 0;
        padding: 0;
}
    .port_title ul {
        width: 49%;
        float: right;
        margin: 0px 0 0 0;
        padding: 0;
        list-style-type: none;
    }
    .port_title li {
        width: auto;
        height: auto;
        float: right;
    }
        .port_title li a {
            color: #55A2D0;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
            margin: 20px 0 0 20px;
        }
            .port_title li a:hover {
                color: #333333;
            }
        .cell_content_sections div.divCSreport {
        width: 29%;
        height: auto;
        float: left;
        text-align: left;
        margin: 0;
        padding: 1% 2%;
    }

.port_title_sub{
    width: 93%;
    height: auto;
    float: left;
    background: #ffffff;
    margin: 0 1.5% 0;
    text-align: left;
    font-size: 18px;
    color: #333333;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px 2%;
}
    .port_title_sub .cand {
        width: auto;
        height: auto;
        float: left;
        margin-right: 30px;
        font-size: 14px;
        color: #0089AB;
        font-weight: 400;
        margin-top: 3px;
    }
        .port_title_sub .cand span.name {
            color: #333333;
            font-size: 23px;
            font-weight: 600;
            margin-top: -7px;
            float: right;
            margin-left: 5px;
        }

.cell_content_Pages{width:98%; height:auto; min-height:500px; background:#FFFFFF; box-shadow:1px 1px 20px 1px #CCCCCC; float:left; text-align:left; margin:0; padding:1%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.cell_content_Inside_Widgets_Pages{width:100%; height:auto; background:#FFFFFF; box-shadow:1px 1px 20px 1px #CCCCCC; float:left; text-align:left; margin:10px 0 30px 0; padding:0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.cell_content_Inside_Widgets_Pages h3{width:98%; height:auto; background:#F7A000; float:left; text-align:left; margin:0; padding:0.5% 1%; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-right-radius:10px; font-family:'Titillium Web', sans-serif; font-size:17px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;}
.cell_content_Inside_Widgets_Pages div.divIWPcontent{width:96%; height:auto; float:left; text-align:left; margin:0; padding:1% 2% 2% 2%;}
.cell_content_Inside_Widgets_Pages div.divIWPcontent p{width:100%; height:auto; float:left; text-align:left; margin:0; padding:1% 0 2% 0;}
.cell_content_Inside_Widgets_Pages div.divIWPcontent div{width:48%; height:auto; float:left; text-align:left; margin:0 2% 0 0; padding:0;}
.cell_content_Inside_Widgets_Pages div.divIWPcontent label{width:100%; height:auto; float:left; text-align:left; margin:0 0 3px 0; padding:0;}
.cell_content_Inside_Widgets_Pages div.divIWPcontent input.CIWPinput{width:60%; height:auto; border:1px solid #999999; float:left; text-align:left; margin:0 10px 0 0; padding:5px; font-family:'Titillium Web', sans-serif; font-size:14px; font-weight:normal; text-decoration:none; text-transform:none; color:#000000;}
.cell_content_Widgets_Pages{width:19%; height:auto; background:#FFFFFF; box-shadow:1px 1px 20px 1px #CCCCCC; float:left; text-align:left; margin:10px 0 0 2%; padding:0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.cell_content_Widgets_Pages h3{width:94%; height:auto; background:#F7A000; float:left; text-align:left; margin:0; padding:2% 3%; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-right-radius:10px; font-family:'Titillium Web', sans-serif; font-size:17px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;}
.cell_content_Widgets_Pages div.divWPcontent{width:90%; height:auto; float:left; text-align:left; margin:0; padding:0 5% 1% 5%;}
.cell_content_Widgets_Pages div.divWPcontent p{text-align:center;}
.cell_content_Widgets_Pages div.divWPcontent label{width:100%; height:auto; float:left; text-align:left; margin:0 0 3px 0; padding:0; font-size:15px; font-weight:bold;}
.cell_content_Widgets_Pages div.divWPcontent input.CWPinput{width:50%; height:auto; border:1px solid #999999; float:left; text-align:left; margin:0 10px 0 0; padding:5px; font-family:'Titillium Web', sans-serif; font-size:14px; font-weight:normal; text-decoration:none; text-transform:none; color:#000000;}
.cell_content_Widgets_Pages div.divWPcontent ul{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.cell_content_Widgets_Pages div.divWPcontent li{width:43%; height:80px; border:1px #CCCCCC solid; float:left; text-align:center; margin:1%; padding:1.5%; list-style-type:none;}
.cell_content_Widgets_Pages div.divWPcontent li img{width:50px; height:50px; text-align:center; float:none;}
.cell_content_Widgets_Pages div.divWPcontent li div{width:100%; height:55px; float:left; text-align:left; margin:0; padding:0; font-size:12px; color:#000000;}
.cell_content_Widgets_Pages div.divWPcontent li div img{width:19px; height:19px; float:left; text-align:left; margin:0 5px 0 0; padding:0;}
.cell_content_Widgets_Pages div.divWPcontent li span{width:100%; height:auto; background:#CCCCCC; float:left; text-align:center; margin:0; padding:1% 0; font-size:12px; color:#333333;}
.cell_content_Widgets_Ecomm{width:100%; height:auto; background:#FFFFFF; box-shadow:1px 1px 20px 1px #CCCCCC; float:left; text-align:left; margin:41px 0 0 0; padding:0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.cell_content_Widgets_Ecomm h3{width:94%; height:auto; background:#FFBF00; float:left; text-align:left; margin:0; padding:2% 3%; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-top-right-radius:10px; font-family:'Titillium Web', sans-serif; font-size:17px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;}
.cell_content_Widgets_Ecomm div.divWPcontent{width:90%; height:auto; float:left; text-align:left; margin:0; padding:0 5% 1% 5%;}
.cell_content_Widgets_Ecomm div.divWPcontent p{text-align:center;}
.cell_content_Widgets_Ecomm div.divWPcontent label{width:100%; height:auto; float:left; text-align:left; margin:0 0 3px 0; padding:0; font-size:15px; font-weight:bold;}
.cell_content_Widgets_Ecomm div.divWPcontent input.CWPinput{width:50%; height:auto; border:1px solid #999999; float:left; text-align:left; margin:0 10px 0 0; padding:5px; font-family:'Titillium Web', sans-serif; font-size:14px; font-weight:normal; text-decoration:none; text-transform:none; color:#000000;}
.cell_content_Widgets_Ecomm div.divWPcontent ul{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.cell_content_Widgets_Ecomm div.divWPcontent li{width:43%; height:80px; border:1px #CCCCCC solid; float:left; text-align:center; margin:1%; padding:1.5%; list-style-type:none;}
.cell_content_Widgets_Ecomm div.divWPcontent li img{width:50px; height:50px; text-align:center; float:none;}
.cell_content_Widgets_Ecomm div.divWPcontent li div{width:100%; height:55px; float:left; text-align:left; margin:0; padding:0; font-size:12px; color:#000000;}
.cell_content_Widgets_Ecomm div.divWPcontent li div img{width:19px; height:19px; float:left; text-align:left; margin:0 5px 0 0; padding:0;}
.cell_content_Widgets_Ecomm div.divWPcontent li span{width:100%; height:auto; background:#CCCCCC; float:left; text-align:center; margin:0; padding:1% 0; font-size:12px; color:#333333;}

.imageUpload{width:98%; height:auto; background:#F4F4F4; float:left; text-align:left; margin:10px 0; padding:5px 1% 25px 1%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.imageUpload span.IUspan{width:auto; height:auto; float:left; text-align:left; margin:0 0 0 33px; padding:0; font-family:'Titillium Web', sans-serif; font-size:20px; font-weight:bold; text-transform:uppercase; color:#F7A000;}
.imageUpload span.IUspanbrowse{width:200px; height:auto; background:url(/areas/Synergy/Content/images/Synergy/general/browseupload1.png) right no-repeat; float:left; text-align:right; margin:4px 15px 0 0; padding:0 30px 0 0; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-transform:uppercase; color:#F7A000;}
.imageUpload span.IUspanmedia{width:200px; height:auto; background:url(/areas/Synergy/Content/images/Synergy/general/medialibrary1.png) right no-repeat; float:left; text-align:right; margin:2px 15px 0 0; padding:0 30px 0 0; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-transform:uppercase; color:#F7A000;}
.imageUpload label{color:#F7A000;}

.imageOptions{width:auto; height:auto; float:left; text-align:left; margin:10px 30px 0 0; padding:0;}
.imagePreview{width:auto; height:auto; background:#FFFFFF; float:left; text-align:left; margin:20px 0; padding:15px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.imagePreview img{width:auto; height:auto; max-width:300px; max-height:150px;}

/* END OF CELLS */

/* NAVS */

#subnavcontainer{width:100%; float:left; text-align:left; margin:0; padding:0px 0 0 0;}
#subnav{width:250px; height:auto; float:left; text-align:left; margin:0 auto;}
#subnav ul{margin:0; padding:0;}
#subnav li{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0; font-weight:normal; text-transform:uppercase; list-style-type:none;}
#subnav a, #subnav a:link, #subnav a:visited{width:85%; height:auto; float:left; margin:0; padding:10px 0 10px 40px; font-size:15px; color:#99E5FF; text-decoration:none;}
#subnav a:hover{width:85%; height:auto; float:left; margin:0; padding:10px 0 10px 40px; font-size:15px; color:#ECECFB; text-decoration:none; background:#006091; text-decoration:none;}
#subnav li.publisher_dashboard a, #subnav li.publisher_dashboard a:link, #subnav li.publisher_dashboard a:visited{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/dashboard.png) left no-repeat;}
#subnav li.publisher_dashboard a:hover, #subnav li.publisher_dashboard a:active{color:#ECECFB; background:url(/areas/Synergy/Content/images/Synergy/buttons/dashboard_active.png) left no-repeat #006091;}
#subnav li.publisher_sitemanager a, #subnav li.publisher_sitemanager a:link, #subnav li.publisher_sitemanager a:visited{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/sitemanager.png) left no-repeat;}
#subnav li.publisher_sitemanager a:hover, #subnav li.publisher_sitemanager a:active{color:#ECECFB; background:url(/areas/Synergy/Content/images/Synergy/buttons/sitemanager_active.png) left no-repeat #006091;}
#subnav li.publisher_managetemplates a, #subnav li.publisher_managetemplates a:link, #subnav li.publisher_managetemplates a:visited{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/managetemplates.png) left no-repeat;}
#subnav li.publisher_managetemplates a:hover, #subnav li.publisher_managetemplates a:active{color:#ECECFB; background:url(/areas/Synergy/Content/images/Synergy/buttons/managetemplates_active.png) left no-repeat #006091;}
#subnav li.publisher_managewidgets a, #subnav li.publisher_managewidgets a:link, #subnav li.publisher_managewidgets a:visited{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/managewidgets.png) left no-repeat;}
#subnav li.publisher_managewidgets a:hover, #subnav li.publisher_managewidgets a:active{color:#ECECFB; background:url(/areas/Synergy/Content/images/Synergy/buttons/managewidgets_active.png) left no-repeat #006091;}
#subnav li.publisher_media a, #subnav li.publisher_media a:link, #subnav li.publisher_media a:visited{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/media.png) left no-repeat;}
#subnav li.publisher_media a:hover, #subnav li.publisher_media a:active{color:#ECECFB; background:url(/areas/Synergy/Content/images/Synergy/buttons/media_active.png) left no-repeat #006091;}
#subnav li.publisher_users a, #subnav li.publisher_users a:link, #subnav li.publisher_users a:visited{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/user.png) left no-repeat;}
#subnav li.publisher_users a:hover, #subnav li.publisher_users a:active{color:#ECECFB; background:url(/areas/Synergy/Content/images/Synergy/buttons/user_active.png) left no-repeat #006091;}
#subnav li.publisher_enquiries a, #subnav li.publisher_enquiries a:link, #subnav li.publisher_enquiries a:visited{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/enquiries.png) left no-repeat;}
#subnav li.publisher_enquiries a:hover, #subnav li.publisher_enquiries a:active{color:#ECECFB; background:url(/areas/Synergy/Content/images/Synergy/buttons/enquiries_active.png) left no-repeat #006091;}
#subnav li.publisher_bookings a, #subnav li.publisher_bookings a:link, #subnav li.publisher_bookings a:visited{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/bookings.png) left no-repeat;}
#subnav li.publisher_bookings a:hover, #subnav li.publisher_bookings a:active{color: #ECECFB; background: url(/areas/Synergy/Content/images/Synergy/buttons/bookings_active.png) left no-repeat #006091;}
#subnav li.publisher_vouchers a, #subnav li.publisher_vouchers a:link, #subnav li.publisher_vouchers a:visited{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/giftvouchers.png) left no-repeat;}
#subnav li.publisher_vouchers a:hover, #subnav li.publisher_vouchers a:active{color:#ECECFB; background:url(/areas/Synergy/Content/images/Synergy/buttons/giftvouchers_active.png) left no-repeat #006091;}
#subnav li.publisher_maillist a, #subnav li.publisher_maillist a:link, #subnav li.publisher_maillist a:visited{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/maillist.png) left no-repeat;}
#subnav li.publisher_maillist a:hover, #subnav li.publisher_maillist a:active{color:#ECECFB; background:url(/areas/Synergy/Content/images/Synergy/buttons/maillist_active.png) left no-repeat #006091;}
#subnav li.publisher_settings a, #subnav li.publisher_settings a:link, #subnav li.publisher_settings a:visited{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/settings.png) left no-repeat;}
#subnav li.publisher_settings a:hover, #subnav li.publisher_settings a:active{color:#ECECFB; background:url(/areas/Synergy/Content/images/Synergy/buttons/settings_active.png) left no-repeat #006091;}
#subnav li.ecommerce_dashboard a, #subnav li.ecommerce_dashboard a:link, #subnav li.ecommerce_dashboard a:visited{color:#FFFFBF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_dashboard_active.png) left no-repeat #FFBF00;}
#subnav li.ecommerce_dashboard a:hover, #subnav li.ecommerce_dashboard a:active{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_dashboard.png) left no-repeat #ECB002;}
#subnav li.ecommerce_catalogue a, #subnav li.ecommerce_catalogue a:link, #subnav li.ecommerce_catalogue a:visited{color:#FFFFBF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_catalogue_active.png) left no-repeat #FFBF00;}
#subnav li.ecommerce_catalogue a:hover, #subnav li.ecommerce_catalogue a:active{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_catalogue.png) left no-repeat #ECB002;}
#subnav li.ecommerce_customers a, #subnav li.ecommerce_customers a:link, #subnav li.ecommerce_customers a:visited{color:#FFFFBF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_customers_active.png) left no-repeat #FFBF00;}
#subnav li.ecommerce_customers a:hover, #subnav li.ecommerce_customers a:active{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_customers.png) left no-repeat #ECB002;}
#subnav li.ecommerce_orders a, #subnav li.ecommerce_orders a:link, #subnav li.ecommerce_orders a:visited{color:#FFFFBF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_orders_active.png) left no-repeat #FFBF00;}
#subnav li.ecommerce_orders a:hover, #subnav li.ecommerce_orders a:active{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_orders.png) left no-repeat #ECB002;}
#subnav li.ecommerce_shipping a, #subnav li.ecommerce_shipping a:link, #subnav li.ecommerce_shipping a:visited{color:#FFFFBF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_shipping_active.png) left no-repeat #FFBF00;}
#subnav li.ecommerce_shipping a:hover, #subnav li.ecommerce_shipping a:active{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_shipping.png) left no-repeat #ECB002;}
#subnav li.ecommerce_promotions a, #subnav li.ecommerce_promotions a:link, #subnav li.ecommerce_promotions a:visited{color:#FFFFBF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_promotions_active.png) left no-repeat #FFBF00;}
#subnav li.ecommerce_promotions a:hover, #subnav li.ecommerce_promotions a:active{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_promotions.png) left no-repeat #ECB002;}
#subnav li.ecommerce_reports a, #subnav li.ecommerce_reports a:link, #subnav li.ecommerce_reports a:visited{color:#FFFFBF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_reports_active.png) left no-repeat #FFBF00;}
#subnav li.ecommerce_reports a:hover, #subnav li.ecommerce_reports a:active{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_reports.png) left no-repeat #ECB002;}
#subnav li.ecommerce_settings a, #subnav li.ecommerce_settings a:link, #subnav li.ecommerce_settings a:visited{color:#FFFFBF; background:url(/areas/Synergy/Content/images/Synergy/buttons/settings_ecommerce.png) left no-repeat #FFBF00;}
#subnav li.ecommerce_settings a:hover, #subnav li.ecommerce_settings a:active{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/settings_active.png) left no-repeat #ECB002;}
#subnav li.ecommerce_channels a, #subnav li.ecommerce_channels a:link, #subnav li.ecommerce_channels a:visited{color:#FFFFBF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_channels.png) left no-repeat #FFBF00;}
#subnav li.ecommerce_channels a:hover, #subnav li.ecommerce_channels a:active{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_channels_active.png) left no-repeat #ECB002;}
#subnav li.pharma_dashboard a, #subnav li.pharma_dashboard a:link, #subnav li.pharma_dashboard a:visited{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_dashboard_active.png) left no-repeat #00BEFD;}
#subnav li.pharma_dashboard a:hover, #subnav li.pharma_dashboard a:active{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_dashboard.png) left no-repeat #0099CC;}
#subnav li.pharma_orders a, #subnav li.pharma_orders a:link, #subnav li.pharma_orders a:visited{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_orders_active.png) left no-repeat #00BEFD;}
#subnav li.pharma_orders a:hover, #subnav li.pharma_orders a:active{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_orders.png) left no-repeat #0099CC;}
#subnav li.pharma_customers a, #subnav li.pharma_customers a:link, #subnav li.pharma_customers a:visited{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_customers_active.png) left no-repeat #00BEFD;}
#subnav li.pharma_customers a:hover, #subnav li.pharma_customers a:active{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_customers.png) left no-repeat #0099CC;}
#subnav li.pharma_doctors a, #subnav li.pharma_doctors a:link, #subnav li.pharma_doctors a:visited{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_doctors_active.png) left no-repeat #00BEFD;}
#subnav li.pharma_doctors a:hover, #subnav li.pharma_doctors a:active{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_doctors.png) left no-repeat #0099CC;}
#subnav li.pharma_surgeries a, #subnav li.pharma_surgeries a:link, #subnav li.pharma_surgeries a:visited{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_surgery_active.png) left no-repeat #00BEFD;}
#subnav li.pharma_surgeries a:hover, #subnav li.pharma_surgeries a:active{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_surgery.png) left no-repeat #0099CC;}
#subnav li.pharma_appointments a, #subnav li.pharma_appointments a:link, #subnav li.pharma_appointments a:visited{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_appointments_active.png) left no-repeat #00BEFD;}
#subnav li.pharma_appointments a:hover, #subnav li.pharma_appointments a:active{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_appointments.png) left no-repeat #0099CC;}
#subnav li.pharma_reports a, #subnav li.pharma_reports a:link, #subnav li.pharma_reports a:visited{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_reports_active.png) left no-repeat #00BEFD;}
#subnav li.pharma_reports a:hover, #subnav li.pharma_reports a:active{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_reports.png) left no-repeat #0099CC;}
#subnav li.pharma_medicines a, #subnav li.pharma_medicines a:link, #subnav li.pharma_medicines a:visited{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_medicines_active.png) left no-repeat #00BEFD;}
#subnav li.pharma_medicines a:hover, #subnav li.pharma_medicines a:active{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_medicines.png) left no-repeat #0099CC;}
#subnav li.pharma_pharmacies a, #subnav li.pharma_pharmacies a:link, #subnav li.pharma_pharmacies a:visited{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_pharmacies_active.png) left no-repeat #00BEFD;}
#subnav li.pharma_pharmacies a:hover, #subnav li.pharma_pharmacies a:active{color:#99E5FF; background:url(/areas/Synergy/Content/images/Synergy/buttons/pharma_pharmacies.png) left no-repeat #0099CC;}
#subnav li.connect_dashboard a, #subnav li.connect_dashboard a:link, #subnav li.connect_dashboard a:visited{color:#FFFFBF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_dashboard_active.png) left no-repeat #7439AF;}
#subnav li.connect_dashboard a:hover, #subnav li.connect_dashboard a:active{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/ecommerce_dashboard.png) left no-repeat #8D49D2;}
#subnav li.connect_campaign a, #subnav li.connect_campaign a:link, #subnav li.connect_campaign a:visited{color:#FFFFBF; background:url(/areas/Synergy/Content/images/Synergy/buttons/con_campaign.png) left no-repeat #7439AF;}
#subnav li.connect_campaign a:hover, #subnav li.connect_campaign a:active{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/con_campaign_act.png) left no-repeat #8D49D2;}
#subnav li.connect_creator a, #subnav li.connect_creator a:link, #subnav li.connect_creator a:visited{color:#FFFFBF; background:url(/areas/Synergy/Content/images/Synergy/buttons/con_create.png) left no-repeat #7439AF;}
#subnav li.connect_creator a:hover, #subnav li.connect_creator a:active{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/con_create_act.png) left no-repeat #8D49D2;}
#subnav li.connect_manager a, #subnav li.connect_manager a:link, #subnav li.connect_manager a:visited{color:#FFFFBF; background:url(/areas/Synergy/Content/images/Synergy/buttons/con_maillist.png) left no-repeat #7439AF;}
#subnav li.connect_manager a:hover, #subnav li.connect_manager a:active{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/con_maillist_act.png) left no-repeat #8D49D2;}
#subnav li.connect_reports a, #subnav li.connect_reports a:link, #subnav li.connect_reports a:visited{color:#FFFFBF; background:url(/areas/Synergy/Content/images/Synergy/buttons/con_report.png) left no-repeat #7439AF;}
#subnav li.connect_reports a:hover, #subnav li.connect_reports a:active{color:#FFFFFF; background:url(/areas/Synergy/Content/images/Synergy/buttons/con_report_act.png) left no-repeat #8D49D2;}
#subnav ul.sub{width:100%; height:auto; background:#00699E; float:left; margin:0; padding:5px 0 25px 0; list-style-type:none;}
#subnav li.sub{width:100%; text-align:left; margin:0; padding:0;}
#subnav li.sub a{display:block; padding:5px 5px 5px 40px; text-transform:none;}
#subnav li.sub a:link, #subnav li.sub a:visited{background:none; font-size:15px; line-height:normal; font-weight:normal; font-variant:normal; text-transform:capitalize; text-decoration:none; color:#FFFFFF;}
#subnav li.sub a:hover{background:none; font-size:15px; line-height:normal; font-weight:normal; font-variant:normal; text-transform:capitalize; text-decoration:none; color:#999999;}
#subnav ul.subEcom{width:100%; height:auto; background:#ECB002; float:left; margin:0; padding:5px 0 25px 0; list-style-type:none;}
#subnav li.subEcom{width:100%; text-align:left; margin:0; padding:0;}
#subnav li.subEcom a{display:block; padding:5px 5px 5px 40px; text-transform:none;}
#subnav li.subEcom a:link, #subnav li.subEcom a:visited{background:none; font-size:15px; line-height:normal; font-weight:normal; font-variant:normal; text-transform:capitalize; text-decoration:none; color:#FFFFFF;}
#subnav li.subEcom a:hover{background:none; font-size:15px; line-height:normal; font-weight:normal; font-variant:normal; text-transform:capitalize; text-decoration:none; color:#D96D00;}
#subnav ul.subPharma{width:100%; height:auto; background:#0099CC; float:left; margin:0; padding:5px 0 25px 0; list-style-type:none;}
#subnav li.subPharma{width:100%; text-align:left; margin:0; padding:0;}
#subnav li.subPharma a{display:block; padding:5px 5px 5px 32px; text-transform:none;}
#subnav li.subPharma a:link, #subnav li.subPharma a:visited{background:none; font-size:15px; line-height:normal; font-weight:normal; font-variant:normal; text-transform:capitalize; text-decoration:none; color:#FFFFFF;}
#subnav li.subPharma a:hover{background:#0099CC; font-size:15px; line-height:normal; font-weight:normal; font-variant:normal; text-transform:capitalize; text-decoration:none; color:#00BEFD;}
#subnav ul.subConnect{width:100%; height:auto; background:#8D49D2; float:left; margin:0; padding:5px 0 25px 0; list-style-type:none;}
#subnav li.subConnect{width:100%; text-align:left; margin:0; padding:0;}
#subnav li.subConnect a{display:block; padding:5px 5px 5px 32px; text-transform:none;}
#subnav li.subConnect a:link, #subnav li.subConnect a:visited{background:none; font-size:15px; line-height:normal; font-weight:normal; font-variant:normal; text-transform:capitalize; text-decoration:none; color:#FFFFFF;}
#subnav li.subConnect a:hover{background:#FFD24D; font-size:15px; line-height:normal; font-weight:normal; font-variant:normal; text-transform:capitalize; text-decoration:none; color:#8D49D2;}

#dropdown{width: 40px; float:right; margin: 2px 10px 0 10px; padding:0; position:relative; display:block; cursor:pointer;}
    #dropdown:hover {
      
    }
    #dropdown:active {
    
    }
    #dropdown.open {
    
    }
#dropdown span{width:32px; height:32px; float:left; margin:0 0 5px 0; padding:0; display:block;}
    #dropdown ul {
        background: #55A2D0;
        display: none;
        left: -170px;
        padding: 0;
        position: relative;
        top: 26px;
        width: auto;
        height: 100%;
        float: left;
        list-style: outside none none;
        box-sizing: border-box;
        font: inherit;
        margin: 0;
        outline: medium none;
        vertical-align: baseline;
        z-index: 1000;
    }
#dropdown ul li{width:100%; font-size:0.9em; border:0 none; box-sizing:border-box; margin:0; outline:medium none; padding:0; vertical-align:baseline; text-align:right;}
#dropdown ul li a{width: 200px; display: block; opacity: 1; padding: 10px 0;  text-decoration: none;
        color: #ffffff;
        font-size: 17px;
        text-transform: capitalize;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        text-align: center;}
#dropdown ul li a:hover{color: #DDDDDD}

.actions{width:98%; height:auto; background:#F3F3F3; float:left; text-align:left; margin:10px 0; padding:0 1% 15px 1%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.actions ul{margin:0; padding:0;}
.actions li{width:auto; height:auto; float:left; text-align:left; margin:15px 15px 0 0; padding:0; font-family:'Titillium Web', sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; color:#333333; list-style-type:none;}

.actionsP{width:76%; height:auto; background:#0073AC; box-shadow:1px 1px 20px 1px #CCCCCC; float:left; text-align:left; margin:10px 0; padding:15px 1%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.actionsP ul{margin:0; padding:0;}
.actionsP li{width:auto; height:auto; float:right; text-align:left; margin:0 0 0 20px; padding:0; list-style-type:none;}
.actionsP li span{float:right; margin:-1px 15px 0 0; font-family:'Titillium Web', sans-serif; font-size:25px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;}
input.actionsPsubmit, a.actionsPsubmit, a.actionsPsubmit:link, a.actionsPsubmit:visited{width:auto; height:auto; background:#FFDC73; border:none; float:right; margin:0; padding:5px 10px; color:#000000; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.actionsPsubmit:hover, input.actionsPsubmit:hover{width:auto; height:auto; background:#FFFFFF; border:none; float:right; margin:0; padding:5px 10px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}

.actionsE{width:98%; height:auto; background:#FFBF00; box-shadow:1px 1px 20px 1px #CCCCCC; float:left; text-align:left; margin:10px 0; padding:15px 1%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.actionsE ul{margin:0; padding:0;}
.actionsE li{width:auto; height:auto; float:right; text-align:left; margin:0 0 0 20px; padding:0; list-style-type:none;}
.actionsE li span{float:right; margin:-1px 15px 0 0; font-family:'Titillium Web', sans-serif; font-size:25px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;}
input.actionsEsubmit, a.actionsEsubmit, a.actionsEsubmit:link, a.actionsEsubmit:visited{width:auto; height:auto; background:#FFFFFF; border:none; float:right; margin:0; padding:5px 10px; color:#000000; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.actionsEsubmit:hover, input.actionsEsubmit:hover{width:auto; height:auto; background:#333333; border:none; float:right; margin:0; padding:5px 10px; color:#FFFFFF; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}

.paging ul{margin-left:auto; margin-right:auto; min-width:20%; text-align:center; padding:20px 5px; font-weight:bold; list-style-type:none;}
.paging li{display:inline-block;} *:first-child+html .paging li{display:inline;}
.paging a, .paging a:visited{color:#006699; text-decoration:none; border:1px solid #CCCCCC; padding:3px;}
.paging a:hover{color:#FFFFFF; background:#006699;}
.paging a#active{color:#000000; text-decoration:none; border:none; padding:5px;}
.paging select{width:50px; color:#999966; font-size:9px; padding:2px; text-align:right; border:1px solid #CCCCCC; margin:-15px 0 0 10px; position:absolute;}

/* END OF NAVS */

/* LISTS */

.listtiles{width:100%; height:auto; float:left; margin:10px 0; padding:0;}
.listtiles h3{width:99%; height:auto; float:left; margin:0 0 10px 1%; padding:0; font-family:'Titillium Web', sans-serif; font-size:23px; font-weight:bold; text-decoration:none; text-transform:capitalize; color:#F7A000;}
.listtiles ul{margin:0; padding:0;}
.listtiles li{list-style-type:none;}
.listtiles li a:link, .listtiles li a:visited, .listtiles li a:active{width:20%; min-width:190px; height:60px; background:#EEEEEE; border:1px solid #DDDDDD; float:left; text-align:center; margin:1%; padding:2% 1%; list-style-type:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-family:'Titillium Web', sans-serif; font-size:20px; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#333333;}
.listtiles li a:hover{width:20%; min-width:190px; height:60px; background:#F7A000; border:1px solid #006091; float:left; text-align:center; margin:1%; padding:2% 1%; list-style-type:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-family:'Titillium Web', sans-serif; font-size:20px; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#FFFFFF;}
.listtiles li.listtilesEcom a:hover{background:#ECB002; border:1px solid #FFBF00; color:#FFFFBF;}
.listtiles li.listtilesCon a:hover{background:#7439AE; border:1px solid #FFBF00; color:#FFFFBF;}

.listcheckboxmedia{width:100%; height:auto; border-top:#CCCCCC solid 1px; float:left; margin:5px 0 10px 0; padding:25px 0 0 0;}
.listcheckboxmedia ul{margin:0; padding:0; list-style-type:none;}
.listcheckboxmedia li{width:23%; min-width:200px; height:auto; float:left; list-style-type:none; text-align:left; margin:0 2% 2% 0; padding:0; font-weight:bold; display:inline;}
.listcheckboxmedia input{width:20px; height:auto; float:left; clear:both; list-style-type:none; text-align:left; margin:2px 3px 0 0; padding:0; color:#333333; font-weight:bold; display:inline;}
.listcheckboxmedia img{width:30px; height:30px; float:left; list-style-type:none; text-align:left; margin:-5px 5px 0 0; padding:0; color:#333333; font-weight:bold; display:inline;}

.listtilesmedia ul{width:100%; text-align:center; margin:0; padding:0;}
.listtilesmedia li{width:12%; height:auto; min-height:220px; border:1px solid #CCCCCC; float:left; text-align:center; margin:5px 2px; padding:5px 0; display:block;}
.listtilesmedia p{text-align:center; clear:both; margin:0; padding:0; white-space:normal;}
.listtilesmedia img{padding:5px 0;}
.listtilesmedia div{min-height:150px;}
.listtilesmedia input{width:100%; text-align:center; margin:0 auto;}
.listtilesmedia li:hover{background:#F1F2F4;}

.listhorizontalmedia ul{width:100%; text-align:center; margin:0; padding:0;}
.listhorizontalmedia li{width:100%; height:auto; min-height:40px; border:1px solid #CCCCCC; float:left; text-align:center; margin:2px; padding:5px 0; display:block;}
.listhorizontalmedia img{height:10%; float:left; padding:5px 0; vertical-align:middle;}
.listhorizontalmedia.mainTM{width:10%;}
.listhorizontalmedia p{width:25%; float:left; margin:10px; padding:0; font-size:14px; display:block; vertical-align:middle;}
.listhorizontalmedia span{float:right; margin:0 40px; padding:0; display:block;}
.listhorizontalmedia input{width:20px; height:40px; float:left; margin:0;}
.listhorizontalmedia li:hover{background:#F1F2F4;}

.list_pharma_orders{width:48%; height:auto; float:left; text-align:left; margin:0 1%; padding:0;}
.list_pharma_orders h3{width:95%; height:auto; border-bottom:1px #CCCCCC dashed; float:left; text-align:left; margin:0 4% 10px 0; padding:3px 0 3px 1%; font-family:'Titillium Web', sans-serif; font-size:18px; font-weight:700; color:#00BEFD; text-transform:uppercase;}
.list_pharma_orders ul{width:100%; height:auto; float:left; text-align:left; margin:0 0 2% 0; padding:0;}
.list_pharma_orders li{width:100%; height:auto; float:left; text-align:left; margin:1%; padding:0; list-style-type:none;}
.list_pharma_orders li span{width:30%; height:auto; float:left; text-align:left; margin:0; padding:0 5% 0 0; font-weight:bold; color:#333333;}
.list_pharma_orders li div{width:65%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.list_pharma_orders li div a:link, .list_pharma_orders li div a:visited, .list_pharma_orders li div a:active{font-weight:bold; color:#00BEFD;}
.list_pharma_orders li div a:hover{font-weight:bold; color:#000000;}

/* END OF LISTS */

/* FORMS */

.formmain{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0; color:#000000;}
.formmain div.FMdiv1{width:auto; height:auto; float:left; text-align:left; margin:0 0 0 210px; padding:0; font-family:'Titillium Web', sans-serif; font-size:15px;}
.formmain span.FMspan1{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0;}
.formmain h3{width:auto; height:auto; float:left; text-align:left; margin:25px 0 5px 210px; padding:0; font-size:25px; color:#333333;}
    .formmain input[type=submit] {
        background: #55A2D0; color: #ffffff; font-size: 16px; padding: 10px 15px; margin-top:5px; float: right; border: 0; border-radius: 10%; font-weight: 600; cursor: pointer;
    }
    .formmain input[type=submit]:hover {
        background:#3E4859;
    }
    .formmain label {
        width: 40%;
        height: auto;
        float: left;
        text-align: right;
        margin: 4px 2% 0 0;
        padding: 0 10px 0 0;
        font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        color: #0089AB;
    }
.formmain label.labelFMwide{width:100%; height:auto; float:left; text-align:left; margin:4px 10px 0 0; padding:0; font-family:'Titillium Web', sans-serif; font-size:15px; font-weight:bold; text-decoration:none; text-transform:none; color:#0089AB;}
.formmain p{width:auto; height:auto; float:left; text-align:right; margin:4px 0 0 0; padding:0; font-family:'Titillium Web', sans-serif; font-size:15px; font-weight:normal; text-decoration:none; text-transform:none; color:#333333;}
.formmain input.FMinput{width:auto; min-width:300px; height:auto; border: none; border-bottom: 1px solid #999999; float:left; text-align:left; margin:0 10px 0 0; padding:5px; font-family:'Titillium Web', sans-serif; font-size:14px; font-weight:normal; text-decoration:none; text-transform:none; color:#000000;}
    .formmain input.FMinput.hasDatepicker {
        background: url(../Content/images/portal/general/calendar_icon.png) no-repeat right center;
    }
    .formmain input.FMinpumisct.hasDatepicker:active {border: none !important;}
        .formmain input.FMinputcheckbox {
        margin: 6px 0 0 0;
    }
    .formmain select {
        width: 312px;
        height: auto;
        border: none;
        border-bottom: 1px solid #999999;
        float: left;
        text-align: left;
        margin: 0;
        padding: 5px;
        font-family:'Titillium Web', sans-serif;
        font-size: 14px;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        color: #000000;
        -webkit-appearance: none;
        background: url(../Content/images/portal/general/dropdown.png) no-repeat right center;
    }
        .formmain select:hover {
            cursor: pointer;
        }
    .formmain textarea {
        width: auto;
        min-width: 300px;
        height: auto;
        border: none;
        border-bottom: 1px solid #999999;
        float: left;
        text-align: left;
        margin: 0;
        padding: 5px;
        font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        color: #000000;
    }
.formmain div#Image1IDSelectedFile{text-align: center;}
.formmain .deselectfile{margin:0 auto;}

/* TEST BUILDER */
#testBuilder .formmain{width:97%; margin: 0 1.5% 2% 1.5%;}
#testBuilder label.labelLg{width:100%; margin:4px 0 0 0; padding:0; text-align:left;}
#testBuilder .testModule span{width:auto !important; border:none;}
#testBuilder .testModule span input{width: auto; min-width: 300px; height: auto; border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium; border-bottom: 1px solid #999999; float: left; text-align: left; margin: 0 10px 0 -10px; padding: 5px; font-family: 'Titillium Web', sans-serif; font-size: 14px; font-weight: normal; text-decoration: none; text-transform: none; color: #000000;}
#add-new-answer{float:right; margin-top: 10px;}
#questionPopup input{text-transform:none;}
#questionPopup .remove{text-decoration: underline; font-style: italic; cursor: pointer;}

.e-float-input.e-control-wrapper#locked{width:auto; margin:0;}
.formpages{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0; color:#000000;}
.formpages div.FMdiv1{width:auto; height:auto; float:left; text-align:left; margin:0 0 0 210px; padding:0; font-family:'Titillium Web', sans-serif; font-size:15px;}
.formpages span.FMspan1{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0;}
.formpages label{width:200px; height:auto; float:left; text-align:right; margin:4px 10px 0 0; padding:0; font-family:'Titillium Web', sans-serif; font-size:15px; font-weight:bold; text-decoration:none; text-transform:none; color:#333333;}
.formpages label.labelFPwide{width:100%; height:auto; float:left; text-align:left; margin:4px 10px 0 0; padding:0; font-family:'Titillium Web', sans-serif; font-size:15px; font-weight:bold; text-decoration:none; text-transform:none; color:#333333;}
.formpages p{width:auto; height:auto; float:left; text-align:right; margin:4px 0 0 0; padding:0; font-family:'Titillium Web', sans-serif; font-size:15px; font-weight:normal; text-decoration:none; text-transform:none; color:#333333;}
.formpages input.FPinput{width:auto; min-width:300px; height:auto; border:1px solid #999999; float:left; text-align:left; margin:0 10px 0 0; padding:5px; font-family:'Titillium Web', sans-serif; font-size:14px; font-weight:normal; text-decoration:none; text-transform:none; color:#000000;}
.formpages input.uploadFile{width:auto; min-width:248px; height:auto; background:#FFFFFF; border:1px solid #999999; float:left; text-align:left; margin:0 10px 0 0; padding:5px; font-family:'Titillium Web', sans-serif; font-size:14px; font-weight:normal; text-decoration:none; text-transform:none; color:#000000;}
.formpages textarea.mceNoEditor{width:auto; min-width:300px; height:auto; border:1px solid #999999; float:left; text-align:left; margin:0 10px 0 0; padding:5px; font-family:'Titillium Web', sans-serif; font-size:14px; font-weight:normal; text-decoration:none; text-transform:none; color:#000000;}
.formpages input.FPinputcheckbox{margin:6px 0 0 0;}
.formpages select{width:auto; min-width:312px; height:auto; border:1px solid #999999; float:left; text-align:left; margin:0; padding:5px; font-family:'Titillium Web', sans-serif; font-size:14px; font-weight:normal; text-decoration:none; text-transform:none; color:#000000;}
.formpages select.image_selection{min-width:260px;}

.formadvanced{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0; color:#000000;}
.formadvanced label{width:35%; height:auto; float:left; text-align:right; margin:4px 10px 0 0; padding:0; font-family:'Titillium Web', sans-serif; font-size:15px; font-weight:bold; text-decoration:none; text-transform:none; color:#333333;}
.formadvanced input.FAinput{width:50%; height:auto; border:1px solid #999999; float:left; text-align:left; margin:0 10px 5px 0; padding:5px; font-family:'Titillium Web', sans-serif; font-size:14px; font-weight:normal; text-decoration:none; text-transform:none; color:#000000;}
.formadvanced input.FAinputcheckbox{margin:6px 0 0 0;}
.formadvanced select{width:53%; height:auto; border:1px solid #999999; float:left; text-align:left; margin:0 0 5px 0; padding:5px; font-family:'Titillium Web', sans-serif; font-size:14px; font-weight:normal; text-decoration:none; text-transform:none; color:#000000;}
.formadvanced textarea{width:50%; height:auto; border:1px solid #999999; float:left; text-align:left; margin:0 0 5px 0; padding:5px; font-family:'Titillium Web', sans-serif; font-size:14px; font-weight:normal; text-decoration:none; text-transform:none; color:#000000;}

.formview{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0; color:#000000;}
.formview span{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0; font-family:'Titillium Web', sans-serif; font-size:15px;}
.formview label{width:200px; height:auto; float:left; text-align:right; margin:0 10px 0 0; padding:0; font-family:'Titillium Web', sans-serif; font-size:15px; font-weight:bold; text-decoration:none; text-transform:none; color:#333333;}

.formlogin {
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    color: #3E4859;
}
    .formlogin label.FL-label {
        width: 27%;
        height: auto;
        float: left;
        text-align: right;
        margin: 0 3% 0 0;
        padding: 3px 0 0 0;
        font-family: 'Roboto', sans-serif;
        font-size: 20px;
        font-weight: 400;
        text-decoration: none;
        text-transform: none;
        color: #3E4859;
    }
.formlogin label{width:70%; height:auto; float:left; text-align:left; margin:0 0 0 30%; padding:0; font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; text-decoration:none; text-transform:none; color:#FF0000;}
.formlogin input.formlogininput{width:66.5%; height:auto; background:#FFFFFF; border:1px solid #DDDDDD; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:'Titillium Web', sans-serif; font-size:15px; font-weight:normal; text-decoration:none; text-transform:none; color:#999999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.formlogin input{width:auto; height:auto; float:left; text-align:left; margin:3px 7px 20px 0; padding:0;}

.formdisplay{width:100%; height:auto; float:left; text-align:left; margin:3px 0 0 0; padding:0; color:#000000;}
.formdisplay label{width:auto; height:auto; float:left; text-align:left; margin:0; padding:0; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#F7A000;}
.formdisplay label.labelE{color:#ECB002;}
.formdisplay label.labelPH{color:#00BEFD;}
.formdisplay input.formdisplayinput{width:auto; min-width:150px; height:auto; border:1px solid #999999; float:left; text-align:left; margin:0 10px; padding:3px;}
.formdisplay select{width:auto; min-width:220px; height:auto; border:1px solid #999999; float:left; text-align:left; margin:0 20px 0 10px; padding:3px;}

.formsearch1{width:100%; height:auto; float:left; text-align:left; margin:3px 0 0 0; padding:0; color:#000000;}
.formsearch1 label{width:auto; height:auto; float:left; text-align:left; margin:0 15px 0 0; padding:0; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase; color:#F7A000;}
.formsearch1 label.purple{color:#7439AE;}
.formsearch1 input.formsearch1input{width:auto; min-width:150px; height:auto; border:1px solid #999999; float:left; text-align:left; margin:0 15px 0 0; padding:3px;}
.formsearch1 select{width:auto; height:auto; border:1px solid #999999; float:left; text-align:left; margin:0 15px 0 0; padding:2px 3px;}
.formsearch1 img{width:auto; height:auto; float:left; text-align:left; margin:0 15px 0 -5px; padding:0;}

/* END OF FORMS */

/* TABLES */

table{width:100%; border-collapse:collapse; font-size:11px;}
table th, td{border:1px solid #DADFE0; text-align:left; padding:2px 4px;}
    table th {
        height: 35px;
        background: none;
        text-transform: capitalize;
        font-size: 14px;
        font-weight: 600;
        color: #0089AB;
    }
table td{background:#FFFFFF; vertical-align:top; text-align:left; padding:3px; font-size:12px; color:#666666;}
    table td.nostyle p {
        text-align: left;
        font-size: 12px;
        color: #333;
        font-family: Verdana,Arial,sans-serif; margin-top: 0;}
table tr:hover td{color:#333333;}
table img{vertical-align:top;}
table a:link, table a:visited, table a:active, table a{font-weight:700; text-decoration:none; color:#000000;}
table a:hover{font-weight:700; text-decoration:none; color:#000000;}
table td.black a:link, table td.black a:active, table td.black a{font-weight:700; text-decoration:none; color:#000000;}
table td.black a:hover{font-weight:700; text-decoration:none; color:#999999;}

.tabledashboardP{width:100%; border:none; border-collapse:collapse; font-size:12px;}
.tabledashboardP th{background:#F4F4F4; border:none; border-bottom:1px solid #DADFE0; text-align:left; padding:2px 4px; font-size:17px; font-weight:bold; text-transform:uppercase; color:#005F91;}
.tabledashboardP th.TDBPthsml{background:#F4F4F4; border:none; border-bottom:1px solid #DADFE0; text-align:left; padding:2px 4px; font-size:13px; font-weight:bold; text-transform:capitalize; color:#005F91;}
.tabledashboardP td{background:#FFFFFF; border-bottom:1px solid #DADFE0; border-top:1px solid #DADFE0; border-left:none; border-right:none; padding:10px 7px; font-size:13px; color:#999999;}
.tabledashboardP tr:hover td{background:#F1F2F3; color:#333333;}
.tabledashboardP th a:link, .tabledashboardP th a:visited, .tabledashboardP th a:active, table a{font-weight:bold; text-decoration:none; color:#005F91;}
.tabledashboardP th a:hover{font-weight:bold; text-decoration:none; color:#333333;}

.tabledashboardP_stripped{width:100%; border:none; border-collapse:collapse; border-top:1px solid #DADFE0; border-right:1px solid #DADFE0;}
.tabledashboardP_stripped th{background:#F4F4F4; border:none; border-bottom:1px solid #DADFE0; border-left:1px solid #DADFE0; text-align:left; padding:2px 4px; color:#005F91;}
.tabledashboardP_stripped td{background:#FFFFFF; border-bottom:1px solid #DADFE0; border-top:1px solid #DADFE0; border-left:1px solid #DADFE0; border-right:none; padding:10px 7px; color:#999999;}
.tabledashboardP_stripped tr:hover td{background:#F1F2F3; color:#333333;}
.tabledashboardP_stripped th a:link, .tabledashboardP_stripped th a:visited, .tabledashboardP_stripped th a:active, table a{font-weight:bold; text-decoration:none; color:#005F91;}
.tabledashboardP_stripped th a:hover{font-weight:bold; text-decoration:none; color:#333333;}
.tabledashboardP_stripped td select{width:auto; height:auto; background:#FFFFFF; border:1px #999999 solid; float:right; text-align:left; margin:3px 0; padding:0.5% 1%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; display:block; color:#666666;}

.tabledashboardE{width:100%; border:none; border-collapse:collapse; font-size:12px;}
.tabledashboardE th{background:#F4F4F4; border:none; border-bottom:1px solid #DADFE0; text-align:left; padding:2px 4px; font-size:17px; font-weight:bold; text-transform:uppercase; color:#ECB002;}
.tabledashboardE td{background:#FFFFFF; border-bottom:1px solid #DADFE0; border-top:1px solid #DADFE0; border-left:none; border-right:none; padding:10px 7px; color:#999999;}
.tabledashboardE tr:hover td{background:#F1F2F3; color:#333333;}
.tabledashboardE th a:link, .tabledashboardE th a:visited, .tabledashboardE th a:active, table a{font-weight:bold; text-decoration:none; color:#ECB002;}
.tabledashboardE th a:hover{font-weight:bold; text-decoration:none; color:#333333;}

.tabledashboardEoptions{width:100%; border:none; border-collapse:collapse; font-size:12px;}
.tabledashboardEoptions th{background:#F4F4F4; border:1px solid #DADFE0; text-align:left; padding:2px 4px; font-size:15px; font-weight:bold; text-transform:capitalize; color:#ECB002;}
.tabledashboardEoptions td{background:#FFFFFF; border:1px solid #DADFE0; padding:10px 7px; color:#999999;}
.tabledashboardEoptions tr:hover td{background:#F1F2F3; color:#333333;}
.tabledashboardEoptions th a:link, .tabledashboardEoptions th a:visited, .tabledashboardEoptions th a:active, table a{font-weight:bold; text-decoration:none; color:#ECB002;}
.tabledashboardEoptions th a:hover{font-weight:bold; text-decoration:none; color:#333333;}

.tabledashboardPH{width:100%; border:none; border-collapse:collapse; font-size:12px;}
.tabledashboardPH th{background:#F4F4F4; border:none; border-bottom:1px solid #DADFE0; text-align:left; padding:2px 4px; font-size:17px; font-weight:bold; text-transform:uppercase; color:#00BEFD;}
.tabledashboardPH td{background:#FFFFFF; border-bottom:1px solid #DADFE0; border-top:1px solid #DADFE0; border-left:none; border-right:none; padding:10px 7px; color:#999999;}
.tabledashboardPH tr:hover td{background:#F1F2F3; color:#333333;}
.tabledashboardPH th a:link, .tabledashboardPH th a:visited, .tabledashboardPH th a:active, table a{font-weight:bold; text-decoration:none; color:#00BEFD;}
.tabledashboardPH th a:hover{font-weight:bold; text-decoration:none; color:#333333;}

.tabledashboardC{width:100%; border:none; border-collapse:collapse; font-size:12px;}
.tabledashboardC th{background:#F4F4F4; border:none; border-bottom:1px solid #DADFE0; text-align:left; padding:2px 4px; font-size:17px; font-weight:bold; text-transform:uppercase; color:#7439AE;}
.tabledashboardC td{background:#FFFFFF; border-bottom:1px solid #DADFE0; border-top:1px solid #DADFE0; border-left:none; border-right:none; padding:10px 7px; font-size:13px; color:#999999;}
.tabledashboardC tr:hover td{background:#F1F2F3; color:#333333;}
.tabledashboardC th a:link, .tabledashboardC th a:visited, .tabledashboardC th a:active, table a{font-weight:bold; text-decoration:none; color:#7439AE;}
.tabledashboardC th a:hover{font-weight:bold; text-decoration:none; color:#333333;}

/* END OF TABLES */

/* BUTTONS */

input.addsub, a.addsub, a.addsub:link, a.addsub:visited{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/addsub.png) left no-repeat #CCCCCC; border:none; float:right; margin:0; padding:11px 10px 11px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.addsub:hover, input.addsub:hover{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/addsub.png) left no-repeat #FFFFFF; border:none; float:right; margin:0; padding:11px 10px 11px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}

input.Export, a.Export, a.Export:link, a.Export:visited{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/export.png) left no-repeat #CCCCCC; border:none; float:right; margin:0; padding:11px 10px 11px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.Export:hover, input.Export:hover{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/export.png) left no-repeat #FFFFFF; border:none; float:right; margin:0; padding:11px 10px 11px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}

input.AddNewsubmit, a.AddNewsubmit, a.AddNewsubmit:link, a.AddNewsubmit:visited{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/addnew1.png) left no-repeat #CCCCCC; border:none; float:right; margin:0; padding:11px 10px 11px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.AddNewsubmit:hover, input.AddNewsubmit:hover{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/addnew1.png) left no-repeat #FFFFFF; border:none; float:right; margin:0; padding:11px 10px 11px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}

input.Activatesubmit, a.Activatesubmit, a.Activatesubmit:link, a.Activatesubmit:visited{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/activate1.png) left no-repeat #CCCCCC; border:none; float:right; margin:0; padding:10px 10px 10px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.Activatesubmit:hover, input.Activatesubmit:hover{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/activate1.png) left no-repeat #FFFFFF; border:none; float:right; margin:0; padding:10px 10px 10px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}

input.De-activatesubmit, a.De-activatesubmit, a.De-activatesubmit:link, a.De-activatesubmit:visited{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/de-activate1.png) left no-repeat #CCCCCC; border:none; float:right; margin:0; padding:10px 10px 10px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.De-activatesubmit:hover, input.De-activatesubmit:hover{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/de-activate1.png) left no-repeat #FFFFFF; border:none; float:right; margin:0; padding:10px 10px 10px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}

input.CSVexportsubmit, a.CSVexportsubmit, a.CSVexportsubmit:link, a.CSVexportsubmit:visited{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/CSVexport1.png) left no-repeat #CCCCCC; border:none; float:right; margin:0; padding:11px 10px 11px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.CSVexportsubmit:hover, input.CSVexportsubmit:hover{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/CSVexport1.png) left no-repeat #FFFFFF; border:none; float:right; margin:0; padding:11px 10px 11px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}

input.MultipleFilesubmit, a.MultipleFilesubmit, a.MultipleFilesubmit:link, a.MultipleFilesubmit:visited{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/multiplefiles1.png) left no-repeat #CCCCCC; border:none; float:right; margin:0; padding:11px 10px 11px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.MultipleFilesubmit:hover, input.MultipleFilesubmit:hover{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/multiplefiles1.png) left no-repeat #FFFFFF; border:none; float:right; margin:0; padding:11px 10px 11px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}

input.NewUsersubmit, a.NewUsersubmit, a.NewUsersubmit:link, a.NewUsersubmit:visited{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/addnewuser1.png) left no-repeat #CCCCCC; border:none; float:right; margin:0; padding:11px 10px 11px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.NewUsersubmit:hover, input.NewUsersubmit:hover{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/addnewuser1.png) left no-repeat #FFFFFF; border:none; float:right; margin:0; padding:11px 10px 11px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}

input.NewCatsubmit, a.NewCatsubmit, a.NewCatsubmit:link, a.NewCatsubmit:visited{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/category1.png) left no-repeat #CCCCCC; border:none; float:right; margin:0; padding:11px 10px 11px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.NewCatsubmit:hover, input.NewCatsubmit:hover{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/category1.png) left no-repeat #FFFFFF; border:none; float:right; margin:0; padding:11px 10px 11px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}

input.De-actUsersubmit, a.De-actUsersubmit, a.De-actUsersubmit:link, a.De-actUsersubmit:visited{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/deactivateuser1.png) left no-repeat #CCCCCC; border:none; float:right; margin:0; padding:10px 10px 10px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.De-actUsersubmit:hover, input.De-actUsersubmit:hover{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/deactivateuser1.png) left no-repeat #FFFFFF; border:none; float:right; margin:0; padding:10px 10px 10px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}

input.ActUsersubmit, a.ActUsersubmit, a.ActUsersubmit:link, a.ActUsersubmit:visited{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/activateuser1.png) left no-repeat #CCCCCC; border:none; float:right; margin:0; padding:10px 10px 10px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.ActUsersubmit:hover, input.ActUsersubmit:hover{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/activateuser1.png) left no-repeat #FFFFFF; border:none; float:right; margin:0; padding:10px 10px 10px 40px; color:#333333;  cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}

input.Deletesubmit, a.Deletesubmit, a.Deletesubmit:link, a.Deletesubmit:visited{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/delete1.png) left no-repeat #CCCCCC; border:none; float:right; margin:0; padding:10px 10px 10px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
a.Deletesubmit:hover, input.Deletesubmit:hover{width:auto; height:auto; background:url(/areas/Synergy/Content/images/Synergy/buttons/delete1.png) left no-repeat #FFFFFF; border:none; float:right; margin:0; padding:10px 10px 10px 40px; color:#333333; cursor:pointer; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:bold; text-decoration:none; text-transform:uppercase;}
spanButtonPlaceHolder.ButtonTest span{color:#CCCCCC; font-weight:bold;}

input.submit, a.submit, a.submit:link, a.submit:visited{font-family:'Titillium Web', sans-serif; color:#FFFFFF; background:#333333; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:5px; cursor:pointer; text-decoration:none; width:auto;} 
a.submit:hover, input.submit:hover{color:#333333; background:#FFFFFF; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:5px; cursor:pointer; text-decoration:none; width:auto;}

input.submit2, a.submit2, a.submit2:link, a.submit2:visited{font-family:'Titillium Web', sans-serif; color:#FFFFFF; background:#00BEFD; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:2px 5px; cursor:pointer; text-decoration:none; width:auto;} 
a.submit2:hover, input.submit2:hover{color:#FFFFFF; background:#CCCCCC; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:2px 5px; cursor:pointer; text-decoration:none; width:auto;}

input.submitlogin, a.submitlogin, a.submitlogin:link, a.submitlogin:visited{width:auto; height:auto; color:#FFF; text-decoration:underline; text-transform:none; font-family:'Titillium Web', sans-serif; font-weight:400; text-decoration:none; font-size:18px; background:#54C0EA; border:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:4px 20px; text-transform:uppercase; opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out; cursor:pointer;}
a.submitlogin:hover, input.submitlogin:hover{color:#FFF; text-decoration:underline; text-transform:none; font-weight:400; text-decoration:none; font-size:18px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:4px 20px; text-transform:uppercase; opacity:0.5; border:none;}


input.submitDownload, a.submitDownload, a.submitDownload:link, a.submitDownload:visited {
    background: #55A2D0;
    color: #ffffff;
    font-size: 15px;
    padding: 2px 5px;
    float: right;
    border: 0;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    text-decoration:none;
}

    a.submitDownload:hover, input.submitDownload:hover {
        background: #3E4859;
    }

input.submitP, a.submitP, a.submitP:link, a.submitP:visited {
    background: #55A2D0;
    color: #ffffff;
    font-size: 16px;
    padding: 10px 15px;
    float: right;
    border: 0;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
}
    a.submitP:hover, input.submitP:hover {
        background: #3E4859;
    }

input.submitE, a.submitE, a.submitE:link, a.submitE:visited{font-family:'Titillium Web', sans-serif; color:#FFFFFF; background:#ECB002; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:3px; cursor:pointer; text-decoration:none; width:auto;} 
a.submitE:hover, input.submitE:hover{color:#333333; background:#CCCCCC; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:3px; cursor:pointer; text-decoration:none; width:auto;}

input.submitPH, a.submitPH, a.submitPH:link, a.submitPH:visited{font-family:'Titillium Web', sans-serif; color:#FFFFFF; background:#00BEFD; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:3px; cursor:pointer; text-decoration:none; width:auto;} 
a.submitPH:hover, input.submitPH:hover{color:#333333; background:#CCCCCC; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:3px; cursor:pointer; text-decoration:none; width:auto;}

input.submitC, a.submitC, a.submitC:link, a.submitC:visited{font-family:'Titillium Web', sans-serif; color:#FFFFFF; background:#7439AE; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:3px; cursor:pointer; text-decoration:none; width:auto;} 
a.submitC:hover, input.submitC:hover{color:#333333; background:#CCCCCC; border:none; text-transform:uppercase; font-size:13px; font-weight:bold; padding:3px; cursor:pointer; text-decoration:none; width:auto;}

/* END OF BUTTONS */

/* H1 TAGS */

h1.h1publisher{font-family:'Titillium Web', sans-serif; font-size:30px; font-weight:700; color:#F7A000; text-transform:uppercase; margin:0; padding:0; text-align:left;}
h1.h1publisher img{float:left; margin:3px 10px 0 0;}
h1.h1publisher span{font-size:25px; color:#333333; text-transform:capitalize; margin-left:5px; font-weight:bold;}

h1.h1ecommerce{font-family:'Titillium Web', sans-serif; font-size:30px; font-weight:700; color:#ECB002; text-transform:uppercase; margin:0; padding:0; text-align:left;}
h1.h1ecommerce img{float:left; margin:3px 10px 0 0;}
h1.h1ecommerce span{font-size:25px; color:#333333; text-transform:capitalize; margin-left:5px; font-weight:bold;}

h1.h1pharma{font-family:'Titillium Web', sans-serif; font-size:30px; font-weight:700; color:#00BEFD; text-transform:uppercase; margin:0; padding:0; text-align:left;}
h1.h1pharma img{float:left; margin:3px 10px 0 0;}
h1.h1pharma span{font-size:25px; color:#333333; text-transform:capitalize; margin-left:5px; font-weight:bold;}

h1.h1connect{font-family:'Titillium Web', sans-serif; font-size:30px; font-weight:700; color:#7439AE; text-transform:uppercase; margin:0; padding:0; text-align:left;}
h1.h1connect img{float:left; margin:3px 10px 0 0;}
h1.h1connect span{font-size:25px; color:#333333; text-transform:capitalize; margin-left:5px; font-weight:bold;}

/* END OF H1 TAGS */

/* H2 TAGS */

h2.h2Widgets{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0; font-family:'Titillium Web', sans-serif; font-size:25px; font-weight:700; color:#000000; text-transform:uppercase;}
h2.h2pharma{width:98%; height:auto; background:#666666; float:left; text-align:left; margin:0; padding:0.5% 1%; font-family:'Titillium Web', sans-serif; font-size:18px; font-weight:700; color:#FFFFFF; text-transform:uppercase; -webkit-border-top-left-radius:0; -moz-border-top-left-radius:0; border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-top-right-radius:0; border-top-right-radius:0;}

/* END OF H2 TAGS */

/* MISC */
.search_results {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 30px;
    color: #666666;
    font-size: 14px;
}
    .search_results a {
        width: auto;
        height: auto;
        background: #55A2D0;
        border: none;
        float: left;
        padding: 5px 10px;
        color: #ffffff !important;
        cursor: pointer;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 10px;
    }
        .search_results a:hover {
            background: #999999;
            color: #ffffff !important;
        }
        .search_results h3 {
    font-size: 25px;
    width: auto;
    float: left;
    font-weight: 600;
    color: #0089AB;
    margin: 0;
    padding: 0;
}
.search_results ul {
    width: 100%; height: auto; float: left; margin: 0; padding: 0;
}
.search_results li {
    width: 100%; height: auto; margin: 0; padding: 0; list-style-type: none;
}
.search_results span {color: #000000; font-weight:600;}

/* FILTERING RESULTS */

#filtersearch{float:left; width:100%;}
.filteringOption{display:block; float:left; width:auto; margin-right:2%; min-width:360px;}
.filteringOption label{display:block; float:left; width:auto;}
.filteringOption div{display:block; float:left; width:auto;}
.filteringOption input{display:block; float:left; width:auto;}
.filteringOption span{display:block; float:left; max-width:240px;}
.filteringOption select{max-width:200px;}
#filtersearch input.filter{float:left;}
.filteringOption input.FMinput.hasDatepicker{min-width: 135px;}

.staffCheckContainer {
    width: 60%;
    height: auto;
    float: left;
    margin: 30px 20%;
    padding: 0;
}

.piecharts {
    width: 17%;
    height: auto;
    float: left;
    margin: 30px 4%;
    padding: 0;
}
.piecharts h2 {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin: 0 0 30px 0;
    padding: 0;
}
.piecharts div#canvas-holder canvas{max-width: 300px; max-height: 300px; object-fit:contain;}

.flex {display: flex; height: auto; float: left; width: 100%;}

form#GridCourseEvaluationEditForm .cell_content .candidate_dash{padding:0;}
form#GridCourseEvaluationEditForm .cell_content .candidate_dash ul li{margin:0;}
form#GridCourseEvaluationEditForm .cell_content span{color: #0089AB;}

.candidate_dash {
    width: 94%;
    height: auto;
    float: left;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 0 3%;
}
.candidate_dash h2 {color: #333333; font-size: 18px; font-weight: 700;}
    .candidate_dash.border {
        border-right: 2px solid #F2F2F2;
    }
.candidate_dash ul {margin: 0; padding: 0; float:left; width: 100%; height: auto; list-style-type:none;}
.candidate_dash li {
    width: 31%;
    height: auto;
    float: left;
    margin: 0 1% 10px;
    border-bottom: 1px solid #999999;
    padding: 7px 0;
    min-height: 45px;
}
.candidate_dash span {
    color: #0089AB;
    font-size: 14px;
    width: 100%;
    height: auto;
    float: left;
}
.qual_dash {
    width: 94%;
    height: auto;
    float: left;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 0 3%;
}
    .qual_dash h1 {
        color: #0089AB;
        font-size: 30px;
        font-weight: 700;
        margin: 0;
    }
    .qual_dash h2 {
        color: #333333;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 10px;
    }
        .qual_dash ul {
            margin: 0;
            padding: 0;
            float: left;
            width: 100%;
            height: auto;
            list-style-type: none;
        }

    .qual_dash li {
        width: 31%;
        height: auto;
        float: left;
        margin: 0 1% 10px;
        border-bottom: 1px solid #999999;
        padding: 7px 0;
        min-height: 45px;
    }

    .qual_dash li.qd-li-fullwidth {
        width: 97%;
        height: auto;
        float: left;
        margin: 0 1% 10px;
        border-bottom: 1px solid #999999;
        padding: 7px 0;
        min-height: 45px;
    }

    .qual_dash span {
        color: #0089AB;
        font-size: 14px;
        width: 100%;
        height: auto;
        float: left;
    }
.employertitle {
    margin-bottom: 30px;
    margin-top: 0;
    padding-top: 0;
    float: left;
    height: auto;
    width: 100%;
}
    .employertitle span {
        font-size: 25px;
        width: auto;
        float: left;
        margin-top: -3px;
        margin-right: 10px;
        font-weight: 600;
    }
    .employertitle p{float: left; width: auto; margin: 0 20px; padding: 0; font-size: 22px;}
.staff_info {float: left; width: 40%; margin: 0 30%; height: auto;}
    .staff_info li span {
        width: 50%;
        float: left;
        height: auto;
        color: #0089AB;
        font-size: 14px;
        height: auto;
        float: left;
        font-weight: 600;
    }
.staff_info ul {margin: 0; padding: 0; list-style-type: none; width: 100%; height: auto;}
    .staff_info li {
        width: 100%;
        height: auto;
        float: left;
        font-family: 'Titillium Web', sans-serif;
        font-size: 14px;
        font-weight: 400;
        color: #000000;
    }
.wid_wrap {
    float: left;
    width: 100%;
    max-width: 312px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    color: #000000;
}
.wid_wrap select {min-width: 0;}
.wid_wrap.sub label{width: 14%;}
.wid_wrap.sub input{width: auto; min-width: 0;}

    .dashboard_wrap {
    width: 96%;
    margin: 0 2%;
    float: left;
    background: #ffffff;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 3px 3px 5px 6px #ccc; /* Firefox 3.5 - 3.6 */
    box-shadow: 3px 3px 5px 6px #ccc; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
@keyframes rotate-btn {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(-360deg);
    }
}
.tableResponsive{border:none; overflow-x:auto; overflow-y:auto; width:100%;}

.loginlogo{width:100%; text-align:center; margin-bottom:20px; background: #FFF; height: 80px; padding: 10px 0 5px 0; box-shadow: 1px 1px 3px 4px #ccc;}

.breadcrumbs{width:100%; height:auto; float:left; text-align:left; margin:5px 0 10px 0; padding:0; font-family:'Roboto', sans-serif; font-size:13px; font-weight:400; font-variant:normal; line-height:normal; text-transform:none; text-decoration:none; color:#999999;}
.breadcrumbs a:link, .breadcrumbs a:visited{text-decoration:underline; font-weight:400; color:#333333;}
.breadcrumbs a:hover{text-decoration:underline; font-weight:400; color:#999999;}

.sitetext{color:#000000;}
.sitetext2{color:#666666; font-size:9px; text-decoration:none;}

a, a:visited{color:#999999;}
a:hover{color:#333333;}

hr{height:1px; border:none; background-color:#CCCCCC; clear:both;}

div.dialog{display:none;}

.ecommMediaList{width:73%; height:auto; float:left; margin:0 2% 0 0; padding:0;}
.ecommMediaWidget{width:25%; height:auto; float:left; margin:0; padding:0;}

.canvascontainer{width:40%; height:auto; float:left; margin:10px 5%; padding:0;}
.canvascontainer h2{width:100%; height:auto; float:left; text-align:center; margin:0 0 30px 0; padding:0;}

.stats{width:15%; min-width:200px; height:100px; background:#F7A000; border:4px solid #99E5FF; float:right; margin:1%; padding:0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.stats span{width:48%; height:auto; float:left; margin:-22px 2% 0 0; padding:0; text-align:right; font-family:'Titillium Web', sans-serif; font-size:90px; font-weight:bold; color:#FFFFFF;}
.stats p{width:48%; height:auto; float:left; margin:15px 0 0 2%; padding:0; text-align:left; font-family:'Titillium Web', sans-serif; font-size:18px; font-weight:bold; line-height:23px; color:#99E5FF;}

.statsE{width:15%; min-width:200px; height:100px; background:#ECB002; border:4px solid #FFBF00; float:right; margin:1%; padding:0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.statsE span{width:48%; height:auto; float:left; margin:-22px 2% 0 0; padding:0; text-align:right; font-family:'Titillium Web', sans-serif; font-size:90px; font-weight:bold; color:#FFFFFF;}
.statsE p{width:48%; height:auto; float:left; margin:15px 0 0 2%; padding:0; text-align:left; font-family:'Titillium Web', sans-serif; font-size:18px; font-weight:bold; line-height:23px; color:#FFFFFF;}

.statsP{width:15%; min-width:200px; height:100px; background:#00BEFD; border:4px solid #0099CC; float:right; margin:1%; padding:0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.statsP span{width:48%; height:auto; float:left; margin:-22px 2% 0 0; padding:0; text-align:right; font-family:'Titillium Web', sans-serif; font-size:90px; font-weight:bold; color:#FFFFFF;}
.statsP p{width:48%; height:auto; float:left; margin:15px 0 0 2%; padding:0; text-align:left; font-family:'Titillium Web', sans-serif; font-size:18px; font-weight:bold; line-height:23px; color:#FFFFFF;}

.legend{width:40%;}
.legend .title{display:block; margin-bottom:0.5em; line-height:1.2em; padding:0 5px 10px 0;}
.legend .color-sample{display:block; float:left; width:1em; height:1em; border:2px solid; border-radius:0.5em; margin-right:0.5em;}

.validation_warining{width:98.5%; height:auto; background:#FF6600; border:2px solid #FF3300; float:left; text-align:center; margin:0 0 10px 0; padding:0.5%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-family:'Titillium Web', sans-serif; font-size:18px; font-weight:bold; text-transform:uppercase; color:#FFFFFF;}

.validation-summary-valid {display: none;}

.validation-summary-valid .validation-summary-errors {display: block;}

.bioContent{width: 90%; margin: 1% auto; background: #F6F6F6; padding: 1% 2%;}
.bioContent span{display: block; width: 100%; padding: 0 0 1% 0; text-align: center; color: rgb(0, 137, 171); font-size: 18px;}
.bioContent .bioImg{width:20%; display:inline-block;}
.bioContent .bioImg img{width:100%; height:100%;}
.bioContent .bioDesc{width: 76%; float: right;}

input.ViewSubmit, a.ViewSubmit, a.ViewSubmit:link, a.ViewSubmit:visited {
    width: auto;
    height: auto;
    background: #FFFFFF;
    border: none;
    margin: 10px 0 0 0;
    padding: 5px 30px;
    color: #0085B2;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}

.e-download, .e-download::before {
    width: 12px;
    height: 12px;
    background: url(/areas/Portal/Content/images/portal/general/icon_media_color.png) right no-repeat;
    background-size: contain;
}
/* END OF MISC */


@media only screen and (min-width:1024px) and (max-width:1270px) {
    .formmain {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
    }
}