﻿/*MAIN BODY START*/
html ,body {
    font-size: 10pt;
    font-family: verdana;
    height:100%;
}

h1, h2 ,h3, h4, h5 {
    color:#0F204B;
}

 h1 {
    font-size: 20px !important;
    font-weight: bold !important;
    line-height: 1.42857143 !important;
}

.no-margin {
    margin:0px;
}

.emptybutton {
	height:30px;
}

.BlueBackground {
    background-color:#0F204B;
}

.Expand {
     display:none;
}

.sfContentBlock table td {
	border-top:none;
	border-left:none;
}

.sfContentBlock table  {
	border-right:none;
	border-bottom:none;
	border-top:none;
	border-left:none;
}

.Tenders {
    border: solid 1px #4d4c4c;
}

.tableHeading select{
	color:#4d4c4c;
	font-size:10pt;
	font-weight:normal;
}

.YearbookFaculties {
    display: inline-block;
    padding: 5px;
    height: 20px;
    line-height: 20px;
    font-size: 8pt;
    padding-bottom: 10px;
}

#loading {
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: fixed;
   display: block;
   opacity: 1.5;
   background-color: #fff;
   z-index: 99999;
   text-align: center;
}

#loading-image {
  position: absolute;
  top: 48%;
  left: 47.5%;
  z-index: 100;
}

.StaffMailto {
	color: #4d4c4c !important;
    font-family: Verdana !important;
    text-decoration: underline !important;
}

@media print {
    a:after { content:''; }
    a[href]:after { content: none !important; }
}

#OldPassword  
{
	margin-left:60px;
}

#NewPassword 
{
	margin-left:84px;
}

#RepeatPassword 
{
	margin-left:29px;
}

/*MAIN BODY END*/

/*HEADER START*/

.UFSSearchResult h3 
{
	font-size: 12pt;
	font-weight: bold;
}

.UFSSearchResult img 
{
	padding-top:20px !important;
	margin-bottom:-20px !important;
}

#Logo {
    width:auto;
    background-color: #ffffff;
    height: 100px;
    margin-top: 20px;
}

#LogoBlue {
    width:auto;
    background-color: #0F204B;
    height: 100px;
    margin-top: 20px;
}

#Search {
    width:auto;
    background-color: #ffffff;
    height: auto;
    text-align:right;
    font-weight:bold;
    margin-top: 20px;
}

    #Search p {
        color: #A71930;
        font-size:12pt;
    }

    #Search ul li a {
        color: #0F204B;
        text-decoration: none;
    }
	
	#Search ul {
        margin-bottom:10px;
    }

    #Search ul li {
        display: inline-block;
    }
	
	
	
	#Search  #showsearch .glyphicon-search {
		color:#0F204B;
		cursor: pointer;
	}

    #SearchBlue {
    width:auto;
    background-color: #0F204B;
    height: auto;
    text-align:right;
    font-weight:bold;
    font-weight:bold;
    margin-top: 20px;
}

    #SearchBlue p {
        color: #ffffff;
        font-size:12pt;
    }

    #SearchBlue ul li a {
        color: #ffffff;
        text-decoration: none;
    }

    #SearchBlue ul li {
        display: inline-block;
    }
	
	#SearchBlue  #showsearch .glyphicon-search {
		color:#ffffff;
		cursor: pointer;
	}
	
	/* HEADER SEARCH START */
	
	.InLine {
	display:inline-block;
	}
	
	.SearchControl {
		font-family: Verdana;
		font-size: 10pt;
		width: 240px;
		height: 60px;
		position: relative;
	}

    .SearchControl input {
        font-size: 10pt;
        height: 20px;
        width: 220px;
        background-color: #ffffff;
        color: #0F204B;
        border-width: 1px;
        margin: 0px;
        padding: 0px;
		left: 5px;
		padding-left: 10px;
    }

    .SearchControl .searchmainbutton {
        background-color: transparent;
        padding: 2px 5px 2px 5px;
        cursor: pointer;
        display: inline-block;
        margin-right: 1px;
		float:left;
		color:#0F204B;
    }

    .SearchControl .searchmainbuttonactive {
        background-color: #dcdcdc;
        padding: 2px 5px 2px 5px;
        cursor: pointer;
        display: inline-block;
        margin-right: 1px;
		float:left;
		color:#0F204B;
    }

    .SearchControl .divpos {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .SearchControl .searchmainbuttonadvanced {
        padding: 2px 0px 2px 5px;
        cursor: pointer;
        top: 0px;
        height: 15px;
		display: inline-block;
		color:#0F204B;
    }

    .SearchControl .Tabs {
        position: absolute;
        top: 20px;
        height: 20px;
        width: 240px;
        margin: 0;
        padding: 0;
    }

    .SearchControl .TabSheets {
        height: 20px;
        width: 240px;
        position: absolute;
        top: 0px;
    }

    .SearchControl .TabInner {
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .SearchControl .TabButtonPos {
        position: absolute;
        top: 0px;
        right: 0px;
		padding-top:2px;
    }
	
	.SearchControl .TabButtonPos A:link {
        color:#0F204B !important;
    }
	
	/* HEADER SEARCH END */
	
	/* HEADER BLUESEARCH START */
	
    .BlueSearch .SearchControl input {
        background-color: #ffffff;
        color: #0F204B;
    }

    .BlueSearch .SearchControl .searchmainbutton {
		color:#ffffff;
    }

    .BlueSearch .SearchControl .searchmainbuttonactive {
		color:#ffffff;
		background-color: #8B8D8E;
    }

    .BlueSearch .SearchControl .searchmainbuttonadvanced {
		color:#ffffff;
    }

	.BlueSearch .SearchControl .TabButtonPos A:link {
        color:#ffffff !important;
    }
	
	/* HEADER BLUESEARCH END */

/*HEADER END*/

/*NAVBAR MAIN START*/

.navbar-main {
    background-color: #A71930;
    border-color: #A71930;
    font-size:12pt !important;
    font-weight:bold;
}

    .navbar-main .navbar-nav {
        margin-bottom:0px;
    }

    .navbar-main .navbar-nav > li > a {
        color: #ffffff;
        padding-left:10px;
        padding-right: 10px;
        text-decoration: none;
    }

    .navbar-main .navbar-nav>li>a:hover, .navbar-main .navbar-nav>li>a:focus {
        text-decoration: none;
        background-color: #ffffff;
        color:#A71930;
}

/*NAVBAR MAIN END*/

/*NAVBAR SUBMENU START*/

.navbar-submenu {
    background-color: #0f204b !important;
    border-color: #0f204b;
    font-size:11pt !important;
    font-weight:bold;
}

    .navbar-submenu .navbar-brand {
        color: #ffffff;
        font:12pt verdana;
        font-weight:bold;
    }

    .navbar-submenu ul {
        margin-bottom:0px;
    }

    .navbar-submenu .navbar-nav > li > a {
        color: #ffffff;
        padding-left:10px;
        padding-right: 10px;
        text-decoration: none;
    }

    .navbar-submenu .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

    .navbar-submenu .navbar-collapse,
    .navbar-submenu .navbar-form {
        border-color: #ffffff;
    }

     .navbar-submenu .navbar-nav>li>a:hover {
        text-decoration: none;
        background-color: #ffffff;
        color:#0f204b;
}

/*NAVBAR SUBMENU END*/

/*NAVBAR SUBMENUGREY START*/

.navbar-submenugrey {
    background-color: #8B8D8E !important;
    border-color: #8B8D8E;
    font-size:11pt !important;
    font-weight:bold;
}

    .navbar-submenugrey .navbar-brand {
        color: #ffffff;
        font:12pt verdana;
        font-weight:bold;
    }

    .navbar-submenugrey ul {
        margin-bottom:0px;
    }

    .navbar-submenugrey .navbar-nav > li > a {
        color: #ffffff;
        padding-left:10px;
        padding-right: 10px;
        text-decoration: none;
    }

    .navbar-submenugrey .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

    .navbar-submenugrey .navbar-collapse,
    .navbar-submenugrey .navbar-form {
        border-color: #ffffff;
    }

     .navbar-submenugrey .navbar-nav>li>a:hover {
        text-decoration: none;
        background-color: #ffffff;
        color:#8B8D8E;
}

/*NAVBAR SUBMENU END*/

/*NAVBARWHITE SUBMENU START*/

.navbar-submenuwhite {
    background-color: #ffffff;
    border-color: #ffffff;
    font-size:11pt !important;
    font-weight:bold;
}

    .navbar-submenuwhite .navbar-brand {
        color: #0f204b;
        font:12pt verdana;
        font-weight:bold;
    }

    .navbar-submenuwhite ul {
        margin-bottom:0px;
    }

    .navbar-submenuwhite .navbar-nav > li > a {
        color: #0f204b;
        padding-left:10px;
        padding-right: 10px;
        text-decoration: none;
    }

    .navbar-submenuwhite .navbar-toggle .icon-bar {
            background-color: #0f204b;
        }

    .navbar-submenuwhite .navbar-collapse,
    .navbar-submenuwhite .navbar-form {
        border-color: #0f204b;
    }

     .navbar-submenuwhite .navbar-nav>li>a:hover {
        text-decoration: none;
        background-color: #0f204b;
        color:#ffffff;
}

     /*NAVBARWHITE SUBMENU END*/

     /*NAVBARPURPLE SUBMENU START*/

.navbar-submenupurple {
    background-color: #a6228f;
    border-color: #a6228f;
    font-size:12pt !important;
    font-weight:bold;
}

    .navbar-submenupurple .navbar-brand {
        color: #ffffff;
        font:12pt verdana;
        font-weight:bold;
    }

    .navbar-submenupurple ul {
        margin-bottom:0px;
    }

    .navbar-submenupurple .navbar-nav > li > a {
        color: #ffffff;
        padding-left:10px;
        padding-right: 10px;
        text-decoration: none;
    }

    .navbar-submenupurple .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

    .navbar-submenupurple .navbar-collapse,
    .navbar-submenupurple .navbar-form {
        border-color: #ffffff;
    }

     .navbar-submenupurple .navbar-nav>li>a:hover {
        text-decoration: none;
        background-color: #ffffff;
        color:#a6228f;
}

     /*NAVBARPURPLE SUBMENU END*/


/*NAVSTYLEBLUE START*/

.NavStyleBlue {
    background-color: #0f204b;
    border-color: #0f204b;
    font-size:10pt !important;
    font-weight:bold;
    text-transform:capatalize;
    margin-bottom :0px;
}

.NavStyleBlue .sfNavHorizontal a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #0F204B;
}

.NavStyleBlue .sfNavHorizontal a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
    border:1px solid #0F204B;
}

.NavStyleBlue .sfNavHorizontal a:hover {
    color: #0F204B;
    background-color: #ffffff;
    border:1px solid #0F204B;
}

.NavStyleBlue .sfNavHorizontal li {
    border-right: none; 
}

    .NavStyleBlue>ul>li {
        background-color: #0f204b;
        
    }

    .NavStyleBlue>ul>li>a {
        color:#ffffff;
        text-decoration:none;
    }
	
	.sfNavHorizontalDropDown {
    padding-left: 0px;
    padding-right: 0px;
}
	
	.NavStyleBlue .sfNavHorizontalDropDown  {
    background-color: #0F204B;
	}

	.NavStyleBlue .sfNavHorizontalDropDown a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #0F204B;
	color:#ffffff;
}

	.NavStyleBlue .sfNavHorizontalDropDown a.k-link {
    margin-top:0px;
    padding-top:0px;
    background-color: #0F204B;
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

.NavStyleBlue .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
    border:1px solid #0F204B;
}

.NavStyleBlue .sfNavHorizontalDropDown a:hover {
    color: #0F204B;
    background-color: #ffffff;
    border:1px solid #0F204B;
}

.NavStyleBlue .sfNavHorizontalDropDown a {
        border:1px solid #0F204B;
}

.NavStyleBlue .sfNavHorizontalDropDown li {
    border-right: none !important; 
}

.NavStyleBlue .sfNavHorizontalDropDown .k-item>a.k-link.sfSel {
    background-color: #0F204B;
	color:#ffffff;
	margin-top:0px;
	padding-top:0px;
}

.NavStyleBlue .sfNavHorizontalDropDown .k-item>a.k-link.sfSel:hover {
    background-color: #ffffff;
	color:#0F204B;
}

.NavStyleBlue .sfNavHorizontalDropDown .k-i-arrow-e, .sfNavHorizontalDropDown .k-i-arrow-s {
	background:none;
}

.NavStyleBlue .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}

.sfNavHorizontalDropDown .k-group {
    border: none;
	font-size:10pt !important;
}

.NavStyleBlue .sfNavHorizontalDropDown .k-link {
	padding-right:10px !important;
}

@media (max-width: 425px) {
        .NavStyleBlue .sfNavHorizontalDropDown .k-group li a {
    white-space:normal;
}
    }
	
	@media (max-width: 960px) {
        .NavStyleBlue .sfNavHorizontalDropDown .k-item {
    border-style:none;
}
    }
	
	.k-header > li > a {
   cursor:pointer;
   pointer-events: none;
   
}

/*NAVSTYLEBLUE END*/

/*NAVSTYLEFACULTY START*/

.NavStyleFaculty {
    background-color: #0f204b;
    border-color: #0f204b;
    font-size:10pt !important;
    font-weight:bold;
    text-transform:capatalize;
    margin-bottom :0px;
}

.NavStyleFaculty .sfNavHorizontal a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #0F204B;
}

.NavStyleFaculty .sfNavHorizontal a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
    border:1px solid #0F204B;
}

