/* Minification failed. Returning unminified contents.
(5217,177): run-time error CSS1054: JavaScript error in expression property: Variable 'TBWindowMargin' has not been declared: TBWindowMargin
(5289,177): run-time error CSS1054: JavaScript error in expression property: Variable 'TBWindowMargin' has not been declared: TBWindowMargin
 */

/*Fade in all pages with CSS (not jQuery)*/

@keyframes fadein {
   from{opacity:0;}
   to{opacity:1;}
}

body {
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
font-size:14px;
margin:0px;
padding:0px;
animation: fadein 2s;
}



/* OPEN SANS FONT KIT */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 28, 2014 */



@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('fonts/opensans-regular-webfont.woff2') format('woff2'),*/
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('fonts/opensans-light-webfont.woff2') format('woff2'),*/
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Even IE 11 still needs tender care*/

a img {
border:none;
}

/* End IE 11 tender care*/




/*RESKINNED-HEADER*/

.header {
    min-height: 80px;
    position: relative;
    background-color: rgb(177, 220, 251);
}

.centered-header {
width:1200px;
margin:auto;
padding-top:5px;
}

.logo {
display:inline;
width:150px;
float:left;
}

.logo img {
width:auto;
height:60px;
margin-left:15%;
margin-top:5px;
}

.menu-wrapper {
display:inline;
float:right;
}

.mobile-menu {
display:none;
}

.menu {
list-style:none outside;
padding-left:0px;
margin:0px;
}

.menu > li {
margin:0;
z-index: 200;
display:block;
float:left;
}

.menu > li > a {
    color:black;
    display: block;
    line-height: 60px;
    padding: 5px 0;
    position: relative;
    font-family:'Noto Sans',Arial,Tahoma,sans-serif;
}

.menu > li > a:link, a:visited {
color:black;
text-decoration:none;
font-weight:600;
}

.menu > li > a:hover {
    color: #035581;
    cursor: pointer;
}


.active a {
color:#6ae3f8 !important;
}

.menu > li ul li {
list-style:none;
}

.menu li ul li a {
    color: #fff;
    text-decoration: none;
    padding: 10px 10px 10px 20px;
    display: block;
    transition: all 0.2s ease-in-out;
}

.menu > li ul li a span {
position:relative;
display:inline-block;
}

.menu > li > a span:not(.description) {
display: block;
line-height: 60px;
padding: 0 10px;
white-space: nowrap;
}

.menu > li > a span {
font-size: 18px;
font-weight: 600;
}

.menu > li:not(.mfn-megamenu-parent) {
position: relative;
}

.menu-item a img {
border:none;
box-shadow:none;
display:inline;
vertical-align:middle;
width:auto;
margin-right:10px;
}

.menu > li ul {
position:absolute;
left:0;
top:100%;
z-index:205;
padding-left:0px;
background-color:#333;
}

.menu > li ul li:hover{
background-color:#000;
}

.sub-menu {
min-width:250px;
display:none;
}

.menu > #menu-item-141 >a {
    color: white;
    background-color: #085482;
    border-radius: 10px;
    max-height: 60px;
    min-width: 100px;
}

.menu > #menu-item-141 > a:hover {
        color: #085482;
        background-color: #fff;
        transition:none;
    }

/*END RESKINNED-HEADER*/




/*GENERAL PAGE ELEMENTS*/


#container {
width:1150px;
margin:auto;
}

.not-responsive-container {
width:1150px;
}

.clearingdiv {
clear:both;
height:2px;
}

.clearing-div {
clear:both;
height:2px;
}

.spacerdiv {
clear:both;
height:15px;
}

/*GENERAL PAGE HEADINGS*/

.pageheadingwrapper {
border-bottom:1px solid #f0f0f0;
}

.pageheadingwrapper p {
font-family: 'open_sanslight', Arial, helvetica, sans-serif;
color:#333333;
font-size:22px;
margin-bottom:5px;
margin-top:25px;
}

/*GENERAL PAGE TEXT FULL WIDTH*/

.fullwidth-text h3 {
color:#000;
font-weight:200;
margin-top:25px;
font-size:16px;
}

.fullwidth-text p {
color:#111
}

.fullwidth-text a:link, a:visited {
color:#000;
}

.fullwidth-text a:hover {
text-decoration:none;
}

.fullwidth-text hr {
 margin-top:30px;
 border: 0;
 height: 0;
 border-top: 1px solid rgba(0, 0, 0, 0.1);
 border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

input [type="submit"]{
-webkit-appearance: none;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
}


/*GENERAL ACTION BUTTONS*/

.submit-btn, .btnSubmit {
-webkit-appearance: none;
background-color:#37b34a;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
color:#fff;
font-size:14px;
text-align:center;
min-width:180px;
height:35px;
margin-top:15px;
cursor:pointer;
float:right;
border:none;
}


/*GENERAL ACTION BUTTONS*/

.btnSubmitOther {
-webkit-appearance: none;
background-color:#37b34a;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
color:#fff;
font-size:14px;
text-align:center;
min-width:180px;
height:35px;
margin-top:15px;
cursor:pointer;
float:right;
border:none;
}

.submit-btn:hover {
background-color:#359e3f;
}


/*GENERAL 2-COLUMN FORM LAYOUT*/

.two-column-form-wrapper {
height:auto;
}

.two-column-form-row {
height:40px;
}

.two-column-form-row p {
margin:0px;
padding:0px;
margin-top:5px;
display:inline;
color:#000;
float:left;
}

.two-column-form-row input {
display:inline;
float:right;
height:20px;
width:300px;
color:grey;
padding:5px;
border:1px solid #CCCCCC;
}

.two-column-form-wrapper-left {
display:inline;
float:left;
width:450px;
}

.two-column-form-wrapper-right {
display:inline;
float:right;
width:450px;
}



/* END GENERAL PAGE ELEMENTS*/



/*NEW STYLE MARKETPLACE/CHECKOUT PAGES*/


.MYP-marketplace-filters {
margin-top:40px;
margin-bottom:40px;
}

.MYP-marketplace-filters p {
margin:0px;
}

.MYP-marketplace-filters input {
height:30px;
padding-left:5px;
color:#555;
border:1px solid #CCCCCC;
width:95%;
}

.MYP-marketplace-filters select {
height:34px;
padding-left:5px;
color:#555;
border:1px solid #CCCCCC;
width:96%;
background-color:#FFFFFF;
}

.filter-left {
display:inline;
float:left;
width:33%;
}

.filter-right {
display:inline;
float:right;
width:34%;
}

.filter-right input {
width:96%;
}

.Marketplace-button {
background:none;
border:none;
cursor:pointer;
}

#marketplaceoptionscp {
margin-top:30px;
height:33px;
margin-left: -20px;
border-bottom:1px solid #f0f0f0;
}

#marketplaceoptions p {
margin-top:2px;
font-size:13px;
}

#marketplaceoptionstitle {
display:inline;
float:left;
width:90px;
height:27px;
text-align:center;
}

#marketplaceoptionsdesc {
display:inline;
float:left;
width:440px;
height:27px;
margin-left:15px;
}
#marketplaceoptionsdesccp {
display:inline;
float:left;
width:350px;
height:27px;
margin-left:30px;
}

#SRSmarketplaceoptionsdesc {
display:inline;
float:left;
width:340px;
height:27px;
margin-left:15px;
}

#marketplaceoptionswhitepaper {
display:inline;
float:left;
width:100px;
height:27px;
}

#marketplaceoptionswhitepaper p {
text-align:right;
}

#marketplaceoptionsfeatures {
display:inline;
float:left;
width:100px;
height:27px;
}

#marketplaceoptionsfeatures p {
margin-left:32px;
}

#marketplaceoptionsvideo {
display:inline;
float:left;
width:100px;
height:27px;
}

#marketplaceoptionsvideo p {
margin-left:40px;
}

#marketplaceoptionscasestudies {
display:inline;
float:left;
width:110px;
height:27px;
}

#marketplaceoptionscasestudies p {
margin-left:22px;
}

#marketplaceoptionsprice {
display:inline;
float:left;
width:90px;
height:27px;
}

#marketplaceoptionsprice p {
text-align:center;
margin:0px;
margin-top:2px;
}

#aud {
height:7px;
}

#aud p {
font-size:8px;
margin-top:-2px;
}


#marketplaceoptionsexpinterest{
display:inline;
float:left;
width:100px;
height:27px;
}

#marketplaceoptionsexpinterest p {
/*margin-left:20px;*/
}

#marketplaceoptionssubscribe {
display:inline;
float:left;
width:100px;
height:27px;
}

#marketplaceoptionssubscribe p {
margin-left:24px;
}

.rowdisplay {
margin-top:5px;
min-height:80px;
}

.rowdisplaytitle {
display:inline;
float:left;
width:90px;
height:75px;
}

.rowdisplaytitle img {
width:80%;
}

.rowdisplaydesc {
display:inline;
float:left;
width:450px;
margin-left:15px;
height:75px;
}
.rowdisplaydesccp {
display:inline;
float:left;
width:350px;
margin-left:5px;
height:75px;
}
.rowdisplaydesccp p {
margin: 0px;
margin-bottom: 15px;
font-size: 12px;
color: grey;
min-height:50px;
}

.SRSrowdisplaydesc {
display:inline;
float:left;
width:350px;
margin-left:15px;
height:75px;
}

.rowdisplaydesc p {
margin-top:4px;
font-size:13px;
color:#000;
}

.rowdisplaywp {
display:inline;
float:left;
width:100px;
height:75px;
text-align:center;
}

.rowdisplaywp img {
margin-top:10px;
margin-left:15px;
opacity:1;
transition: 0.5s Ease;
}

.rowdisplaywp  img:hover {
opacity:0.5;
}

.rowdisplayfea {
display:inline;
float:left;
width:100px;
height:75px;
text-align:center;
}

.rowdisplayfea img {
margin-top:10px;
margin-left:15px;
opacity:1;
transition: 0.5s Ease;
}

