body{font-family: 'work_sansregular',Arial,sans-serif; margin:0;padding:105px 0 0; font-size:16px; color:#000000;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'work_sans_semiboldregular'; font-weight:normal; color:#000000;float:left; width:100%;}
h1{font-size:32px;margin:30px 0;}
h2{font-size:28px; margin:30px 0; -webkit-column-span: all; /* Chrome, Safari, Opera */column-span: all;}
h5{font-size:16px;}
a,a:visited{color:#70478c;text-decoration: none;}
img {max-width: 100%;}
a:focus {outline:none;outline-offset: -2px;}
a:focus, a:hover {color: #9b1e34; text-decoration:none;}
a:focus, a:hover {color: #9b1e34; text-decoration:none;}
a:active, a:hover {outline: 0 none;}
a:active, a:hover { outline: 0 none;}
input{border-radius:0;}
p{margin-bottom:20px; clear:both;}
.form-submit{font-weight:normal; border:0;text-shadow:0 0 0;font-size:16px; margin-right:10px;color:#fff;padding: 10px 16px;}
.search .btn.bluebtn.form-submit{margin-top:0px;}
/*Header CSS Start*/
header{position:fixed; top:0; height: 105px;z-index:999; background:#FFF;border-bottom:5px solid #5b3a72;float:left; width:100%;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
/*header.sticky {position: fixed;height:105px; width: 100%;text-align: left;z-index:99999; }*/
header .container{position:relative;}
header .top {float: right; padding:15px 0;width: auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
header .toplink {float: left; margin: 0; padding:3px; width: auto;}
header .toplink > li { float: left; line-height: 16px; list-style: outside none none; padding: 0 15px;}
header .toplink > li:first-child {border-right: 1px solid #b0b0b0;}
header .toplink  > li a{color:#9b1e34; font-size:14px;}
header .toplink  > li a:hover{color:#70478c;}
header .sociallink {float: left;padding:0 30px;}
header .sociallink > a {background:#bdbdbd; border-radius: 50px; color: #fff; float: left; height:23px; line-height:23px; margin: 0 5px; text-align: center; width:23px; font-size:12px;}
header .sociallink > a:hover{background:#70478c;}

header .logo{margin:2px 0 0;padding:0;float:left;}
header .logo img{position:relative;z-index:10;width:100%;height:auto;}

.topmenu {float:right;border:0 none;border-radius: 0;box-shadow:0 0 0;float:right;margin:0;min-height: 0;background:none;}
.navbar-default .navbar-nav > li > a{font-family: 'work_sans_mediumregular';color:#70478c;font-size:17px; padding:12px;text-transform:uppercase;}
.navbar-default .navbar-nav > li > a:hover{color:#9b1e34;}
.navbar-default .navbar-nav > li > a:hover{color:#9b1e34;}
.navbar-default .navbar-nav > li > a:focus{color:#70478c;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{color:#9b1e34;background:none;box-shadow:0 0 0;}
.videobox{float:left;width:100%;}
.videobox .videoimg{margin-bottom:30px; width:100%;height:auto;}
.videobox > p {font-size: 14px;font-style: italic; margin: 0; padding: 0 5px;}
.mega-dropdown-menu .videobox .dropdown-header{text-transform:uppercase;font-family: "work_sans_mediumregular";font-size: 15px; padding:0 0 10px;}
.headright{position:static;}
.rightline{border-right:5px solid #9b1e34;}
.menuright{margin:0; padding:41px 0 0;}
.mega-dropdown-menu ul.lastmenu{list-style:none; margin:165px 0 0 0; padding: 0;}
.mega-dropdown-menu  ul.lastmenu li{list-style:none;}
.mega-dropdown-menu  ul.lastmenu li a{text-transform:uppercase;font-family: "work_sans_mediumregular"; font-size:15px;}

.mega-dropdown-menu  ul.lastmenu li.open{list-style:none;}
.mega-dropdown-menu  ul.lastmenu li.open a{text-transform:uppercase;font-family: "work_sans_mediumregular"; font-size:15px;}

.mega-dropdown-menu ul{ margin:0 15px 50px;padding:5px 10px;}
.mega-dropdown-menu ul li { list-style:initial;padding:2px 0;color:#a491b5;}
.mega-dropdown-menu ul li  a { clear: both; color: #000000; display: block;font-weight: normal; line-height: 1.42857; padding:0; white-space: normal; font-size:14px; font-weight:bold;}
.mega-dropdown-menu ul li  a:hover, .mega-dropdown-menu ul li a:focus {background:none; color: #9b1e34; text-decoration: none;}

.mega-dropdown-menu ul li.open { list-style:initial;padding:2px 0;color:#a491b5;}
.mega-dropdown-menu ul li.open  a { clear: both; color: #000000; display:inline-block;font-weight: normal; line-height: 1.42857; padding:0; white-space: normal; font-size:14px; font-weight:bold;background:none;}
.meg
a.viewmore, a.viewmore:visited{border:2px solid #fff; display: table; margin: 6% auto 0; padding:12px 5%; text-align: center;color:#FFF; text-transform:uppercase;}
a.viewmore:hover{background:#715583;}

a.acceptedbtn, a.acceptedbtn:visited{border:1px solid #cdcdcd; display: table; margin: 6% auto 0; padding:12px 5%; text-align: center;color:#333333; text-transform:uppercase;}
a.acceptedbtn:hover{background:#715583;color:#FFF;}


.community{text-align:center; overflow:hidden;}
/*Inner pages CSS*/
.innerbanner{display:inline-block; width:100%; position:relative;z-index:1;overflow:hidden;}
.innerbanner .banner-img {height: auto; width: 100%;}
.main-title{position:absolute; top:25%; left:0; width:100%; text-align:center;}
.main-title .boxbg{background:rgba(242,209,61,0.9);display:inline-block;padding:15px 30px;}
.main-title .boxbg > ul {display:block;margin: 0;padding: 0;}
.main-title .boxbg li {display: inline-block; list-style: outside none none; padding:0 5px;color:#FFF;}
.main-title .boxbg li  a{color:#FFF;}
.main-title .boxbg li  a:hover{color:#492065;}
.main-title h1{margin:0;padding:0;color:#FFF;font-family:'work_sansbold'; text-transform:uppercase;font-size: 60px; line-height:60px;float:left;}

.innerpage{padding-bottom:0;}
.innerpage .container{background:#FFF;position:relative;  min-height:400px; padding:30px;}

.innerpage1{padding-bottom:0;}

.innerbanner .banner-tab-link{top:200px;}
.innerpage .first-content {padding:0;}
.innerpage .first-content p:first-child{ color: #5b3a72;font-family: 'work_sans_mediumregular'; font-size:24px;font-style: normal;font-weight: 600;-webkit-column-count:1; -moz-column-count:1; column-count:1;-webkit-column-gap:0; -moz-column-gap:0;column-gap:0;}
.innerpage .first-content p{-webkit-column-count:2;-moz-column-count:2;column-count: 2;-webkit-column-gap: 40px;-moz-column-gap: 40px; column-gap: 40px;}
.innerpage .all-content{float:left; width:100%;padding:0 0 10%;}
.innerpage .all-content h3{font-family: 'work_sansregular';font-weight:none;color:#262626;}
.innerpage .purplebox{background:#9e88ad url(../images/coma-img.png) 98% 0 no-repeat;padding:6% 5% 5%;color:#FFF; font-size:16px;}
.imgright{margin-left:20px;}

/*purplebox*/
.purpleboxbg{background:url(../images/art-events-bg.png) 0 0 no-repeat;background-attachment:fixed; background-size:cover; clear:both; overflow:hidden; padding: 0;}
.purpleboxbg .quoteitem {background:#a491b5 url(../images/coma-img.png) 82% 58px no-repeat;border-radius: 500px;min-height:500px;margin:-5% 0;padding: 10%;}
.purpleboxbg .quoteitem  .quoteitem-inner {padding:0;display:inline-block; width:100%;color:#FFF;}
.purpleboxbg .quoteitem  .quoteitem-inner h4{color:#5b3a72;font-size:24px;float:left;width:85%;}

.yellowbox{background:url(../images/yellowbg.png) 0 0 no-repeat;background-attachment:fixed; background-size:cover; clear:both; overflow:hidden; text-align:center;}
.yellowbox h1{font-family: 'work_sansbold';color:#70478c;font-size:4em; margin: 0;}
.yellowbox p{color:#70478c;display: inline-block;width: 70%;margin:0; font-size:18px;}

.buttonbox{text-align:center; width:100%;float:left;padding-top:5%;}
a.todaybtn, a.todaybtn:visited{border:1px solid #231f20; display:inline-block; padding:10px; text-align: center;color:#333333; text-transform:uppercase; min-width:200px; margin:10px 5px;}
a.todaybtn:hover{background:#9b1e34;color:#FFF;border:1px solid #9b1e34;}



/*Footer Start*/
footer{background:#592b82; padding:30px 0 0; width:100%; } 

footer .container{padding-left:0; }
footer .container .row div{ margin: auto;}
footer .address{color:#FFF; padding:0px 15px 0;margin:0;}
footer .phone{color:#FFF;padding: 0px 15px 5px 0px; margin:0;}

footer .fnav{float:left; margin:0; padding:0;}
footer .fnav li{color:#a491b5; padding:3px 0; list-style:none;}
footer .fnav li a{color:#FFF; text-transform:none; text-decoration:none; font-size:16px;}
footer .fnav li a:hover{color:#b89dd0;text-decoration:none;}

footer .stayconnect{float:right;padding:0 15px; text-align: right;}
 
footer .stayconnect h3{color:#d1d3d4; font-size:16px; text-transform:uppercase;text-align:left; margin:10px 0;}
footer .stayconnect p{margin:0;padding:0; }
footer .stayconnect p a{background:none;border: 2px solid #fff; border-radius: 200px; color: #fff;cursor: pointer;float:left; font-size: 18px; height: 42px; line-height: 35px; margin: 0 15px 0 0; padding-top: 2px; text-align: center; width: 42px;}
footer .stayconnect p a:hover{color:#FFF;text-decoration:none;opacity:0.6;}

footer .stayconnect a.btn{font-size:11px;margin-top:10px;padding:8px;float:left;}
footer .stayconnect a.btn:hover{background:#2dc3e8;}
footer .likebox{float:left; padding:15px; }
footer .copyright{background:#392049; color:#a491b5; font-size:14px; margin:30px 0 0;padding:2% 0;}
footer .copyright a{color:#a491b5;}
footer .copyright a:hover{color:#FFF;}
/*Ends*/



/*Get Social Start*/
.nav.nav-tabs.getsocial { display: inline-block; margin: 0 auto; text-align: center; width: 100%;border-bottom: 3px solid #592b82;}
.nav.nav-tabs.getsocial > li { display: inline-block;float: none;margin:0 8%; padding:15px 0;}
.nav.nav-tabs.getsocial a{color:#999; font-size: 35px;border:0;}
.nav.nav-tabs.getsocial a:hover{color:#592b82;background:none;}
.nav.nav-tabs.getsocial li.active > a:hover{border:0;color:#592b82;}
.nav.nav-tabs.getsocial li.active > a{color:#592b82; border:0;}
.nav.nav-tabs.getsocial li.active > a:before{border-bottom:20px solid #592b82; border-left:20px solid transparent; border-right:20px solid transparent; content: ""; display: inline-block; right:50%; position: absolute; bottom:-15px;margin:0 -20px 0 0;  -moz-transition: 0.3s; -webkit-transition: 0.3s;  -o-transition: 0.3s;  transition: 0.3s;}
.nav.nav-tabs.getsocial li.active > a:after{border-bottom:20px solid #fff; border-left: 20px solid transparent; border-right: 20px solid transparent; content: ""; display: inline-block; right:50%; position: absolute; bottom:-19px;margin:0 -20px 0 0; }

.tab-content.getsocialcont{padding:15px 0}
/*Community*/

.navbar-collapse.collapse{padding:0;}
/*Get Social Ends */

/*Media CSS Start*/
@media (min-width:1024px) and (max-width:1199px) {
.container{width:100%;}
.banner-tab-link{top:225px;}
header{height:105px;}
header .logo{margin:15px 0 0;}
header .logo img{max-width: 320px;}
.navbar-default .navbar-nav > li > a{font-size:15px;  padding:5px 10px;}
.programsbox h3{font-size: 20px;}
.joinouremail select{margin:8px 0;}
.innerbanner .banner-tab-link{top:200px; }

}
@media (max-width: 1024px) {
.footer-logo > img { height: auto; width: 100%;}
footer .container {padding: 0 30px;}
footer .stayconnect p a{font-size: 16px; height: 35px; line-height: 30px;margin: 0 10px 0 0; width: 35px;}
.communitybox .maining {height: auto;width: 100%;}
.programsbox h3{font-size:20px;}
.box h2{font-size:22px;}
.box p{min-height:300px;}

.container{width:100%;}
.innerbanner .banner-tab-link{top:150px;}
.main-title .boxbg{padding:10px 30px;}
.main-title h1{font-size:45px; line-height:45px;}
}

@media (min-width:993px) and (max-width:1023px) {
.container{width:100%;}
.banner-tab-link{top:225px;}
header{height:105px;}
header .logo{margin:15px 0 0;}
header .logo img{max-width: 320px;}
.navbar-default .navbar-nav > li > a{font-size:16px;  padding:5px;}
.main-title .boxbg{padding:10px 30px;}
.main-title h1{font-size:45px; line-height:45px;}
}
@media (min-width: 768px) and (max-width: 992px) {
.navbar-default .navbar-nav > li > a{font-size:14px;}
header{height:75px;}
body{padding:75px 0 0;}
header.sticky{height:75px;}
header .top{padding:10px 0 5px;}
header .logo{margin:16px 0 0;}
header .logo img{max-width:225px;}
header.sticky .navbar-default .navbar-nav > li > a{font-size:14px;}
.navbar-default .navbar-nav > li > a{padding:5px;}
.mega-dropdown-menu{padding:20px;}
.communitybox .box1, .communitybox .box2, .communitybox .box3, .communitybox .box4, .communitybox .box5, .communitybox .box6, .communitybox .box7, .communitybox .box8, .communitybox .box9{font-size: 20px;}
.box h1{font-size: 7em;}
.box h2 {font-size: 1em;min-height:65px; padding: 10px;}
.box p{font-size: 14px;line-height:20px;padding: 10px; min-height:290px;}
.learnmore{font-size:14px;padding: 8px 10px;}

footer{text-align:center; padding:30px 0 0;}
footer .container{padding-left:15px;}
footer .footer-logo{margin-top:30px;}
footer .fnav {margin:0;}
footer .fnav li{display: inline-block;float: none; margin: 0;padding:5px 15px;}
footer .fnav li a{font-size:14px;}
footer .stayconnect{text-align:center;}
footer .stayconnect p a{display:inline-block; float:none;}
footer .likebox{width:100%;}
footer .footer-logo{width:100%;}
footer .footer-logo img {width: 80%;height: auto;max-width: 280px;}
.get-social-box .getsocial-text .commentbtn{font-size:12px;}
.innerbanner .banner-tab-link{top:150px;}
.banner-tab-link{top:160px;}
.rightmenu{ padding:0 0 15px 0;}

.purpleboxbg .quoteitem{background-position:72% 36px; padding:15% 10%;}
.main-title .boxbg{padding:10px 30px;}
.main-title h1{font-size:45px; line-height:45px;}
}
@media (max-width: 850px){
.navbar-default .navbar-nav > li > a{padding:5px 4px;}
header .logo {margin: 20px 0 0;}
}
@media (max-width: 768px){
header .logo {margin:26px 0 0;}
}
@media (max-width: 767px) {
.innerbanner .banner-tab-link{top:0;}
body{ padding:58px 0 0;}
header .logo{margin:5px 0 0;}
header, header.sticky{height:58px;}
header .logo img{width:180px; height:auto;}
header .top{display:none;}
.banner-tab-link {margin:30px 30px 0; position: relative; top:0; display:block!important;opacity: 1!important;}
.banner-tab-link li{background:#9b1e34;border-left:0; text-align:center;}
.banner-tab-link li:hover{background:#701626;}
.mainslider .slick-dots{bottom:-5px;}
.navbar-default .navbar-toggle{border: 0 none;margin: 20px; padding: 0;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:none;}
.navbar-default .navbar-toggle .icon-bar{background:#735787;}
.navbar-toggle .icon-bar{border-radius: 5px; height: 4px; width: 30px;}
.box{margin-bottom: 30px;}
.box h2{ min-height: 0;padding: 30px 15px;}
.box p{min-height:160px;}
.section-header .section-title{font-size:30px;}
.programsbox .icon{ margin-right: 10px; width: auto;}
.programsbox h3{ padding: 20px 0; width:68%;}
.programsbox p{margin-bottom: 15px;min-height: 0;width: 100%;}
.programsbox .readmore{margin:0;}
a.viewmore, a.viewmore:visited{width:90%;}
a.acceptedbtn, a.acceptedbtn:visited{width:90%; margin:0 auto 15px auto;}
.art-events-box{margin-bottom: 60px;}

.nav.nav-tabs.getsocial{border-bottom:0;}
.nav.nav-tabs.getsocial > li{margin:0; padding:0;}
.nav.nav-tabs.getsocial li.active > a:before{display:none;}
.nav.nav-tabs.getsocial li.active > a:after{display:none;}


footer{text-align:center; padding:30px 0 0;}
footer .container{padding-left:15px;}
footer .fnav {margin:0;}
footer .fnav li{display: inline-block;float: none; margin: 0;padding:5px 15px;}
footer .fnav li a{font-size:14px;}

footer .stayconnect{width: 100%;    float: none; text-align: center !important;}
footer .stayconnect p a{display:inline-block; float:none; text-align: center !important;}

footer .likebox{width:100%;}
footer .footer-logo{width:100%; margin-top:40px;}
footer .footer-logo img {width: 80%;height: auto;max-width:260px;}


.scrollToTop{width:40px;height:40px;line-height:40px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {background:#fff;border-color: #e7e7e7;position: absolute;right: 0;top: 60px;z-index: 99999; width: 100%;}
.videobox .videoimg{width:100%;height:auto;}
.mega-dropdown-menu{padding:0;}
/*.midslider{display:none;}*/
.innerbanner{overflow:visible;}
.innerbanner img {height: auto; width: 100%;min-height:135px;}
.main-title{top:10%;}
.main-title .boxbg{padding:15px;}
.main-title h1{font-size:26px;line-height:20px;}
.main-title .boxbg li{font-size:13px;}

.innerpage .container{top:0;padding: 10px;}
.innerpage.topspaceup .container{top:0;padding: 0 15px;}
.rightmenu{ padding:0 0 10px;}
.innerpage .first-content{padding:0;}
.innerpage .first-content p:first-child{font-size: 20px;}
.innerpage .first-content p{-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;}
.innerpage .all-content{padding:0;}
.innerpage .all-content h3{font-size:20px;}
.imgright {margin-left: 0; width: 100%;height: auto;}
.buttonbox{padding:10% 0;}
.affordabilitybox p{margin-bottom:30px;}
.yellowbox p{margin-bottom:30px;}

.purpleboxbg .quoteitem {margin: -12% 0; min-height: 0; padding: 25% 12%; background-position: 76% 56px ;}
.purpleboxbg .quoteitem .quoteitem-inner h4{width:100%;font-size:19px;}
.purpleboxbg .quoteitem .quoteitem-inner{font-size: 14px;padding:0;width:100%;}
.admissionbox{text-align:center;}
.admissionbox .img-responsive{display: inline-block;}

.animated { -webkit-animation-duration: 1s !important; animation-duration: 1s !important;}



}

@media (max-width: 480px) {
   .innerpage .container{top:0;padding:3px;}
}



.ror {
    border: thin #D8000C solid !important;   
    color: #D8000C !important;   
    background-color: #FFBABA !important;   

}
table.TextBoxError
{ 
        padding: 10px;
}
.TextBoxError {
    border: 2px solid #fd2222 !important;
    background-color: #fee0e5 !important;
    color: #D8000C !important;
    border-spacing: 5px 5px !important;
    border-collapse: separate !important;
}


.ADAComplianceDisclaimer {
    font-size: 13px;
    font-style: italic;
    text-align: left;
    background: transparent;
    padding: 5px;
	color:#bdafca;
 
}


.wcga-page-title {
	color:#4B0082;
	text-transform: uppercase;
	
	 /* position: relative;		Sergey: removed because it makes the element run over the element above it and buttons becomes unclickable 11/17/2017 */
	line-height: 1.4em;
	text-align: center;
	font-size: 32px !important;
	}

.wcga-page-title span{font-family: 'work_sans_lightregular';} /* Makes font thiner inside the span tag  */ 

.wcga-page-title-major-page-padding {
	padding-bottom:18px;
	}


/*================================*/
.wcga-section-title {
	color: #000000;
	text-transform: uppercase;
	position: relative;
	font-family: 'work_sans_mediumregular';
	font-size: 24px !important;
    text-align: center;
    margin: 0px;
}
	
.wcga-section-title span{
	font-family: 'work_sans_lightregular';}

.panel-title {
    float: none;
}


/*================================*/
   /* 
.radioButtonsHor {

           -webkit-box-shadow: none;
    box-shadow: none;

    
}   */
.radioButtonsHor  tr td {
    padding-left: 15px;

}
.radioButtonsHor  tr td label {
    margin-left: 5px;
}


label {
    color: #402854 !important;
     margin-left: 5px;
}

.RadioButtonListInline {
    display: inline;
    /*margin-top: 5px;*/
}

.RadioButtonListInline  tr td {
    vertical-align: bottom;
    position: relative;
    top: 10px;
}

.underined {
   text-decoration:none;
   border-bottom: dotted #70478c thin;
   text-decoration-color:  #70478c;
    cursor: pointer;
    font-size: 80%;
}


.tooltip-inner {
    background-color: #70478c;
    color: #fff;
}
/* Customize Bootstrap ToolTip*/
.tooltip.top .tooltip-arrow {
    border-top-color: #592b82;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #592b82;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #592b82;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #592b82;
}/**/

 /*================================ Loader CSS ===============================*/
    .ModalLoadingLogo{background-color:white;background-color:rgba(255,255,255,0.99);display:none;position:fixed;z-index:100000;top:0;left:0;height:100%;width:100%}
    .SpinnerLogoContaier{background:url('../../images/WesleyanCollegeLogo.png') no-repeat center;width:150px;height:150px;position:absolute;left:50%;top:50%;margin:-75px 0 0 -75px}
        
    .LogoSpinner{width:150px;height:150px;left:50%;top:50%;margin:-75px 0 0 -75px;position:absolute;border:solid #70478c;border-width:6px 0 0 0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:spin 1.9s infinite linear;-moz-animation:spin 1.9s infinite linear;-o-animation:spin 1.9s infinite linear;animation:spin 1.9s infinite linear}
    body.loading{overflow:hidden}

    body.loading .ModalLoadingLogo{display:block}

    .LogoLoaderText {
        color:#70478c;font-family:'work_sans_mediumregular';
        font-size:13px!important;
        text-align:center;
        margin-top:0;
        position:absolute;
      
        left:50%;top:50%;margin:75px 0 0 -75px;padding-top:5px;padding-right:15px
    }
    @-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}
    @-moz-keyframes spin{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}
    @-o-keyframes spin{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}
    @keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}
 /*================================ END Loader CSS ===============================*/





.btnNewTheme, .btnNewTheme:visited {
    background: #f0f0f0;
    border-radius: 0;
    text-transform: uppercase;
    padding: 8px 20px;
    min-width: 200px;
    font-size: 18px;
    line-height: 1.3333333;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
}
.btnNewTheme:hover{background:#715583;color:#FFF}

.btnNewThemeRed, .btnNewThemeRed:visited{
	
    background: #f0f0f0;
    border-radius: 0;
    text-transform: uppercase;
    padding: 8px 20px;
    min-width: 200px;
    font-size: 18px;
    line-height: 1.3333333;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    /*border:1px solid #715583;*/
	
}
.btnNewThemeRed:hover {
    background:#9b1e34 !important;
    color:#FFF !important; 
    border:1px solid #9b1e34 !important;
}


/*=====================  Styles for RadioButtonList: styles as real buttons  ==============================*/
/*.RadioGroup {
    
}
    */
.RadioGroup input {
    display: inline;
    width: 0px;
    height: 0px;
    opacity: 0;
    margin: 0;
}




.RadioGroup input.Show {
        display: inline !important;
    }

.RadioGroup label {
        border:1px solid #cdcdcd;
        margin: 10px  10px;
        padding: 12px 15px 12px 15px;
        text-align:center;
        cursor: pointer;
        min-width: 200px;
        color:#333;
        display: inline-block;
        font-weight: normal;
        text-transform: uppercase;
    }


.RadioGroup.RadioGroup-small label {
        border:1px solid #cdcdcd;
        margin: 10px  10px;
        padding: 6px 10px;
        font-size: 11pt;
        text-align:center;
        cursor: pointer;
        min-width: 140px;
        color:#333;
        display: inline-block;
        font-weight: normal;
        text-transform: uppercase;
    }



    .RadioGroup label:hover, .RadioGroup label.RadioButtonChecked {
        background-color: #715583;
        color: #FFF !important;
    }



     .RadioGroup label.before {
        content: "\f046";
        font-family: FontAwesome;
        left: -7px;
        position: relative;
        visibility: hidden;
    }

      .RadioGroup label.RadioButtonChecked:before {
        content: "\f046";
        font-family: FontAwesome;
        left: -7px;
        position: relative;
        visibility: visible !important;
    }


.RadioGroup-small label.before, .RadioGroup-small label.RadioButtonChecked:before {
        left: -1px;
      
    }




    .RadioButtonAsButtons {
          list-style: none;
    }

    .RadioButtonAsButtons li {
        list-style-type: none;
        display: inline-block;
        margin: 15px;
    }

    .RadioButtonAsButtons input {
        display: none;
    }

    .RadioButtonAsButtons li {

        border:1px solid #cdcdcd;
        margin: 10px  10px;
        padding: 12px 5%;
        text-align:center;
        cursor: pointer;
        min-width: 200px;
        color:#333;

    }

    .RadioButtonAsButtons li label {
   
        font-weight: normal;
        text-transform: uppercase;
        display: inline;
       
        padding: 0;
        cursor: pointer;
    }

    .RadioButtonAsButtonsChecked, .RadioButtonAsButtons li:hover, .RadioButtonAsButtons li:hover  > label, .RadioButtonAsButtonsChecked label{
        background-color:   #715583;
         color: #FFF !important;
      
    }



    .RadioButtonAsButtonsChecked label:before {
        content: "\f046";
        font-family: FontAwesome;
        left: -7px;
        position: relative;
       
    }

/*=====================  END Styles for RadioButtonList: styles as real buttons ==============================*/




.has-error {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
   
    background-color: #f2dede;
    border-color: #a94442;
    border-radius: 5px;
    padding: 5px 10px;
    /* 
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

     border: 2px solid #fd2222 ;
     background-color:#fdeef1;   
     color: #D8000C !important;
    border-spacing: 5px 5px;
    border-collapse: separate;
     padding: 0px 5px;
    
 */
}
.with-errors {
    color: #D8000C;
    font-weight: bold;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}


.form-group .row {
    margin: 0px; 
    
}