.NavStyleFaculty .sfNavHorizontal a:hover {
    color: #0F204B;
    background-color: #ffffff;
    border:1px solid #0F204B;
}

.NavStyleFaculty .sfNavHorizontal li {
    border-right: none; 
}

    .NavStyleFaculty>ul>li {
        background-color: #0f204b;
        
    }

    .NavStyleFaculty>ul>li>a {
        color:#ffffff;
        text-decoration:none;
    }
	
	.sfNavHorizontalDropDown {
    padding-left: 0px;
    padding-right: 0px;
}
	
	.NavStyleFaculty .sfNavHorizontalDropDown  {
    background-color: #0F204B;
	}

	.NavStyleFaculty .sfNavHorizontalDropDown a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #0F204B;
	color:#ffffff;
}

	.NavStyleFaculty .sfNavHorizontalDropDown a.k-link {
    margin-top:0px;
    padding-top:0px;
    background-color: #0F204B;
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

.NavStyleFaculty .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
    border:1px solid #0F204B;
}

.NavStyleFaculty .sfNavHorizontalDropDown a:hover {
    color: #0F204B;
    background-color: #ffffff;
    border:1px solid #0F204B;
}

.NavStyleFaculty .sfNavHorizontalDropDown a {
        border:1px solid #0F204B;
}

.NavStyleFaculty .sfNavHorizontalDropDown li {
    border-right: none !important; 
}

.NavStyleFaculty .sfNavHorizontalDropDown .k-item>a.k-link.sfSel {
    background-color: #0F204B;
	color:#ffffff;
	margin-top:0px;
	padding-top:0px;
}

.NavStyleFaculty .sfNavHorizontalDropDown .k-item>a.k-link.sfSel:hover {
    background-color: #ffffff;
	color:#0F204B;
}

.NavStyleFaculty .sfNavHorizontalDropDown .k-i-arrow-e, .sfNavHorizontalDropDown .k-i-arrow-s {
	background:none;
}

.NavStyleFaculty .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}

.sfNavHorizontalDropDown .k-group {
    border: none;
	font-size:10pt !important;
}

.NavStyleFaculty .sfNavHorizontalDropDown .k-link {
	padding-right:10px !important;
}

@media (max-width: 425px) {
        .NavStyleFaculty .sfNavHorizontalDropDown .k-group li a {
    white-space:normal;
}
    }
	
	@media (max-width: 960px) {
        .NavStyleFaculty .sfNavHorizontalDropDown .k-item {
    border-style:none;
}
    }
	
	.k-header > li > a {
   cursor:pointer;
   pointer-events: none;
   
}

/*NAVSTYLEFACULTY END*/

/*NAVSTYLERED START*/

.NavStyleRed {
    background-color: #A71930;
    border-color: #A71930;
    font-size:10pt !important;
    font-weight:bold;
    text-transform:capatalize;
    margin-bottom :0px;
}

.NavStyleRed .sfNavHorizontal a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #A71930;
}

.NavStyleRed .sfNavHorizontal a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
    border:1px solid #A71930;
}

.NavStyleRed .sfNavHorizontal a:hover {
    color: #A71930;
    background-color: #ffffff;
    border:1px solid #A71930;
}

.NavStyleRed .sfNavHorizontal li {
    border-right: none; 
}

    .NavStyleRed>ul>li {
        background-color: #A71930;
        
    }

    .NavStyleRed>ul>li>a {
        color:#ffffff;
        text-decoration:none;
    }
	
	.NavStyleRed .sfNavHorizontalDropDown  {
    background-color: #A71930;
	}
	
	.NavStyleRed .sfNavHorizontalDropDown  li{
    border-right-color: #A71930;
	}

	.NavStyleRed .sfNavHorizontalDropDown a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #A71930;
	color:#ffffff;
}

	.NavStyleRed .sfNavHorizontalDropDown a.k-link {
    margin-top:0px;
    padding-top:0px;
    background-color: #A71930;
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

.NavStyleRed .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
    border:1px solid #ffffff;
}

.NavStyleRed .sfNavHorizontalDropDown a:hover {
    color: #A71930;
    background-color: #ffffff;
    border:1px solid #A71930;
}

.NavStyleRed .sfNavHorizontalDropDown a {
        border:1px solid #A71930;
}

.NavStyleRed .sfNavHorizontalDropDown .k-item>a.k-link.sfSel {
    background-color: #A71930;
	color:#ffffff;
	margin-top:0px;
	padding-top:0px;
}

.NavStyleRed .sfNavHorizontalDropDown .k-item>a.k-link.sfSel:hover {
    background-color: #ffffff;
	color:#A71930;
}

.NavStyleRed .sfNavHorizontalDropDown .k-i-arrow-e, .sfNavHorizontalDropDown .k-i-arrow-s {
	background:none;
}

.NavStyleRed .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}



.NavStyleRed .sfNavHorizontalDropDown .k-link {
    padding-left:20px !important;
	padding-right:10px !important;
}

@media (max-width: 425px) {
        .NavStyleRed .sfNavHorizontalDropDown .k-group li a {
    white-space:normal;
}
    }
	
	@media (max-width: 960px) {
        .NavStyleRed .sfNavHorizontalDropDown .k-item {
    border-style:none;
}
    }

/*NAVSTYLERED END*/

/*NAVSTYLEGREY START*/

.NavStyleGrey {
    background-color: #8B8D8E;
    border-color: #8B8D8E;
    font-size:10pt !important;
    font-weight:bold;
    text-transform:capatalize;
    margin-bottom :0px;
}

.NavStyleGrey .sfNavHorizontal a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #8B8D8E;
}

.NavStyleGrey .sfNavHorizontal a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
    border:1px solid #8B8D8E;
}

.NavStyleGrey .sfNavHorizontal a:hover {
    color: #8B8D8E;
    background-color: #ffffff;
    border:1px solid #8B8D8E;
}

.NavStyleGrey .sfNavHorizontal li {
    border-right: none; 
}

    .NavStyleGrey>ul>li {
        background-color: #8B8D8E;
        
    }

    .NavStyleGrey>ul>li>a {
        color:#ffffff;
        text-decoration:none;
    }
	
	.sfNavHorizontalDropDown {
    padding-left: 0px;
    padding-right: 0px;
}
	
	.NavStyleGrey .sfNavHorizontalDropDown  {
    background-color: #8B8D8E;
	}

	.NavStyleGrey .sfNavHorizontalDropDown a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #8B8D8E;
	color:#ffffff;
}

	.NavStyleGrey .sfNavHorizontalDropDown a.k-link {
    margin-top:0px;
    padding-top:0px;
    background-color: #8B8D8E;
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

.NavStyleGrey .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
    border:1px solid #8B8D8E;
}

.NavStyleGrey .sfNavHorizontalDropDown a:hover {
    color: #8B8D8E;
    background-color: #ffffff;
    border:1px solid #8B8D8E;
}

.NavStyleGrey .sfNavHorizontalDropDown a {
        border:1px solid #8B8D8E;
}

.NavStyleGrey .sfNavHorizontalDropDown li {
    border-right: none !important; 
}

.NavStyleGrey .sfNavHorizontalDropDown .k-item>a.k-link.sfSel {
    background-color: #8B8D8E;
	color:#ffffff;
	margin-top:0px;
	padding-top:0px;
}

.NavStyleGrey .sfNavHorizontalDropDown .k-item>a.k-link.sfSel:hover {
    background-color: #ffffff;
	color:#8B8D8E;
}

.NavStyleGrey .sfNavHorizontalDropDown .k-i-arrow-e, .sfNavHorizontalDropDown .k-i-arrow-s {
	background:none;
}

.NavStyleGrey .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}

.sfNavHorizontalDropDown .k-group {
    border: none;
	font-size:10pt !important;
}

.NavStyleGrey .sfNavHorizontalDropDown .k-link {
	padding-right:10px !important;
}

@media (max-width: 425px) {
        .NavStyleGrey .sfNavHorizontalDropDown .k-group li a {
    white-space:normal;
}
    }
	
	@media (max-width: 960px) {
        .NavStyleGrey .sfNavHorizontalDropDown .k-item {
    border-style:none;
}
    }
	
	.k-header > li > a {
   cursor:pointer;
   pointer-events: none;
   
}

/*NAVSTYLEGREY END*/

/*NAVSTYLEBLUEVERTICAL START*/

.NavStyleBlueVertical {
    background-color: #0F204B;
    border-color: #0F204B;
    font-size:10pt !important;
    font-weight:bold;
    text-transform:capatalize;
    margin-bottom :0px;
}

.NavStyleBlueVertical .sfNavHorizontal a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #0F204B;
}

.NavStyleBlueVertical .sfNavHorizontal a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
    border:1px solid #0F204B;
}

.NavStyleBlueVertical .sfNavHorizontal a:hover {
    color: #0F204B;
    background-color: #ffffff;
    border:1px solid #0F204B;
}

.NavStyleBlueVertical .sfNavHorizontal li {
    border-right: none; 
}

    .NavStyleBlueVertical>ul>li {
        background-color: #0F204B;
        
    }

    .NavStyleBlueVertical>ul>li>a {
        color:#ffffff;
        text-decoration:none;
    }
	
	.NavStyleBlueVertical .sfNavHorizontalDropDown  {
    background-color: #0F204B;
	}
	
	.NavStyleBlueVertical .sfNavHorizontalDropDown  li{
    border-right-color: #0F204B;
	}

	.NavStyleBlueVertical .sfNavHorizontalDropDown a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #0F204B;
	color:#ffffff;
}

	.NavStyleBlueVertical .sfNavHorizontalDropDown a.k-link {
    margin-top:0px;
    padding-top:0px;
    background-color: #0F204B;
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
    border:1px solid #ffffff;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown a:hover {
    color: #0F204B;
    background-color: #ffffff;
    border:1px solid #0F204B;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown a {
        border:1px solid #0F204B;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown .k-item>a.k-link.sfSel {
    background-color: #0F204B;
	color:#ffffff;
	margin-top:0px;
	padding-top:0px;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown .k-item>a.k-link.sfSel:hover {
    background-color: #ffffff;
	color:#0F204B;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown .k-i-arrow-e, .sfNavHorizontalDropDown .k-i-arrow-s {
	background:none;
}

.NavStyleBlueVertical .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}


.NavStyleBlueVertical .sfNavHorizontalDropDown .k-link {
    padding-left:20px !important;
	padding-right:10px !important;
}

@media (max-width: 425px) {
        .NavStyleBlueVertical .sfNavHorizontalDropDown .k-group li a {
    white-space:normal;
}
    }
	
	@media (max-width: 960px) {
        .NavStyleBlueVertical .sfNavHorizontalDropDown .k-item {
    border-style:none;
}
    }

/*NAVSTYLEBLUEVERTICAL END*/

/*NAVSTYLEREDVERTICAL START*/

.NavStyleRedVertical {
    background-color: #A71930;
    border-color: #A71930;
    font-size:10pt !important;
    font-weight:bold;
    text-transform:capatalize;
    margin-bottom :0px;
}

.NavStyleRedVertical .sfNavHorizontal a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #A71930;
}

.NavStyleRedVertical .sfNavHorizontal a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
    border:1px solid #A71930;
}

.NavStyleRedVertical .sfNavHorizontal a:hover {
    color: #A71930;
    background-color: #ffffff;
    border:1px solid #A71930;
}

.NavStyleRedVertical .sfNavHorizontal li {
    border-right: none; 
}

    .NavStyleRedVertical>ul>li {
        background-color: #A71930;
        
    }

    .NavStyleRedVertical>ul>li>a {
        color:#ffffff;
        text-decoration:none;
    }
	
	.NavStyleRedVertical .sfNavHorizontalDropDown  {
    background-color: #A71930;
	}
	
	.NavStyleRedVertical .sfNavHorizontalDropDown  li{
    border-right-color: #A71930;
	}

	.NavStyleRedVertical .sfNavHorizontalDropDown a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #A71930;
	color:#ffffff;
}

	.NavStyleRedVertical .sfNavHorizontalDropDown a.k-link {
    margin-top:0px;
    padding-top:0px;
    background-color: #A71930;
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

.NavStyleRedVertical .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
    border:1px solid #ffffff;
}

.NavStyleRedVertical .sfNavHorizontalDropDown a:hover {
    color: #A71930;
    background-color: #ffffff;
    border:1px solid #A71930;
}

.NavStyleRedVertical .sfNavHorizontalDropDown a {
        border:1px solid #A71930;
}

.NavStyleRedVertical .sfNavHorizontalDropDown .k-item>a.k-link.sfSel {
    background-color: #A71930;
	color:#ffffff;
	margin-top:0px;
	padding-top:0px;
}

.NavStyleRedVertical .sfNavHorizontalDropDown .k-item>a.k-link.sfSel:hover {
    background-color: #ffffff;
	color:#A71930;
}

.NavStyleRedVertical .sfNavHorizontalDropDown .k-i-arrow-e, .sfNavHorizontalDropDown .k-i-arrow-s {
	background:none;
}

.NavStyleRedVertical .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}


.NavStyleRedVertical .sfNavHorizontalDropDown .k-link {
    padding-left:20px !important;
	padding-right:10px !important;
}

@media (max-width: 425px) {
        .NavStyleRedVertical .sfNavHorizontalDropDown .k-group li a {
    white-space:normal;
}
    }
	
	@media (max-width: 960px) {
        .NavStyleRedVertical .sfNavHorizontalDropDown .k-item {
    border-style:none;
}
    }

/*NAVSTYLEREDVERTICAL END*/

/*NAVSTYLEGREYVERTICAL START*/

