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; color:#333; font-size:14px;}
.floatleft{float:left;}
.floatright{float:right;}
.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}
.text-danger{color:red;}
.field-validation-error{color:red;}

/* 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.headerlogoDB{width: auto; height:auto; float:none; margin:1% auto 0 auto; padding:0;}
#header div.headerCourse{width:25%; height:50px; float:right; margin:0 20px 0 0; padding:0;}
#header div.headerCourse 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;}
input.submitheaderCourse, a.submitheaderCourse, a.submitheaderCourse:link, a.submitheaderCourse: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.submitheaderCourse:hover, input.submitheaderCourse:hover{background:#F7F7F7;}
#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: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;}
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;}

#headerDB {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:100px;}
#headerDB div.headerlogoDB{width: auto; height:auto; float:none; left:0; right:0; margin:1% auto 0 auto; padding:0; position:absolute;}
#headerDB div.headerloginDB{width:15%; height:50px; float:none; right:20px; margin:0; padding:0; position:absolute;}
#headerDB div.headerloginDB img{width:auto; height:32px; float:right; margin:9px 15px 0 0; padding:0; display:inline-block;}
#headerDB div.headerloginDB img:hover{animation:rotate-btn .5s linear 3; -webkit-animation:rotate-btn .5s linear 3;}
#headerDB div.headerloginDB 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;}
#headerDB div.headerloginDB span#dropdown{margin:0; width:auto;}

.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%; padding:0; display:inline; list-style-type:none; list-style-image:none;}
    .header_appnav li a {
        text-decoration: none;
        color: #ffffff;
        font-size: 17px;
        text-transform: capitalize;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 400;
        text-align: center;
        opacity: 0.7;
        padding: 10px 0;
    }
        .header_appnav li a:hover {opacity: 1;}
        .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:45px; 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 40px;
    padding: 0 2.5% 30px;
}
.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;
}

.dashboard_CourseWrap{width:75%; height:auto; float:left; text-align:left; margin:0 10%; padding:2% 2.5%;}
.dashboard_CourseInfo ul{margin:0; padding:0;}
.dashboard_CourseInfo li{width:100%; height:auto; float:left; margin:0 0 15px 0; padding:0; list-style-type:none; font-family:'Source Sans Pro', sans-serif; font-size:17px; font-weight:400; color:#000000;}
.dashboard_CourseInfo li div{width:70%; height:auto; float:right; text-align:left; margin:0; padding:0;}
.dashboard_CourseTutor, .dashboard_CourseInfo{width:45%; height:auto; float:left; text-align:left; margin:0 2.5%; padding:0;}
.dashboard_CourseTutor div.DCT-img, .dashboard_CourseInfo .DCT-img{width:30%; height:260px; float:left; text-align:left; margin:0; padding:0;}
.dashboard_CourseTutor div.DCT-img img, .dashboard_CourseInfo .DCT-img img{max-width:100%; height:100%; object-fit:cover;}
.dashboard_CourseTutor div.DCT-content, .dashboard_CourseInfo div.DCT-content{width:65%; height:auto; float:left; text-align:left; margin:0 0 0 5%; padding:0;}
.dashboard_CourseTutor div.DCT-content h2, .dashboard_CourseInfo div.DCT-content h2{color:#003970;}
.dashboard_CourseTutor div.DCT-content ul{margin:0; padding:0;}
.dashboard_CourseTutor div.DCT-content li, .dashboard_CourseInfo div.DCT-content li{width:100%; height:auto; float:left; margin:0 0 15px 0; padding:0; list-style-type:none; font-family:'Source Sans Pro', sans-serif; font-size:17px; font-weight:400; color:#000000; border-bottom:1px solid #CCC;}
.dashboard_CourseTutor div.DCT-content li span, .dashboard_CourseInfo li span{width:100%; height:auto;float:left;text-align:left; margin:0; padding:0; font-weight:400; color:#55C1EA;}
.dashboard_CourseTutor div.DCT-content li div{width:70%; height:auto; float:right; text-align:left; margin:0; padding:0;}

/* END OF DASHBOARD */

/* CELLS */

.cell_full_login{width:100%; height:auto; min-height:700px; float:left; text-align:left; margin:0; padding:0 0 5% 0;}
.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:100%; height:auto; float:left; text-align:center; margin:0; padding:0;}
.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: 90%;
        height: auto;
        background: #ffffff;
        box-shadow: 1px 1px 3px 4px #ccc;;
        float: left;
        text-align: left;
        margin: 30px 2% 0 2%;
        padding: 30px 3% 10px 3%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