.rowdisplayfea  img:hover {
opacity:0.5;
}

.rowdisplayvideo {
display:inline;
float:left;
width:100px;
height:75px;
text-align:center;
}

.fa{
color:#555;
margin-top:15px;
cursor:pointer;
}

.fa-youtube-play:hover {
color:red;
}

.fa-search:hover {
color:#f15a24;
}

.fa-comments-o:hover {
color:#29abe2;
}

.fa-file-pdf-o:hover {
color:#93278f;
}

.fa-plus-square-o:hover {
color:#39b54a;
}

.fa-minus-square-o:hover {
color:#ed1c24;
}

.fa-check-square-o{
color:#39b54a;
}
.fa-info-circle {
    color: #29abe2;
    margin-top: 0px;
    margin-left: 5px;
}

#Add-staff .fa {
margin-top:8px;
}

.clienttestimonial img {
margin-right:5px;
}

.systemtabledelete .fa {
margin-top:5px;
float:right;
}

.rowdisplayvideo img {
margin-top:10px;
margin-left:15px;
opacity:1;
transition: 0.5s Ease;
}

.rowdisplayvideo  img:hover {
opacity:0.5;
}

.rowdisplaycs {
display:inline;
float:left;
width:100px;
height:75px;
text-align:center;
}

.rowdisplaycs img {
margin-top:10px;
margin-left:15px;
opacity:1;
transition: 0.5s Ease;
}

.rowdisplaycs  img:hover {
opacity:0.5;
}

.rowdisplayprice {
display:inline;
float:left;
width:65px;
height:75px;
font-size:12px;
text-align:right;
}

.rowdisplayprice p {
margin-top:18px;
}

.rowdisplaypriceasterix {
display:inline;
float:left;
width:20px;
height:75px;
font-size:12px;
}

.mobilemarketplacetext {
display:none;
}

.mobilemarketplaceprice {
display:none;
}

.mobilemarketplacesupportprice {
display:none;
}

.rowdisplayei {
display:inline;
float:left;
width:100px;
height:75px;
text-align:center;
}

.rowdisplayei img {
outline:none;
margin-top:10px;
margin-left:15px;
cursor:pointer;
opacity:1;
transition: 0.5s Ease;
}

.rowdisplayei  img:hover {
opacity:0.5;
}

.rowdisplayei button {
margin-top:10px;
margin-left:15px;
outline:none;
cursor:pointer;
opacity:1;
transition: 0.5s Ease;
}

.rowdisplayei  input:hover {
opacity:0.5;
}

.rowdisplaysubscribe {
display:inline;
float:right;
width:100px;
margin-left: 10px;
height:75px;
text-align:center;
}

.rowdisplaysubscribe input {
margin-top:10px;
outline:none;
margin-left:15px;
opacity:1;
transition: 0.5s Ease;
}

.rowdisplaysubscribe  input:hover {
opacity:0.5;
}

.rowdisplaysubscribe img{
margin-top:10px;
margin-left:15px;
opacity:1;
transition: 0.5s Ease;
cursor:pointer;
}

.rowdisplaysubscribe  img:hover {
opacity:0.5;
}

#minimumsubscriptiontext {
text-align:center;
margin-bottom:40px;
}

#minimumsubscriptiontext p {
margin:0px;
color:grey;
font-size:10px;
padding-left:10px;
padding-top:2px;
margin-bottom:4px;
padding-right:5px;
}

#minimumsubscriptiontext a:link, #minimumsubscriptiontext a:visited {
color:#29abe2;
font-size:10px;
text-decoration:none;
}

#cartwrapper {
margin-top:0px;
}

#shoppingcarttotal {
display:inline;
float:right;
width:70px;
height:50px;
margin-right:20px;
margin-top:40px;
}

@media only screen and (max-width: 480px) {
    #shoppingcarttotal {
        display: none;
        float: right;
        width: 70px;
        height: 50px;
        margin-left: 20px;
        margin-top: 40px;
    }
}

.cart-items {
display:inline;
float:left;
width:20px;
height:20px;
border-radius:50%;
background:#035581;
color:#fff;
text-align:center;
}

.cart-items p {
margin:0px;
}

#shoppingcarttotal img {
display:inline;
float:left;
max-width:35px;
height:auto;
}

#shoppingcarttotal p {
color:#fff;
}

#checkoutbtn {
display:inline;
float:right;
margin-top:17px;
width:200px;
height:50px;
}

#checkoutbtn input {
-webkit-appearance: none;
background-color:#37b34a;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
color:#fff;
font-size:14px;
text-align:center;
width:180px;
height:35px;
margin-top:15px;
cursor:pointer;
float:right;
border:none;
}

#checkoutbtn input:hover {
background-color:#359e3f;
}

#back-btn {
margin-top:15px;
display:inline;
float:left;
}

#back-btn input {
-webkit-appearance: none;
background-color:#035581;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
color:#fff;
font-size:14px;
text-align:center;
width:180px;
height:35px;
margin-top:15px;
margin-right:5px;
cursor:pointer;
border:none;
}

@media only screen and (max-width: 480px) {
    #back-btn input {
        -webkit-appearance: none;
        background-color: #035581;
        font-family: 'open_sansregular', Arial, helvetica, sans-serif;
        color: #fff;
        font-size: 12px;
        text-align: center;
        width: 150px;
        height: 35px;
        margin-top: 2px;
        margin-right: 5px;
        cursor: pointer;
        float: left;
        border: none;
        position: absolute;
    }
}




/*Order Summary*/





#summaryoptions {
height:50px;
margin-top:20px;
}

#mobilesummaryoptions {
display:none;
}

.backtomarketplace {
display:inline;
float:left;
width:195px;
height:40px;
}

.backtomarketplace input {
-webkit-appearance: none;
background-color:#f6921e;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
color:#fff;
font-size:14px;
text-align:center;
padding:0px;
width:180px;
height:30px;
cursor:pointer;
float:left;
border:none;
transition: 0.5s Ease;
opacity:1;
}

.backtomarketplace input:hover {
opacity:0.5;
}

.proceedtopayment {
display:inline;
float:right;
width:175px;
height:40px;
}

.proceedtopayment input {
-webkit-appearance: none;
background-color:#37b34a;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
color:#fff;
font-size:14px;
text-align:center;
width:180px;
height:30px;
cursor:pointer;
float:right;
border:none;
transition: 0.5s Ease;
opacity:1;
}

.proceedtopayment input:hover {
opacity:0.5;
}

#shoppingcartinfo {
margin-top:10px;
height:60px;
border-bottom:1px solid #CCCCCC;
}

#shoppingcartinfo p {
font-family: 'open_sanslight', Arial, helvetica, sans-serif;
color:#333333;
font-size:22px;
display:inline;
float:left;
margin-bottom:10px;
margin-top:20px;
}

#shoppingcartinfo img {
display:inline;
float:left;
margin-top:5px;
}

.catagoryid {
display:inline;
float:left;
width:250px;
margin-top:22px;
margin-left:30px;
height:25px;
}

.catagoryidbox {
display:inline;
float:left;
width:35px;
height:25px;
}

#ordersummarysubtitle {
display:inline;
float:left;
width:185px;
height:25px;
}

#ordersummarysubtitle p {
font-size:18px;
margin-top:2px;
}

#checkoutitems{
margin-top:20px;
width:250px;
height:35px;
display:inline;
float:right;
}

#checkoutitems p {
font-size:18px;
margin-top:6px;
float:right;
}

#ordersummarywrapper {
margin-top:10px;
}

#ordersummarylabel {
height:60px;
margin-top:30px;
}

#ordersummaryheadings {
height:60px;
margin-top:0px;
border-bottom:1px solid #f0f0f0;
}

#ordersummaryheadingsmodule {
display:inline;
float:left;
width:15%;
height:50px;
}

#ordersummaryheadingscode {
display:inline;
float:left;
width:12%;
height:50px;
}

#ordersummaryheadingsdiscount {
display:inline;
float:left;
width:14%;
height:50px;
}

@media only screen and (max-width: 801px) {
    #ordersummaryheadingsdiscount {
    display:inline;
    float:left;
    width:20%;
    height:50px;
    }
}

@media only screen and (max-width: 500px) {
    #ordersummaryheadingsdiscount {
    display:inline;
    float:left;
    width: 30%;
    height:50px;
    }
}

#ordersummaryheadingsdesc {
display:inline;
float:left;
width:44%;
height:50px;
}

#ordersummaryheadingssubs {
display:inline;
float:right;
width:12%;
height:50px;
}

#ordersummaryheadingssubs p {
text-align:right;
}

#ordersummaryheadings p {
margin-top:10px;
color:#000;
}

.ordersummarydetails {
    min-height:60px;
}

.summaryitem {
display:inline;
float:left;
width:15%;
height:75px;
}

.summaryitem  img {
max-width:75px;
height:auto;
margin-top:0px;
}

.ordersummarycode {
display:inline;
float:left;
width:12%;
}

.ordersummarycode  p {
margin-top:15px;
}

.ordersummarydesc {
display:inline;
float:left;
width:38%;
height:50px;
}

.ordersummarydesc  p {
margin-top:15px;
}

.ordersummarymodulediscount {
    display: inline;
    float: left;
    width: 20%;
    height: 50px;
    margin-left: 0;
}

@media only screen and (max-width: 800px) {
    .ordersummarymodulediscount {
        margin-left:-54%;
    }
}

@media only screen and (max-width: 500px) {
    .ordersummarymodulediscount {
        margin-left:0;
    }
}

.summaryprice {
display:inline;
float:right;
width:12%;
height:63px;
text-align:right;
}

.summaryprice p {
margin-top:5px;
margin-bottom:5px;
text-align:right;
}

.summaryprice input {
-webkit-appearance: none;
background-color:#ec2227;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
color:#fff;
font-size:12px;
text-align:center;
width:80px;
height:30px;
cursor:pointer;
float:right;
border:none;
margin-top:2px;
transition: 0.5s Ease;
opacity:1;
}