.NavStyleGreyVertical {
    background-color: #8B8D8E;
    border-color: #8B8D8E;
    font-size:10pt !important;
    font-weight:bold;
    text-transform:capatalize;
    margin-bottom :0px;
}

.NavStyleGreyVertical .sfNavHorizontal a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #8B8D8E;
}

.NavStyleGreyVertical .sfNavHorizontal a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
    border:1px solid #8B8D8E;
}

.NavStyleGreyVertical .sfNavHorizontal a:hover {
    color: #8B8D8E;
    background-color: #ffffff;
    border:1px solid #8B8D8E;
}

.NavStyleGreyVertical .sfNavHorizontal li {
    border-right: none; 
}

    .NavStyleGreyVertical>ul>li {
        background-color: #8B8D8E;
        
    }

    .NavStyleGreyVertical>ul>li>a {
        color:#ffffff;
        text-decoration:none;
    }
	
	.NavStyleGreyVertical .sfNavHorizontalDropDown  {
    background-color: #8B8D8E;
	}
	
	.NavStyleGreyVertical .sfNavHorizontalDropDown  li{
    border-right-color: #8B8D8E;
	}

	.NavStyleGreyVertical .sfNavHorizontalDropDown a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #8B8D8E;
	color:#ffffff;
}

	.NavStyleGreyVertical .sfNavHorizontalDropDown a.k-link {
    margin-top:0px;
    padding-top:0px;
    background-color: #8B8D8E;
	color:#ffffff;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
    border:1px solid #ffffff;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown a:hover {
    color: #8B8D8E;
    background-color: #ffffff;
    border:1px solid #8B8D8E;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown a {
        border:1px solid #8B8D8E;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown .k-item>a.k-link.sfSel {
    background-color: #8B8D8E;
	color:#ffffff;
	margin-top:0px;
	padding-top:0px;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown .k-item>a.k-link.sfSel:hover {
    background-color: #ffffff;
	color:#8B8D8E;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown .k-i-arrow-e, .sfNavHorizontalDropDown .k-i-arrow-s {
	background:none;
}

.NavStyleGreyVertical .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}


.NavStyleGreyVertical .sfNavHorizontalDropDown .k-link {
    padding-left:20px !important;
	padding-right:10px !important;
}

@media (max-width: 425px) {
        .NavStyleGreyVertical .sfNavHorizontalDropDown .k-group li a {
    white-space:normal;
}
    }
	
	@media (max-width: 960px) {
        .NavStyleGreyVertical .sfNavHorizontalDropDown .k-item {
    border-style:none;
}
    }

/*NAVSTYLEGREYVERTICAL END*/

/*NAVSTYLEWHITE START*/

.NavStyleWhite {
    background-color: #ffffff;
    border-color: #ffffff;
    font-size:10pt !important;
    font-weight:bold;
    text-transform:capatalize;
    margin-bottom :0px;
}

.NavStyleWhite  .sfNavHorizontal  a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
}

.NavStyleWhite .sfNavHorizontal a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #0F204B;
    border:1px solid #ffffff;
}

.NavStyleWhite .sfNavHorizontal a:hover {
    color: #ffffff;
    background-color: #0F204B;
    border:1px solid #ffffff;
}

.NavStyleWhite .sfNavHorizontal li {
    border-right: none; 
}

    .NavStyleWhite>ul>li {
        background-color: #ffffff;
        
    }

    .NavStyleWhite>ul>li>a {
        color:#0F204B;
        text-decoration:none;
    }
	
	.NavStyleWhite .sfNavHorizontalDropDown  {
    background-color: #ffffff;
	}

	.NavStyleWhite .sfNavHorizontalDropDown a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
	color:#ffffff;
}

	.NavStyleWhite .sfNavHorizontalDropDown a.k-link {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
	color:#0F204B;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

.NavStyleWhite .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #0F204B;
    border:1px solid #ffffff;
}

.NavStyleWhite .sfNavHorizontalDropDown a:hover {
    color: #ffffff;
    background-color: #0F204B;
    border:1px solid #ffffff;
}

.NavStyleWhite .sfNavHorizontalDropDown a {
        border:1px solid #ffffff;
}

.NavStyleWhite .sfNavHorizontalDropDown .k-item>a.k-link.sfSel {
    background-color: #ffffff;
	color:#0F204B;
	margin-top:0px;
	padding-top:0px;
}

.NavStyleWhite .sfNavHorizontalDropDown .k-item>a.k-link.sfSel:hover {
    background-color: #0F204B;
	color:#ffffff;
}

.NavStyleWhite .sfNavHorizontalDropDown .k-i-arrow-e, .sfNavHorizontalDropDown .k-i-arrow-s {
	background:none;
}

.NavStyleWhite .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}


.NavStyleWhite .sfNavHorizontalDropDown .k-link {
    padding-left:20px !important;
	padding-right:10px !important;
}

@media (max-width: 425px) {
        .NavStyleWhite .sfNavHorizontalDropDown .k-group li a {
    white-space:normal;
}
    }
	
	@media (max-width: 960px) {
        .NavStyleWhite .sfNavHorizontalDropDown .k-item {
    border-style:none;
}
    }


/*NAVSTYLEWHITE END*/

/*NavStyleWhiteVertical START*/

.NavStyleWhiteVertical {
    background-color: #ffffff;
    border-color: #ffffff;
    font-size:10pt !important;
    font-weight:bold;
    text-transform:capatalize;
    margin-bottom :0px;
}

.NavStyleWhiteVertical  .sfNavHorizontal  a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
}

.NavStyleWhiteVertical .sfNavHorizontal a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #0F204B;
    border:1px solid #ffffff;
}

.NavStyleWhiteVertical .sfNavHorizontal a:hover {
    color: #ffffff;
    background-color: #0F204B;
    border:1px solid #ffffff;
}

