﻿/*header*/

/*slider bootstrap overwrites right float,adding back*/
.navbar-header
{
	float:right !important;
}

.header-container
{
	margin-right:auto;
	margin-left:auto;
	padding-left:0px;
	padding-right:0px;
	max-width:none;

}


.header-bottom-container, .header-top-container {
    padding-left: 6.25%;
    padding-right: 6.25%;
}

.header-top-container
{
	background-color:#545454;
	  margin-top: -10px;
	width: 100%;
	float: right;
	padding-bottom: 9px;	
	padding-top: 9px;
	text-align:center;
}
}
@media (min-width:1025px)
{
div#auxiliary-container {
    padding-left: 6.25%;
    padding-right: 6.25%;
}
}

@media (min-width:768px)
{
.header-logo-container
{
	display:none;
}
}

@media(max-width:767px){
	.HideLink{display:none}
}


/*end header*/
/*footer*/

@media (min-width:1025px)
{
	.footerlinksbox
	{vertical-align:top;
	display:inline-block;
		margin-left: 50px;}

}
@media (max-width:1024px)
{
	.footerlinksbox
	{
	vertical-align:top;
	display: inline;
	}

}

.footerlinksbox UL LI {
	list-style: none;
	line-height: 20px;
	letter-spacing: .5px;
	color: #999999;
	font-family: 'Montserrat',sans-serif;
	font-size: 12px;
	text-align: left;
}


.footerlinksbox strong
{
	font: 700 12px/58px 'Lato',sans-serif;
	line-height: 1.15;
	letter-spacing: .5px;
	float:left;
}
.footerlinksbox UL
{
  	margin-top: 22px;
  	margin-left: -40px;
}

.footerlinksbox UL LI
{
   	list-style: none;
    	line-height: 20px;
    	letter-spacing: .5px;
    	color: #999999;
    	font-family: 'Montserrat',sans-serif;
    	font-size: 12px;
    	text-align: left;
}

.footer-content a 
{
	color: #FFFFFF;
	text-decoration: none;
	line-height: 1.15;
	letter-spacing: .5px;
	color: #999;
	font-weight: 400;
	font-family: 'Montserrat',sans-serif;
	font-size: 12px;
}

.floatright a
{
	float:right;
}

.footer-nav-copyright .footer-copyright
{
	display:block;
	float:none;
}

.copyright{
	float:left;
}


/*end footer*/
/*navigation*/


.breadcrumb-obo-container.ClearFix, .ProxyPanelContact
{
	background-color:#9d154e;
	color:#FFFFFF;
}

.breadcrumb-obo-container.ClearFix 
{
    margin-top: -10px;
    padding-bottom: 20px;
    width:100%;
}
.breadcrumb {
    display: none;
}


.nav-auxiliary a
{
	color:#FFFFFF;
}
.HideLink
{
   margin-top: -9px;
}

.HideLink span.rmText
{
    display: none;
}

.navbar-collapse.collapse, 
.nav-primary {
    width: 100%;
}

@media (min-width:1025px){
.nav-primary{
    text-align: center;
    }
.RadMenu.rmResponsive ul
{
	display:inline-block;
}}

div#navbar-collapse
{
	background-color:#9d154e;
	color:#FFFFFF;
}

ul.rmVertical.rmGroup.rmLevel1
{
	text-align:left;
}


/*all navigation items are white*/
.RadMenu.rmResponsive .rmRootLink:hover,
.RadMenu.rmResponsive .rmRootLink:active,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover,
.rmResponsive .rmSlide .rsmLink:focus,
.rmResponsive .rmSlide .rsmLink:hover,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover,
.RadMenu.rmResponsive .rmLink,
.rmResponsive .rmSlide .rsmSelected > .rsmLink,
.rmResponsive .rmSlide .rmFocused > .rmLink,
.rmResponsive .rmSlide .rmSelected > .rmLink,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink,.RadMenu.rmResponsive .rmRootLink, 
.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink,
.rmResponsive .rmSlide .rmLink:hover,
.rmResponsive .rmSlide .rmLink:focus,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus,
.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink,li.rsmItem

{
	color:#FFFFFF;
}


/*normal navigation*/