.summaryprice input:hover {
opacity:0.5;
}

#mobiletotals {
display:none;
}

#mobilesummaryminimumsubscription {
display:none;
}

#paymenttotals {
margin-top:10px;
}

#paymenttotals p {
margin-top:15px;
}
@media only screen and (max-width: 480px) {
    #paymenttotals p {
        margin-top: 15px;
        font-size: 12px;
    }
}

#trainingtotal {
height:50px;
}

#summarydiscount {
height:50px;
background-color:#C0C0C0;
}

#summarydiscountamount {
display: inline;
float: right;
width: 135px;
height: 50px;
font-weight: bold;
}

#summarydiscountamount p {
text-align: right;
margin-right: 10px;
}

#ordersummarysubtotal {
height: 50px;
background-color: #F0F0F0;
}

#summarygst {
height:50px;
}

#ordersummarytotal {
height:50px;
background-color:#F0F0F0;
}

#summarydiscounttext {
display:inline;
font-weight:bold;
float: left;
}

#discountControls {
height: 50px;
float: right;
display: inline;
width: 205px;
}
#Discount {
position: absolute;
width: 40px;
margin-top:14px;
margin-left: 42px;
}

#summarydiscountamountcalculate {
display:inline;
width:60px;
height:30px;
margin-top:10px;
}

#greenTick {
    margin-top: 10px;
    margin-left: 3px;
}

#blueCalculate {
    position: absolute;
    margin-top: 11px;
}

.ordersummarymodulediscountfield {
    width: 60%;
}

#summarydiscountamountcalculate p {
display:inline;
    position: absolute;
margin-left:30px;
margin-top:16px;
}
/*
#summarydiscountamountinput {
display:inline;
width:50px;
height:32px;
margin-top:10px;
}

#summarydiscountamountinput input {
width:38px;
height:20px;
padding:5px;
    margin-top:10px;
    margin-right: 10px;
border:1px solid #000;
color:grey;
font-weight:bold;
float: right;
}


#summarydiscountamount p {
text-align:right;
margin-right:0px;
margin-top:5px;
font-weight:bold;
}
*/
#ordersummarysubtotaltext {
display:inline;
float:right;
margin-right:50px;
}

#ordersummarysubtotalamount {
display:inline;
float:right;
width:85px;
height:48px;
}

#ordersummarysubtotalamount p {
text-align:right;
margin-right:10px;
}

#trainingsubtotaltext {
display:inline;
float:right;
margin-right:50px;
}

#trainingsubtotalamount {
display:inline;
float:right;
width:85px;
}

#trainingsubtotalamount p {
text-align:right;
margin-right:10px;
}

#summarygsttext {
display:inline;
float:right;
margin-right:50px;
}

#summarygstamount{
display:inline;
float:right;
width:85px;
height:50px;
}

#summarygstamount p {
text-align:right;
margin-right:10px;
}

#ordertotaltext {
display:inline;
float:right;
margin-right:50px;
font-weight:bold;
}

#ordertotalamount {
display:inline;
float:right;
width:85px;
height:50px;
font-weight:bold;
}

#ordertotalamount p {
text-align:right;
margin-right:10px;
}

#summaryminimumsubscriptiontext {
display:inline;
float:left;
margin-top:0px;
width:589px;
border-radius:3px;
border:1px solid #CCCCCC;
}

#summaryminimumsubscriptiontext p {
margin:0px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
color:grey;
font-size:12px;
text-align:justify;
}

#summaryminimumsubscriptiontext a:link, #summaryminimumsubscriptiontext a:visited {
color:grey;
font-size:12px;
text-decoration:underline;
}

#summaryminimumsubscriptiontext a:hover {
text-decoration:none;
}




/*Confirmation and Payment Page*/





#mobilepaymentpage {
display:none;
}

#mobileemarketingsetupwrapper {
display:none;
}

#confirmwrapper {
margin-top:10px;
height:45px;
border-bottom: 1px solid #CCCCCC;
}

#confirmformwrapper {
height:393px;
}

#accesstextwrapper {
margin-top:40px;
}

.confirminputwrapper {
height:60px;
}

.confirminputwrapper label {
display:inline;
float:left;
margin-top:5px;
margin-right:10px;
}

.confirminputwrapper input {
width:330px;
height:24px;
margin-bottom:5px;
padding:5px;
border:1px solid #CCCCCC;
color:grey;
font-weight:bold;
display:inline;
float:right;
}

.confirminputwrapper select {
width:341px;
height:35px;
line-height:30px;
border:1px solid #CCCCCC;
margin-bottom:5px;
padding:5px;
color:grey;
font-weight:bold;
display:inline;
float:right;
background-color:#FFFFFF;
}

#confirminfowrapperleft {
display:inline;
float:left;
width:450px;
height:480px;
margin-right:160px;
}

#confirminfowrapperright {
display:inline;
float:left;
width:450px;
height:470px;
}

#optoutwrapper {
height:150px;
}

#confirmphone {
display:inline;
float:left;
height:100px;
width:450px;
}

#subscriptionstartdate {
display:inline;
height:100px;
width:450px;
float:right;
}

.subscriptionstartdatewrapper {
height:40px;
}

#subscriptionstartdate label {
display:inline;
float:left;
margin-top:5px;
margin-right:10px;
}

#subscriptionstartdate input {
width:330px;
height:24px;
margin-bottom:5px;
padding:5px;
border:1px solid #CCCCCC;
color:grey;
font-weight:bold;
display:inline;
float:right;
}

#confirmemaildisclaimer {
height:60px;
}

#setupdisclaimer {
height:40px;
width:340px;
float:right;
}

#setupdisclaimer p {
padding:0px;
margin:0px;
font-size:11px;
color:grey;
margin-top:-15px;
}

#mobilesetusers {
font-size:14px;
padding-left:10px;
color:grey;
font-weight:bold;
}

.paymenttitlewrapper {
margin-top:10px;
height:45px;
border-bottom: 1px solid #f0f0f0;
}

.paymenttitlewrappertext {
height:30px;
border:1px solid #fff;
}

.paymenttitlewrappertext p {
color:#333333;
font-size:1.4em;
margin-top:10px;
}

.sendtoclient {
min-height:60px;
}

.sendtoclienttext {
display:inline;
float:left;
width:750px;
height:50px;
}

.sendtoclienttext p {
margin-top:0px;
}

.sendtoclientinput {
display:inline;
    /*
float:right;
width:200px;*/
height:50px;
}

.sendtoclientinput input {
-webkit-appearance: none;
background-color:#37b34a;
color:#fff;
font-size:14px;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
text-align:center;
width:180px;
height:30px;
cursor:pointer;
float:right;
border:none;
}

.sendtoclientinput input:hover {
background-color:#359e3f;
}

#emarketingsetupwrapper {
height:120px;
}

.commercialrelproceed {
height:60px;
}

.commercialrelproceedleft {
display:inline;
float:left;
width:48%;
height:50px;
}

.commercialrelproceedright {
display:inline;
float:right;
width:48%;
height:50px;
}

.commercialrelproceedleft input {
-webkit-appearance: none;
background-color:#f7931e;
color:#fff;
font-size:18px;
text-align:center;
width:180px;
height:40px;
cursor:pointer;
float:left;
border:none;
transition: 0.5s Ease;
opacity:1;
}

.commercialrelproceedleft  input:hover {
opacity:0.5;
}

.commercialrelproceedright input {
-webkit-appearance: none;
background-color:#035581;
color:#fff;
font-size:18px;
text-align:center;
width:180px;
height:40px;
cursor:pointer;
float:right;
border:none;
transition: 0.5s Ease;
opacity:1;
}

.commercialrelproceedright input:hover {
opacity:0.5;
}

#emsetuptitlewrapper {
margin-top:10px;
margin-bottom:20px;
height:45px;
border-bottom: 1px solid #CCCCCC;
}

#emsetuptitlewrappertext {
height:30px;
border:1px solid #fff;
}

#emsetuptitlewrappertext p {
color:#333333;
font-size:1.4em;
margin-top:10px;
}

.emsetupfrominfo {
height:60px;
}

.emsetupfrominfotext {
display:inline;
float:left;
width:580px;
height:60px;
}

.emsetupfrominfotext p {
margin-top:0px;
}

#emsetupreplyinfotext {
display:inline;
float:left;
width:580px;
height:60px;
}

#emsetupreplyinfotext p {
margin-top:10px;
}

#emsetupfrominfoinput {
display:inline;
float:right;
width:353px;
height:60px;
}

#emsetupfrominfoinput input {
display:inline;
float:left;
width:200px;
height:24px;
margin-bottom:5px;
margin-left:3px;
margin-right:3px;
padding:5px;
color:grey;
font-weight:bold;
display:inline;
border:1px solid #CCCCCC;
}

#emsetupfrominfoinput p {
margin-top:10px;
display:inline;
float:left;
}

#emsetupreplyinfoinput {
display:inline;
float:right;
width:380px;
height:60px;
border:1px solid red;
}

#emsetupreplyinfoinput input {
display:inline;
float:right;
width:368px;
height:24px;
margin-bottom:5px;
padding:5px;
display:inline;
border:1px solid #CCCCCC;
}

#paymentminimumsubscription {
min-height:120px;
margin-bottom:20px;
background-color:#f0f0f0;
}

#paymentminimumsubscription p {
padding:10px;
margin-top:7px;
}

#abidecheckbox {
display:inline;
float:left;
width:30px;
margin-left:5px;
height:40px;
}

#abidetext {
display:inline;
float:left;
width:900px;
height:40px;
}

#abidetext p {
margin-top:0px;
padding:0px;
}

.superwrapper {
height:auto;
min-height:400px;
}

.finalsummarywrapper {
display:inline;
float:left;
width:450px;
margin-top:50px;
margin-bottom:40px;
height:330px;
}

.finalsummarybox {
height:310px;
width:450px;
border:1px solid #e6e6e6;
}

.cartsummarybox {
width:415px;
height:40px;
margin-left:20px;
}