.NavStyleWhiteVertical .sfNavHorizontal li {
    border-right: none; 
}

    .NavStyleWhiteVertical>ul>li {
        background-color: #ffffff;
        
    }

    .NavStyleWhiteVertical>ul>li>a {
        color:#0F204B;
        text-decoration:none;
    }
	
	.NavStyleWhiteVertical .sfNavHorizontalDropDown  {
    background-color: #ffffff;
	}

	.NavStyleWhiteVertical .sfNavHorizontalDropDown a.sfSel {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
	color:#ffffff;
}

	.NavStyleWhiteVertical .sfNavHorizontalDropDown a.k-link {
    margin-top:0px;
    padding-top:0px;
    background-color: #ffffff;
	color:#0F204B;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown a.sfSel:hover {
    margin-top:0px;
    padding-top:0px;
    background-color: #0F204B;
    border:1px solid #ffffff;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown a:hover {
    color: #ffffff;
    background-color: #0F204B;
    border:1px solid #ffffff;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown a {
        border:1px solid #ffffff;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown li {
    border-right: none; 
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown .k-item>a.k-link.sfSel {
    background-color: #ffffff;
	color:#0F204B;
	margin-top:0px;
	padding-top:0px;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown .k-item>a.k-link.sfSel:hover {
    background-color: #0F204B;
	color:#ffffff;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown .k-i-arrow-e, .sfNavHorizontalDropDown .k-i-arrow-s {
	background:none;
}

.NavStyleWhiteVertical .sfNavHorizontalDropDown .k-popup li {
    border-top: none !important;
}


.NavStyleWhiteVertical .sfNavHorizontalDropDown .k-link {
    padding-left:20px !important;
	padding-right:10px !important;
}

@media (max-width: 425px) {
        .NavStyleWhiteVertical .sfNavHorizontalDropDown .k-group li a {
    white-space:normal;
}
    }
	
	@media (max-width: 960px) {
        .NavStyleWhiteVertical .sfNavHorizontalDropDown .k-item {
    border-style:none;
}
    }

/*NavStyleWhiteVertical END*/

/*postgrad Style START*/

.postgrad {
    color:#ffffff;
}

.postgrad .glyphicon {
    color:#ffffff;
}

.postgrad .glyphicon:hover {
    color:#A71930;
}

.postgrad .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

/*postgrad Style END*/

/*SPOTLIGHT START*/

    /*Pager Items position*/
    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: 0px !important;
        left: 0 !important;
        padding-left: 0px !important;
        padding-top: 0px !important;
        width: auto !important;
		display: inline-block !important; /*Firefox*/
		height: auto !important; /*Firefox*/
    }

    .bx-wrapper {
        margin-bottom: 0px !important;
    }

        /*.bx-wrapper .bx-prev {
            background: none !important;
        }

        .bx-wrapper .bx-next {
            background: none !important;
        }
		*/
		
		
        /*Outer circle for slide indicator */
		
        .bx-wrapper .bx-pager.bx-default-pager a.bx-pager-link {
            border: 1px solid #FFF;
            border-radius: 15px;
            height: 20px;
            width: 20px;
            background: none;
			box-shadow: 1px 1px #000 !important;
			z-index: 99;
        }

        .bx-controls-auto {
            z-index:-99 !important;
        }
		
		.bx-pager-link {
			z-index: 999;
			position: relative;
		}

        /*Current slide dot */
        .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
            background: #fff !important;
        }

    /*width of */

    .btn-readmore {
        background-color: transparent;
        border: 1px solid white;
        cursor: default;
        width: auto;
        text-align: left;
    }

    /*Outside border*/
    .bx-wrapper {
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border: 0 !important;
    }

    .SpotImage {
        width: 100%;
        position: relative;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        padding: 0px 0px !important;
    }

    .SpotText {
        zoom: 1.3;
		-moz-transform: scale(1.3);
        position: absolute;
		height: auto; /*Firefox*/
        bottom: 20px;
        background-color: hsla(0, 0%, 1%, 0.4);
        padding: 5px 5px;
        vertical-align: bottom;
        max-width: 560px;
		
		text-shadow: 1px 1px #000 !important;
    }
	
	@-moz-document url-prefix(){ 
		.SpotText {
			left:6%;
			min-width: 300px; /*Firefox*/
			min-height: 100px; /*Firefox*/
			bottom: 45px;
		}
	}

    /*#SpotBackground{
    background-color: hsla(0, 0%, 1%, 0.4);
    min-width: 180px;
    padding-bottom: 5px;
}*/

    .SpotText h5 {
    font-size: 22pt !important;
    font-family: Verdana;
	color:white;
}

    .container {
        position: relative;
    }

    .fullwidth {
        width: 100%;
    }

    a.btn.btn-readmore {
        color: white;
        text-decoration: none;
		box-shadow: 1px 1px #000 !important;
    }

    a.btn.btn-readmore:hover {
        color:#a71930;
        border: 1px solid #a71930;
        text-decoration: none;
    }

    .SpotText p {
        color: white;
    }

    /*MEDIA */
    /* MAIN scaling*/
    @media(min-width: 2419px) and (max-width: 2560px) {
        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 1.8% !important;
            margin-left: 34% !important;
        }
		
		@-moz-document url-prefix(){ 
			.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
				padding-bottom: 1.8% !important;
				margin-left: 34% !important;
			}
		}
    }

    /*Smaller scaling*/
    @media(min-width: 2278px) and (max-width: 2418px) {
        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 1.8% !important;
            margin-left: 33% !important;
        }
    }

    @media(min-width: 2138px) and (max-width: 2277px) {
        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 1.9% !important;
            margin-left: 32% !important;
        }
    }

    @media(min-width: 1999px) and (max-width: 2137px) {
        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.1% !important;
            margin-left: 30.8% !important;
        }
    }

    /* MAIN scaling */
    @media(min-width: 1920px) and (max-width: 1998px) {
        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.2% !important;
            margin-left: 29.5% !important;
        }
    }

    /* smaller scaling*/
    @media(min-width: 1819px) and (max-width: 1919px) {
        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.3% !important;
            margin-left: 28.4% !important;
        }
    }

    @media(min-width: 1720px) and (max-width: 1818px) {
        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.4% !important;
            margin-left: 27.3% !important;
        }
    }

    /* smaller scaling*/
    @media(min-width: 1627px) and (max-width: 1719px) {
        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.6% !important;
            margin-left: 26.1% !important;
        }
    }

    @media(min-width: 1536px) and (max-width: 1626px) {
        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.7% !important;
            margin-left: 24.6% !important;
        }
    }

    @media(min-width: 1441px) and (max-width: 1535px) {
        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.9% !important;
            margin-left: 23.1% !important;
        }
    }

    /* MAIN scaling*/
    @media (min-width: 1200px) and (max-width: 1440px) {
        .SpotText {
            bottom: 30px;
            left: 10%;
        }
		
		@-moz-document url-prefix(){ 
			.SpotText{
			  left:14%;
			  bottom: 33px;
			}
		}
    }
	
	@media screen and (min-width:1441px\0) {
		.SpotText {
            bottom: 65px;
        }	
	}
	
	@media screen and (min-width:1200px\0) and (max-width:1440px\0) {
		.SpotText {
            bottom: 78px;
        }
	}
	
	@media screen and (min-width:992px\0) and (max-width:1199px\0) {
		.SpotText {
            bottom: 73px !important;
			left:-30px !important;
        }	
	}
	
		@media screen and (min-width:845px\0) and (max-width:991px\0) {
		.SpotText {
            bottom: 73px !important;
			left:-30px !important;
        }	
	}
	
	@media screen and (min-width:806px\0) and (max-width:844px\0) {
		.SpotText {
            bottom: 55px !important;
			left:-25px !important;
        }	
	}
	
	@media screen and (min-width:768px\0) and (max-width:805px\0) {
		.SpotText {
            bottom: 52px !important;
			left:-25px !important;
        }	
	}
	
	@media screen and (min-width:720px\0) and (max-width:767px\0) {
		.SpotText {
			bottom:-2px !important;
            left: 15% !important;
        }	
	}
	
	@media screen and (min-width:673px\0) and (max-width:719px\0) {
		.SpotText {
			bottom:-2px !important;
            left: 15% !important;
        }	
	}
	
	@media screen and (min-width:625px\0) and (max-width:672px\0) {
		.SpotText {
			bottom:-5px !important;
            left: 10% !important;
        }	
	}
	
	@media screen and (min-width:577px\0) and (max-width:624px\0) {
		.SpotText {
			bottom:-16px !important;
            left: 9% !important;
			width:110%;
        }	
	}
	
	@media screen and (min-width:528px\0) and (max-width:576px\0) {
		.SpotText {
			bottom:-16px !important;
            left: 9% !important;
			width:110%;
        }	
	}
	
	@media screen and (min-width:480px\0) and (max-width:527px\0) {
		.SpotText {
			bottom:-20px !important;
            left: 8% !important;
			width:116%;
        }	
	}
	
	@media screen and (min-width:445px\0) and (max-width:479px\0) {
		.SpotText {
			bottom:-26px !important;
            left: 6% !important;
			width:126%;
        }		
	}
	
	@media screen and (min-width:425px\0) and (max-width:444px\0) {
		.SpotText {
			bottom:-32px !important;
            left: 6% !important;
			width:135%;
        }	
	}
	
	@media screen and (min-width:375px\0) and (max-width:424px\0) {
		.SpotText {
			bottom:-34px !important;
            left: 5% !important;
			width:149%;
        }	
	}
	
	@media screen and (min-width:320px\0) and (max-width:375px\0) {
		.SpotText {
			bottom:-46px !important;
            left: 5% !important;
			width:170%;
        }	
	}
	
	
		
	/* smaller scaling */
    @media (min-width: 1360px) and (max-width: 1440px) {
        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 4.1% !important;
            margin-left: 29% !important;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(1.3);
			left:-40%;
            right: 0;
            bottom: 40px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.95);
			  margin-left: 20.9% !important;
			  bottom: -19px !important;
		  }
		}
    }

    @media (min-width: 1279px) and (max-width: 1359px) {
        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 4.3% !important;
            margin-left: 27.3% !important;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(1.3);
			left:-40%;
            right: 0;
            bottom: 40px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.95);
			  margin-left: 17.9% !important;
			  bottom: -19px !important;
		  }
		}
    }

    @media (min-width: 1200px) and (max-width: 1278px) {
		
		.SpotText h5 {
			font-size:21pt !important;
		}
		
        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 4.4% !important;
            margin-left: 26% !important;
        }
		
		@-moz-document url-prefix(){ 
			.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.95);
			  margin-left: 22.9% !important;
			  bottom: -23px !important;
		  }
		}
    }

    @media (min-width:1132px) and (max-width: 1199px) {	
		.SpotText {
            left: 0;
            bottom: 40px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 1.3;
        }
		
		.SpotText h5 {
			font-size:20pt !important;
		}
		
		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 4.3% !important;
            margin-left: 18.9% !important;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(1);
			left:-40%;
            right: 0;
            bottom: 40px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.95);
			  margin-left: 21.9% !important;
			  bottom: 2px !important;
		  }
		}
    }

    @media (min-width:1062px) and (max-width: 1131px) {
        .SpotText {
            left: 0;
            bottom: 40px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 1.3;
        }
		
		.SpotText h5 {
			font-size:20pt !important;
		}
		
		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 4.5% !important;
            margin-left: 17.5% !important;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(1);
			left:-40%;
            right: 0;
            bottom: 40px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.95);
			  margin-left: 19.9% !important;
			  bottom: 1px !important;
		  }
		}
    }

    /*Smaller min-max width for scaling of pager items between 992px and 1199px*/
    @media (min-width:1024px) and (max-width: 1061px) {
        .SpotText {
            bottom: 40px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 1.3;
        }
		
		.SpotText h5 {
			font-size:20pt !important;
		}
		
		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 4.9% !important;
            margin-left: 15.5% !important;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(1);
			left:-40%;
            right: 0;
            bottom: 40px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.95);
			  margin-left: 17.9% !important;
			  bottom: 0px !important;
		  }
		}
    }

    @media (min-width:992px) and (max-width: 1023px) {
        .SpotText {
            bottom: 40px;
            padding: 5px 5px;
            margin: 0 35px;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 1.3;
        }
		
		.SpotText h5 {
			font-size:19pt !important;
		}
		
		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 4.9% !important;
            margin-left: 18.5% !important;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(1);
			left:-35%;
            right: 0;
            bottom: 40px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.95);
			  margin-left: 17.9% !important;
			  bottom: 0px !important;
		  }
		}
    }

    @media (min-width:972px) and (max-width: 991px) {
        .SpotText {
            bottom: 30px;
            padding: 5px 5px;
            margin: 0 -30px;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 1.3;
        }
		
		.SpotText h5 {
			font-size:19pt !important;
		}
		
		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 4.2% !important;
            margin-left: 23.5% !important;
			zoom: 0.95;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(1);
			left:-35%;
            right: 0;
            bottom: 25px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.95);
			  margin-left: 20.9% !important;
			  bottom: -5px !important;
		  }
		}
    }

    /* MAIN scaling*/ /*LEAVE OUT??????*/
    @media (min-width: 922px) and (max-width: 971px) {
        .SpotText {
            bottom: 30px;
            padding: 5px 5px;
            margin: 0 -30px;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 1.3;
        }
		
		.SpotText h5 {
			font-size:19pt !important;
		}
		
		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 4.2% !important;
            margin-left: 23.5% !important;
			zoom: 0.95;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(1);
			left:-35%;
            right: 0;
            bottom: 25px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.95);
			  margin-left: 20.9% !important;
			  bottom: -5px !important;
		  }
		}
    }

    /* smaller scaling*/
    @media (min-width: 845px) and (max-width: 921px) {
        .SpotText {
            bottom: 30px;
            padding: 5px 5px;
            margin: 0 -26px;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 1.3;
        }
		
		.SpotText h5 {
			font-size:18pt !important;
		}
		
		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 4.6% !important;
            margin-left: 20.7% !important;
			zoom: 0.95;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(1);
			left:-25%;
            right: 0;
            bottom: 25px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.95);
			  margin-left: 21.4% !important;
			  bottom: -6px !important;
		  }
		}
    }

    @media (min-width: 806px) and (max-width: 844px) {
        .SpotText {
            bottom: 20px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 1.3;
        }
		
		.SpotText h5 {
			font-size:18pt !important;
		}
		
		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 3.7% !important;
            margin-left: 20.7% !important;
			zoom: 0.95;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(1);
			left:-22%;
            right: 0;
            bottom: 25px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.95);
			  margin-left: 20.4% !important;
			  bottom: 4px !important;
		  }
		}
    }

    @media (min-width: 768px) and (max-width: 805px) {
        .SpotText {
            bottom: 20px;
            padding: 5px 5px;
            margin: 0 20px;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 1.3;
        }
		
		.SpotText h5 {
			font-size:18pt !important;
		}
		
		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 3.9% !important;
            margin-left: 20.7% !important;
			zoom: 0.95;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(1);
			left:-18%;
            right: 0;
            bottom: 25px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.95);
			  margin-left: 21.9% !important;
			  bottom: 4px !important;
		  }
		}
    }

    /* MAIN scaling*/
    @media (min-width: 480px) and (max-width: 767px) {
        /* .SpotImage {
            min-height: 330px;
        } */

        .SpotText {
            bottom: 30px;
            left: 8%;
            margin: 0 auto !important;
        }
		
		/* @-moz-document url-prefix(){ 
			.SpotText {
				left: 16% !important;
			}
		} */
    }

    /* smaller scaling*/
    @media (min-width: 720px) and (max-width: 767px) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.9;
        }
		
		.SpotText h5 {
			font-size:17pt !important;
		}

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 1.9% !important;
            margin-left: 32.4% !important;
			zoom: 0.75;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.9);
			left:-18%;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.75);
			  margin-left: 21.9% !important;
			  bottom: 6px !important;
		  }
		}
    }

    @media (min-width: 673px) and (max-width: 719px) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.9;
        }
		
		.SpotText h5 {
			font-size:17pt !important;
		}

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 1.9% !important;
            margin-left: 32.4% !important;
			zoom: 0.75;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.9);
			left:-16%;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.75);
			  margin-left: 21.9% !important;
			  bottom: 6px !important;
		  }
		}
    }

    @media (min-width: 625px) and (max-width: 672px) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.90;
        }
		
		.SpotText h5 {
			font-size:17pt !important;
		}

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 1.9% !important;
            margin-left: 29.9% !important;
			zoom: 0.75;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.9);
			left:-10%;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.75);
			  margin-left: 22.9% !important;
			  bottom: 6px !important;
		  }
		}
    }

    @media (min-width: 577px) and (max-width: 624px) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.8;
        }
		
		.SpotText h5 {
			font-size:17pt !important;
		}

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 1.9% !important;
            margin-left: 29.9% !important;
			zoom: 0.7;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.8);
			left:-13%;
            right: 0;
            bottom: 0px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.7);
			  margin-left: 21.9% !important;
			  bottom: 9px !important;
		  }
		}
    }

    /*Smaller min-max width for scaling of pager items between 480px and 767px*/
    @media (min-width: 528px) and (max-width: 576px) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.8;
        }
		
		.SpotText h5 {
			font-size:16pt !important;
		}

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2% !important;
            margin-left: 29.4% !important;
			zoom: 0.7;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.8);
			left:-3%;
            right: 0;
            bottom: 0px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			width:110%;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.7);
			  margin-left: 25.9% !important;
			  bottom: 9px !important;
		  }
		}
    }

    @media (min-width: 480px) and (max-width: 527px) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.75;
        }
		
		.SpotText h5 {
			font-size:16pt !important;
		}

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.4% !important;
            margin-left: 29.4% !important;
			zoom: 0.6;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.75);
			left:-8%;
            right: 0;
            bottom: -5px;
            padding: 5px 4px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			width:120%;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.6);
			  margin-left: 23.9% !important;
			  bottom: 6px !important;
		  }
		}
    }

    @media (min-width:445px) and (max-width: 479px) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.7;
        }
		
		.SpotText h5 {
			font-size:16pt !important;
		}

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.4% !important;
            margin-left: 28.4% !important;
			zoom: 0.55;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.7);
			left:-12%;
            right: 0;
            bottom: -5px;
            padding: 5px 4px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			width:136%;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.55);
			  margin-left: 23.9% !important;
			  bottom: 9px !important;
		  }
		}
    }

    /* MAIN content */
    @media (min-width:425px) and (max-width: 444px) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.65;
        }
		
		.SpotText h5 {
			font-size:16pt !important;
		}

        /* .SpotImage {
            min-height: 330px;
        } */

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.4% !important;
            margin-left: 25.4% !important;
			zoom: 0.5;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.65);
			left:-16%;
            right: 0;
            bottom: -10px;
            padding: 5px 4px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			width:136%;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.5);
			  margin-left: 22.4% !important;
			  bottom: 8px !important;
		  }
		}
    }

    @media (min-width:375px) and (max-width: 424px) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.6;
        }
		
		.SpotText h5 {
			font-size:16pt !important;
		}

        /* .SpotImage {
            min-height: 330px;
        } */

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.7% !important;
            margin-left: 25.4% !important;
			zoom: 0.45;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.6);
			left:-22%;
            right: 0;
            bottom: -18px;
            padding: 5px 4px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			width:155%;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.45);
			  margin-left: 22.4% !important;
			  bottom: 1px !important;
		  }
		}
    }

    @media (min-width:333px) and (max-width: 374px) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.5;
        }
		
		.SpotText h5 {
			font-size:16pt !important;
		}

        /* .SpotImage {
            min-height: 330px;
        } */

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.7% !important;
            margin-left: 27.4% !important;
			zoom: 0.35;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.5);
			left:-32%;
            right: 0;
            bottom: -25px;
            padding: 5px 4px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			width:175%;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.35);
			  margin-left: 22.9% !important;
			  bottom: 0px !important;
		  }
		}
    }
	
	@media (min-width:320px) and (max-width: 332px) {	
		.SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.4;
        }
		
		.SpotText h5 {
			font-size:16pt !important;
		}

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.4% !important;
            margin-left: 32.4% !important;
			zoom: 0.35;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.5);
			left:-36.5%;
            right: 0;
            bottom: -30px;
            padding: 5px 4px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			width:183%;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.35);
			  margin-left: 21.9% !important;
			  bottom: 2px !important;
		  }
		}
	}

/*Iphone Styling */
	
@media only screen (min-width: 768px) and (max-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
        .SpotText {
            bottom: 20px;
            padding: 5px 5px;
            margin: 0 20px;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 1.3;
        }
		
		.SpotText h5 {
			font-size:18pt !important;
		}
		
		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 3.9% !important;
            margin-left: 20.7% !important;
			zoom: 0.95;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(1);
			left:-18%;
            right: 0;
            bottom: 25px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.95);
			  margin-left: 21.9% !important;
			  bottom: 4px !important;
		  }
		}
    }
	
	@media only screen (min-width: 737px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 3) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.9;
        }
		
		.SpotText h5 {
			font-size:17pt !important;
		}

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 1.9% !important;
            margin-left: 32.4% !important;
			zoom: 0.75;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.9);
			left:-18%;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.75);
			  margin-left: 21.9% !important;
			  bottom: 6px !important;
		  }
		}
    }