.nav-secondary .sub-nav-head,
.RadMenu.rmResponsive .rmGroup,
.RadMenu.rmResponsive .rmExpanded > .rmRootLink,
.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink
{
	background-color: #9d154e;
	font-weight:normal;
}

.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink
{
	font-weight:normal;
}

/*hover background*/
.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink:hover,
li.rsmItem:hover,
li.rsmItem:focus,
.RadMenu.rmResponsive .rsmItem:hover,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus,
.rmResponsive .rmSlide .rsmLink:focus,
.RadMenu.rmResponsive .rsmItem:focus,
.RadMenu.rmResponsive .rsmItem:active,
a.rmLink.rmExpand.rmExpandRight:hover,
a.rmLink:hover,
.rmResponsive .rmSlide .rmLink:hover

{
	background-color:#FFFFFF !important;
}

/*hover and active navigaiton text*/
.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink:hover,
 li.rmItem.rmSelected.rmFocused,
 RadMenu.rmResponsive .rmRootGroup > .rmItem:hover, 
.rmResponsive .rmSlide .rsmLink:hover, 
a.rsmlink:hover,
.rmResponsive .rmSlide .rmLink:hover,
span.rmText:focus, .rmResponsive .rmSlide .rsmSelected > .rsmLink,
.RadMenu.rmResponsive .rmSelected > .rmRootLink:focus,
.rmResponsive .rmSlide .rsmLink:hover,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover
{
	font-weight:normal;
	color:#545454;

}

@media (min-width:768px){.RadMenu.rmResponsive .rmSlide .rmExpandRight:hover
{
	background-position:100% -90px;
}}




.rmResponsive .rmSlide .rsmLink
{
	text-align:left;
}

.navbar
{
	border:none;
	background-color:#9d154e;
}

/*responsive nav icons*/
@media (max-width: 767px)
{
	.nav-auxiliary .nav-aux-button .NavigationLink, .nav-auxiliary .navbar-toggle
{
	background-color:#9d154e;
}

.nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .navbar-toggle:hover,
 .nav-auxiliary .nav-aux-button .NavigationLink:focus, .nav-auxiliary .navbar-toggle:focus
.nav-auxiliary .nav-aux-button .NavigationLink:active, .nav-auxiliary .navbar-toggle:active
{
	background-color:#88063a;
}
}

/*end nav*/

/*needed for full rows layouts*/
/*sets background and borders*/
.bg-full-row 
{
	width: auto;
	display: block;
	padding-top: 2.5em;
	padding-bottom: 1.75em;
	background: #9d154e;
	padding-left: 6.25%;
  	padding-right: 6.25%;
	margin: 1em 0;
	border-top: 1px solid #9d154e;
        	border-bottom: 1px solid#9d154e;
}
/*site wide container set to full width*/
.container 
{   
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
overflow:hidden;
}

/*off sets the 100% container*/
.row 
{
    padding-left: 6.25%;
    padding-right: 6.25%;
    margin: 0 auto;
}

/*used on custom layouts as the full width row*/
.Row
{
   margin-right:-15px;
   margin-left:-15px;
}
/*end full width rows styling*/


/*slider*/
.carousel-caption
{
	background-color: rgba(84, 84, 84, 0.73);
	border: 1px solid #545454;
  	  /* box-shadow: 9px 7px #545454; */
   
}

/*force slider images to be same px height*/
.carousel-inner>.item>img
{
	/* height:599px */
}

 .ActionButton.sliderbtn, 
{
	padding-bottom: 12px;
}

.SectionLabel
{
	color:#545454;
}

.Spotlight a
{
	text-decoration:none;
}
/*red buttons*/
.Spotlight .TextButton, .LargeButton, .UseLargeButton .TextButton, .UseLargeButton .TextButtonWithImage, .TextButton, .PrimaryButton
{
	background-color: #9d154e;
	border-radius:5px;
	text-transform:uppercase;
}

/*white buttons*/
a.white.TextButton
{
	background-color: #FFFFFF;
	color: #9d154e;
	border-radius:5px;
	margin-top:0px;
	text-transform:uppercase;
}
/*hover buttons */
.TextButton:hover,  .PrimaryButton:hover, .SaveAndClose:hover,  .SaveAs:hover, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButtonWithImage:hover,  #masterHeaderActionArea a:hover, .RadGrid input.PrimaryButton:hover
{
	background-color: #88063a;
}