.cartsummarybox p {
font-size:16px;
margin-top:15px;
}

.modulesummarybox {
width:415px;
height:190px;
margin-left:20px;
overflow:auto;
}

.inline-total {
display:inline;
float:left;
}

.modulesummaryboxitem {
height:50px;
border-bottom:1px solid #f0f0f0;
}

.modulesummaryboxitemtitle {
display:inline;
float:left;
height:30px;
width:200px;
}

.modulesummaryboxitemtitle img {
max-width:60px;
height:auto;
}

.modulesummaryboxitemprice {
display:inline;
float:right;
height:30px;
width:110px;
}

.modulesummaryboxitemprice p {
text-align:right;
padding-right:10px;
font-size:16px;
}

.modulesummaryboxitemsubtotal {
display:inline;
float:left;
height:30px;
width:270px;
}

.modulesummaryboxitemsubtotal p {
font-size:14px;
margin-top:15px;
}

.backsummarybox {
width:310px;
height:40px;
margin-top:12px;
margin-left:20px;
}

.backsummarybox  input {
-webkit-appearance: none;
background-color:#035581;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
color:#fff;
font-size:14px;
text-align:center;
width:180px;
height:30px;
cursor:pointer;
float:left;
border:none;
}

.paymentwrapper {
display:inline;
float:right;
margin-top:50px;
margin-bottom:30px;
width:600px;
height:340px;
}

.paymentinnerwrapper {
float:right;
width:408px;
height:auto;
}

.paymenttypewrapper {
height:60px;
}

.paymenttypewrapper p {
display:inline;
float:left;
}

.paymenttypeoptions {
display:inline;
float:right;
width:300px;
height:40px;
}

.paymenttypeoptionsvisaradiobtn {
display:inline;
float:left;
width:20px;
height:20px;
margin-top:10px;
}

.paymenttypeoptionsmastercardradiobtn {
display:inline;
float:left;
width:20px;
height:20px;
margin-top:10px;
}

.paymenttypeoptionsamexradiobtn {
display:inline;
float:left;
width:20px;
height:20px;
margin-top:10px;
}

.paymenttypeoptions img {
display:inline;
float:left;
margin-left:5px;
margin-right:5px;
}

.paymentcardname{
height:50px;
}

.paymentcardname input {
float:right;
width:290px;
height:24px;
padding:5px;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
}

.paymentcardname label {
margin-top:10px;
float:left;
}

.paymentcardnumber {
height:50px;
}

.paymentcardnumber input {
float:right;
width:290px;
height:24px;
padding:5px;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
}

.paymentcardnumber label {
margin-top:10px;
float:left;
}

.paymentcvvnumberwrapper {
height:50px;
}

.paymentcvvnumber {
display:inline;
float:left;
width:226px;
height:50px;
}

.whatiscvvnumber {
display:inline;
float:left;
margin-left:10px;
width:100px;
height:40px;
}

.whatiscvvnumber img {
margin-top:4px;
}

.paymentcvvnumber input {
float:right;
width:108px;
height:24px;
padding:5px;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
}

.paymentcvvnumber label {
margin-top:10px;
float:left;
}

.paymentcardexpiry {
height:50px;
}

.paymentcardexpiry select {
padding:5px;
color:grey;
font-weight:bold;
background-color:#FFFFFF;
}

.month {
float:right;
width:174px;
height:30px;
border:1px solid #CCCCCC;
}

.year {
float:right;
margin-left:15px;
width:113px;
height:30px;
border:1px solid #CCCCCC;
}

.paymentcardexpiry label {
margin-top:5px;
float:left;
}

.finalagreement {
border:1px solid #CCCCCC;
height:72px;
}

.finalagreement p {
padding-left:10px;
padding-right:10px;
margin-top:10px;
font-size:12px;
}

.finalagreement a:link, .finalagreement a:visited {
text-decoration:none;
font-size:12px;
color:#000;
}

.finalagreement a:hover {
text-decoration:underline;
}

.completepayment {
margin-top:5px;
height:50px;
}

.completepayment input {
-webkit-appearance: none;
background-color:#39b54a;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
color:#fff;
font-size:14px;
text-align:center;
margin-top:5px;
width:180px;
height:30px;
cursor:pointer;
float:right;
border:none;
}

.completepayment input:hover {
background-color:#359e3f;
}






/*Send proposal page*/



#sendproposaltext {
height:auto;
margin-top:20px;
margin-bottom:40px;
}

#sendproposaltext p {
color:grey;
margin-top:12px;
}

#sendproposalform {
height:120px;
}

#sendproposalformleft {
display:inline;
float:left;
width:470px;
height:100px;
}

#sendproposalformright {
display:inline;
float:right;
width:470px;
height:100px;
}

.sendproposalformrow {
height:50px;
}

.sendproposalformrow  label {
margin-top:10px;
float:left;
}

.sendproposalformrow  input {
height:24px;
width:315px;
float:right;
border:1px solid #CCCCCC;
color:grey;
font-weight:bold;
padding:5px;
}

.sendproposalformrownumber {
height:50px;
}

.sendproposalformrownumber  label {
margin-top:10px;
float:left;
}

.sendproposalformrownumber  input {
height:24px;
width:215px;
float:right;
border:1px solid #CCCCCC;
color:grey;
font-weight:bold;
padding:5px;
}

#proposeditemswrapper {
margin-top:20px;
height:auto;
}

#proposalrecipientsemails {
display:inline;
float:right;
width:470px;
height:auto;
}

#proposalrecipientsmessage {
height:130px;
}

#proposalrecipientsmessage p {
color:#000;
}

#proposalrecipientsmessage  textarea {
width:462px;
height:84px;
padding-left:5px;
font-family:Arial;
font-size:14px;
font-weight:bold;
color:grey;
border:1px solid #CCCCCC;
}

#addmoreproposals {
height:45px;
}

#addmoreproposals p {
display:inline;
float:left;
color:#000;
}

#addmoreproposals input {
-webkit-appearance: none;
background-color:#39b54a;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
color:#fff;
text-align:center;
padding:0px;
width:80px;
height:30px;
cursor:pointer;
border:none;
display:inline;
float:right;
margin-top:5px;
transition: 0.5s Ease;
opacity:1;
}

#addmoreproposals input:hover {
opacity:0.5;
}

.proposalrecipientsemailrows {
height:50px;
}

.proposalrecipientsemailrowsleft{
display:inline;
float:left;
width:220px;
height:50px;
}

.proposalrecipientsemailrowsright{
display:inline;
float:right;
width:220px;
height:50px;
}

.proposalrecipientsemailrows input {
width:210px;
height:30px;
padding:5px;
border:1px solid #CCCCCC;
color:grey;
font-weight:bold;
}

#proposedsubscription {
display:inline;
float:left;
width:470px;
height:auto;
}

#proposedsubscriptiontitle {
height:45px;
border-bottom:1px solid #CCCCCC;
}

#proposedsubscriptiontitle p {
color:#000;
}

#proposedsubscriptionmodule {
display:inline;
float:left;
width:200px;
height:45px;
}

#proposedsubscriptionmoduleprice {
display:inline;
float:right;
width:200px;
height:45px;
}

#proposedsubscriptionmoduleprice p {
text-align:right;
}

.proposedsubscriptionitemsrow {
height:65px;
border-bottom:1px solid #CCCCCC;
}

.proposedsubscriptionitemsrowleft {
display:inline;
float:left;
width:200px;
height:60px;
}

.proposedsubscriptionitemsrowright {
display:inline;
float:right;
width:200px;
height:60px;
}

.proposedsubscriptionitemsrow img {
max-width:75px;
height:auto;
margin-top:0px;
}

.proposedsubscriptionitemsrow p {
margin:0px;
padding:0px;
text-align:right;
padding-top:20px;
}

#sendproposalbtn {
height:50px;
}

#sendproposalbtn input {
-webkit-appearance: none;
background-color:#035581;
color:#fff;
text-align:center;
padding:0px;
width:180px;
height:35px;
cursor:pointer;
border:none;
float:right;
margin-top:5px;
transition: 0.5s Ease;
opacity:1;
}

#sendproposalbtn input:hover {
opacity:0.5;
}



/*Express Interest Page*/




#mobilesrsform {
display:none;
}

#expressformwrapper {
height:440px;
margin-top:10px;
margin-bottom:10px;
}

#expressinfowrapper {
height:330px;
font-size:14px;
}

#expressinfowrapper label {
display:inline;
float:left;
margin-bottom:0px;
margin-top:10px;
margin-right:10px;
}

.accessinputwrapper {
height:60px;
}

#expressinfowrapper input {
width:335px;
height:24px;
margin-bottom:0px;
padding:5px;
color:grey;
font-weight:bold;
display:inline;
float:right;
border:1px solid #CCCCCC;
}

#expressinfowrapper select {
width:346px;
height:35px;
line-height:30px;
margin-bottom:20px;
padding:5px;
color:grey;
font-weight:bold;
display:inline;
float:right;
border:1px solid #CCCCCC;
}

#expressinfowrapperleft {
display:inline;
float:left;
width:450px;
height:330px;
}

#emaildisclaimer {
height:40px;
font-size:11px;
color:grey;
}

#emaildisclaimer a:link,  #emaildisclaimer a:visited {
color:grey;
text-decoration:underline;
}

#emaildisclaimer a:hover {
text-decoration:none;
}

#expressinfowrapperright {
display:inline;
float:right;
width:450px;
height:330px;
}

.textarea {
height:100px;
}

.textarea p {
color:grey;
margin:0px;
padding:0px;
}

.textarea textarea {
width:97%;
height:60px;
color:grey;
font-family:Arial;
padding:5px;
font-size:14px;
font-weight:bold;
border:1px solid #CCCCCC;
}

#eibtn {
display:inline;
float:right;
height:60px;
width:300px;
}