@media only screen (min-width: 720px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.9;
        }
		
		.SpotText h5 {
			font-size:17pt !important;
		}

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 1.9% !important;
            margin-left: 32.4% !important;
			zoom: 0.75;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.9);
			left:-18%;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.75);
			  margin-left: 21.9% !important;
			  bottom: 6px !important;
		  }
		}
    }

    @media only screen (min-width: 668px) and (max-width: 719px) and (-webkit-min-device-pixel-ratio: 3) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.9;
        }
		
		.SpotText h5 {
			font-size:17pt !important;
		}

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 1.9% !important;
            margin-left: 32.4% !important;
			zoom: 0.75;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.9);
			left:-16%;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.75);
			  margin-left: 21.9% !important;
			  bottom: 6px !important;
		  }
		}
    }


@media only screen (min-width: 625px) and (max-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.90;
        }
		
		.SpotText h5 {
			font-size:17pt !important;
		}

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 1.9% !important;
            margin-left: 29.9% !important;
			zoom: 0.75;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.9);
			left:-10%;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.75);
			  margin-left: 22.9% !important;
			  bottom: 6px !important;
		  }
		}
    }

    @media only screen (min-width: 569px) and (max-width: 624px) and (-webkit-min-device-pixel-ratio: 2) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.8;
        }
		
		.SpotText h5 {
			font-size:17pt !important;
		}

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 1.9% !important;
            margin-left: 29.9% !important;
			zoom: 0.7;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.8);
			left:-13%;
            right: 0;
            bottom: 0px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.7);
			  margin-left: 21.9% !important;
			  bottom: 9px !important;
		  }
		}
    }

@media only screen (min-width: 528px) and (max-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.8;
        }
		
		.SpotText h5 {
			font-size:16pt !important;
		}

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2% !important;
            margin-left: 29.4% !important;
			zoom: 0.7;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.8);
			left:-3%;
            right: 0;
            bottom: 0px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			width:110%;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.7);
			  margin-left: 25.9% !important;
			  bottom: 9px !important;
		  }
		}
    }

    @media only screen (min-width: 481px) and (max-width: 527px) and (-webkit-min-device-pixel-ratio: 2) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.75;
        }
		
		.SpotText h5 {
			font-size:16pt !important;
		}

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.4% !important;
            margin-left: 29.4% !important;
			zoom: 0.6;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.75);
			left:-8%;
            right: 0;
            bottom: -5px;
            padding: 5px 4px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			width:120%;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.6);
			  margin-left: 23.9% !important;
			  bottom: 6px !important;
		  }
		}
    }

@media only screen and (min-width:445px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.7;
        }
		
		.SpotText h5 {
			font-size:16pt !important;
		}

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.4% !important;
            margin-left: 28.4% !important;
			zoom: 0.55;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.7);
			left:-12%;
            right: 0;
            bottom: -5px;
            padding: 5px 4px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			width:136%;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.55);
			  margin-left: 23.9% !important;
			  bottom: 9px !important;
		  }
		}
    }

    /* MAIN content */
    @media only screen (min-width:425px) and (max-width: 444px) and (-webkit-min-device-pixel-ratio: 2) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.65;
        }
		
		.SpotText h5 {
			font-size:16pt !important;
		}

        /* .SpotImage {
            min-height: 330px;
        } */

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.4% !important;
            margin-left: 25.4% !important;
			zoom: 0.5;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.65);
			left:-16%;
            right: 0;
            bottom: -10px;
            padding: 5px 4px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			width:136%;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.5);
			  margin-left: 22.4% !important;
			  bottom: 8px !important;
		  }
		}
    }

    @media only screen and (min-width:375px) and (max-width: 424px) and (-webkit-min-device-pixel-ratio: 2) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.6;
        }
		
		.SpotText h5 {
			font-size:16pt !important;
		}

        /* .SpotImage {
            min-height: 330px;
        } */

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.7% !important;
            margin-left: 25.4% !important;
			zoom: 0.45;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.6);
			left:-22%;
            right: 0;
            bottom: -18px;
            padding: 5px 4px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			width:155%;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.45);
			  margin-left: 22.4% !important;
			  bottom: 1px !important;
		  }
		}
    }

    @media only screen (min-width:333px) and (max-width: 374px) and (-webkit-min-device-pixel-ratio: 2) {
        .SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.5;
        }
		
		.SpotText h5 {
			font-size:16pt !important;
		}

        /* .SpotImage {
            min-height: 330px;
        } */

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.7% !important;
            margin-left: 27.4% !important;
			zoom: 0.35;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.5);
			left:-32%;
            right: 0;
            bottom: -25px;
            padding: 5px 4px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			width:175%;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.35);
			  margin-left: 22.9% !important;
			  bottom: 0px !important;
		  }
		}
    }
	
	@media only screen (min-width:320px) and (max-width: 332px) and (-webkit-min-device-pixel-ratio: 2) {	
		.SpotText {
            left: 0;
            right: 0;
            bottom: 5px;
            padding: 5px 5px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			zoom: 0.4;
        }
		
		.SpotText h5 {
			font-size:16pt !important;
		}

        .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
            padding-bottom: 2.4% !important;
            margin-left: 32.4% !important;
			zoom: 0.35;
        }
		
		@-moz-document url-prefix(){ 
		  .SpotText{
			-moz-transform: scale(0.5);
			left:-36.5%;
            right: 0;
            bottom: -30px;
            padding: 5px 4px;
            margin: 0 auto;
            font-size: 1.4em;
            vertical-align: bottom;
			width:183%;
		  }
		  
		  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
			  -moz-transform: scale(0.35);
			  margin-left: 21.9% !important;
			  bottom: 2px !important;
		  }
		}
	}
	
/* Iphone End */



/*SPOTLIGHT END*/

/*SPOTLIGHTPAGE START*/

    .SpotlightPageImage{
    width:100%;
}

    /*SPOTLIGHTPAGE END*/

/*SPORTSLIDER START*/

.carousel {
	margin-top: 10px;
    margin-bottom:20px;
}

    .carousel-control {
        opacity: 100;
        color:white !important;
    }

    .carousel-showmanymoveone .carousel-control {
        width: 2% !important;
        background-image: none;
    }

        .carousel-showmanymoveone .carousel-control.left {
            margin-left: 15px !important;
            background-color: #505050;
        }

        .carousel-showmanymoveone .carousel-control.right {
            margin-right: 15px !important;
            background-color: #505050;
        }

    .carousel-showmanymoveone .cloneditem-1,
    .carousel-showmanymoveone .cloneditem-2,
    .carousel-showmanymoveone .cloneditem-3 {
        display: none;
    }

    @media all and (min-width: 768px) {
        .carousel-showmanymoveone .carousel-inner > .active.left,
        .carousel-showmanymoveone .carousel-inner > .prev {
            left: -50%;
        }

        .carousel-showmanymoveone .carousel-inner > .active.right,
        .carousel-showmanymoveone .carousel-inner > .next {
            left: 50%;
        }

        .carousel-showmanymoveone .carousel-inner > .left,
        .carousel-showmanymoveone .carousel-inner > .prev.right,
        .carousel-showmanymoveone .carousel-inner > .active {
            left: 0;
        }

        .carousel-showmanymoveone .carousel-inner .cloneditem-1 {
            display: block;
        }
    }

    @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
        .carousel-showmanymoveone .carousel-inner > .item.active.right,
        .carousel-showmanymoveone .carousel-inner > .item.next {
            -webkit-transform: translate3d(50%, 0, 0);
            transform: translate3d(50%, 0, 0);
            left: 0;
        }

        .carousel-showmanymoveone .carousel-inner > .item.active.left,
        .carousel-showmanymoveone .carousel-inner > .item.prev {
            -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
            left: 0;
        }

            .carousel-showmanymoveone .carousel-inner > .item.left,
            .carousel-showmanymoveone .carousel-inner > .item.prev.right,
            .carousel-showmanymoveone .carousel-inner > .item.active {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                left: 0;
            }
    }
    /* Custom */
    @media all and (max-width:991px) {
        .carousel-showmanymoveone .carousel-control {
            width: 3% !important;
        }
    }

    @media all and (min-width: 992px) {
        .carousel-showmanymoveone .carousel-inner > .active.left,
        .carousel-showmanymoveone .carousel-inner > .prev {
            left: -25%;
        }

        .carousel-showmanymoveone .carousel-inner > .active.right,
        .carousel-showmanymoveone .carousel-inner > .next {
            left: 25%;
        }

        .carousel-showmanymoveone .carousel-inner > .left,
        .carousel-showmanymoveone .carousel-inner > .prev.right,
        .carousel-showmanymoveone .carousel-inner > .active {
            left: 0;
        }

        .carousel-showmanymoveone .carousel-inner .cloneditem-2,
        .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
            display: block;
        }
    }

    @media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
        .carousel-showmanymoveone .carousel-inner > .item.active.right,
        .carousel-showmanymoveone .carousel-inner > .item.next {
            -webkit-transform: translate3d(25%, 0, 0);
            transform: translate3d(25%, 0, 0);
            left: 0;
        }

        .carousel-showmanymoveone .carousel-inner > .item.active.left,
        .carousel-showmanymoveone .carousel-inner > .item.prev {
            -webkit-transform: translate3d(-25%, 0, 0);
            transform: translate3d(-25%, 0, 0);
            left: 0;
        }

            .carousel-showmanymoveone .carousel-inner > .item.left,
            .carousel-showmanymoveone .carousel-inner > .item.prev.right,
            .carousel-showmanymoveone .carousel-inner > .item.active {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
                left: 0;
            }
    }
    /* Custom ends*/

    @media (max-width: 697px) {
        .glyphicon-sport-slider  {
            font-size: 0.7em;
        }

        a.right.carousel-control {
            margin-right: -10px !important;
        }

        a.left.carousel-control {
            margin-left: -10px !important;
        }
    }

    @media (max-width: 500px) {
        .glyphicon-sport-slider {
            font-size: 0.5em;
        }

        .carousel-showmanymoveone .carousel-control {
            width: 4% !important;
        }
    }

    /* Box Size */
    .box {
        max-width: 100%;
        height: 400px;
        display: block;
        border: 0px;
        vertical-align: middle;
        padding: 0 0;
        color: white;
    }

    .gly-rotate-180 {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .glyphicon-sport-slider {
        display: inline-block;
        top: 50%;
    }

    .padding7 {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .carousel-inner {
        width: 92%;
        margin: 0 auto;
    }

    #red-event-type {
        line-height: 32px;
        min-width: 45%;
        top: 23px;
        position: absolute;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 18pt;
        text-transform: capitalize;
        font-weight: bold;
        vertical-align: middle;
	position: relative;
    }

    .item {
        position: relative;
    }

    #day {
        /*background-color:lightgray;*/
        /*height:25px;*/
        width: 95%;
        line-height: 25px;
        top: 45px;
        position: relative;
        text-align: center;
        font-size: 18pt;
    }

    #month-date {
        /*background-color:grey;*/
        /*height:auto;*/
        width: 95%;
        line-height: 30px;
        top: 50px;
        margin: 0 auto;
        position: relative;
        text-align: center;
        font-size: 20pt;
    }

    #sport-content {
        width: 95%;
        line-height: 25px;
        top: 200px;
        position: absolute;
        text-align: center;
        font-size: 1.7em;
    }

    .light-grey-bg {
       background-color:#888b8d;
   }

/*SPORTSLIDER END*/

/*ANNOUNCEMENT START*/

.wrap {
        width: 100%;
    }

    .grey-bg {
        background-color: #8B8D8E;
    }

    .red-bg {
        background-color: #A71930;
    }

    .annoucement {
        height: 47px;
        color: white;
        line-height: 47px;
        padding-right: 1%;
    }

    .scroll-left {
        color: white;
        height: 47px;
        line-height: 47px;
        padding: 0px 0px;
        margin: 0px 0px;
    }

    .annoucement p {
        margin: 0px;
		color:#ffffff !important;
    }
	
	#annoucement-info {
        position: absolute;
        right:0px;
        height:40px;
        width:195px;
        background-image:url("../Images/Info.png");
        background-repeat:no-repeat;
		background-position: 10px;
    }
	
	#annoucement-infomobile {
        position: absolute;
        height:40px;
        width:180px;
		margin-left: 1px;
        background-image:url("../Images/Info.png");
        background-repeat:no-repeat;
		background-position: 0px 10px;
    }
	
	@media (min-width: 321px) and (max-width:375px) {
		#annoucement-infomobile {
		margin-left: 2px;
		}
	}
	
	@media (min-width: 376px) and (max-width:425px) {
		#annoucement-infomobile {
		margin-left: 4px;
		}
	}
	
	@media (min-width: 426px) and (max-width:768px) {
		#annoucement-infomobile {
		margin-left: 10px;
		}
	}
	
	@media (min-width: 769px) and (max-width:991px) {
		#annoucement-infomobile {
		margin-left: 15px;
		}
	}
	
	.Scroll {
  position: relative;
  overflow: hidden;
  height: 49px;
  width: auto;
}

.Scroll p {
  position: absolute;
  margin: 0;
  line-height: 49px;
  white-space: nowrap;
  animation: marquee 30s linear infinite;
}

.ScrollMobile {
  position: relative;
  overflow: hidden;
  height: 49px;
  width:auto;
}

.ScrollMobile p {
  position: absolute;
  margin: 0;
  line-height: 49px;
  white-space: nowrap;
  animation: marquee 30s linear infinite;
  color:#ffffff !important;
}

@keyframes marquee {
   
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}


/*ANNOUNCEMENT END*/

/*REDMENU START*/