/*disabled buttons*/
.PrimaryButton[disabled]
{
	background-color: #d94c7c;
}




/*grey boxes*/
.ProgressTracker2 ul, .ProgressTracker2 .ProgressTrackerPanel
{
	background-color: #9d154e;
}

.ProgressTracker2 .ProgressTrackerPanel .label, .whiteText .SearchField label, .SearchField label
{
	color:#FFFFFF;
}

/*grids/lists*/
/*grey background*/
 .SearchResultSummary .ListItemTitle a 
{
	background-color:#dddddd;
}
/*red background*/
.SearchField,.RadScheduler.RadScheduler_Metro .rsHeader, .RadScheduler.RadScheduler_Metro .rsHeader ul a
{
	background-color: #9d154e;
	border-color:#FFFFFF
}


/*headers and fonts*/
h1.BigHeader, .CalloutPanelField1.PanelField .Label:first-child
{
	background-color: #9d154e;
	border-color:#9d154e;
}

 .CalloutPanelField1.PanelField .Label:first-child:after
{
	border-color:#9d154e transparent;
}

h1, .PageTitle
{
	color: #9d154e;
}




/*social media icons*/
.nav-auxiliary .header-social .SocialSprite
{
	    background-color: #545454;
}

/* search nav*/

@media(min-width:768px){

#SimpleSearchBlock {
    padding: 5px 0;
    width: 166px;
    height: 30px;
    position: relative;
    left: -12px;
    float: right;
    line-height: 22px;
    margin-top:-12px;
}

    #SimpleSearchBlock input {
        position: absolute;
        width: 0px;
        float: right;
        margin-right: 210px;
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
        -o-transition: all 0.7s ease-in-out;
        transition: all 0.7s ease-in-out;
        height: 30px;
        line-height: 18px;
        padding: 0 2px 0 2px;
        border-radius:1px;
    background-color: transparent;
	    border: transparent;
color:#ffffff;
    }

        #SimpleSearchBlock:hover input, #SimpleSearchBlock input:focus {
            width: 200px;
            margin-left: 0px;
        }

/* commmented out 1.5 mmw 
.btn {
    height: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    border-radius:1px;
}*/
/* search glass*/
.search-field {
    background-position: 5px 6px;
}
}

/*slider*/
span.glyphicon.glyphicon-chevron-left {
    display: none;
}
@media (min-width:937px)
{
carousel-inner>.item {
 /*    height: 24em; */
}
.carousel-inner {
 /*   height: 24em;  */
}

}
.Slider.FullWidth {
    margin-top: -80px;
    background-image: none;

}


img.rmLeftImage {
    max-width: 250px;
}
img.sliderImg {
	width:100%;
}
.Slider.FullWidth {
	

}

/* menu */
.RadMenu.rmResponsive .rmItem, li.rmItem.rmFirst.HideLink.rmSelected  {
    padding-top: 0px;
}
 .RadMenu.rmResponsive .rmRootGroup > .rmItem
{
	padding-top:25px;
}
/*slider menu*/

div#carousel-example-generic {
    margin-top: -22px;
}
.navbar {

    margin-bottom: 0px;
}
@media (min-width: 768px)
{
.navbar {
     border-radius: 0px;
}

}

li.rmItem.rmFirst.HideLink {
    padding-top: 0px !important;
}

.RadMenu.rmResponsive .rmRootGroup > .rmFirst > .rmLink:hover
{
	background-color:transparent !important;
}

.EventsArea {
    background: #000000;
	color: #ffffff;
padding: 10px;

}
/*hide the slider when in responsive */
@media (max-width: 415px)
{
.hideResponsive {
    display: none;
}
}



.fullHeight .CSA .Alert
{
	height:100%;
}

.fullWidth .CSA .Alert
{
	width:100%;
}

/*Join Style*/
.JoinButton .CSA .Alert:hover{
	background:#545454;
	color: #FFFFFF;	
	text-align:center;
}

.JoinButton .CSA .Alert{
	border: 1px solid #545454;
	border-radius:5px;
	text-align:center;
}

.CSA .Alert.JoinOption
{
	min-height:300px;
}
.CSA .Alert.JoinOption .SectionLabel {
    color: #FFFFFF;
}