#eibtn input {
-webkit-appearance: none;
background-color:#035581;
color:#fff;
font-size:16px;
text-align:center;
width:180px;
height:40px;
cursor:pointer;
float:right;
border:none;
opacity:1;
transition: 0.5s Ease;
}

#eibtn input:hover {
opacity:0.5;
}



/*SRS registration Page*/





#srstopform {
height:auto;
}

#srssurveyinfo {
/*height:370px;*/
}

#srssurveycheckboxes {
display:inline;
float:left;
width:470px;
height:205px;
}

#srsfee {
margin-top:15px;
height:40px;
}

#srsfee p {
margin-top:0px;
}

#srssurveycheckboxes p {
margin-top:0px;
}

#srssurveymoreinfo input {
margin-right:20px;
}

.addressdetailsleft {
display:inline;
float:left;
width:470px;
height:50px;
margin-top:10px;
}

.addressdetailsright {
display:inline;
float:right;
width:470px;
height:50px;
margin-top:10px;
}

.addressdetailsleft  label {
margin-top:10px;
float:left;
}

.addressdetailsleft  input {
height:35px;
width:330px;
float:right;
border:1px solid #CCCCCC;
color:grey;
font-weight:bold;
padding-left:5px
}


.addressdetailsright  label{
margin-top:10px;
float:left;
}

.addressdetailsright  select {
margin-top:0px;
width:337px;
height:39px;
line-height:30px;
float:right;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
padding:5px;
}

.addressdetailsright  input {
height:35px;
width:330px;
float:right;
border:1px solid #CCCCCC;
color:grey;
font-weight:bold;
padding-left:5px;
}


.addressdetailsleft select {
margin-top:0px;
width:337px;
height:39px;
line-height:30px;
float:right;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
padding:5px;
}

.schoolnumbers {
display:inline;
float:left;
width:470px;
height:50px;
margin-top:10px;
}

.regoperiod {
display:inline;
float:right;
width:470px;
height:50px;
margin-top:10px;
}

.schoolnumbers  select {
margin-top:0px;
width:470px;
height:35px;
line-height:30px;
float:right;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
padding:5px;
}

.regoperiod  select {
margin-top:0px;
width:470px;
height:35px;
line-height:30px;
float:right;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
padding:5px;
}

#srssurveymoreinfo {
display:inline;
float:right;
width:470px;
height:200px;
}

#srssurveymoreinfo textarea {
font-family:Arial;
font-size:14px;
font-weight:bold;
color:grey;
width:465px;
height:140px;
}

#srssurveyfees {
clear:both;
height:120px;
}

#srssurveyfees p {
margin-top:5px;
margin-bottom:5px;
}

#srssubmitwrapper {
clear:both;
height:60px;
margin-bottom:40px;
}

#srssecurity {
margin-top:3px;
display:inline;
float:left;
width:470px;
height:60px;
}

#srssecuritylabel {
display:inline;
float:left;
width:200px;
height:40px;
}

#srssecuritylabel p {
margin-top:0px;
font-size:13px;
color:grey;
}

#srssecurityimage {
display:inline;
float:left;
width:120px;
height:40px;
}

#srssecurityimage img {
float:right;
}

#srssecuritytextbox {
display:inline;
float:right;
width:130px;
height:40px;
}

#srssecuritytextbox input {
height:35px;
width:120px;
float:right;
border:1px solid #CCCCCC;
color:grey;
padding-left:5px;
}

#srssubmitbtn {
display:inline;
float:right;
width:220px;
height:60px;
}





/*SRS Express interest Page*/



#srscollateral {
height:40px;
margin-top:10px;
}

#srscollateral input  {
float:left;
margin-top:5px;
}

#srsexpresssurveyinfo {
height:250px;
}

#srssurveycheckboxesexpresswrapper {
display:inline;
float:left;
width:470px;
height:240px;
}

#srssurveycheckboxesexpress {
height:160px;
}

#srssurveycheckboxesexpress p {
margin-top:0px;
}

#srssurveydate {
margin-top:30px;
height:40px;
}

#srssurveydate   select {
margin-top:0px;
width:300px;
height:35px;
line-height:30px;
display:inline;
float:right;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
padding:5px;
}

#srssurveydate p {
display:inline;
float:left;
margin-top:10px;
margin-bottom:0px;
}

#srsexpressmoreinfo {
display:inline;
float:right;
width:470px;
height:250px;
}

#srssurveycheckboxes input {
margin-right:20px;
}

#mobilepcbully {
display:none;
}

#srsexpressmoreinfo textarea {
margin-top:7px;
font-family:Arial;
font-size:14px;
font-weight:bold;
color:grey;
width:465px;
height:95px;
}

#srsnumberofcontacts {
height:40px;
margin-top:20px;
}

#srsnumberofcontacts select {
margin-top:0px;
width:70px;
height:35px;
line-height:30px;
display:inline;
float:right;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
padding:5px;
}

#srsnumberofcontacts p {
display:inline;
float:left;
margin-top:10px;
}

#srsnumberofcontactsdetails {
height:auto;
margin-bottom:20px;

}

#srsnumberofcontactsdetailsleft {
display:inline;
float:left;
width:470px;
height:auto;
margin-bottom:20px;
}

.srsnumberofcontactsheader {
height:50px;
background-color:#035581;
}

.srsextracontactlist {
height:55px;
}

.srsextracontactlistheadername {
display:inline;
float:left;
width:100%;
height:30px;
margin-top:10px;
}

.srsextracontactlistheadernameright {
display:inline;
float:left;
width:470px;
height:30px;
margin-top:10px;
}

.srsextracontactlistheadername input {
width:100%;
height:35px;
border:1px solid #CCCCCC;
color:grey;
padding-left:5px;
}

#srsextracontactlistheadername {
display:inline;
float:left;
width:200px;
height:30px;
margin-top:10px;
}

#srsextracontactlistheadername p {
color:#fff;
font-weight:bold;
margin-top:5px;
margin-left:15px;
}

#srsextracontactlistheaderemail {
display:inline;
float:left;
width:200px;
height:30px;
margin-top:10px;
}

#srsextracontactlistheaderemail p {
color:#fff;
font-weight:bold;
margin-top:5px;
margin-left:15px;
}

#srsnumberofcontactsdetailsright {
display:inline;
float:right;
width:470px;
height:auto;
margin-bottom:20px;
}

#srsnumberofcontactsdetailsright input {
width:100%;
height:35px;
border:1px solid #CCCCCC;
color:grey;
padding-left:5px;
}


/* Manage training page */
/* Training pages are the only thing not in synch as a lot of work has been done to it
this means that we need to move the CSS from live CSS to here */



/* MYP services page */





#mypservicesinstructions {
margin-top:10px;
margin-bottom:40px;
color:grey;
}

#mypservicesinstructionsleft {
display:inline;
float:left;
width:470px;
}

#mypservicesinstructionsright {
display:inline;
float:right;
width:470px;
height:60px;
}

#mypservicesinstructions p {
margin-top:10px;
}

#mypservicesinstructionsleft label {
display:inline;
float:left;
margin-top:10px;
}

#mypservicesinstructionsleft select {
display:inline;
float:right;
margin-top:0px;
width:280px;
height:35px;
line-height:30px;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
padding:5px;
}

#trainingrequirementsleft {
display:inline;
float:left;
width:470px;
}

#trainingrequirementspopup {
height:70px;
}

#trainingrequirementspopup  input {
-webkit-appearance: none;
height:45px;
width:220px;
border:none;
color:#fff;
text-align:center;
margin-top:10px;
font-size:16px;
background-color:#045682;
border-radius: 2px;
cursor:pointer;
transition:0.5s Ease;
opacity:1;
}

#trainingrequirementspopup  input:hover  {
opacity:0.5;
}

#trainingrequirementsright {
display:inline;
float:right;
width:470px;
height:240px;
}

#trainingstaffandtype {
height:60px;
}

#trainingrequirementsnumber {
display:inline;
float:left;
width:160px;
height:50px;
}

#trainingrequirementsnumber  label {
display:inline;
float:left;
margin-top:5px;
}

#trainingrequirementsnumber  input {
display:inline;
float:right;
margin-top:0px;
width:30px;
height:25px;
float:right;
color:grey;
padding:3px;
padding-left:5px;
font-weight:bold;
border:1px solid #CCCCCC;
}

#trainingrequirementstype {
display:inline;
float:right;
width:300px;
height:50px;
}

#trainingrequirementstype  label {
display:inline;
float:left;
margin-top:5px;
}

#trainingrequirementstype  select {
display:inline;
margin-top:0px;
width:200px;
height:35px;
line-height:30px;
float:right;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
padding:5px;
}

#webinaroptions {
height:45px;
}

#webinaroptionstext {
display:inline;
float:left;
width:290px;
height:35px;
}

#webinaroptionstext p {
margin-top:10px;
color:#000;
}

#webinaroptionsyes {
display:inline;
float:left;
width:80px;
height:35px;
}

#webinaroptionsyes input {
margin-top:10px;
margin-left:10px;
}

#webinaroptionsno {
display:inline;
float:right;
width:60px;
height:35px;
}

#webinaroptionsno input {
margin-top:10px;
margin-left:10px;
}

#trainingrequirementspreferredtime {
height:210px;
}

#trainingdateandtimewrapper {
height:35px;
}

#trainingdateandtimetitle {
display:inline;
float:left;
width:230px;
height:30px;
}

#trainingdateandtimetitle p {
margin-top:3px !important;
color:#000;
}

#timezonewrapper {
display:inline;
float:right;
width:223px;
height:30px;
}

.trainingrequirementspreferredtime {
height:60px;
}

.trainingrequirementspreferredtime  label {
display:inline;
float:left;
margin-top:10px;
}

.trainingrequirementspreferredtime  select {
display:inline;
margin-top:0px;
width:140px;
height:35px;
line-height:30px;
float:right;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
padding:5px;
}

.trainingrequirementspreferredtime  input {
margin-top:0px;
width:160px;
height:23px;
float:right;
padding:5px;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
}

#trainingrequirementspreferredtime p {
margin-top:10px;
}