#RedNav .row {
    background-color:#A71930;
    padding-left:10px;
    margin-right:0px;
}

    #RedNav .row a {
    width:100%;
    text-decoration: none;
}

    #RedNav .row .btn-default {
    color:#A71930; 
}

    #RedNav .search {
    padding-top:10px;
    background-color:#A71930;
    padding-right:15px;
}

    #RedNav .search input{
    border-right-style:none;
    color:#A71930;
    margin-left:10px;
    margin-right:10px;
}

    #RedNav .search span {
      background-color:#ffffff;
      padding-left: 22px;
}

    #RedNav .search span a{
      color:#A71930;
}

#inputGroup {
    padding-top: 13px;
    width: 275px;
    float: right;
    margin-right: 15px;
	padding-bottom: 10px;
}
    .input-group-addon {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .btnsubmit {
    background-image: url(/Sitefinity/WebsiteTemplates/UFSTemplate2017/App_Themes/UFSTemplate/Images/search.png);
    width: 24px;
    height: 24px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    }
	
	.form-control:focus {
	border-color:#ffffff;	
	}

    .btnsubmit:focus {
        outline-color:#ffffff;
    }

.spacer20 {
    margin-top: 10px;
}

.spacer20Bottom {
    margin-bottom: 10px;
}

/*REDMENU END*/

/* CONTENT SEARCH START */

 #MobileSearch .search {
    padding-top:10px;
    background-color:#A71930;
    padding-right:15px;
	padding-bottom:10px;}

    #MobileSearch .search input{
    border-right-style:none;
    color:#A71930;
    margin-left:10px;
    margin-right:10px;
}

    #MobileSearch .search span {
      background-color:#ffffff;
      padding-left: 10px;
}

    #MobileSearch .search span a{
      color:#A71930;
}

/* CONTENT SEARCH END */

/*CONTENT START*/

#content {
    clear:both;
}

/*PAGETITLE START*/

 .PageTitle a{
    color:#0F204B !important;
    font-size: 20px;
    font-family: verdana;
    line-height: 1.42857143 !important;
    font-weight:bold;
    margin-top:10px;
    padding-top:15px;
}

  .PageTitle ul{
    text-align :center !important;
}

 .sfBreadcrumbWrp {
    margin-bottom:5px;
 }

 .RadSiteMap_Default .rsmOneLevel .rsmLink:hover {
     border-color: #ffffff;
     background-color:#ffffff;
     background-image:none;
 }

 .sfBreadcrumbWrp .RadSiteMap .sfNoBreadcrumbNavigation .rsmLink, .sfBreadcrumbWrp .RadSiteMap .sfNoBreadcrumbNavigation .rsmLink:hover {
     text-decoration:none !important;
     padding-left:0px;
     padding-right:0px;
 }
 
 .sfBreadcrumbWrp .RadSiteMap .sfBreadcrumbNavigation .rsmLink {
    text-decoration: none;
}

.sfBreadcrumbNodeSeparator {
	color:#0F204B !important;
}

/*PAGETITLE START*/

/*FACULTYCONTENT START*/

#FacultyContentStrip {
    margin-bottom:15px;
}

#FacultyContentStrip .text-white{  
    color: #ffffff;
}

    #FacultyContentStrip .bold{  
    font-weight:bold;
}

    #FacultyContentStrip a {
        text-decoration:none;
    }

    #FacultyContentStrip h1{  
    text-align:center;
    color:#0F204B;
}

#FacultyContentStrip .GreyHeader {
    color:#ffffff;
    background-color:#8B8D8E !important;
    padding:5px 10px;
    margin-top:10px;
    margin-bottom:10px;
	border-bottom-right-radius: 15px;
}

#FacultyContentStrip .GreyHeader  a{
	color:#ffffff;
	font-size: 9pt;
	font-weight:bold;
}

    .faculty {
    width: 33%;
    height: 170px;
    float: left;
    text-align: center;
}

.facultywide {
    width: 11%;
    height: 180px;
    float: left;
    text-align: center;
}

.facultylanding {
    width: 100%;
    height: 120px;
    float: left;
    border-bottom-right-radius: 15px;
    border: 1px solid #ffffff;
    margin-bottom:10px;
    line-height:120px;
    color:#ffffff;
	font-size:9pt;
}

.facultylanding a {
    color:#ffffff !important;
    font-weight:bold;
}


/*FACULTYCONTENT END*/

/*NEWSCONTENT START*/

#NewsContent {
    min-height:200px;
    width:auto;
    padding:10px;
    background-color: #ffffff;
    color: #0F204B;
    margin-bottom: 15px;
}

.img-center{
        margin: 0 auto;
        display: block;
    }

.LatestNewsHeading {
   font-size: 20px;
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 20px;
   text-align: center;
}

.LatestNewsSubHeading {
   font-size: 10pt;
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 5px;
}

    #NewsContent .btn-static {
    text-align:center;
    width:50%; 
    color: #0F204B;
    font:10pt verdana;
    border-color:#0F204B;
    margin : 0 auto;
    text-decoration: none;
    }

    #NewsContent .btn-secondary {
        color: #A71930;
        text-decoration: none;
        padding-left: 0px !important;
    }

    #NewsContent .btn-secondary strong {
    font-size: 10pt !important;
    }
	
	#round-chevron {
        background-image: url("../Images/ReadmoreIcon.png");
        height: 20px;
        width: 20px;
        background-repeat: no-repeat;
        background-position-x: inherit;
        background-position-y: center;
        border: 0px !important;
        outline: 0 !important;
        padding-bottom: 2px;
    }
	
	.newsletter {
    padding: 5px;
    padding-bottom: 5px;
    display: inline-block;
    border-right: 1px solid #ededed;
    font-size: 8pt;
}

#NewsContent .LeftLatestNewsHeading {
font-size: 20px;
font-weight: bold;
margin-top: 10px;
margin-bottom: 20px;
text-align: left;
   }

/*NEWSCONTENT END*/

/*NEWSARCHIVE START*/

.newsArchiveYear {
    display: inline-block;
    padding: 5px;
    vertical-align: top;
}

.newsArchiveYear:hover {
    background-color: #ededed;
}

.newsArchiveMonth {
    display: inline-block;
    padding: 5px;
    vertical-align: top;
}

.newsArchiveMonth:hover {
    background-color: #ededed;
}

.newsArchiveItems {
    padding: 5px;
}

.newsArchiveItem {
    padding-bottom: 5px;
}

.newsArchiveReturn {
    text-align: center;
    padding: 5px;
}

.newsSelected {
    background-color: #ededed;
}

.tableHeading {
    font-family: Verdana;
    font-size: 10pt;
    color: #ffffff;
    height: 25px;
    font-weight: bold;
    padding-left: 8px;
    background-color: #0F204B;
    line-height: 25px;
    margin-top:10px;
}

.tableSubHeading {
    font-family: Verdana;
    font-size: 8pt;
    color: #4d4c4c;
    padding-left: 5px;
    background-color: #cfcfcf;
    line-height: 20px;
}

A:visited {
    color: #4d4c4c;
    font-family: Verdana;
    text-decoration: underline;
}

A:link {
    color: #4d4c4c;
    font-family: Verdana;
    text-decoration: underline;
}

.newsArchiveCategory {
   display: inline-block;
   padding: 5px;
   white-space: nowrap;
}

   .newsArchiveCategory:hover {
       background-color: #ededed;
   }

.newsarticle  h4 {
	color: #0F204B;
    font-size: 13px;
    font-weight: 700;
}

.newsarticle  ul {
	list-style-type: disc;
    list-style-position: inside;
    margin-left: 15px;
}

.newsarticle  ol {
	display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
	padding-left:31px;
}

.newsarticle  li {
	display: list-item;
}

@media screen and (min-width:320px\0) {
	.newsarticle ol {
		padding-left:35px;
	}
}


/*NEWSARCHIVE END*/

/*ARCHIVE START*/

.ArchiveYearHeading, .ArchiveMonthHeading {
    font-family: Verdana;
    font-size: 8pt;
    color: #ffffff;
    height: 20px;
    font-weight: bold;
    padding-left: 8px;
    background-color: #001d59;
    line-height: 20px;
}

.calendarArchiveYear {
    display: inline-block;
    width: 35px;
    padding: 5px;
    vertical-align: top;
    font-size: 8pt;
}

.calendarDay {
    vertical-align: top;
    display: inline-block;
    background-image: url(/Sitefinity/WebsiteTemplates/UFSTemplate2017/App_Themes/UFSTemplate/Images/CalendarBlock.png);
    background-position: top left;
    background-repeat: no-repeat;
    width: 44px;
    height: 50px;
    position: relative;
    color: #001c58;
}

.calendarBlockDay {
    position: absolute;
    top: 5px;
    font-size: 18px;
    font-weight: bold;
    width: 44px;
    text-align: center;
}

.calendarBlockMonth {
    position: absolute;
    top: 28px;
    font-size: 11px;
    font-weight: bold;
    width: 44px;
    text-align: center;
    color: #8a8a8a;
}

/*ARCHIVE END*/

/*CAMPUSEVENTSCONTENT START*/

#CampusEventsContent .container-fluid {
    padding-left: 0px;
    padding-right: 0px;
}


#CampusEventsContent h1 {
    color:#ffffff;
}

#CampusEventsContent .redrow {
    background-color:#A71930;
}

#CampusEventsContent .Campus {
        background-color: #A71930;
        color: #ffffff;  
}

    #CampusEventsContent .Campus h1 {
    margin-top: 0px;
    padding-top:15px;
}

    #CampusEventsContent .Campus img { 
    height:255px !important;
    width: 100%;
}

    #CampusEventsContent .Campus .btn-static {
    text-align:center;
    width:50%;
    margin-right:20px;
    color: #ffffff;
    text-decoration: none;
}

    #CampusEventsContent .Campus p {
    padding-left: 15px;
    margin-bottom: 15px
}

    #CampusEventsContent .bluerow {
    background-color: #0F204B;
}

#CampusEventsContent .Events {
    background-color:#0F204B;
    color:#ffffff;
}

    #CampusEventsContent .Events h1 {
    margin-top: 0px;
    padding-top:15px;
}

    #CampusEventsContent .Events img {
    height:255px !important;
    width: 100%;
	}

    #CampusEventsContent .Events .btn-static {
        text-align: center;
        width: 50%;
        margin-right: 20px;
        color: #ffffff;
        text-decoration: none;
    }
	
	@media (min-width: 992px) and (max-width: 1056px) {
	    
		#CampusEventsContent .Campus img { 
			height:288px !important;
		}
		
		#CampusEventsContent .Events img {
			height:288px !important;
		}
		
	}
	
	@media (min-width: 1057px) and (max-width: 1245px) {
	    
		#CampusEventsContent .Campus img { 
			height:270px !important;
		}
		
		#CampusEventsContent .Events img {
			height:270px !important;
		}
		
	}
	
/*CAMPUSEVENTSCONTENT END*/

/*KOVSIE2BCONTENT START*/

.Kovsie2B {
    margin-top:15px;
}

.Kovsie2B .bluerow {
    Height:80px;
}

.Kovsie2B .bluerow a{
    text-decoration:none;
}

.Kovsie2B .bluerow a h4{
    color:#ffffff;
    padding-top:30px;
    margin-top:0px;
}

.Kovsie2B h4{
    color:#ffffff;
    padding-top:30px;
    margin-top:0px;
}

.Kovsie2B .redrow {
    Height:80px;
}

.Kovsie2B .redrow a{
    text-decoration:none;
}

.Kovsie2B .redrow a h4{
    color:#ffffff;
    padding-top:30px;
    margin-top:0px;
}

    #CampusEventsContent .Kovsie2BWhy img {
    height:318px !important;
    width: 100%;
}

@media (min-width: 992px) and (max-width: 1026px) {
	    #CampusEventsContent .Kovsie2BWhy img {
			height:432px !important;
		}
}

@media (min-width: 1027px) and (max-width: 1106px) {
	    #CampusEventsContent .Kovsie2BWhy img {
			height:413px !important;
		}
}

@media (min-width: 1107px) and (max-width: 1128px) {
	    #CampusEventsContent .Kovsie2BWhy img {
			height:394px !important;
		}
}

@media (min-width: 1129px) and (max-width: 1206px) {
	    #CampusEventsContent .Kovsie2BWhy img {
			height:375px !important;
		}
}

@media (min-width: 1207px) and (max-width: 1468px) {
	    #CampusEventsContent .Kovsie2BWhy img {
			height:356px !important;
		}
}

@media (min-width: 1469px) and (max-width: 1483px) {
	    #CampusEventsContent .Kovsie2BWhy img {
			height:337px !important;
		}
}

.Kovsie2BWhy h2 {
    color:#0F204B;
    margin-top:15px;
}

.Kovsie2BWhy .col-md-6{
    padding-left:0px;
}

.Kovsie2BWhy .whiterow{
    padding-left:30px;
}

    #CampusEventsContent .Kovsie2BBottom img {
    height:255px !important;
    width: 100%;
}

#CampusEventsContent .Kovsie2BBottom #visitormap {
    height:255px !important;
    width: 100%;
}


/*KOVSIE2BCONTENT END*/

/*DUELBCONTENT START*/

#DuelContent {
   margin-top:20px;
}

/*DUELBCONTENT END*/

/*ASKUSCONTENT START*/

#AskUsContent {
    padding:10px;
    color: #ffffff;
}

    #AskUsContent .redborder {
        text-align:left;
    }

    #AskUsContent .redborder .col-md-6{
        background-color:#A71930;
		font-size: 10pt;
    }


    #AskUsContent .redborder .col-xs-6, .col-sm-offset-3, .col-sm-3{
        background-color:#A71930;
    }

    #AskUsContent h1{
    color: #0F204B;
}

    #AskUsContent .btn-static {
    margin-left:0px;
    font-size :10pt;
    padding-left:5px;
    padding-right:5px;
    width: 140px;
    color:#ffffff;
    text-decoration: none;
}

