@charset "utf-8";
/* My Portfolio Stylesheet for Bootstrap*/

/* New custom styles */
body {
	padding: 3.5em 0 2em 0;
}
/***REMOVED AS OF 7/11 because of new BRANDING SITUATION** 
.saot .ucdBar{
	height:27px;
	background-color:#667D9D;
}
.saot .ucdBar img{
	position:absolute;
	right:2px;
}*/
.saot a{
	color:#002855;
}
.saot a:hover{
	color:#c99700;
}
.saot .saot-top-bar .navbar-fixed-top {
    top: auto;
}

.saot .saot-top-bar .navbar-fixed-top, .saot .saot-top-bar .navbar-fixed-bottom {
	position:relative;
}

.saot .saot-top-bar {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1030;
}

.saot .saot-top-bar.unfix {
	position:relative;
}

.saot .saot-developer-bar {
	/*height:18px;*/
	/*overflow:hidden;*/
	text-align:center;
	background-color:#F00;
	padding-bottom:2px;
}

.saot .impersonator-bar {
	text-align:right;
	background-color:#DAAA00;
	padding-right:10px;
	/*height:18px;*/
	/*overflow:hidden;*/
	padding-bottom:2px;
}

.saot .impersonator-bar.su-bar {
	background-color:#FF0000;
}

.saot .impersonator-bar.impersonator-writable {
	background-color:#FF0000;
}