#trainingrequirementspreferredtimeleft {
display:inline;
float:left;
width:220px;
height:160px;
}

#trainingrequirementspreferredtimeright {
display:inline;
float:right;
width:220px;
height:160px;
}

#additionaltrainingrequirements {
height:100px;
}

#additionaltrainingrequirements p {
margin-top:0px;
color:#000;
}

#additionaltrainingrequirements textarea {
width:460px;
height:101px;
padding-left:5px;
padding-top:5px;
font-family:Arial;
font-size:14px;
font-weight:bold;
color:grey;
border:1px solid #CCCCCC;
}

#facetofaceoptions {
display:block;
clear:both;
margin-top:2px;
}

#facetofaceoptions {
display:none; /*JT*/
}

#facetofaceoptionsleft {
display:inline;
float:left;
width:470px;
margin-top:10px;
height:175px;
}

#facetofaceoptionsright {
display:inline;
float:right;
width:470px;
}

#locationoftraining {
height:50px;
}

#locationoftraining  label {
display:inline;
float:left;
margin-top:5px;
}

#locationoftraining  select {
display:inline;
margin-top:0px;
width:320px;
height:35px;
line-height:30px;
float:right;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
padding:5px;
}

#locationoftrainingaddress {
height:95px;
}

#locationoftrainingaddress  label {
display:inline;
float:left;
margin-top:5px;
}

#locationoftrainingaddress  textarea {
display:inline;
margin-top:0px;
width:310px;
height:80px;
float:right;
padding-left:5px;
padding-top:5px;
font-family:Arial;
font-size:14px;
font-weight:bold;
color:grey;
border:1px solid #CCCCCC;
}

#trainingfacilities p {
margin-top:8px;
}

.trainingfacilitiesitem {
height:30px;
}

#trainingfacilitiesitemtoggle {
display:none; /*JT*/
}

.trainingfacilitiesitemtext {
display:inline;
float:left;
width:300px;
height:30px;
}

.trainingfacilitiesitemtext p {
margin-top:0px !important;
}

.trainingfacilitiesitemyes {
display:inline;
float:left;
width:70px;
height:30px;
}

.trainingfacilitiesitemno {
display:inline;
float:right;
width:70px;
height:30px;
}

#trainingfacilitiesitem p {
margin-top:0px;
}

#trainingfacilitiesyes {
display:inline;
float:left;
width:100px;
height:90px;
}

#trainingfacilitiesyes input {
display:inline;
float:left;
margin-left:30px;
margin-right:10px;
margin-top:0px;
margin-bottom:19px;
}

#trainingfacilitiesyes label{
display:inline;
float:right;
margin-top:0px;
}

#trainingfacilitiesno {
display:inline;
float:right;
width:100px;
height:90px;
}

#trainingfacilitiesno input {
display:inline;
float:left;
margin-left:30px;
margin-right:10px;
margin-top:0px;
margin-bottom:19px;
}

#trainingfacilitiesno label {
display:inline;
float:right;
margin-top:0px;
}

#dietaryrequirements {
height:110px;
}

#dietaryrequirements p {
margin-top:0px;
}

#dietaryrequirements textarea {
width:464px;
height:60px;
padding-left:5px;
padding-top:5px;
font-family:Arial;
font-size:14px;
font-weight:bold;
color:grey;
border:1px solid #CCCCCC;
}

.submittrainingservices {
clear:both;
height:60px;
margin-bottom:40px;
}

.backtostaffsetup {
display:inline;
width:370px;
height:60px;
float:left;
}

.backtostaffsetup  input {
-webkit-appearance: none;
height:40px;
width:340px;
border:none;
color:#fff;
text-align:center;
margin-top:10px;
font-size:16px;
background-color:#f6921e;
cursor:pointer;
transition:0.5s Ease;
opacity:1;
}

.backtostaffsetup  input:hover  {
opacity:0.5;
}

.submittrainingservicesinnerwrapper {
display:inline;
width:370px;
height:60px;
float:right;
}

.backtotrainingservicesinnerwrapper {
display:inline;
width:370px;
height:60px;
float:left;
}

.backtotrainingservicesinnerwrapper  input {
-webkit-appearance: none;
height:40px;
width:auto;
border:none;
color:#fff;
text-align:center;
margin-top:10px;
font-size:16px;
background-color:#f6921e;
cursor:pointer;
transition:0.5s Ease;
opacity:1;
}

.backtotrainingservicesinnerwrapper  input:hover  {
opacity:0.5;
}

.submittrainingnotrequired {
display:inline;
float:right;
width:190px;
height:60px;
}

.savetrainingrequest {
display:inline;
float:left;
width:170px;
height:60px;
}

.savetrainingrequest input {
-webkit-appearance: none;
height:40px;
width:170px;
border:none;
color:#fff;
text-align:center;
float:right;
margin-top:10px;
font-size:16px;
background-color:#ed1c24;
cursor:pointer;
transition:0.5s Ease;
opacity:1;
}

.savetrainingrequest input:hover  {
opacity:0.5;
}

.submittrainingrequest {
display:inline;
float:right;
width:170px;
height:60px;
}

.submittrainingrequest input {
-webkit-appearance: none;
height:40px;
width:170px;
border:none;
color:#fff;
text-align:center;
float:right;
margin-top:10px;
font-size:16px;
background-color:#29abe2;
cursor:pointer;
transition:0.5s Ease;
opacity:1;
}

.submittrainingrequest input:hover  {
opacity:0.5;
}

.submittrainingnotrequired input {
-webkit-appearance: none;
height:40px;
width:220px;
border:none;
color:#fff;
text-align:center;
float:right;
font-size:16px;
background-color:#ed1c24;
cursor:pointer;
transition:0.5s Ease;
opacity:1;
}

.submittrainingnotrequired input:hover  {
opacity:0.5;
}

#trainingsessioncompletedwrapper {
height:60px;
border-top:1px solid #CCCCCC;
}

#trainingsessioncompletedwrapper  input {
-webkit-appearance: none;
height:40px;
width:auto;
border:none;
color:#fff;
text-align:center;
float:right;
margin-top:10px;
font-size:16px;
background-color:#035581;
border-radius: 2px;
cursor:pointer;
transition:0.5s Ease;
opacity:1;
}

#trainingsessioncompletedwrapper  input:hover  {
opacity:0.5;
}

#trainingsessionfeedbackdropdown {
display:none; /* JT */
height:auto;
}

.feedbackrecievedheading {
display:inline;
float:right;
width:140px;
height:30px;
}

.feedbackposition {
display:inline;
float:left;
width:280px;
height:30px;
}

.attendeefeedback {
display:inline;
float:left;
width:100px;
height:30px;
}

.attendeefeedback input{
margin-top:10px;
margin-left:25px;
}

.feedbackrecieved {
display:inline;
float:right;
width:140px;
height:30px;
}

.feedbackrecieved input {
margin-top:10px;
margin-left:60px;
}

#trainingfeedbackreportbtn {
height:50px;
}

#trainingfeedbackreportbtn  input {
-webkit-appearance: none;
height:40px;
width:170px;
border:none;
color:#fff;
text-align:center;
float:right;
margin-top:10px;
font-size:14px;
background-color:#035581;
border-radius: 2px;
cursor:pointer;
transition:0.5s Ease;
opacity:1;
}

#trainingfeedbackreportbtn  input:hover  {
opacity:0.5;
}

#trainingnotes {
height:180px;
}

#trainingnotes textarea {
width:965px;
height:120px;
padding-left:5px;
padding-top:5px;
font-family:Arial;
font-size:14px;
font-weight:bold;
color:grey;
border:1px solid #CCCCCC;
}



#trainercertifiedmodules {
clear:both;
height:auto;
}

.moduletrainingpermissionsleft input {
margin-right:10px;
}

.moduletrainingpermissionsright input {
margin-right:10px;
}

.moduletrainingpermissionsleft {
display:inline;
float:left;
width:470px;
height:40px;
}

.moduletrainingpermissionsradiofarleft {
display:inline;
float:left;
width:150px;
margin-top:7px;
height:30px;
}

.moduletrainingpermissionsradiofarleft  p {
margin-top:3px;
color:#000;
}

.moduletrainingpermissionsradioleft {
display:inline;
float:left;
width:130px;
margin-top:7px;
height:30px;
}

.moduletrainingpermissionsradioright {
display:inline;
float:right;
width:180px;
margin-top:7px;
height:30px;
}

.moduletrainingpermissionsright {
display:inline;
float:right;
width:470px;
height:40px;
}

.moduletrainingpermissionsmyyardstick {
clear:both;
height:110px;
position:relative;
top:-30px;
margin-top:30px;

}

.moduletrainingpermissionsmyyardstick p {
margin-top:5px;
color:red;
font-size:12px;
}

.moduletrainingpermissionsmyyardstick ul li {
margin-top:2px;
color:red;
font-size:12px;
}

.moduletrainingpermissionsleftnotbold {
display:inline;
float:left;
width:470px;
height:40px;
}

.moduletrainingpermissionsright label {
margin-top:10px;
float:left;
font-weight:normal;
}

.moduletrainingpermissionsright select {
margin-top:0px;
width:318px;
height:35px;
line-height:30px;
float:right;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
padding:5px;
}

#trainerselection {
clear:both;
height:50px;
}

#managetrainingbookingsselectors {
height:160px;
}

#trainingsetupcosts {
height:80px;
}

#trainingsetupcostsleft {
display:inline;
float:left;
width:220px;
height:40px;
margin-top:20px;
}

#trainingsetupcostsleft  label{
display:inline;
float:left;
margin-top:10px;
}

#trainingsetupcostsleft  input {
display:inline;
width:110px;
height:24px;
float:right;
padding:5px;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
}

#trainingsetupcostsright {
display:inline;
float:right;
width:220px;
height:40px;
margin-top:20px;
}

#exgst {
clear:both;
height:15px;
}

#exgst p {
margin-top:0px;
color:grey;
font-size:9px;
float:right;
}