.researchtop 
	{
		background-color: #0F204B;
		height: 177px;
		width: 50%;
		position: relative;
		bottom: 177px;
		left: 180px;
		margin-bottom:-162px;
	}
	
	.researchtop p 
	{
		padding-top: 35px;
		padding-left: 5px;
		font-size: 10pt;
		font-weight:bold;
	}
	
		@media (min-width: 992px) and (max-width: 1200px) {
		.research 
		{
			height:150px !important;
		}
		
		.researchtop 
		{
			height: 150px !important;
			bottom: 150px !important;
			left: 147px !important;
		}
		
		.researchtop p 
		{
		padding-top: 5px !important;
		}
	}

    #AskUsContent .btn-secondary {
        color: #A71930;
        text-decoration: none;
        padding-left: 0px !important;
    }

    #AskUsContent .btn-secondary strong {
    font-size: 10pt !important;
    }

	#AskUsContent  iframe {
    background-color: black !important;
	}

/*ASKUSCONTENT END*/

/*ABOUTNAVIGATION START*/

#AboutNavigation ul {
    list-style:none;
    padding-left:0px;
}

#AboutNavigation hr {
    margin-top:5px;
    margin-bottom:5px;
    border-color:#e4e4e4;
    border-top-style:dotted;
    border-top-width:2px;
}

#AboutNavigation li a {
    color:#000000;
    text-decoration: none;
}

#AboutNavigation .RedHeader {
    color:#ffffff;
    background-color:#A71930;
    padding:5px;
    margin-top:10px;
    margin-bottom:10px;
}

#AboutNavigation .RedHeader .caret {
	margin-top:5px;
}

.dropdown a {
     text-decoration: none;   
}

.dropdown-menu>li>a {
    padding-left:10px;
    white-space: normal;
}

.caret {
    float:right;
    font-size:18px;
}

.dropdown-menu {
    width:100%;
    font-size:10pt;
    /*color :#ffffff;
    background-color:#A71930;*/
}

/*.dropdown>.dropdown-menu>li>a{
    color :#ffffff !important;
}*/

/*ABOUTNAVIGATION END*/

/*KOVSIE2BNAVIGATION START*/

#Kovsie2bNavigation .RedHeader {
    color:#ffffff;
    background-color:#A71930;
    padding:5px;
    margin-top:10px;
}

#Kovsie2bNavigation .RedHeader a{
    color:#ffffff;
    text-decoration:none;
}

        .Kovsie2Btop {
   background-image: url("/Sitefinity/WebsiteTemplates/UFSTemplate2017/App_Themes/UFSTemplate/Images/Select.png");
   background-repeat:no-repeat;
   background-position: center; 
   height: 65px;
   width: 100%;
   position: relative;
   bottom:50px;
}

/*KOVSIE2BNAVIGATION END*/

/*KOVSIESPORTTOPNAVIGATION START*/

#KovsieSportTopNavigation .BlueHeader {
    color:#ffffff;
    background-color:#0F204B;
    padding:5px;
    margin-top:10px;
}

#KovsieSportTopNavigation .BlueHeader p {
    padding-top:5px;
    margin-bottom:0px;
}

#KovsieSportTopNavigation .BlueHeader a{
    color:#ffffff;
    text-decoration:none;
}

    /*KOVSIESPORTTRIANGLE START*/

    .Sporttriangle {
   border-top: 30px solid #0f204b;
   border-left: 180px solid transparent;
   border-right: 180px solid transparent;
   width: 0;
   height: 0;
   bottom: 174px;
   content: "";
   display: block;
   position: absolute;
   overflow: hidden;
   left:0;right:0;
   margin:auto;
}
    
    /*KOVSIESPORTTRIANGLE END*/

    @media (min-width: 992px) and (max-width: 1199px) {
    
        .Sporttriangle {
   border-left: 148px solid transparent;
   border-right: 148px solid transparent;
   bottom: 136px;
}
    
}

/*KOVSIESPORTTOPNAVIGATION END*/

/*KOVSIESPORTNAVIGATION START*/

#KovsieSportNavigation {
    background-color:transparent;
	background-image: url('/Sitefinity/WebsiteTemplates/UFSTemplate2017/App_Themes/UFSTemplate/Images/SportDivisions.jpg');
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#KovsieSportNavigation h2{
    color:#ffffff;
    margin-top:20px;
}

.SportStyling {
    margin-bottom:10px;
}

.SportStyling ul {
    list-style:none;
}

.SportStyling a {
    font-size:10pt;
}

.SportStyling .dropdown-menu {
    background-color:#ffffff;
    padding-bottom:10px;
}

.SportStyling .dropdown-menu a {
    color:#A71930;
}

.SportStyling .caret {
    margin-left:10px;
    font-size:18px;
    float:none;
}

.black {
	background-image: url('/Sitefinity/WebsiteTemplates/UFSTemplate2017/App_Themes/UFSTemplate/Images/SportContent.jpg');
}

/*KOVSIESPORTNAVIGATION END*/


/*VISITORSTYLE START*/

.VisitorStyle a {
    text-decoration:none !important;
}

.VisitorStyle h2 {
    margin-top:20px;
    text-decoration:none !important;
}

#visitormap {
  height: 308px;
  width: 100%;
  background-color:#0f204b;
 }

/*VISITORSTYLE END*/

/*ContactUsCalendar START*/

    .borderwhite {
        border-color:#ffffff;
        border-width:1px;
        border-style:solid;
    }

    .ContactUsCalendar {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .ContactUsCalendar hr {
        margin-bottom:10px;
        margin-top:10px;
        width:60%;
    }

    .ContactUsCalendar h1 {
        margin-bottom:0px;
    }

    .ContactUsCalendar p {
        margin-bottom:5px;
    }

    .ContactUsCalendar a {
        margin-top:5px;
    }
	
	@media (max-width: 384px) {
	
		.calendarbottom {
			padding-bottom:61px !important;
		}
     
}

/*ContactUsCalendar END*/

/*postgradtop START*/

.postgradtop {
    text-transform: capatilze;
}

.postgradtop li a{
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
}

.postgradtop li {
    list-style:none;
}

     .navbar-submenu>li>a:hover {
        text-decoration: none;
        background-color: #ffffff;
        color:#0f204b;
}

.navbar-main>.container>.postgradtop ul li:hover > ul{
    display:block
}

.postgradtopmobile {
    text-transform: uppercase;
}

.postgradtopmobile li a{
    color:#ffffff;
    text-decoration:none;
    font-weight:bold;
}

.postgradtopmobile li {
    list-style:none;
}

.padding-left li ul li a {
    padding-left:0px !important;
}




/*postgradtop END*/

/*USERCONTENT START*/

#UserContent h1 {
    color:#0F204B;
}

.FacultyDepartment {
    color:#ffffff;
    background-color:#0F204B;
    padding:5px;
    margin-top:25px;
    margin-bottom:10px;
    border-bottom-right-radius: 12px;
    border: 1px solid #ffffff;
    font-weight:bold;
    padding-top:5px;
    padding-bottom:10px;
    padding-left:10px;
	font-size:10pt;
	height:55px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.FacultyDepartment {
	height:75px;
	}
}


    /*DIVSTYLE START*/

        .top {
   background-color: #0f204b;
   background-image: url("/Sitefinity/WebsiteTemplates/UFSTemplate2017/App_Themes/UFSTemplate/Images/economic-icon.png");
   background-repeat:no-repeat;
   background-position: center 10px; 
   height: 100px;
   width: 100%;
   position: relative;
}

        .bottom {
   background-color: #ffffff;
   height: 80px;
   width: 100%;
}

        .triangle {
   border-top: 30px solid #0f204b;
   border-left: 49vw solid transparent;
   border-right: 49vw solid transparent;
   width: 0;
   height: 0;
   bottom: -30px;
   content: "";
   display: block;
   position: absolute;
   overflow: hidden;
   left:0;right:0;
   margin:auto;
}


@media (max-width: 768px) {

     .top {
   margin-bottom:-1px;
}

    .bottom {
        background-color: #0f204b;
        height: 20px;
        width: 100%;
    }

    .triangle {
        border-top: none;
    }
}

    /*DIVSTYLE END*/

        /*KOVSIELIFEDIVSTYLE START*/

        .KovsieLifetop {
   background-color: #0f204b;
   background-repeat:no-repeat;
   background-position: center 10px; 
   height: 70px;
   width: 100%;
   position: relative;
   margin-bottom:-2px;
}

.KovsieLifetop h2 {
   color:#ffffff;
   margin-top:0px;
   margin-bottom:0px;
   padding-top:15px;
}

        .KovsieLifebottom {
   background-color: #a6228f;
   height: 40px;
   width: 100%;
   margin-top:-1px;
}

        .KovsieLifetriangle {
   border-top: 30px solid #0f204b;
   border-left: 49vw solid transparent;
   border-right: 49vw solid transparent;
   width: 0;
   height: 0;
   padding-top:1px;
   bottom: -30.5px;
   content: "";
   display: block;
   position: absolute;
   overflow: hidden;
   left:0;right:0;
   margin:auto;
}

        .KovsieLifeContenttriangle {
   border-top: 30px solid #ffffff;
   border-left: 49.5vw solid transparent;
   border-right: 49.5vw solid transparent;
   width: 0;
   height: 0;
   padding-top:1px;
   content: "";
   display: block;
   position: absolute;
   overflow: hidden;
   left:0;right:0;
   margin:auto;
}

        .KovsieLifeContentbottom {
   background-color: #ffffff;
   height: 50px;
   width: 100%;
   margin-top:-1px;
}

    /*KOVSIELIFEDIVSTYLE END*/

/*USERCONTENT END*/

/*CALENDAR WIDGET START*/
.calendarArchiveYear {
    display: inline-block;
    width: 35px;
    padding: 5px;
    vertical-align: top;
}

.calendarArchiveYear:hover {
    background-color: #ededed;
}

.calendarArchiveMonth {
    display: inline-block;
    padding: 5px;
    vertical-align: top;
}

    .calendarArchiveMonth:hover {
        background-color: #ededed;
    }

.calendarArchiveItems {
    padding: 0px 5px 10px 10px;
    display: inline-block;
}

.calendarArchiveItem {
    padding-bottom: 5px;
    width: 625px;
}

.calendarArchiveReturn {
    text-align: center;
    padding: 5px;
}

.calendarDay {
    vertical-align: top;
    display: inline-block;
    background-image: url('/Sitefinity/WebsiteTemplates/UFSTemplate2017/App_Themes/UFSTemplate/Images/CalendarBlock.png');
    background-position: top left;
    background-repeat: no-repeat;
    width: 44px;
    height: 50px;
    position: relative;
    color: #001c58;
}

.FullCalendarDayContainer {
    min-height: 50px;
    vertical-align: top;
    padding-top: 0px;
    margin-bottom: 10px;
}

.FullCalendarDayContainer .calendarDay {
    vertical-align: top;
    display: inline-block;
    background-image: url('/Sitefinity/WebsiteTemplates/UFSTemplate2017/App_Themes/UFSTemplate/Images/CalendarBlock.png');
    background-position: top left;
    background-repeat: no-repeat;
    width: 44px;
    height: 50px;
    position: relative;
    color: #001c58;
	float:left;
}

.calendarBlockDay {
    position: absolute;
    top: 5px;
    font-size: 18px;
    font-weight: bold;
    width: 44px;
    text-align: center;
}

.calendarBlockMonth {
    position: absolute;
    top: 28px;
    font-size: 11px;
    font-weight: bold;
    width: 44px;
    text-align: center;
    color: #8a8a8a;
}

.calendarSelected {
    background-color: #ededed;
}

.calendarArchiveContainer {
    padding-top: 10px;
}

.calendarDivider {
    height: 1px;
    margin: 0px auto;
    border-bottom: 1px solid gray;
    overflow: hidden;
    width: 75%;
    line-height: 1px;
    font-size: 1px;
    border: none;
    background-color: #8b8b8b;
    margin-bottom: 10px;
}

.FullCalendarDayEvents {
    width: 100%;
    padding-left: 50px;
    position: static;
}

.FullCalendarEventInstance {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    font-size: 8pt;
}

.FullCalendarBullet {
    width: 5px;
    height: 5px;
    background-color: #001c58;
    display: inline-block;
    margin-right: 5px;
}

/*CALENDAR WIDGET END*/

/*EBSCO Search Widget Start*/

.ui-tabs .ui-tabs-nav {
        background: transparent;
        border: none;
    }

    .ui-tabs {
        border-color: #A71930;
        border-width: 3px;
    }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            border-left-color: #A71930 !important;
            border-top-color: #A71930 !important;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            
            font-weight: bold;
        }

    #tabs-1 label {
        display: inline;
        padding-left: 5px;
    }

    .redoutline a:focus{
        outline-color:#A71930;
    }

    #tabs {
        margin-right:10px;
    }

@media (min-width: 320px) and (max-width: 375px) {

    #tabs {
        margin-right:3px;
    }
}

@media (min-width: 376px) and (max-width: 425px) {

    #tabs {
        margin-right:4px;
    }
}

@media (min-width: 426px) and (max-width: 768px) {

    #tabs {
        margin-right:7px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {

    #tabs {
        margin-right:9px;
    }
}

/*EBSCO Search Widget End*/

/*Ask Librarian Widget Start*/

#styled-select {
   overflow: hidden;
   margin:auto;
}