.Next .CSA .Alert.Disabled
{
	opacity:.5;
}

.JoinButton .CSA .Alert .keyword{
	font-weight:100;
	margin-top:15px;
}


.JoinButton .CSA .Alert .alertBody, .ByThree .CSA .Alert .alertBody, .Summary .CSA .Alert .alertBody, .Summary .CSA .Alert {
	width:100%;
}


.Next .CSA .Alert
{
	float:left;
}
.StartOver .CSA .Alert, .FloatRight #ctl01_ButtonBar
{
	float:right;
}
.Error .CSA .Alert, .Error .CSA .Alert .alertBody
{
	width:100%;
	padding:0px;
    	border: none;
}

.Error .CSA .Alert .keyword, .Summary .CSA .Alert .keyword
{
 	text-align:center;
}

.RadioButton .CSA .Alert {
    border: none;
    /*width: 175px;*/
    width: auto;
    height:60px;
}

.RadioButton .CSA .Alert .alertBody img.icon
{
	/*margin:5px 0px;*/
	padding-right:4px;
	margin:10px 0px;
	padding-top:0px;
	padding-bottom:9px;
}

.RadioButton .CSA .Alert .alertBody .keyword {
    font-weight: 100;
}

.ByThree .CSA .Alert
{
	width:33%;
}
/* accordion */


button.accordion {
        background-color: #fff;
        color: #444;
        cursor: pointer;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 15px;
        transition: 0.4s;
	padding:0px;
    }
    
button.accordion.active, button.accordion:hover {
        background-color: #fff;
    }
    
button.accordion:after {
        content: 'Read More';
        font-size: 13px;
        color: #5280a8;
        float: right;
        margin-left: 5px;
    }
    
button.accordion.active:after {
        content: "-";
	text-decoration: underline;
    }
.accordion div.panel {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

.accordion td
{
	border:none !important;
}
div.panel.show {
    opacity: 1;
    max-height: 500px;
}

/* remove side navigation */
.has-secondary-col .col-secondary {
    display:none;
}
@media (min-width: 992px)
{
.has-secondary-col .col-primary {
    width: 100%;
}

}
.CSA .Alert .alertBody {
    width: 124px;
}
.CSA .Alert .alertBody .keyword {
    font-weight: normal;
}
.twoWide .CSA .Alert {
    width: 47%;
    border:none;
}
.bg_color1
{
	background-color: #FFFFFF;
}
.bg_color2
{
	background-color: #9D154E;
}

.bg_color2notFull

{
	background-color: #9D154E;
	margin-right:6.25%;
	margin-left:6.25%;
}
.bg_color3
{
	background-color: #EEEEEE;
}
.bg_color4
{
	background-color: #EEEEEE;
}

.bg_color4notFull

{
	background-color: #EEEEEE;
	margin-right:6.25%;
	margin-left:6.25%;
}

#masterContentArea {
 margin-top:0px;
}    

/*buttons join */


/*used on HTML Links*/
 #JoinButton
{
	width:auto;
	float:right;
	text-decoration:none;
}