#exgstleft {
display:inline;
float:left;
width:220px;
height:15px;
}

#exgstright {
display:inline;
float:right;
width:200px;
height:15px;
}

#trainingsetupcostsright  label {
display:inline;
float:left;
margin-top:10px;
}

#trainingsetupcostsright  input {
width:100px;
height:24px;
float:right;
padding:5px;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
}

.createtrainingbookings {
height:80px;
}

#createtrainingbookingscreate {
display:inline;
float:left;
width:500px;
height:60px;
margin-top:15px;
}

#createtrainingbookingscreateleft {
display:inline;
float:left;
width:245px;
height:50px;
}

#createtrainingbookingscreateright {
display:inline;
float:right;
width:245px;
height:50px;
}

#createtrainingbookingscreateleft  input {
-webkit-appearance: none;
background-color:#035581;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
color:#fff;
font-size:14px;
text-align:center;
padding:0px;
width:240px;
height:30px;
cursor:pointer;
border:none;
transition: 0.5s Ease;
opacity:1;
}

#createtrainingbookingscreateright  input {
-webkit-appearance: none;
background-color:#29abe2;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
color:#fff;
font-size:14px;
text-align:center;
padding:0px;
width:240px;
float:right;
height:30px;
cursor:pointer;
border:none;
transition: 0.5s Ease;
opacity:1;
}

#createtrainingbookingscreate input:hover {
opacity:0.5;
}

#myptrainingbookings {
display:inline;
float:right;
width:450px;
height:60px;
margin-top:15px;
}

#myptrainingbookings label {
margin-top:10px;
float:left;
}

#myptrainingbookings select{
margin-top:0px;
width:315px;
height:35px;
line-height:30px;
float:right;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
padding:5px;
}

.trainingadminstatus {
display:inline;
float:left;
width:500px;
height:60px;
margin-top:15px;
}

.trainingadminstatus label {
margin-top:10px;
float:left;
}

.trainingadminstatus select{
margin-top:0px;
width:310px;
height:35px;
line-height:30px;
float:right;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
padding:5px;
}

.trainingadminsearch {
display:inline;
float:right;
width:450px;
height:60px;
margin-top:15px;
}

.trainingfeedbacksearchbtn input {
-webkit-appearance: none;
background-color:#29abe2;
color:#fff;
font-size:14px;
text-align:center;
padding:0px;
width:120px;
float:right;
height:40px;
cursor:pointer;
border:none;
transition: 0.5s Ease;
opacity:1;
}

.trainingfeedbacksearchbtn input:hover {
opacity:0.5;
}


.trainingadminsearchleft {
display:inline;
float:left;
width:380px;
height:40px;
}

.trainingadminsearchright {
display:inline;
float:right;
width:60px;
height:40px;
}

.trainingadminsearch label {
margin-top:10px;
float:left;
}

.trainingadminsearchleft input {
margin-top:0px;
width:235px;
height:25px;
float:right;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
padding:5px;
}

#managetrainingheader {
height:40px;
border-bottom:1px solid #CCCCCC;
}

#managetrainingheader p {
font-weight:bold;
}

#managetrainingheader input {
font-weight:bold;
background-color:transparent;
text-decoration:none;
border:none;
font-size:14px;
margin-bottom:0px;
padding:0px;
height:40px;
}


#managetrainingheaderorg {
display:inline;
float:left;
height:40px;
width:240px;
}

#managetrainingmypchampion {
display:inline;
float:left;
height:40px;
width:320px;
}

#managetrainingheaderdate {
display:inline;
float:left;
height:40px;
width:80px;
}

#managetrainingheaderstatus {
display:inline;
float:left;
height:40px;
width:250px;
}

.trainingbookingrow {
height:auto;
border-bottom:1px solid #CCCCCC;
}

.trainingbookingrowbluetext {
height:auto;
border-bottom:1px solid #CCCCCC;
}

.trainingbookingrowbluetext p {
margin-top:18px;
color:#29ABE2;
}

#jointtraininglegend {
height:20px;
}

#jointtraininglegend  p {
margin-top:12px;
color:#29ABE2;
}

.trainingbookingrow p {
margin-top:18px;
color:grey;
}

.trainingbookingname {
display:inline;
float:left;
width:230px;
height:auto;
padding-right:10px;
}

.trainingbookingchampion {
display:inline;
float:left;
width:320px;
height:auto;
}

.trainingbookingdate {
display:inline;
float:left;
width:80px;
height:auto;
}

.trainingbookingstatus {
display:inline;
float:left;
width:90px;
height:50px;
}

.edittrainingwrapper {
display:inline;
float:right;
width:230px;
height:auto;
margin-top:10px;
}

.edittrainingbooking {
display:inline;
float:left;
width:110px;
height:50px;
}

.edittrainingbooking input {
-webkit-appearance: none;
background-color:#39B54A;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
color:#fff;
font-size:14px;
text-align:center;
padding:0px;
width:110px;
height:30px;
cursor:pointer;
float:right;
margin-bottom:10px;
border:none;
transition: 0.5s Ease;
opacity:1;
}

.edittrainingbooking input:hover {
opacity:0.5;
}

.archivetrainingbooking {
display:inline;
float:right;
width:110px;
height:50px;
}

.archivetrainingbooking input {
-webkit-appearance: none;
background-color:#f15a24;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
color:#fff;
font-size:14px;
text-align:center;
padding:0px;
width:110px;
height:30px;
cursor:pointer;
margin-bottom:10px;
float:right;
border:none;
transition: 0.5s Ease;
opacity:1;
}

.archivetrainingbooking input:hover {
opacity:0.5;
}

.unarchivetrainingbooking {
display:inline;
float:left;
width:110px;
height:40px;
}

.unarchivetrainingbooking input {
-webkit-appearance: none;
background-color:#f15a24;
color:#fff;
font-size:14px;
text-align:center;
padding:0px;
width:110px;
height:40px;
cursor:pointer;
float:right;
border:none;
transition: 0.5s Ease;
opacity:1;
}

.unarchivetrainingbooking input:hover {
opacity:0.5;
}

.deletetrainingbooking {
display:inline;
float:right;
width:110px;
height:40px;
}

.deletetrainingbooking input {
-webkit-appearance: none;
background-color:#ec2227;
color:#fff;
font-size:14px;
text-align:center;
padding:0px;
width:110px;
height:40px;
cursor:pointer;
float:right;
border:none;
transition: 0.5s Ease;
opacity:1;
}

.deletetrainingbooking input:hover {
opacity:0.5;
}

.edittrainingattendees {
clear:both;
height:auto;
}

#facetofaceoptionsleftpushedup {
display:inline;
float:left;
width:470px;
height:175px;
position:relative;
top:-15px;
}

.editattendeesheader {
height:40px;
border-bottom:1px solid #CCCCCC;
}

.editattendeesheader p {
color:#000;
}

.editattendeesrow {
height:40px;
border-bottom:1px solid #CCCCCC;
}

.editattendeesrow p {
margin-top:10px;
}

.editattendeesfname {
display:inline;
float:left;
width:200px;
height:30px;
}

.editattendeeslname {
display:inline;
float:left;
width:250px;
height:30px;
}

.editattendeesposition {
display:inline;
float:left;
width:280px;
height:30px;
}

.editattendeesattendee{
display:inline;
float:left;
width:100px;
height:30px;
}

.editattendeesattendee input{
margin-top:10px;
margin-left:25px;
}

.editattendeescontact {
display:inline;
float:right;
width:120px;
height:30px;
}

.editattendeescontact input {
margin-top:10px;
margin-left:38px;
}

#additionalmodulescheck {
height:30px;
margin-top:20px;
}

#editattendeesandcontacts {
height:50px;
margin-top:10px;
border-bottom:1px solid #CCCCCC;
}

#innereditattendeesandcontacts {
height:45px;
width:530px;
float:right;
}

#innereditattendeesandcontactsleft {
display:inline;
height:45px;
width:327px;
float:left;
}

#innereditattendeesandcontactsleft label {
display:inline;
float:left;
margin-top:10px;
}

#innereditattendeesandcontactsleft select {
display:inline;
float:right;
width:215px;
height:35px;
line-height:30px;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
padding:5px;
}

#innereditattendeesandcontactsright {
display:inline;
height:45px;
width:180px;
float:right;
}

#editattendeesandcontacts input {
-webkit-appearance: none;
background-color:#39b54a;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
color:#fff;
font-size:14px;
text-align:center;
padding:0px;
width:170px;
height:30px;
cursor:pointer;
float:right;
border:none;
}

#editattendeesandcontacts input:hover {
background-color:#359e3f;
}






/*Review training feedback*/



#reviewstartdate {
display:inline;
float:left;
width:240px;
height:50px;
}

#reviewsenddate {
display:inline;
float:right;
width:240px;
height:50px;
}

#reviewtrainerperson {
display:inline;
float:right;
width:390px;
height:60px;
margin-top:15px;
}

#reviewtrainerperson label {
margin-top:10px;
float:left;
}

#reviewtrainerperson select {
margin-top:0px;
width:315px;
height:35px;
line-height:30px;
float:right;
color:grey;
font-weight:bold;
border:1px solid #CCCCCC;
padding:5px;
}

#feedbackreviewtable {
height:auto;
}

#feedbackreviewtableheader{
height:40px;
border-bottom:1px solid #CCCCCC;
}
#feedbackreviewtableheader input {
font-weight: bold;
background-color: transparent;
text-decoration: none;
border: none;
font-size: 14px;
margin-bottom: 0px;
padding: 0px;
height: 40px;
border: 3px;
}

#feedbackreviewtableheader p {
font-weight:bold;
}

#feedbackreviewtableorg {
display:inline;
float:left;
height:40px;
width:300px;
}

#feedbackreviewtabledate {
display:inline;
float:left;
height:40px;
width:120px;
}

#feedbackreviewtableattendees {
display:inline;
float:left;
height:40px;
width:120px;
}