#styled-select select {
   width: 164px;
   height:19px;
}

.question textarea {
        width:100%;
    }

@media (min-width: 321px) and (max-width: 375px) {

    .question textarea {
        width:90%;
    }
}

@media (min-width: 376px) and (max-width: 425px) {

    .question textarea {
        width:85%;
    }
}

@media (min-width: 426px) and (max-width: 768px) {

    .question textarea {
        width:65%;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {

    .question textarea {
        width:60%;
    }
}

@media (min-width: 1025px) {

    .question textarea {
        width:57%;
    }
}


/*Ask Librarian Widget End*/

/*CONTENT END*/

/* FOOTER START */

#footer {
    width:100%;
    height:auto;
    clear:both;
    background-color: #8B8D8E;
    color: #ffffff;
    padding-top: 10px;
}

#footer #map {
  height: 205px;
  width: 100%;
  background-color:#8B8D8E;
 }

    #footer ul li {
        display: inline-block;
        padding-left: 25px;
        color:#ffffff;
        text-decoration: none;
    }

    #footer .verticalLine {
        border-left:  solid #ffffff;
        height:100%;
		font-weight:bold;
    }

    #footer .col-xs-12, .col-md-3  a {
    color:#ffffff;
    margin-left:0px;
    text-decoration: none;
}

    #footer .col-md-4 {
        float: left;
        padding-left: 0px;
        padding-top: 20px;
        font-size: 10pt;
		font-weight:bold;
		padding-right:5px;
    }

    #footer .col-md-4 a {
        color:#ffffff;
        text-decoration: none;
        }

    #footer .col-xs-12, .col-md-10 a{
       color:#ffffff;
       text-decoration: none;
   }

    #footer .col-xs-12, .col-sm-12 a{
       color:#ffffff;
       text-decoration: none;
   }

    #footer .glyphicon, .glyphicon-education, .glyphicon-plane, .glyphicon-gift, .glyphicon-comment, .glyphicon-briefcase {
        padding-right: 5px;
    }

    #footer h2 {
        color:#ffffff;
    }
	
	#footer .btn-static {
		font-weight:bold;
	}

/* FOOTER END */

/*BUTTON START*/

.btn-static {
    background-color: transparent;
    border: 1px solid white;
    cursor: default;
    width: 80%;
    text-align: left;
    margin-left:30px;
    margin-bottom:10px;
    font-size:10pt;
}

    .btn-static:hover {
        color: white;
    }

    .btn-static a {
        color: #ffffff;
    }

    .btn-static:active {
    -moz-box-shadow: inset 0 0 0px white;
    -webkit-box-shadow: inset 0 0 0px white;
    box-shadow: inset 0 0 0px white;
}

.btn-visitor {
    background-color: #0F204B;
    border: 1px solid white;
    cursor: default;
    width: 30%;
    text-align: left;
    margin-bottom:10px; 
    color:#ffffff !important;
    text-decoration:none !important;
    font-size:10pt;
}

    .btn-visitor a {
    text-decoration:none !important;
}

    .btn-visitor:hover {
        color: white;
    }

    .btn-visitor:active {
    -moz-box-shadow: inset 0 0 0px white;
    -webkit-box-shadow: inset 0 0 0px white;
    box-shadow: inset 0 0 0px white;
}

/*BUTTON END*/

@media(max-width: 344px) {
	#AskUsContent .redborder .col-xs-6 {
            font-size: 7pt;
            padding-left:12px;
        }
		
		#AskUsContent .redborder .col-xs-6 .btn-static {
            font-size: 7pt !important;
			width: 100px !important;
        }
}

@media (min-width: 345px) and (max-width: 409px) {
    
    #AskUsContent .redborder .col-xs-6 {
            font-size: 8pt;
            padding-left:12px;
        }
		
		#AskUsContent .redborder .col-xs-6 .btn-static {
            font-size: 8pt !important;
			width: 110px !important;
        }

    #CampusEventsContent .Campus .btn-static {
    width:60%;

        }

    .smallfont {
    font-size:7pt;
    }

    .mediumfont {
        font-size: 5.5pt;
    }

}

@media (min-width: 410px) and (max-width: 991px) {
	#AskUsContent .redborder .col-xs-6 {
            font-size: 10pt;
            padding-left:12px;
        }
		
		#AskUsContent .redborder .col-xs-6 .btn-static {
            font-size: 10pt !important;
			width: 130px !important;
        }
}

@media (min-width: 376px) and (max-width: 767px) {
    
    .mediumfont {
        font-size: 7pt;
    }
}

@media (max-width: 435px) {
		
	#AskUsContent iframe {
            width:100%;
			height:153px;
        }

}

@media (min-width:436px) and (max-width: 767px) {
		
	#AskUsContent iframe {
            width:369px;
			height:173px;
        }

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

    #AskUsContent .redborder .row{
            max-width:369px;
            margin: 0 auto;
        }

    .btn-visitor {
        width:80%;
    }
	
	#FacultyContentStrip .GreyHeader {
	border-bottom-right-radius: 0px;
	}
}


/* Portrait tablets and small desktops */


@media (min-width: 768px) and (max-width: 991px) {
    
    .navbar-collapse.collapse {
        display: none !important;
    }

        .navbar-collapse.collapse.in {
            display: block !important;
        }

    .navbar-header .collapse, .navbar-toggle {
        display: block !important;
    }

    .navbar-header {
        float: none;
    }

    #AskUsContent .redborder .col-xs-6, .col-sm-offset-3, .col-sm-3 {
            padding-top: 13px;
            padding-bottom: 11px;
        }
		
		#AskUsContent iframe {
            width:369px;
			height:197px;
        }

    .btn-visitor {
        width:50%;
    }
	
	#FacultyContentStrip .GreyHeader {
	border-bottom-right-radius: 0px;
	}
}

/* Landscape tablets and medium desktops */

@media (min-width: 992px) and (max-width: 1199px) {

    #AskUsContent .redborder .col-md-6 {
            font-size: 8pt;
        }

    #AskUsContent .btn-static {
        margin-bottom:10px;
		width: 110px;
		font-size: 8pt;
    }
	
	#AskUsContent  p {
		margin-bottom:17px;
	}
	
	#AskUsContent  img {
		height:150px;
	}

    #footer .verticalLine {
        height: 65px !important;
    }

    .facultylanding a {
    font-size:7pt;
    }
	
	#FacultyContentStrip .GreyHeader  a{
	font-size: 7pt;
}

    .btn-visitor {
        width:32%;
    }
}

/* Large desktops and laptops */

@media (min-width: 1200px) {

        #AskUsContent .redborder .col-md-6 {
            padding-top: 2px;
            padding-bottom: 2px;
        }
		
		#AskUsContent iframe {
            height:176px;
        }

        #footer .verticalLine {
        height: 75px !important;
    }

}

/* Media Print */

@media print {
    .visible-print {
        display: block !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }

    .hidden-print {
        display: none !important;
    }

    tr.hidden-print {
        display: none !important;
    }

    th.hidden-print,
    td.hidden-print {
        display: none !important;
    }
}

/* Barometer Widget */
    .progress-bar{
    float: right;
    height: 400px;
    width: 193px;
    margin: auto;
    }
    .progress-track{
    position: relative;
    width: 34px;
    height: 245px;
    background-color: transparent;
    margin-left: 57px;
    top: 38px;
    }
    .progress-fill{
    position: relative;
    background: #ce1f26;
    width: 34px;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 20px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    }
/* Barometer Widget Ends*/

/* Financial Aid Widget */
.FinancialAidTypes a:link, .FinancialAidTypes a:visited, .FinancialAidTypes a:active,.FinancialAidTypes a:hover 
{
    font-size:8pt;
    font-family:Verdana;
}


.FinancialAidHeading 
{
    font-family: Verdana;
    font-size: 8pt;
    color: #ffffff;
    height: 20px;
    font-weight: bold;
    padding-left: 8px;
    background-color: #001d59;
    line-height: 20px;
}

.financialAidType {
    padding: 5px;
    display: inline-block;
}

.financialHeading {
    background-color: #001d59;
    color: #ffffff;
    font-weight:bold;
}

.financialAmount {
    display: table-cell;
    padding: 5px;
    margin-right: 1px;
    margin-bottom: 1px;
    width: 15%;
    background-color: #e4e4e4;
    line-height: 20px;
    min-height: 20px;
    height: 100%;
    overflow-y:hidden;
}

.financialTitle {
    width: 68%;
    display: table-cell;
    padding: 5px;
    margin-right: 1px;
    margin-bottom: 1px;
    background-color: #e4e4e4;
    line-height: 20px;
    min-height: 20px;
    height: 100%;
    overflow-y:hidden;
}

.financialLevel {
    width: 17%;
    display: table-cell;
    padding: 5px;
    margin-right: 1px;
    margin-bottom: 1px;
    background-color: #e4e4e4;
    line-height: 20px;
    min-height: 20px;
    height: 100%;
    overflow-y:hidden;
}

.finTable 
{
    width:100%; 
    margin-top:10px;
    border-collapse:initial;
    border-spacing:1px;
}
/* Financial Aid Widget ENDS */
/* High Court Judgements */
    
.HCJtableHeading {              /* High Court JUDGES use this also*/
        font-family: Verdana;
        font-size: 10pt;
        color: #ffffff;
        height: 25px;
        font-weight: bold;
        padding-left: 8px;
        background-color: #6b6a69;
        line-height: 25px;
    }                           /* High Court JUDGES also ENDS*/

    .HCJlistitem1 {
        font-family: Verdana;
        font-size: 10pt;
        color: #4d4c4c;
        padding-left: 5px;
        background-color: #ffffff;
    }

    .HCJlistitem2 {
        font-family: Verdana;
        font-size: 10pt;
        color: #4d4c4c;
        padding-left: 5px;
        background-color: #f5f5f6;
    }

    .HCJinfo {
        width:100%; 
        border-collapse: collapse; 
        border-style: solid;
        margin-top: 2px;
        margin-bottom: 2px;
    }
/* High Court Judgements ENDS */
/* High Court JUDGES*/
.tableHCJudges {
    margin-bottom: 10px;
}
/* High Court JUDGES ENDS*/
/* ADLogin STARTS */
.Login {
    text-align:center;
}

.LoginTable {
    border: solid;
    border-width: 1px;
    width: 330px;
    margin: auto;
    text-align:left;
    border-collapse: separate;
}

.LoginHeading {
    font-family:Verdana;
    color:#001d59;
    font-size:10pt;
    font-weight:bold !important;
    text-align:center;
}

.ADRibbon {
    width:100%;
    background-color:#001d59;
    color:white;
    font-weight:bold;
    line-height:25px;
    margin-top:4px;
}

.ADWelcome {
    display: inline-block;
    padding-left:5px;
}

.ADLogout {
    display: inline-block;
    float:right;
    padding-right:5px;
}

    .ADLogout a {
        color: white;
        text-decoration: none;
    }

.LoginLogo {
    height:100px;
    width:100px;
    background-image:url("../Images/Images/LoginLogo.jpg");
    background-repeat:no-repeat;
    background-position-x:center;
    background-position-y:center;
}

@media (min-width: 320px) and (max-width: 375px) {

    .LoginTable {
        width: 276px;
    }
}
/* ADLogin ENDS */
/* Supreme search + High search STARTS*/
fieldset {
    display: block;
    -webkit-margin-start: 2px;
    -webkit-margin-end: 2px;
    -webkit-padding-before: 0.35em;
    -webkit-padding-start: 0.75em;
    -webkit-padding-end: 0.75em;
    -webkit-padding-after: 0.625em;
    min-width: -webkit-min-content;
    border-width: 2px;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
    font-size: 10pt;
    font-family: Verdana;
    text-decoration: none !important;
}

fieldset strong {
    font-size: 10pt;
    color: #001d59;
}

legend {
    width:auto;
    padding: 0 5px 5px 5px;
    border-bottom:none;
    font-size: 10pt;
    color: #001D59;
}

.SearchPager a {
    padding-right: 2px !important;
    padding-left: 2px !important;
}



@media (min-width: 320px) and (max-width: 375px) {

    fieldset {
        font-size: 6pt;
    }

    fieldset div {
        font-size: 6pt !important;
    }
}
/* Supreme search + High search ENDS*/
/* Supreme Judgements STARTS*/
.supJudge pre span{
    white-space: pre-wrap !important;
}

.supJudge p {
    word-break: break-all;
}

.supJudge font {
    word-break: break-all;
}
/* Supreme Judgements ENDS*/

/* Navigation Dropdown Starts */

.NavigationDropdownFieldset {
	background-color: #0F204B;
    border-style: none;
    height: 40px;
    font-size: 12pt;
}

.NavigationDropdown{
	font-weight: bold;
    padding: 3px;
	color: #0F204B;
}

@media screen and (min-width:320px\0) {
	.NavigationDropdown{
		padding: 8px;
	}	
}

@-moz-document url-prefix(){ 
	.NavigationDropdown{
		padding: 8px;
	}
}

.textinbetween {
    color: #ffffff;
}

.text-left {
	text-align:center;
}

.text-right {
	text-align:center;
}

.col-md-4.col-sm-4.col-xs-12.text-right select {
    width: 200px;
}

.col-md-4.col-sm-4.col-xs-12.text-left select {
    width: 200px;
}

@media (min-width: 320px) and (max-width: 767px) {

    .NavigationDropdownFieldset {
		height: 95px;
	}
	
	.text-left {
		text-align:center;
	}

	.text-right {
		text-align:center;
	}
	
	.textinbetween {
    padding:5px;
}
	
/* Navigation Dropdown Ends */