.cell_login_dashboard div.divformlogin span.e-date-wrapper{width:70% !important; float:right;}
.cell_login_dashboard div.divformlogin h3{width:100%; height:auto; float:left; text-align:center; margin:0 0 20px 0; padding:0; font-family:"Roboto",sans-serif; font-size:20px; font-weight:400; text-transform:uppercase; color:#20597C;}
.cell_login_dashboard div.divformlogin h3.lg{margin:30px 0 20px 0;}
.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;}
.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.divformlogin ul.list_FPS li{list-style-type:none; display: inline-block; width: 50%; float:left;}
.cell_login_dashboard div.divformlogin ul.list_FPS li label{width: 90%; margin: 0 0 0 10px; float: right; color: #3E4859;}
.cell_login_dashboard div.divloginoptions {
        width: 460px;
        height: auto;
        background: #ffffff;
        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: 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_login_dashboard .formlogin input#nationalInsuranceNumber{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;}
.cell_login_dashboard .formlogin input#numberOfDependanatsU18{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;}
.cell_login_dashboard .formlogin input#numberOfDependanatsDisability{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;}
.cell_login_dashboard .formlogin input#numberOfDependanatsElderly{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;}
.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%;}
.cell_login_dashboard .listfeatures_returnTo{margin-top: 5%;}
.cell_login_dashboard .listfeatures_returnTo ul{margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center;}
.cell_login_dashboard .listfeatures_returnTo li{list-style-type:none; background:#FFF; margin:1%; padding:2%; width:44%; display:flex; flex-wrap:wrap; box-shadow: 1px 1px 3px 4px #ccc;}
.cell_login_dashboard .listfeatures_returnTo li div.img{width:80%; text-align:center;}
.cell_login_dashboard .listfeatures_returnTo li div.img img{max-width:100%; position:relative;}
.cell_login_dashboard .listfeatures_returnTo li div.content{width:20%; position:relative;}
.cell_login_dashboard .listfeatures_returnTo li div.content img{position:absolute; top:38%; left:40%; border: 1px solid #DDDDDD; padding: 5px; border-radius: 5px;}
.cell_login_dashboard .listfeatures_returnTo li:nth-child(2) div.img img{margin-top: 12px;}

.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% 3% 1.5%; }
.cell_content_sections{width:100%; height:auto; background:#FFFFFF; float:left; text-align:left; margin:0px 0; 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: #D61550;
        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: #f60505;
            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: #D61550;
        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 */

/* MODULES */

.modules_CourseWrap{width:90%; height:auto; float:left; text-align:left; margin:0; padding:50px 5%; color: #333; font-size: 14px;}
.modules_Nav{width:20%; height:auto; float:left; text-align:left; margin:0 5% 0 0; padding:0;}
.modules_Nav ul{margin:0; padding:0;}
.modules_Nav li{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-weight:normal; text-transform:none; list-style-type:none;}
.modules_Nav li a, .modules_Nav li a:link, .modules_Nav li a:visited{width:94%; height:auto; background:#20597C; float:left; margin:0; padding:3%; font-size:16px; color:#FFF; text-decoration:none;}
.modules_Nav li a:hover{width:94%; height:auto; background:#CCCCCC; float:left; margin:0; padding:3%; font-size:16px; color:#333; text-decoration:none;}
.modules_Content{width:75%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.modules_CourseWrap iframe{float:left; margin:0 20px 20px auto; max-width:60%;}
.modules_CourseWrap img{float:left; margin:0 20px 20px auto; max-width:50%; max-height: 400px; object-fit:cover;}
.modules_CourseWrap p{width:auto;}
.modules_CourseWrap #accordion2 iframe{max-width: 60%;}
.modules_CourseWrap #accordion2 img{max-width: 35%; max-height:360px;}


.modules_title{width:96%; height:auto; float:left; margin:0 auto 2% auto; text-align:left; font-size:18px; color:#333333; font-family:'Titillium Web', sans-serif; font-weight:600; text-transform:capitalize; padding:10px 2%; border-bottom: 1px solid #DDDDDD;}
.modules_title .title{width:auto; height:auto; float:right; font-size:14px; color:#20597C; font-weight:400; margin:0 0 10px 0;}
.modules_title .title span.name{color:#20597C; font-size:23px; font-weight:600; margin-top:-7px; float:right; margin-left:10px;}

/* END OF MODULES */

/* SCHEDULES */

.schedule_CourseWrap{width:90%; height:auto; float:left; text-align:left; margin:0; padding:50px 5%;}
.schedule_Nav{width:20%; height:auto; float:left; text-align:left; margin:0 5% 0 0; padding:0;}
.schedule_Nav ul{margin:0; padding:0;}
.schedule_Nav li{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-weight:normal; text-transform:none; list-style-type:none;}
.schedule_Nav li a, .schedule_Nav li a:link, .schedule_Nav li a:visited{width:94%; height:auto; background:#20597C; float:left; margin:0; padding:3%; font-size:16px; color:#FFF; text-decoration:none;}
.schedule_Nav li a:hover{width:94%; height:auto; background:#2184be; float:left; margin:0; padding:3%; font-size:16px; color:#FFF; text-decoration:none;}
.schedule_Content{width:75%; height:auto; float:left; text-align:left; margin:0; padding:0;}

.schedule_title{width:100%; height:auto; float:left; margin:0; padding:10px 0; text-align:left; font-size:18px; color:#333333; font-family:'Titillium Web', sans-serif; font-weight:600; text-transform:capitalize;}
.schedule_title .title_left{width:auto; height:auto; float:left; font-size:14px; color:#20597C; font-weight:400; margin:0 0 12px 0;}
.schedule_title .title_left span.name{color:#333333; font-size:20px; font-weight:600; margin-top:-7px; float:right; margin-left:10px;}
.schedule_title .title_right{width:auto; height:auto; float:right; font-size:14px; color:#20597C; font-weight:400; margin:0 0 10px 0;}
.schedule_title .title_right span.name{color:#333333; font-size:23px; font-weight:600; margin-top:-7px; float:right; margin-left:10px;}

/* END OF SCHEDULES */

/* ASSIGNMENTS */

.assignments_CourseWrap{width:90%; height:auto; float:left; text-align:left; margin:0; padding:50px 5%;}
.assignments_CourseWrap table{width:100%; border-collapse:collapse; font-size:11px;}
.assignments_CourseWrap table th, td{border:1px solid #DADFE0; text-align:left;}
.assignments_CourseWrap table th{background:#20597C; text-transform:capitalize; padding:7px 5px; font-size:14px; font-weight:600; color:#FFF;}
.assignments_CourseWrap table td{background:#FFFFFF; vertical-align:top; text-align:left; padding:5px; font-size:12px; color:#666666;}

/* END OF ASSIGNMENTS */

/* 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 */

h2.list_courses_db{width:96%; height:auto; float:left; text-align:left; margin:20px 0 10px 0; padding:0 2%; font-family:'Source Sans Pro', sans-serif; font-size:25px; font-weight:600; text-transform:capitalize; color:#003970;}
.list_courses_db{width:100%; height:auto; float:left; margin:0 0 5% 0; padding:0;}
.list_courses_db ul{margin:0; padding:0; display: flex; flex-wrap: wrap; justify-content: flex-start;}
.list_courses_db li{width:29.3%; height:auto; border-radius:10px; float:left; text-align:center; margin:0 2% 2% 2%; padding:0; list-style-type:none; font-size:14px; color:#999999; background: #FFF; box-shadow: 0 0 5px 1px rgba(0,0,0,.3);}
.list_courses_db li div.lcdb_img{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.list_courses_db li div.lcdb_img img{width:100%; height:150px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.list_courses_db li div.lcdb_content{width:90%; height:auto; float:left; text-align:center; margin:0; padding:5%;}
.list_courses_db li div.lcdb_content_desc{text-align:left;}
.list_courses_db li div.lcdb_content span{text-align:left;}
.list_courses_db li span{width:100%; height:auto; float:left; text-align:center; margin:0 0 5px 0; padding:0; font-family:'Source Sans Pro', sans-serif; font-size:18px; color:#333333;}
.list_courses_db li span a:link, .list_courses_db li span a:visited, .list_courses_db li span a:active{font-size:20px; font-weight:400; text-transform:capitalize; text-decoration:none; color:#55C1EA;}
.list_courses_db li span a:hover{font-size:20px; font-weight:400; text-transform:capitalize; text-decoration:none; color:#003970 !important;}
.list_courses_db li strong{color:#333333;}
.list_courses_db li div.lmt_img span{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.list_courses_db li div.lmt_img span img{width:100%; height:350px; border-top-left-radius:10px; border-top-right-radius:10px; object-fit:cover; object-position:bottom;}
.list_courses_db#list_images_previous{opacity:0.3;}
input.submit3, a.submit3, a.submit3:link, a.submit3:visited{font-family:'Source Sans Pro', Helvetica; color:#0089AB; background:#FFFFFF; border:1px solid #D8D8D8; font-size:14px; font-weight:700; padding:5px 15px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}
a.submit3:hover, input.submit3:hover{font-family:'Source Sans Pro', Helvetica; color:#003970; background:#EEEEEE; border:1px solid #003970; font-size:14px; font-weight:700; padding:5px 15px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}

.listtiles{width:100%; height:auto; float:left; margin:20px 0 40px 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; display:flex; flex-wrap:wrap; justify-content:center;}
.listtiles li{list-style-type:none; width:20%; min-width:190px; max-width: 300px; height:auto; border:1px solid #DDDDDD; float:left; text-align:center; margin:1%; padding:0.5%; list-style-type:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-family:'Titillium Web', sans-serif; font-size:17px; font-weight:bold; text-decoration:none; text-transform:capitalize; color:#CCC;}
.listtiles li a:link, .listtiles li a:visited, .listtiles li a:active{background:#20597C; border-radius:5px; width:140px; height:140px; display:inline-block; float:left; text-decoration: none;}
.listtiles li a:hover{background:#20597C; color:#FFF; border-radius:5px; width:140px; height:140px; display:inline-block; float:left; text-decoration: none;}
.listtiles li a img{margin-top:30px;}
.listtiles li div{float:right;}
.listtiles li div a{background:none !important; position:relative;}
.listtiles li div a img{position:absolute; top:40%; right:40%; bottom:40%; left:40%; margin:0; border:1px solid #DDDDDD; padding:5px; border-radius:5px;}
.listtiles li div a img:hover{background: #CCC;}
.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;}

.list_downloads_sml{width:95%; margin:4% 0 2% 0; padding:1% 2.5%; border-top:1px solid #DDDDDD;}
.list_downloads_sml h2{font-family: 'Source Sans Pro', sans-serif; font-size: 21px; font-weight: 400; text-transform: capitalize; color: #003970; text-align: left; border: none; margin-top: 10px;}
.list_downloads_sml span{width:98%; height:auto; float:left; margin:0 0 5px 0; padding:1%; font-family:'Source Sans Pro', sans-serif; font-size:30px; font-weight:300; color:#000000;}
.list_downloads_sml ul{margin:0; padding:0 2px 0 0 !important; border-top: 6px solid #20597C !important;}
.list_downloads_sml li{width:98%; height:auto; border: 1px solid #E2E2E6; float:left; text-align:left; margin:0 0 5px 0; padding:1% !important; list-style-type:none; text-transform:capitalize;}

/* 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{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; 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; font-family:'Titillium Web', sans-serif; font-size:14px; font-weight:400; text-decoration:none; text-transform:none; color:#D61550;}
.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:#333333;}
.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 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.eval label{width: auto; color:#333; text-align:left; font-size:16px;}
.formmain.eval textarea{background: #F9F9F9; min-width: 800px;}

.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:50%; height:auto; float:left; text-align:left; margin:0; padding:0; font-family:'Roboto', sans-serif; color:#3E4859;}
.formlogin.single{margin:0 auto; float:none; width: 65%;}
.formlogin.single input.submitlogin{float:right;}
.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:16px; font-weight:400; text-decoration:none; text-transform:none; color:#3E4859;}
.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:16px; 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;}
.formlogin div.option{display: inline-block; width: 15%;}
.formlogin label.option{margin:0; width:auto; line-height:1.5;}
.formlogin select{width:70%; 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.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;}
.formlogin label.FL-lg{width:100%; margin:0 0 8px 0; font-size:16px;}

.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: #D61550;
    }
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:underline; color:#000000; font-style:italic;}
table a:hover{font-weight:700; text-decoration:underline; color:#000000; font-style:italic;}
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:#55A2D0; border:2px solid #FFF; text-transform:uppercase; font-size:13px; font-weight:bold; padding:5px 12px; cursor:pointer; text-decoration:none; width:auto; min-width: 160px; display: inline-block; text-align: center;} 
a.submit:hover, input.submit:hover{color:#20597C; background:#FFFFFF; border:2px solid #55A2D0; text-transform:uppercase; font-size:13px; font-weight:bold; padding:5px 12px; cursor:pointer; text-decoration:none; width:auto; min-width: 160px; display: inline-block; text-align: center;}

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; float:right;}
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; float:right;}

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.h1Courses{font-family:'Titillium Web', sans-serif; font-size:25px; font-weight:600; color:#20597C; text-transform:capitalize; margin:0; padding:0; text-align:left;}

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: #D61550;
    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;}
.staffCheckContainer {
    width: 60%;
    height: auto;
    float: left;
    margin: 30px 20%;
    padding: 0;
}

.piecharts {
    width: 35%;
    height: auto;
    float: left;
    margin: 30px 7.5%;
    padding: 0;
}
.piecharts h2 {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin: 0 0 30px 0;
    padding: 0;
}

.flex {display: flex; height: auto; float: left; width: 100%;}


.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: #D61550;
    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: #D61550;
        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 span {
        color: #D61550;
        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: #D61550;
        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;}
    .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 */
}
    .dashboard_wrap#modules{background:none; box-shadow:none;}
    .dashboard_wrap#courses_main{background:none; box-shadow:none; max-width:1200px; margin:0 auto; float:none;}
@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;}

.acc_trigger{width:100%; height:40px; float:left; text-align:left; margin:0 0 1px 0; padding:0; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;}
.acc_trigger a{width:97%; height:33px; background:url(images/portal/general/accordion-arrow.png) right no-repeat #F8F8F8; float:left; text-align:left; margin:0; padding:7px 1% 0 2%; border:none; color:#444; font-size:20px; font-weight:normal; text-decoration:none; display:block; cursor:pointer; background-origin: content-box;}
.acc_trigger a:hover{width:97%; height:33px; float:left; text-align:left; margin:0; padding:7px 1% 0 2%; border:none; color:#444; font-size:20px; font-weight:normal; text-decoration:none; display:block; cursor:pointer; opacity:0.6;}
.active a{background:url(images/portal/general/accordion-arrow.png) right no-repeat #F5F5F5; opacity:0.8;}
.acc_container{width:94%; height:auto; clear:both; float:left; text-align:left; margin:0 0 2px 0; padding:2% 3%; border:none;}
.acc_container2{width:100%; height:auto; clear:both; float:left; text-align:left; margin:0 0 2px 0; padding:2% 0; border:none;}
#accordion2{width:100%; height:auto; clear:both; float:left; text-align:left; margin:0; padding:0; border:none;}

.greeting{text-align:center; font-size:17px; margin-top:0;}
#card-element {
    background: #fff;
    padding: 2%;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 3%;
}
#card-button {
    width: 46%;
    margin: 0;
    padding: 1%;
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    background: #55C1EA;
    border: none;
    border-radius: 10px;
}
.example4{margin-top:2%;}
.example4 fieldset {
    border: none; 
    background: #FFF;
}
.example4 h2{
    width: 98%;
    background: #20597C;
    padding:1%;
    color:#FFF;
}

.takeTest {
    background: #2184be;
    color: #fff !important;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    border-radius: 5px;
    float: right;
    margin: 2% 2.5% 0 2.5%;
    width: 95%;
    max-width: 100px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}
.test_CourseWrap .steps{
    display:none !important;
}

.test_CourseWrap .content {
    margin: 0 auto !important;
    width: 80% !important;
    display: block !important;
    float:none !important;
}
.test_CourseWrap .content input[type="checkbox"]{
    display: inline-block;
    width: 18px;
    height: 18px;
}
.test_CourseWrap .modules_title{font-size:22px;}
.TestAnswer{display:inline-block; line-height:22px;}
.TestAnswer::first-letter{text-transform:uppercase;}
.test_CourseWrap#result {
    position: relative;
    width: 80%;
    margin:0 auto;
    height: auto;
    background: #ffffff;
    box-shadow: 2px 2px 6px 2px #ccc;
    padding: 2.5%;
    border-radius: 10px;
}
    .test_CourseWrap#result h1 {
        border-bottom: 1px solid #DDDDDD;
        padding-bottom: 8px;
    }
.optinContainer{background:#F1F1F1; padding: 12px; text-align:left; display: inline-block;}
.optinContainer p{text-align:left !important; font-size:14px !important;}
.optinContainer p.sml{font-size:11px !important;}
.optinContainer span{font-weight:bold; display:inline-block; width:100%;}

#payConfirm, .testConfirm {
    position: relative;
    width: 80%;
    margin: 0 auto;
    height: auto;
    background: #ffffff;
    box-shadow: 2px 2px 6px 2px #ccc;
    padding: 2.5%;
    border-radius: 10px;
}
#payConfirm p{text-align:center;}
.testConfirm h3{font-size:18px;}
.testConfirm .failed{font-size:14px; color:red;}
.testConfirm .pass{font-size:14px; color:green;}
.correctAnswer{border-left:18px solid green;padding-left: 10px;}
.correctAnswerText{color:green;}
.wrongAnswer{border-left:18px solid red;padding-left: 10px;}
.wrongAnswerText{color:red;}

/* END OF MISC */