#JoinButton a:hover
{
	text-decoration:none;
}
.Next .CSA .Alert.Disabled .alertBody:hover, .JoinButton .CSA .Alert.Disabled:hover
{
  background: #9d154e;
  background-image: -webkit-linear-gradient(top, #9d154e, #801240);
  background-image: -moz-linear-gradient(top, #9d154e, #801240);
  background-image: -ms-linear-gradient(top, #9d154e, #801240);
  background-image: -o-linear-gradient(top, #9d154e, #801240);
  background-image: linear-gradient(to bottom, #9d154e, #801240);
}

.JoinButton .CSA .Alert .keyword
{
	margin-top:10px;
}
.JoinButton .CSA .Alert:hover, #JoinButton:hover {
  background: #b0aeaf;
  background-image: -webkit-linear-gradient(top, #b0aeaf, #74787a);
  background-image: -moz-linear-gradient(top, #b0aeaf, #74787a);
  background-image: -ms-linear-gradient(top, #b0aeaf, #74787a);
  background-image: -o-linear-gradient(top, #b0aeaf, #74787a);
  background-image: linear-gradient(to bottom, #b0aeaf, #74787a);
  text-decoration: none;
  cursor: pointer;
}

.JoinButton .CSA .Alert, #JoinButton, .noHover .CSA .Alert:hover, #JoinMessage{
  background: #9d154e;
  background-image: -webkit-linear-gradient(top, #9d154e, #801240);
  background-image: -moz-linear-gradient(top, #9d154e, #801240);
  background-image: -ms-linear-gradient(top, #9d154e, #801240);
  background-image: -o-linear-gradient(top, #9d154e, #801240);
  background-image: linear-gradient(to bottom, #9d154e, #801240);
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  -webkit-box-shadow: 1px 1px 3px #666666;
  -moz-box-shadow: 1px 1px 3px #666666;
  box-shadow: 1px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
   border:none;
}


#joinHeader h4, #joinHeader h3
{
	background-image: #545454; /* For browsers that do not support gradients */
    background-image: -webkit-linear-gradient(#7b7a7a, #545454); /* For Safari 5.1 to 6.0 */
    background-image: -o-linear-gradient(#7b7a7a, #545454); /* For Opera 11.1 to 12.0 */
    background-image: -moz-linear-gradient(#7b7a7a, #545454); /* For Firefox 3.6 to 15 */
    background-image: linear-gradient(#7b7a7a, #545454); /* Standard syntax (must be last) */
    color:white;
    padding:20px;
    text-align:center;
    margin-top:initial;
    line-height:1.5em;
}
.fullBorder
{
	border:solid 1.5px #545454;
}


.RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_MetroTouch .rgSelectedRow, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch th.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell, .RadGrid.RadGrid_Metro .rgSelectedRow, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro th.rgSorted {
    background-color: #999999;
    border-color: #999999;
}
.hideipart, .hideHeader .panel-heading, .hideHeader #ctl01_TemplateBody_WebPartManager1_gwpciShoppingCart_ciShoppingCart_Update,
.hiddenUpdate .CSA .Alert
{
	display:none;
}
a[title="Remove this item from the cart"],  a[title="Remove this invoice from the cart"] {
	display: none; 
}
[id^="ctl01_TemplateBody_WebPartManager1_gwpciShoppingCart_ciShoppingCart_ItemGrid_Grid1_ctl00"] td:nth-child(2) {
    display: none;
}
[id^="ctl01_TemplateBody_WebPartManager1_gwpciShoppingCart_ciShoppingCart_ItemGrid_Grid1_ctl00"] tr th:nth-child(2) {
    display: none !important;
}

.noborder, .noborder .panel-border, .Summary .CSA .Alert
{
    border:none;
}


.JoinOption .panel-body
{
	display:inline-block;
}

.JoinOption .panel-body-container
{
	width:100%;
	display: inline-block;
	text-align: center;
}


/*cart styles*/
.cartHeadings h2, .cartHeadings .TitleBarCaption
{  font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    font-size: 16px;
    color: inherit;
}

.CartCharges {
    max-width: none;
    padding: 10px 30px;
}

div#ste_container_ciPaymentDetails {
	padding: 0 25%;
}

@media (max-width:768px){
.Next .CSA .Alert, .StartOver .CSA .Alert
{
	float:none;

}

.Next .panel-body, .Start .panel-body, .JoinButton .panel-body
{
	display:inline-block;
}

.Next .panel-body-container, .StartOver .panel-body-container, .JoinButton .panel-body-container
{
	width:100%;
	display: inline-block;
	text-align: center;
}
}

.CSA .Alert.PersonHasLocal .alertBody .keyword {
    opacity: .5;
}
.TextButton.blue {
    background: #3AABCF;
}

/* Formats phone and email on separate lines */
.FindATeacherPhone,
.FindATeacherEmail {
    display: block;
}

.hideCheckbox input[type=checkbox], .findTeacherHide .PanelTitle
{
	display:none;
}


.hideCheckbox td[id*="SelectCell"]
{
  display:none;
}

.hideCheckbox th:nth-child(2)
{
  display:none;
}
/*used to stop users from editing teaching areas*/
.hideEdit div[id*="ciAddTeachingArea_multipleInstanceList"] th:nth-child(3), .hideEdit div[id*="ciAddTeachingArea_multipleInstanceList"] td:nth-child(3) 
{
    display: none;
}