.saot .navbar .navbar-fixed-top{
	/*position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1030;*/
}
.saot .navbar.navbar-inverse.navbar-fixed-top .navbar-inner{
	padding:0px!important;
	background-color: #002855!important;
	background-image: -moz-linear-gradient(top, #335379, #002855)!important;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#335379), to(#002855))!important;
	background-image: -webkit-linear-gradient(top, #335379, #002855)!important;
	background-image: -o-linear-gradient(top, #335379, #002855!important);
	background-image: linear-gradient(to bottom, #335379, #002855)!important;
	background-repeat: repeat-x!important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff335379', endColorstr='#ff002855', GradientType=0)!important;
/*	border-top:1px solid #4D688C!important;*/
	border-bottom:0!important;
  	-webkit-border-radius:0px!important;
     -moz-border-radius: 0px!important;
          border-radius: 0px!important;
	min-height:5px!important;
}
.saot .navbar-inner img{
	float:left;
	margin-right:15px;
}
.saot .navbar .nav{
	margin:0;
	padding:0px;
}
.saot .navbar .nav > li > a{
  padding: 13px;
  color: #ffffff;
  text-decoration: none;
  text-shadow: 0 1px 0 #002855;
  border-bottom:3px solid #002855;
  text-shadow: 0 -1px 0 rgba(0,0,0,.4)!important;
  font-size:14px;
}
.saot .navbar .nav > li > a:focus,
.saot .navbar .nav > li > a:hover {
  color: #fff!important;
  text-decoration: none;
  border-bottom:3px solid #daaa00;
  box-shadow:none!important;
/*  text-shadow: none!important;*/
  -moz-box-shadow:none!important;
  -webkit-box-shadow:none!important;
  background-color: #1A3E68;
    background-image: -moz-linear-gradient(top, #4D688C, #1A3E68);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4D688C), to(#1A3E68));
  background-image: -webkit-linear-gradient(top, 4D688C, #1A3E68);
  background-image: -o-linear-gradient(top, #4D688C, #1A3E68);
  background-image: linear-gradient(to bottom, #4D688C, #1A3E68);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4D688C', endColorstr='#ff1A3E68', GradientType=0);
}
.saot .navbar .nav > .active > a,
.saot .navbar .nav > .active > a:hover,
.saot .navbar .nav > .active > a:focus {
  color: #fff!important;
  text-decoration: none;
  border-bottom:3px solid #daaa00;
  box-shadow:none!important;
  -moz-box-shadow:none!important;
  -webkit-box-shadow:none!important;
  background-color: #1A3E68;
    background-image: -moz-linear-gradient(top, #4D688C, #1A3E68);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4D688C), to(#1A3E68));
  background-image: -webkit-linear-gradient(top, 4D688C, #1A3E68);
  background-image: -o-linear-gradient(top, #4D688C, #1A3E68);
  background-image: linear-gradient(to bottom, #4D688C, #1A3E68);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4D688C', endColorstr='#ff1A3E68', GradientType=0);
}
.saot .navbar .btn-navbar{
	margin-top:10px!Important;
	margin-right:10px!important;
	font-size:1em;
	color:#fff;
	  background-color: #002855;
  *background-color: #002855;
  background-image: -moz-linear-gradient(top, #335379, #002855);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#335379), to(#002855));
  background-image: -webkit-linear-gradient(top, #335379, #002855);
  background-image: -o-linear-gradient(top, #335379, #002855);
  background-image: linear-gradient(to bottom, #335379, #002855);
  background-repeat: repeat-x;
  border-color: #002855 #002855 #335379;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff335379', endColorstr='#ff002855', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-shadow: 0 -1px 0 rgba(0,0,0,.2)!important;
}
.saot .navbar .btn-navbar:hover,
.saot .navbar .btn-navbar:active,
.saot .navbar .btn-navbar.active,
.saot .navbar .btn-navbar.disabled,
.saot .navbar .btn-navbar[disabled] {
  color: #ffffff;
  	background-color: #daaa00;
	*background-color: #f4d44f;
	background-image: -moz-linear-gradient(top, #f4d44f, #daaa00);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4d44f), to(#daaa00));
	background-image: -webkit-linear-gradient(top, #f4d44f, #daaa00);
	background-image: -o-linear-gradient(top, #f4d44f, #daaa00);
	background-image: linear-gradient(to bottom, #f4d44f, #daaa00);
	background-repeat: repeat-x;
	border-color: #daaa00 #daaa00 #f4d44f;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4d44f', endColorstr='#ffdaaa00', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.saot .brand{
	display:none!important;
}
.saot .ucdBrand{
	display:none!important;
/*	position:fixed;
	top:-5px;
	left:20px;
	background-image:url(../i/brand.png);
	width:130px;
	min-height:67px;
	background-repeat:no-repeat;
	z-index:1035;*/
}
.saot .dropdown-menu{
	padding-top:15px;
	padding-bottom:15px;
}
.saot .dropdown .caret{
	border-top: 5px solid #daaa00!important;
}
.saot .dropdown .nav-header{
	font-size:14px;
	color:#335379;
	padding-left:10px!important;
}
.saot .dropdown .icon-user{
	margin:0px 3px 0px 0px!important;
	padding:0px!important;
	line-height:14px!important;
	height:14px;
	display:inherit;
}
/*styles for main nav drop down*/
.saot .navbar .nav li.dropdown.open > .dropdown-toggle,
.saot .navbar .nav li.dropdown.active > .dropdown-toggle,
.saot .navbar .nav li.dropdown.open.active > .dropdown-toggle {
  color: #fff!important;
  text-decoration: none;
  border-bottom:3px solid #daaa00;
  box-shadow:none!important;
/*  text-shadow: none!important;*/
  -moz-box-shadow:none!important;
  -webkit-box-shadow:none!important;
  background-color: #1A3E68;
    background-image: -moz-linear-gradient(top, #4D688C, #1A3E68);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4D688C), to(#1A3E68));
  background-image: -webkit-linear-gradient(top, 4D688C, #1A3E68);
  background-image: -o-linear-gradient(top, #4D688C, #1A3E68);
  background-image: linear-gradient(to bottom, #4D688C, #1A3E68);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4D688C', endColorstr='#ff1A3E68', GradientType=0);
}
.saot .dropdown-menu li > a{
	color:#335379;
}
.saot .dropdown-menu div > li > a{
	color:#335379!important;
}
.saot .dropdown-menu li > a:hover,
.saot .dropdown-menu li > a:focus,
.saot .dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #335379;
  background-image:none!important;
  text-shadow:none!important;
}
.saot .dropdown-menu div > li > a:hover,
.saot .dropdown-menu div >  li > a:focus{
  color: #ffffff!important;
  text-decoration: none!important;
  background-color: #335379!important;
  background-image:none!important;
  text-shadow:none!important;
}

/* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    /*.saot {
      padding-bottom: 0px;
    }*/



    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */
	.saot #SAOTHomeItem {display:none;}
	.saot #SAOTSearchBar2 {display:none;}
	.saot #SAOTLoginBar2 {display:none;}

    /* Special class on .container surrounding .navbar, used for positioning it into place. */
    .saot .navbar-wrapper {
      /*position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10;
      margin-top: 20px;*/
      /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
    }
    .saot .navbar-wrapper .navbar {

    }

    /* Remove border and change up box shadow for more contrast */
    .saot .navbar .navbar-inner {
      border: 0;
      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
              box-shadow: 0 2px 10px rgba(0,0,0,.25);
    }

    /* Downsize the brand/project name a bit */
    .saot .navbar .brand {
      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
      font-size: 16px;
      font-weight: bold;
      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
    }

    /* Navbar links: increase padding for taller navbar */
    /*.saot .navbar .nav > li > a {
      padding: 12px 17px;
    }*/

    /* Offset the responsive button for proper vertical alignment */
    .saot .navbar .btn-navbar {
      margin-top: 10px;
	  margin-bottom:5px!important;
    }
	
	.saot .navbar .nav {
		padding-right:0;
		margin-right:0;
	}
	
	.saot .navbar .nav.main{
		margin-left:-10px;
	}
	.saot #SAOTLoggedInTextContainer1 {
		display:inline-block;
		max-width:165px;
		font-size:14px!important;
		white-space:nowrap;
	}
	.saot #SAOTLoggedInTextContainer2 {
		display:inline-block;
		white-space:nowrap;
/*		line-height:14px;
		height:14px;*/
		vertical-align:text-top;
	}
	.saot .nav.pull-right [class^="icon-"], .saot .nav.pull-right [class*=" icon-"]{
		height:auto;
		vertical-align:baseline!important;
	}
	.saot .nav.pull-right li{
		line-height:auto!important;
	}
	/*.saot .secondary.menu {
		position:fixed;top:0;margin-top:47px;width:100%;
	}*/
	
	/* Styles for page title element*/
	/*.saot .subHeading{
		border-bottom:1px solid #dae0e9;
		position:fixed;
		top:46px;
		display:block;
		width:100%;
		padding:12px 0 0 0;
		z-index:1001;
		background-color:#ffffff;
		*zoom: 1;
	}*/
	.saot .subHeading:after {
	clear: both;
	}
	
	.saot .subHeading:before, .saot .subHeading:after {
	content: "";
	display: table;
	line-height: 0;
	}
	
	.saot .subHeading:after {
	clear: both;
	}
	
	.saot .subHeading:before, .saot .subHeading:after {
	content: "";
	display: table;
	line-height: 0;
	}
	
	
	.saot .subHeading:before, .saot .subHeading:after {
	content: "";
	display: table;
	line-height: 0;
	}
	
	.saot .subHeading:before, .saot .subHeading:after {
	content: "";
	display: table;
	line-height: 0;
	}
	.saot .subHeading {
	*zoom: 1;
	}

	.saot .subHeading .pageTitle{
		margin:5px 5px 5px 25px;
		padding-right:15px;
		color:#335379;
		font-size:2em;
		font-weight:lighter;
		float:left;
		/*width:20%;*/
	}
	.saot .navPillBlue .nav.nav-pills{
		margin:0 0 10px 0;
		padding-left:15px;
		border-left:1px dotted #ccd4e0!important;
/*		width:70%;*/
		overflow:visible;
		float:left;
	}
	.saot .navPillBlueSub .nav.nav-pills{
		margin:0 0 10px 0;
		padding:0 0 0 20px;
		border-left:none;
/*		width:70%;*/
		overflow:visible;
		float:none;
	}
	.saot .navPillBlue .nav.nav-pills > li{
		margin: 7px 2px;
	}
	.saot .subHeading.large .pageTitle{
		margin:5px 5px 5px 25px;
		padding-right:15px;
		color:#335379;
		font-size:2em;
		font-weight:lighter;
		float:left;
		/*width:20%;*/
	}
	.saot .subHeading.mini.small .pageTitle{
		line-height:20px;
		padding-bottom:2px;
		font-size:.9em;
	}
	.saot .subHeading.large .navPillBlue .nav.nav-pills{
		margin:0 0 10px 0;
		padding-left:15px;
		border-left:1px dotted #ccd4e0!important;
/*		width:70%;*/
		overflow:visible;
		float:left;
	}
	.saot .subHeading.large .navPillBlue .nav.nav-pills > li{
		margin: 7px 2px;
	}
	.saot .subHeading.large .navPillBlue .nav.nav-pills > li > a{
		/*color:#4C6794;*/
		-webkit-border-radius: 8px;
     	-moz-border-radius: 8px;
        border-radius: 8px;
		-moz-transition:all ease-in-out .3s;
		-webkit-transition:all ease-in-out .3s;
		transition:all ease-in-out .3s;
	}
	.saot .subHeading.large .BtnGrpBlue {
		height:50px;
		border-left:1px dotted #ccd4e0;
		overflow:visible;
	}
	.saot .subHeading.large .BtnGrpBlue .btn-group{
		padding-left:15px;
		border-left:1px dotted #ccd4e0!important;
/*		width:70%;*/
		overflow:visible;
		float:left;
		padding-top:7px;
		padding-bottom:7px;
		margin-bottom:10px;
	}
	.saot .subHeading.medium .pageTitle{
		margin:0px 0px 0px 25px;
		padding-right:15px;
		color:#335379;
		font-size:1.5em;
		font-weight:lighter;
		float:left;
		/*width:20%;*/
	}
	.saot .subHeading.medium .BtnGrpBlue {
		height:30px;
		border-left:1px dotted #ccd4e0;
		overflow:visible;
	}
	.saot .subHeading.medium .BtnGrpBlue .btn-group{
		padding-left:15px;
		border-left:1px dotted #ccd4e0!important;
/*		width:70%;*/
		overflow:visible;
		float:left;
		padding-top:3px;
		padding-bottom:3px;
		margin-bottom:10px;
	}
	.saot .subHeading.medium .navPillBlue .nav.nav-pills > li{
		margin: 3px 2px;
	}
	.saot .subHeading.small .pageTitle{
		margin:0px 0px 0px 25px;
		padding-right:15px;
		color:#335379;
		font-size:1.2em;
		font-weight:lighter;
		float:left;
		/*width:20%;*/
	}
	.saot .subHeading.small .BtnGrpBlue {
		height:30px;
		border-left:1px dotted #ccd4e0;
		overflow:visible;
	}
	.saot .subHeading.small .BtnGrpBlue .btn-group{
		padding-left:15px;
		border-left:1px dotted #ccd4e0!important;
/*		width:70%;*/
		overflow:visible;
		float:left;
		padding-top:1px;
		padding-bottom:1px;
		margin-bottom:10px;
	}
	.saot .subHeading.small .navPillBlue .nav.nav-pills > li{
		margin: 1px 2px;
	}
	.saot .form-search .input-append{
		padding:10px 10px 10px 0;
		height:5px;
	}
	.saot .form-search .search-query{
		padding:2px 10px 2px 10px;
		background-color:#667D9D;
		box-shadow:0px .04em 0 #3b5683!important;
		-moz-box-shadow:0px .04em 0 #3b5683!important;
		-webkit-box-shadow:0px .04em 0 #3b5683!important;
		border:inset 1px solid!important;
		border-color:#002855!important;
		color:#fff;
		width:115px;
	}
	.saot .form-search .btn{
		padding:2px 7px 2px 5px;
		background-color: #002855;
		border:inset 1px solid;
		border-color:#002855!important;
		box-shadow:0px .04em 0 #3b5683, inset 0px .04em 0 #5d749b!important;
		-moz-box-shadow:0px .04em 0 #3b5683, inset 0px .04em 0 #5d749b!important;
		-webkit-box-shadow:0px .04em 0 #3b5683, inset 0px .04em 0 #5d749b!important;
		background-image: -moz-linear-gradient(top, #4C6794, #002855);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4C6794), to(#002855));
		background-image: -webkit-linear-gradient(top, 4C6794, #002855);
		background-image: -o-linear-gradient(top, #4C6794, #002855);
		background-image: linear-gradient(to bottom, #4C6794, #002855);
		background-repeat: repeat-x;
/*		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4C6794', endColorstr='#ff002855', GradientType=0);
		-moz-border-radius:20px 20px 0 0;
		-webkit-border-radius:20px 20px 0 0;
		border-radius:20px 20px 0 0;*/
/*		overflow:hidden;*/
	}
/*	Styles for the different subMenu options
	--------------------------------------------------*/
	.saot .BtnGrpBlue {
		height:50px;
		border-left:1px dotted #ccd4e0;
		overflow:visible;
	}
	.saot .BtnGrpBlue .btn-group{
		padding-left:15px;
		border-left:1px dotted #ccd4e0!important;
/*		width:70%;*/
		overflow:visible;
		float:left;
		padding-top:7px;
		padding-bottom:7px;
		margin-bottom:10px;
	}
	
	.saot .BtnGrpBlue .btn-group .btn {
		color:#fff!important;
		padding:8px 15px;
		text-shadow:0 -1px #002855;
		background-color: #1A3E68;
		*background-color: #1A3E68;
		background-image: -moz-linear-gradient(top, #4D688C, #1A3E68);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4D688C), to(#1A3E68));
		background-image: -webkit-linear-gradient(top, #4D688C, #1A3E68);
		background-image: -o-linear-gradient(top, #4D688C, #1A3E68);
		background-image: linear-gradient(to bottom, #4D688C, #1A3E68);
		font-size:15px;
		position:relative;
		background-repeat: repeat-x;
		border-color: #4D688C #4D688C #7F93AE;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1A3E68', endColorstr='#ff4D688C', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	}
	.saot .Services.ScheduleBuilder.ListContainer #ScheduleSelectorContainer .dropdown-menu {text-align:left;}
	.saot .navPillBlue,.saot .navPillGold{
		 padding:0;
	}
	
	.saot .navPillBlue .nav.nav-pills{
		margin:0 0 10px 0;
		padding-left:15px;
		border-left:1px dotted #ccd4e0!important;
/*		width:70%;*/
		overflow:visible;
		float:left;
	}
	.saot .navPillBlue .nav.nav-pills > li,.saot .navPillBlueSub .nav.nav-pills > li{
		margin: 7px 2px;
	}
	.saot .navPillBlue .nav.nav-pills > li > a, .saot .navPillBlueSub .nav.nav-pills > li > a{
		color:#002855;
		font-style:normal!important;
		-webkit-border-radius: 8px;
     	-moz-border-radius: 8px;
        border-radius: 8px;
		-moz-transition:all ease-in-out .3s;
		-webkit-transition:all ease-in-out .3s;
		transition:all ease-in-out .3s;
	}

	.saot .navPillBlue .nav.nav-pills > .nav-item > a.active,.saot .navPillBlue .nav.nav-pills > .nav-item > a.active:hover, .saot .navPillBlueSub .nav.nav-pills > .nav-item > a.active,.saot .navPillBlue .nav.nav-pills > .nav-item > a.active:hover {
	  color: #ffffff;
	  background-color: #335379;
	}
.saot .unfix {
	position:relative;
	top:0;
	margin-top:0;
	z-index:auto;
}
.saot .mainHeading.unfix {
	position:relative;
	top:0;
	margin-top:-46px;
}
.saot .unfix .ucdBrand {
	position:absolute;
	top:-5px;
	margin-top:0;
}
.saot .unfix .navbar-fixed-top, .saot .unfix .navbar-fixed-bottom {
	position:relative;
	top:0;
	margin-top:0;
	z-index:auto;
}
.saot .subHeading + .heading-adjustment {
	position:relative;
	margin-top:80px;
}
.saot .subHeading.unfix + .heading-adjustment {
	margin-top:0;
}

/* overrides to remove the effects of fontawesome*/
.saot [class^="icon-"]:before,.saot [class*=" icon-"]:before {
    content: "";
	display: inherit;
    text-decoration: inherit;
}
.saot [class^="icon-"],.saot [class*=" icon-"] {
    display: inline-block;
    text-align: inherit;
/*    width: 13px;
	height:13px;*/
}
.saot li [class^="icon-"], .saot .nav li [class^="icon-"], .saot li [class*=" icon-"], .saot .nav li [class*=" icon-"] {
    display: inline-block;
    text-align: inherit;
/*    width: 13px;
	height:13px;*/
}
.soat. .dropdown .b{
	margin:0px!important;
	padding:0px!important;
}

/*5-16-2013 BDG. Added to provide the directional caret to the dropdown menu container*/
.saot .dropdown .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.saot .dropdown .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

/*5-20-2013 BDG. Added to make alerts accessible friendly*/
.saot .alert,
.saot .alert h4 {
  color: #856831;
}

.saot .alert-success {
  color: #3b723b;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.saot .alert-success h4 {
  color: #3b723b;
}

.saot .alert-danger,
.saot .alert-error {
  color: #a23f3d;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.saot .alert-danger h4,
.saot .alert-error h4 {
  color: #a23f3d;
}

.saot .alert-info {
  color: #2a617d;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.saot .alert-info h4 {
  color: #2a617d;
}

/*8-22-2013 BDG. Added for orange color matching to the buttons*/
/* .saot .alert-warning {
  color: #873400;
  background-color: #f2ddd0;
  border-color: #f2d3bf;
}

.saot .alert-warning h4 {
  color: #873400;
} */

/*5-20-2013 BDG. Added to make buttons accessible.*/
.saot .btn.btn-link{
	color:#002855;
}

/*

.saot .btn.btn-info{
  background-color:#0073ac;
  *background-color: #0087cb;
  background-image:none;
}

.saot .btn-info:hover,
.saot .btn-info:active,
.saot .btn-info.active,
.saot .btn-info.disabled,
.saot .btn-info[disabled]{
  color: #ffffff;
  background-color: #0073ac;
  *background-color: #0087cb;
}

.saot .btn-success {
  background-color: #387f38;
  *background-color: #429642;
  background-image: none;
}

.saot .btn-success:hover,
.saot .btn-success:active,
.saot .btn-success.active,
.saot .btn-success.disabled,
.saot .btn-success[disabled] {
  color: #ffffff;
  background-color: #387f38;
  *background-color: #429642;
}

.saot .btn-warning {
  color:#000000;
  background-color: #faa732;
  *background-color: #faa732;
  background-image:none;
}

.saot .btn-warning:hover,
.saot .btn-warning:active,
.saot .btn-warning.active,
.saot .btn-warning.disabled,
.saot .btn-warning[disabled] {
  color: #000000;
  background-color: #faa732;
  *background-color: #faa732;
}

.saot .btn-danger {
  background-color: #d4342f;
  *background-color: #d4342f;
  background-image:none;

}

.saot .btn-danger:hover,
.saot .btn-danger:active,
.saot .btn-danger.active,
.saot .btn-danger.disabled,
.saot .btn-danger[disabled] {
  color: #ffffff;
  background-color: #d4342f;
  *background-color: #d4342f;
}

.saot .btn-warning {
  background-color: #F18A00;
  *background-color: #F18A00;
  color:#000000;
  background-image:none;
}

.saot .btn-warning:hover,
.saot .btn-warning:active,
.saot .btn-warning.active,
.saot .btn-warning.disabled,
.saot .btn-warning[disabled] {
  color: #000000;
  background-color: #F18A00;
  *background-color: #F18A00;
}
*/
.saot .btn.blue-on-lightblue{
	background-image:none;
	height:auto;
	background-color:#CCD4E0;
	color:#002855;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:none;
	text-shadow:none;
	-moz-transition:all ease-in-out .15s;
	-webkit-transition:all ease-in-out .15s;
	transition:all ease-in-out .15s;
}

.saot .btn.blue-on-lightblue:hover{
	background:#002855;
	color:#fff;
}

.saot .btn.white-on-darkblue{
	background-image:none;
	height:auto;
	background-color:#1A3E68;
	color:#ffffff;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:none;
	text-shadow:none;
	-moz-transition:all ease-in-out .15s;
	-webkit-transition:all ease-in-out .15s;
	transition:all ease-in-out .15s;
}

.saot .btn.white-on-darkblue:hover{
	background-color:#CCD4E0;
	color:#002855;
}

.saot .btn.white-on-navyblue {
	color:#fff;
	text-shadow:0 -1px #002855;
	background-color: #1A3E68;
	*background-color: #1A3E68;
	background-image: -moz-linear-gradient(top, #335179, #1A3E68);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#335179), to(#1A3E68));
	background-image: -webkit-linear-gradient(top, #335179, #1A3E68);
	background-image: -o-linear-gradient(top, #335179, #1A3E68);
	background-image: linear-gradient(to bottom, #335179, #1A3E68);
	background-repeat: repeat-x;
	border-color: #1A3E68 #1A3E68 #335179;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff335179', endColorstr='#ff1A3E68', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.saot .btn.white-on-navyblue:hover, .saot a.btn.white-on-navyblue:hover {
  color: #ffffff !important;
  background-color:#355B85;
  *background-color: #355B85;
  background-image: -moz-linear-gradient(top, #4D688C, #355B85);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4D688C), to(#002855));
  background-image: -webkit-linear-gradient(top, #4D688C, #355B85);
  background-image: -o-linear-gradient(top, #4D688C, #355B85);
  background-image: linear-gradient(to bottom, #4D688C, #355B85);
  background-repeat: repeat-x;
}

/*5-20-2013 BDG. Used with X-Editable to make edit button trigger disappear with editable buttons are present*/
.saot .editable-container.editable-inline + .editable-trigger{
	display:none;
}

/*5-20-2013 BDG. Used for Bootstrap Validate Plugin*/
.saot .error{color:red;}
.saot input.error {border:1px dotted red;}
.saot textarea.error{border:1px dotted red;}
.saot select.error{border:1px dotted red;}

.saot input.error:focus,
.saot textarea.error:focus,
.saot select.error:focus{
  color: #b94a48;
  border-color: #ee5f5b;
}

.saot input.error:focus,
.saot textarea.error:focus,
.saot select.error:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
     -moz-box-shadow: 0 0 6px #f8b9b7;
          box-shadow: 0 0 6px #f8b9b7;
}

.saot .browser-not-compatible-alert {margin-left:20px;margin-right:20px;}

/*.saot div{word-wrap:break-word;}
.saot li{word-wrap:break-word;}*/

.saot .break-word {word-wrap:break-word;}

/*5-29-2013 BDG. Corrections for modals*/
.saot .align-right {text-align:right;}
.saot .align-left {text-align:left;}
.saot .align-center {text-align:center;}

.saot .modal .modal-header .heading {font-weight:bold;font-size:24.5px;}
.saot .modal .modal-header .menu {float:right;}
.saot .modal .modal-header .menu .btn {
  cursor: pointer;
  vertical-align:middle;
}
.saot .modal form {margin-bottom:0;}
.saot .modal .modal-header .menu .btn.btn-link {
  padding:0;
}
.saot .modal .modal-body {
	-webkit-overflow-scrolling:touch;
	/* max-height:42vh; */
}
.saot .btn.translucent {
  background: transparent;
  opacity: 0.2;
  filter: alpha(opacity=20);
  font-weight: bold;
}
.saot .btn.translucent.gray {
  color:#000000;
}
.saot .btn.translucent.gray:hover {
  color:#000000;
}
.saot .btn.translucent:hover {
  opacity: 0.4;
  filter: alpha(opacity=40);
  text-decoration: none;
}
.saot .modal .modal-header .menu .close {
  font-size:small;
  float:none;
  background: transparent;
  opacity: 0.2;
  filter: alpha(opacity=20);
  font-weight: bold;
  color:#000000;
  border-color: transparent;
  border-radius: 0 0 0 0;
  padding:0;
  margin:0;
  display:inline-block;
}
.saot .modal .modal-header .menu .close:hover {
  color:#000000;
  opacity: 0.4;
  filter: alpha(opacity=40);
  text-decoration: none;
}
.saot .modal .modal-footer .btn {margin-bottom:5px;}
.saot .modal.hide.in {display:block;}
.saot .hide {display: none;}
.saot.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.saot.modal-backdrop.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
     -moz-transition: opacity 0.15s linear;
       -o-transition: opacity 0.15s linear;
          transition: opacity 0.15s linear;
}
.saot.modal-backdrop.fade.in {
  opacity: 1;
}
.saot.modal-backdrop.fade {
  opacity: 0;
}
.saot.modal-backdrop,
.saot.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.saot .modal.full-screen {
	left:0;
	margin-left:10px;
	margin-right:10px;
	width:98%;
}

/*6-12-2013 BDG. Added data layout css */
.saot .data-container.long-short-layout .data-row .data-column {
	float:left;
}
.saot .data-container.long-short-layout .column-header {
	font-weight:bold;
}
.saot .data-container.long-short-layout.striped-rows .data-item:nth-child(2n+1) {
    background-color: #F9F9F9;
}
.saot .data-container.long-short-layout .data-item {padding:10px;}
.saot .data-container.long-short-layout .data-row .data-column {margin-right:5px;}

.saot.important-alerts-banner .emergencyAlert{
	background-color:#F00;
	padding:12px 20px 12px 20px;
	font-size:1.3em;
	border-bottom:3px solid #900;
	color:#fff;
	text-shadow: 0 1px 0px #fa8c8c, 0 -1px 0px #900;
}

.saot.important-alerts-banner .emergencyAlert a{
	color:#F4EACC;
}
.saot.important-alerts-banner .emergencyAlert a:hover{
	text-decoration:underline;
}

.saot.important-alerts-banner .criticalAlert{
	background-color:#eb6e1f;
	padding:12px 20px 12px 20px;
	font-size:1.3em;
	border-bottom:3px solid #900;
	color:#fff;
	text-shadow: 0 1px 0px #fa8c8c, 0 -1px 0px #900;
}

.saot.important-alerts-banner .criticalAlert a{
	color:#F4EACC;
}

.saot .mainHeading.externalViewer img.branding{
	height:40px;margin-right:0;
}
.saot .mainHeading.externalViewer .externalViewerContent {
	color:#ffffff;margin-top:10px;text-align:right;width:auto;valign:middle;margin-right:15px;
}
.saot .mainHeading.externalViewer .externalViewerContent a {color:#daaa00;font-weight:bold;}
.saot iframe#content {border:none;width:100%;height:95%;display:block;margin-top:0;}

.saot .saot-top-bar.staff .navbar-inner img {
	position:relative;
	top:8px;
	width:120px;
}
.saot .saot-top-bar.staff .navbar-inner .nav > li > a {
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
}

.saot .saot-top-bar.staff #SAOTLoggedInTextContainer1 {
	font-size:12px !important;
}

/*	myEmail styles	*/

#SAOTLoginBarmyEmail3 i{
	font-size: .9em;
}
#SAOTLoginBarmyEmail4{
	display: none;
}

/*	end of myEmail styles	*/

ul.no-bullets {
	list-style-type: none;
}
ul.no-spacing {
	padding: 0;
	margin: 0;
}

/**
Bootstrap 5.3 Overrides and Styles
**/
body {
  font-size: 14px;
}

.accordion .accordion-item {
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  
}

.accordion .accordion-item.accordion-item-blue {
  --bs-accordion-btn-bg: rgb(204, 212, 224);
  --bs-accordion-active-bg: rgb(184, 191, 202);
  --bs-accordion-bg: #ecf0f5;
}

.accordion.my-schedule-accordion .accordion-item {
	margin-bottom: 1em;
}
.accordion.my-schedule-accordion .accordion-item .accordion-button {
  font-size: 1.4em;
  font-weight: bold;
}

.accordion.accordion-spaced .accordion-item,
.accordion.accordion-spaced-1 .accordion-item,
.accordion.accordion-spaced-2 .accordion-item,
.accordion.accordion-spaced-3 .accordion-item   {
	border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); 
}

.accordion.accordion-hoverable .accordion-item .accordion-button:hover {
	background: var(--bs-accordion-border-color);
}

.accordion.accordion-spaced .accordion-item {
	margin-bottom: .5rem;
}

.accordion.accordion-spaced-1 .accordion-item {
	margin-bottom: .5rem;
}
.accordion.accordion-spaced-2 .accordion-item {
	margin-bottom: .75rem;
}
.accordion.accordion-spaced-3 .accordion-item {
	margin-bottom: 1rem;
}

.accordion .accordion-item .accordion-button {
  color: #002855;
  padding: 0.4em;
}

.accordion .accordion-item .card .card-header {
  font-weight: bold;
  /* font-size: 1.4em; */
}

.accordion .card {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.accordion .card .boldTitle {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: 600;
  color: #4d688c;
  font-style: italic;
}

.list-group-ucd-tahoe .list-group-item {
	background: #00B2E3;
	color: #000;
}

.list-group-grey .list-group-item {
	background: #d4d1d1;
	color: #002855;
}

.btn.btn-square {
  --bs-btn-border-radius: 0;
}

.btn.btn-link:hover {
  text-decoration: underline;
  color: #0047BA;
}

.btn.btn-link {
  text-decoration: none;
  --bs-btn-hover-color: #002855;
  --bs-btn-border-width: 1px;
  --bs-btn-hover-border-color: #ccc;
}

.subContent .btn.btn-gold {
  --bs-btn-bg: #daaa00;
  --bs-btn-hover-bg: rgb(243.5, 189.8853211009, 0);
  color: #002855;
}

.font-ucdblue {
	color: #002855;
}

.bg-light-grey {
	background: #efefef;
}


    /* RESPONSIVE CSS
    -------------------------------------------------- */
	
	/*	myEmail styles	*/
	@media(max-width:1030px){
		.saot .saot-top-bar .navbar-fixed-top a{
			font-size: .9em!important;
		}
		.saot .saot-top-bar .navbar-fixed-top .dropdown-menu a,
		.saot .saot-top-bar.staff .navbar-fixed-top .dropdown-menu a{
			font-size: 1em!important;
		}
		.saot #SAOTLoggedInTextContainer1{
			font-size: 12px!important;
		}
		.saot .saot-top-bar.staff .navbar-fixed-top a{
			font-size: 12px!important;
		}
	}
	/*	end of myEmail styles	*/

    @media (max-width: 979px) {
	   body{
		margin-top:0;
	   }
	   .saot .navbar .nav.main{
			margin-left:0;
		}
	   .saot #saot_top_bar .nav-collapse .nav > li.dropdown {
			display:block;
			width:100%;
	   }
	   .saot #SAOTHomeItem {display:block;}
	   .saot #SAOTSearchBar2 {display:block;}
	   .saot #SAOTSearchBar1 {display:none;}
	   .saot #saot_top_bar .nav-collapse .nav > li#SAOTLoginBar1.dropdown {display:none;}
	   .saot #SAOTLoginBar2 {display:block;}
	   
	   /*.saot{
		   /*padding-top:-60px!important;*/
		   /*padding:0;
	   }*/
	   .saot .ucdBrand{
		  position:absolute;
		  left:10px;
	  	}
	   .saot .navbar-fixed-top {
    		margin-bottom: 0px!important;
 		}
	  .saot .navbar-inner{
		padding:0px!important;
		background-color:#002855!important;
		padding:0px!important;
		background-image: -moz-linear-gradient(top, #11335a, #002248)!important;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#11335a), to(#002248))!important;
		background-image: -webkit-linear-gradient(top, #11335a, #002248)!important;
		background-image: -o-linear-gradient(top, #11335a, #002248!important);
		background-image: linear-gradient(to bottom, #11335a, #002248!important);
		background-repeat: repeat-x!important;
	/*	border-top:1px solid #4D688C!important;*/
		border-bottom:0!important;
		-webkit-border-radius:0px!important;
		 -moz-border-radius: 0px!important;
			  border-radius: 0px!important;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#11335a', endColorstr='#002248', GradientType=0)!important;
		min-height:5px!important;
	  }
	  .saot .navbar .nav{
		  margin-top:25px;
	  }
	  .saot .navbar .nav > li > a{
		  padding: 10px 15px 10px;
		  margin:3px 7px!important;
		  background:#1A3E68;
		  color: #fff!important;
		  text-decoration: none;
		  text-shadow: 0 1px 0 #002855;
		  border-bottom:1px solid #001c3c;
		  border-top:1px solid #335379;
		  border-left:1px solid #335379;
		  border-right:1px solid #001c3c;
		  text-shadow: 0 -1px 0 rgba(0,0,0,.6)!important;
		  -webkit-border-radius:3px!important;
          -moz-border-radius: 3px!important;
          border-radius: 3px!important;
	  }
	  .saot .navbar .nav > li > a:focus,
.saot .navbar .nav > li > a:hover {
		  color: #ffffff!important;
		  background:#1A3E68!important;
		  background-color:#1A3E68!important;
		  background-image:none!important;
		  border-bottom:1px solid #001c3c!important;
		  border-top:1px solid #335379!important;
		  border-left:1px solid #335379!important;
		  border-right:1px solid #001c3c!important;
	  }
	  .saot .navbar .nav > .active > a,
.saot .navbar .nav > .active > a:hover,
.saot .navbar .nav > .active > a:focus {
		padding: 10px 15px 10px;
		color: #ffffff!important;
		  background:#1A3E68!important;
		  background-image:none!important;
		  background-color:#1A3E68!important;
		  border-bottom:none!important;
}
.saot .navbar .nav li.dropdown.open > .dropdown-toggle,
.saot .navbar .nav li.dropdown.active > .dropdown-toggle,
.saot .navbar .nav li.dropdown.open.active > .dropdown-toggle {
		padding: 10px 15px 10px;
		  margin:3px 7px!important;
		  background:#1A3E68;
		  color: #fff!important;
		  text-decoration: none;
		  text-shadow: 0 1px 0 #002855;
		  border-bottom:1px solid #001c3c;
		  border-top:1px solid #335379;
		  border-left:1px solid #335379;
		  border-right:1px solid #001c3c;
		  text-shadow: 0 -1px 0 rgba(0,0,0,.6)!important;
		  -webkit-border-radius:3px!important;
          -moz-border-radius: 3px!important;
          border-radius: 3px!important;
}
.saot .navbar .nav div li.dropdown.open > .dropdown-toggle,
.saot .navbar .nav div li.dropdown.active > .dropdown-toggle,
.saot .navbar .nav div li.dropdown.open.active > .dropdown-toggle {
		padding: 10px 15px 10px;
		  margin:3px 7px!important;
		  background:#1A3E68;
		  color: #fff!important;
		  text-decoration: none;
		  text-shadow: 0 1px 0 #002855;
		  border-bottom:1px solid #001c3c;
		  border-top:1px solid #335379;
		  border-left:1px solid #335379;
		  border-right:1px solid #001c3c;
		  text-shadow: 0 -1px 0 rgba(0,0,0,.6)!important;
		  -webkit-border-radius:3px!important;
          -moz-border-radius: 3px!important;
          border-radius: 3px!important;
}
	  .saot .navbar .dropdown-menu li > a{
		  padding: 10px 15px 10px;
		  color: #ffffff!important;
		  background-color:#335379!important;
		  text-decoration: none;
		  text-shadow: 0 1px 0 #002855;
		  border-bottom:1px solid #002855;
		  border-top:1px solid #335379;
		  border-left:1px solid #335379;
		  border-right:1px solid #002855;
		  text-shadow: 0 -1px 0 rgba(0,0,0,.4)!important;
		  margin:3px 0 3px 0!important;
		  -webkit-border-radius:3px!important;
          -moz-border-radius: 3px!important;
          border-radius: 3px!important;
		  white-space:normal!important;
	  }	  

	  .saot .dropdown-menu .nav-header{
		  color:#daaa00!Important;
		  font-weight:lighter;
		  font-size:1.2em;
		  text-shadow: 0 -1px 0 rgba(0,0,0,.4)!important;
	  }
      .saot .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }
      .saot .navbar-inner {
        border-radius: 0;
      }
	  .saot .row-fluid .bigPic{
		  margin-top:800px!important;
	  }
	  .saot .navbar .nav-collapse .nav.pull-right{
		padding-top:0;
		margin-top:0;
	  }
	  .saot .navbar .nav.main{
		padding-bottom:0;
		margin-bottom:0;
	  }
	.saot .subHeading, .subHeading.small, .subHeading.medium, .subHeading.large{
		position:static;
		z-index:1;
		margin:auto;

	}
.saot .subHeading .pageTitle, .saot .subHeading.large .pageTitle, .saot .subHeading.medium .pageTitle, .saot .subHeading.small .pageTitle{
		margin:5px 0px 0px 8px;
		padding-left:5%;
		font-size:1.6em;
		float:none;
		border-right:none;
	}
.saot .subHeading .BtnGrpBlue,.saot .subHeading.large .BtnGrpBlue,.saot .subHeading.medium .BtnGrpBlue,.saot .subHeading.small .BtnGrpBlue{
		position:relative;
		display:block;
		z-index:1;
		height:auto; 
		background-image:none;
		width:90%;
		background-image:none!important;
		margin-bottom:10px;
		text-align:center;
		margin:5px 5% 15px 5%;
		padding:15px 0 0 0;
		border-top:1px dotted #ccd4e0;
		border-left:none!important;
}
	.saot .subHeading .navPillBlue, .saot .subHeading.large .navPillBlue, .saot .subHeading.medium .navPillBlue, .saot .subHeading.small .navPillBlue{
		position:relative;
		display:block;
		z-index:1;
		height:auto; 
		background-image:none;
		width:90%;
		background-image:none!important;
		margin-bottom:10px;
		text-align:center;
		margin:5px 5% 15px 5%;
		padding:15px 0 0 0;
		border-top:1px dotted #ccd4e0;
}
.saot .subHeading .BtnGrpBlue .btn-group,.saot .subHeading.large .BtnGrpBlue .btn-group,.saot .subHeading.medium .BtnGrpBlue .btn-group,.saot .subHeading.small .BtnGrpBlue .btn-group{
	margin:0!important;
	padding:0!important;
	text-align:center;
	position:relative;
	border-left:none!important;
	float:none;
		display:block;
		z-index:1;
		height:auto; 
		background-image:none;
		background-image:none!important;
}	
.saot .subHeading .navPillBlue .nav.nav-pills,.saot .subHeading.large .navPillBlue .nav.nav-pills, .saot .subHeading.medium .navPillBlue .nav.nav-pills, .saot .subHeading.small .navPillBlue .nav.nav-pills{
	margin:0!important;
	padding:0!important;
	text-align:center;
	position:relative;
	border-left:none!important;
	float:none;
		display:block;
		z-index:1;
		height:auto; 
		background-image:none;
		background-image:none!important;
}
	.saot .BtnGrpBlue .btn-group .btn{
		float:none;
		position:relative;
		display:block;
		margin:0 0 3px 0;
		padding:12px 0px 12px 0px!important;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px; 
		border-radius: 4px;
		font-size:18px;
	}
	.saot .navPillBlue .nav.nav-pills > li{
		float:none;
		position:relative;
		display:block;
		margin:0 0 4px 0!important;
		padding:0px!important;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px; 
		border-radius: 4px;
		font-size:18px;
	}
	.saot .navPillBlue .nav.nav-pills > li > a{
		background-color:#4D688C;
		/*padding:16px 0 16px 0;*/
		padding:12px 0 12px 0;
		color:#fff;
		line-height:normal;
	}
	.saot .navPillBlue .nav.nav-pills > li > a:hover,.saot .navPillBlue .nav.nav-pills > li.active > a:hover{
		background-color:#e6eaf0;
		color:#002855;
	}
	.saot .navPillBlue .nav.nav-pills > .active > a,.saot .navPillBlue .nav.nav-pills > .active > a:hover {
	  color: #ffffff;
	  background-color: #002855;
	}
	.BtnGrpGold .btn-group .btn:after,.BtnGrpBlue .btn-group .btn:after{
		clear:both;
		content:"";
	}
		.saot .subHeading + .heading-adjustment {
			margin-top:0;
		}
		.saot .mainHeading.unfix {
			margin-top:0;
		}
		.saot .browser-not-compatible-alert {margin-left:0;margin-right:0;}
		.saot .marginFit{
			margin:5px 5% 15px 5%;
		}
		.saot .dropdown .icon-user{
	margin:3px 3px 0px 0px!important;
}
		.saot .modal.full-screen {
			width:97%;
		}
		
	/*	myEmail section	*/
		
		.saot .saot-top-bar .navbar-fixed-top a,
		.saot .saot-top-bar .navbar-fixed-top .dropdown-menu a,
		.saot .saot-top-bar.staff .navbar-fixed-top .dropdown-menu a,
		.saot .saot-top-bar.staff .navbar-fixed-top a{
			font-size:initial!important;
		}
		#SAOTLoginBarmyEmail3{
			display: none!important;
		}
		#SAOTLoginBarmyEmail4{
			display: block;
		}
		
	/*	end of myEmail section	*/
    }

    @media (max-width: 767px) {
      /*.saot  {
		padding-right:20px;
		padding-left: 20px;
      }*/
	  .saot .saot-developer-bar {
		font-size:0.8em;
	  }
	  
	  .saot .impersonator-bar {
		font-size:0.75em;
	  }
	  
	  .saot.important-alerts-banner .emergencyAlert{
		font-size:1em;
	  }
	  
	  .saot .navbar-fixed-top,.saot .navbar-fixed-bottom,.saot .navbar-static-top {
		margin-right: 0;
	  }
	  .saot .navbar .navbar-inner {
		margin-left:20px;
	  }
	  .saot .navbar .nav > li > a{
		/*padding-left:10px;*/
	  }
		.saot .modal .modal-header {
			padding-top:3px;
		}
		.saot .modal .modal-header .heading {
			font-size: 18px;
		}
		.saot .modal .modal-footer {
			padding-top:8px;
			padding-bottom:3px;
		}
		.saot .modal.full-screen {
			width:96%;
		}
		/*.saot .modal .modal-header .menu .close {
			font-size:10px;
		}*/
		
		.quadMenu{
				margin:0!important;
				padding:0!important;
				width:100%;
		}
		.quadMenu li{
				width:50%!important;
				padding:0!important;
				margin:0!important;
				float:left!important;
		}
		.quadMenu li a{
				margin:0!important;
				padding:10px 0!important;
				text-align:center;
				background:#335379;
				color:#fff!important;
				border-right:1px solid #667D9D!important;
				border-bottom:1px solid #667D9D!important;
				border-radius:0px!important;
				-moz-border-radius:0px!important;
				-webkit-border-radius:0px!important;
				line-height:1!important;
		}
		.quadMenu li a:hover{
			background:#002855!important;
		}
		.quadMenu a.active {
			background:#002855!important;
		}

    }

.saot .tab-pane.active .tabContainer .pass-time-container{


	border-bottom: 3px dashed;
	background-color: #FFF2CC;
	border: 1px solid #FFD966;

}
	
	@media (max-width: 540px) {
		.saot .modal.full-screen {
			width:95%;
		}
		.saot .mainHeading.externalViewer .externalViewerContent {font-size:10px;}
		
		.saot .saot-developer-bar {
			font-size:0.6em;
		}
		.saot .impersonator-bar {
			font-size:0.6em;
		}
		.saot.important-alerts-banner .emergencyAlert{
			font-size:0.9em;
			padding:6px 10px 6px 10px;
		}
	}
	
	@media (max-width: 380px) {
		.saot .mainHeading.externalViewer .externalViewerContent {margin-top:0;}
	}