#feedbackreviewtabletrainer {
display:inline;
float:left;
height:40px;
width:280px;
}

.feedbackreviewname {
display:inline;
float:left;
width:300px;
height:40px;
}

.feedbackreviewdate {
display:inline;
float:left;
width:120px;
height:40px;
}

.feedbackreviewattendees {
display:inline;
float:left;
width:120px;
height:40px;
}

.feedbackreviewattendees p{
margin-left:25px;
}

.feedbackreviewtrainer {
display:inline;
float:left;
width:280px;
height:40px;
}

.viewtablefeedbackbtn {
display:inline;
float:right;
width:120px;
height:40px;
}

.viewtablefeedbackbtn  input {
-webkit-appearance: none;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
height:30px;
width:120px;
border:none;
color:#fff;
text-align:center;
float:right;
margin-top:5px;
font-size:14px;
background-color:#035581;
cursor:pointer;
transition:0.5s Ease;
opacity:1;
}

.viewtablefeedbackbtn  input:hover  {
opacity:0.5;
}

#viewallfeedbacks {
height:50px;
}

#viewallfeedbacksright {
display:inline;
float:right;
width:300px;
height:50px;
}

#viewallfeedbacksright  input {
-webkit-appearance: none;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
height:30px;
width:120px;
border:none;
color:#fff;
text-align:center;
float:right;
margin-top:10px;
font-size:14px;
background-color:#39b54a;
cursor:pointer;
transition:0.5s Ease;
opacity:1;
}

#viewallfeedbacksright  input:hover  {
opacity:0.5;
}






/*System set up Page*/





#staffregowrapper {
height:auto;
}

#staffregotext {
display:inline;
float:left;
width:690px;
margin-top:10px;
}

#staffregotext p {
margin-top:0px;
margin-bottom:8px;
}

#mypchampionlink {
display:inline;
float:right;
width:200px;
height:70px;
margin-top:10px;
}

#mypchampionlink input {
-webkit-appearance: none;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
height:30px;
width:160px;
border:none;
color:#fff;
float:right;
margin-top:10px;
font-size:12px;
background-color:#035581;
cursor:pointer;
}

#systemtableheader {
height:40px;
border-bottom: 1px solid #f0f0f0;
}

#systemtableheader p {
margin-top:15px;
margin-bottom:2px;
color:#000;
}

.systemtablefname {
display:inline;
float:left;
width:220px;
height:30px;
}

.systemtablefname input{
width:210px;
height:30px;
margin-top:2px;
border:1px solid #CCCCCC;
color:grey;
font-weight:bold;
padding-left:5px;
}

.systemtablelname {
display:inline;
float:left;
width:220px;
height:30px;
}

.systemtablelname input {
width:210px;
height:30px;
margin-top:2px;
border:1px solid #CCCCCC;
color:grey;
font-weight:bold;
padding-left:5px;
}

.systemtableposition {
display:inline;
float:left;
width:255px;
height:30px;
}

.systemtableposition input {
width:245px;
height:30px;
margin-top:2px;
border:1px solid #CCCCCC;
color:grey;
font-weight:bold;
padding-left:5px;
}

.systemtableemail {
display:inline;
float:left;
width:285px;
height:30px;
}

.systemtableemail input{
width:275px;
height:30px;
margin-top:2px;
border:1px solid #CCCCCC;
color:grey;
font-weight:bold;
padding-left:5px;
}

.systemtablechampion {
display:inline;
float:left;
width:90px;
height:30px;
}

.systemtablechampioncheck {
margin-left:34px;
margin-top:10px;
width:20px;
height:20px;
}

.systemtablechampion p {
margin-top:0px;
margin-bottom:0px;
padding:0px;
font-size:12px;
text-align:center;
}

.systemtabledelete {
display:inline;
float:right;
width:70px;
height:35px;
}

.systemtabledelete input  {
-webkit-appearance: none;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
height:25px;
width:70px;
border:none;
color:#fff;
float:right;
font-size:12px;
margin-top:8px;
background-color:#ed1c24;
cursor:pointer;
transition:0.5s Ease;
opacity:1;
}

.systemtabledelete input:hover  {
opacity:0.5;
}

.systemtablerow {
height:40px;
margin-top:10px;
}

#addstaffwrapper {
height:50px;
margin-top:10px;
}

#mobileregisterproceed {
display:none;
}

#registerproceed {
height:50px;
margin-bottom: 40px;
}

#staffinstructions {
display:inline;
float:left;
margin-top:5px;
width:600px;
height:30px;
}

#staffinstructions p {
margin-top:0px;
font-size:12px;
color:#000;
}

#addstaffbtn {
display:inline;
margin-top:5px;
width:100px;
height:30px;
}

#addstaffbtn input  {
-webkit-appearance: none;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
height:30px;
width:100px;
border:none;
color:#fff;
background-color:#035581;
cursor:pointer;
}

#registerproceed input  {
-webkit-appearance: none;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
height:30px;
width:160px;
border:none;
color:#fff;
float:right;
margin-top:15px;
font-size:14px;
background-color:#39b54a;
cursor:pointer;
}

#registerproceed input:hover  {
background-color:#359e3f;
}


/* POPUP STYLES */

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch!important;
    overflow:auto;
}

.features-benefits-wrapper {
color:#fff;
padding:4%;
padding-top:2%;
position:absolute;
left:0;
min-height:450px
}

.features-benefits-left {
display:inline;
float:left;
width:48%;
}

.features-benefits-row i {
color:#fff;
margin:0px;
margin-right:5px;
}

.features-benefits-row p {
margin:5px;
}

.compare-btn {
-webkit-appearance: none;
background-color:#fff;
font-family: 'open_sansregular', Arial, helvetica, sans-serif;
font-size:14px;
text-align:center;
padding:10px;
border:none;
cursor:pointer;
}

.compare-btn:hover {
background-color:#f9f9f9;
}

.testimonials-wrapper {
padding:4%;
padding-top:2%;
}

.testimonial-class {
margin-bottom:40px;
}

.tname {
font-size:20px;
color:#29abe2;
margin-bottom:5px;
}

.credits {
font-size:11px;
margin:0px;
}


/* NEW FOOTER */


.footer {
    background: rgb(177, 220, 251);

    background-position: right top;
    background-repeat: no-repeat;
    border-top: 1px solid #B1DCFB;
}

.main-footer-container {
width:1200px;
margin:auto;
padding-top:30px;
padding-bottom:30px;
}

.footer  a {
font-family:'Noto Sans',Arial,Tahoma,sans-serif;
font-size:12px;
text-decoration:none;
color:black;
}

.footer a:hover {
        color: rgb(8, 84, 130);
    }

.footer-column {
    display: inline;
    float: left;
    width: 33.3%;
    text-align: center;
    line-height: 20px;
}

.footer-column img:hover {
opacity:0.7;
}

.footer-title {
    font-size: 18px;
    color: black;
    font-weight: 400;
    font-family: 'Noto Sans',Arial,Tahoma,sans-serif;
}

.icons-centered {
margin:auto;
width:85px;
}

.icons-centered a img {
width:40px;
height:40px;
}

.poweredby-footer-img {

}

button {
border: none;
background-color:transparent;
}
/*
.fancybox-inner{
height:475px!important;
}*/

.disabled {
opacity:0.2;
}

.disabled:hover {
color:#555 !important;
cursor:default;
}


/*COOKIES POPUP*/

#cookiespopup {
position: fixed;
z-index: 10;
bottom: 0;
right: 0;
padding: 10px;
}

.cookiespopup-container {
display: inline;
float: left;
width: 500px;
padding: 20px;
background-color: #333;
}

.cookiespopup-header {
display: inline;
float: left;
width: 410px;
}

.cookiespopup-header p {
color: #fff;
font-size: 14px;
}

.cookiespopup-header p a {
color: #fff;
}

.cookiespopup-esc {
display: inline;
float: right;
width: 30px;
height: 30px;
margin-top: 6px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*
*{padding: 0; margin: 0;}
*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	/*padding:7px 10px 5px 0;*/
	padding:1px 5px 0px 0px;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden !important;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
.glossymenu, .glossymenu li ul{
    list-style-type: none;
    margin: 0;
    margin-top: -3px;
    padding: 0;
    width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 15px #333;
    border-radius:2px;
    z-index: 10000;
    position:relative;
}

.glossymenu li{
    position: relative;
    /*background: #f0f0f0;*/
    background: white;
    width: 185px;
}

.glossymenu li a{
    font: 12px open_sansregular, Arial;
    color: grey;
    display: block;
    width: auto;
    width: 175px;
    padding: 5px 0;
    padding-left: 10px;
    text-decoration: none;
}

.glossymenu li a:visited, .glossymenu li a:active{

}

.glossymenu li a:hover{
    background: #fff;
    color: Black;
}

#shopbutton #verticalmenu 
{
    display:none;
}
    
#shopbutton:hover #verticalmenu 
{
    display:block;
}


.glossyloginmenu, .glossyloginmenu li ul{
    list-style-type: none;
    margin-top: -3px;
    margin-left: -55px;
    padding: 0;
    width: 124px; /*WIDTH OF MAIN MENU ITEMS*/
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 15px #333;
    border-radius:2px;
}

.glossyloginmenu li{
    position: relative;
    /*background: #f0f0f0;*/
    background: white;
    width: 124px;
}

.glossyloginmenu li a{
    font: 12px open_sansregular, Arial;
    color: grey;
    display: block;
    width: 114px;
    padding: 5px 0;
    padding-left: 10px;
    text-decoration: none;
}

.glossyloginmenu li a:visited, .glossyloginmenu li a:active{
}

.glossyloginmenu li a:hover{
    background: #fff;
    color: Black;
}

#loginbutton #verticalmenu 
{
    display:none;
}
    
#loginbutton:hover #verticalmenu 
{
    display:block;
}

/* Holly Hack for IE \*/
* html .glossyloginmenu li { float: left; height: 1%; }
* html .glossyloginmenu li a { height: 1%; }
/* End */


/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */