/* hide the top sign in and ribbon from anonymous users */
.collin-ribbonWrapper{
	display:none;
}

/* hide the first item in the Nav, in this case the link to the Collin County homepage */
#DeltaTopNavigation ul.root > li.static > a.static {
	display:none;
}

/* set background color for full width of page */
#s4-bodyContainer {
	background-color: #DDD;
}

/* resolve scroll falter iPhone/iPad */
#s4-workspace {
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

/* the default background color for the webpage content */
.container {
	background-color: #FFF;
}

/* default font */
body {
	color: #333;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

/* reduce extra space above the header logo and search bar */
.header {
	margin-top: 5px;
}

/* page title font and underline */
.ms-core-pageTitle, .ms-core-pageTitle a  {
	color: #135897;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	border-bottom: 1px solid #CCC;
	padding: 20px 0 5px;
	margin-bottom: 10px;
	white-space: normal;
}

/* content inline titles using the h5 tag */
h5{
	color: #135897;
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	padding: 20px 0 5px;
    margin-bottom:10px;
    border-bottom: 1px solid #CCC;
}

/* default link color */
a, a:visited, a:hover, .ms-vb a:visited, .ms-vb2 a:visited, .ms-vb-user a:visited,
.cc-lowerContent a, .cc-lowerContent a:link, .cc-lowerContent a:visited {
	color: #135897;
}

/* web part formatting */
.ms-WPBorder{
	border-color:transparent;
}
.ms-webpart-chrome-title{
	border-bottom: 1px solid #CCC; 	
}    
.ms-webpart-titleText.ms-webpart-titleText, 
.ms-webpart-titleText > a{
    color: #135897;
    font-family: Arial,Helvetica,sans-serif;
	margin-bottom:auto;
}

.ms-webpart-titleText nobr span {
	white-space:normal !important;
}

/* breadcrumbs */
#cc-breadcrumb{
    margin-top:5px;
	margin-bottom:10px;
}

#cc-breadcrumb a, #cc-breadcrumb a:visited {
	color: #135897;
}

/* style global nav */
.navbar .container {
	background-color: inherit;
}
 
.navbar-custom {
  	background-color: #011b52;
  	border-color: #011b52;
  	border-radius: 0px;
	margin-top: 10px;
	min-height: 40px;
}

.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item, .ms-navedit-editLinksText {
    color: #ffffff;
    line-height: 15px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	padding: 12px 15px;
}

.navbar-custom .navbar-brand {
    color: #ffffff;
}

/* border on main body content to separate it from nav and float right of overflow sidenav content */

.maincontent-collin {
	border-left: 1px solid #CCC;
	/* float: right; */
}


/* left nav style */

.sidenav-collin .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item, .sidenav-collin .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenuEdit, .sidenav-collin .ms-core-listMenu-heading, .sidenav-collin .ms-tv-header {
	color: #135897;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.sidenav-collin li.static ul.static .ms-core-listMenu-item, .sidenav-collin li.static ul.static .ms-core-listMenu-item:link, .sidenav-collin li.static ul.static .ms-core-listMenu-item:visited {
	color: #135897;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	text-decoration: none;
}

li > a.ms-core-listMenu-item.ms-core-listMenu-selected:hover,
 .ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited,
 .ms-core-listMenu-selected {
	color: #336699;
	background-color: transparent !important;
}

.ms-core-listMenu-item, .ms-core-listMenu-item:link,
  .ms-core-listMenu-item:visited, .ms-tv-item:link,
  .ms-tv-item:visited, .ms-tv-header:link, .ms-tv-header:visited {
	color: #336699;
	text-decoration: none;
	background-color: transparent !important;
}

.navbar-inverse #left-navbar-toggle {
	border-color: #999;
}

.navbar-inverse #left-navbar-toggle:hover, .navbar-inverse #left-navbar-toggle:focus {
	background-color: #011b52;
}

.navbar-inverse.left-navbar .navbar-toggle .icon-bar {
	background-color: #011b52;
}

.navbar-inverse #left-navbar-brand:hover, .navbar-inverse #left-navbar-brand:focus {
	color: #011b52;
}

.navbar-inverse.left-navbar .navbar-toggle.collapsed .icon-bar {
	background-color: #999 !important;
}

.left-navbar .container {
	border-color: #CCC;
	border-width: thin;
	background-color: #FFF !important;
	border-bottom-style: solid;
}

/* custom font styles */
.featuretitlebar {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    background-color: #003366;
}

.highlighttext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #993333;
  font-weight: bold;
}

.smalltext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px; color: #333333;
}

.tablelisting {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  padding-top: 10px;
  padding-bottom: 10px;
  border-color: #CCC;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
}

.tablesectiondivider {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #336699;
  padding-top: 20px;
  border-color: black black #CCCCCC;
  font-weight: bold;
  border-style: none;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
}

.tablebordercolored {
  border: #993300;
  border-style: solid;
  border-top-width: thin;
  border-right-width: thin;
  border-bottom-width: thin;
  border-left-width: thin;
}
  
.tableheadercolored {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-color: #003366;
  color: #FFFFFF;
}

.sectiontitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #336699;
  font-weight: bold;
}

.redtext {color: #993333}

.bottomborder {
  border-bottom-color: #003366;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.featurenewsheader {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #336699;
  font-weight: bold;
  margin-bottom: -10px;
}

.featuretext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

.featuresubheadermed {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #336699;
  font-weight: bolder;
}

/* styles to help flow around photos */
.floatleft {
	float: left;
	margin: 0 10px 15px 0;
}

.floatright {
	float: right;
	margin: 0 0 15px 10px;
}

.addtoppadding {
	margin-top:5px;
}

/* footer styles */
.footer {
	color: #011b52;
	font-size: 0.9em;
}

.footer hr {
	border: none;
	height: 5px;
	color: #011b52;
	background-color: #011b52;
	padding: 0;
}

.footer ul {
	padding: 0;
	margin: 0;
}

.footer a {
	color: #011b52;
}

/* Logo Styling */
.CollinLogo {
    display: block;
    height: auto;
    max-width: 100%;
	min-width: 250px;
}

#DeltaSiteLogo {
    width:100%;    
}

/* Search Box Styling */
#SearchBox input[type="text"] {
    height:2.5em;
}
#searchInputBox {
  	background-color: #b2c3d7;
    padding: .25em;
    height:3.25em;
    max-width:512px;  
    margin-top:20px;
}

.ms-mpSearchBox {
    width: 100%;
}

.ms-srch-sb {
    width:100%;
}

.ms-srch-sb > input {
    width: 100%;
    margin-right:-24px;
}

.ms-srch-sb>.ms-srch-sb-searchLink {
    margin-top:.5em;
}

.vertical-center {
	display: inline-block;
	vertical-align: middle;
    float: none;
}

/* Style announcement area */

.CCAnnouncementItem {
	margin-top: 10px;
	overflow-wrap:break-word;
}

/* Style directory */
.directoryNav{
	color: #333333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-align:center;
    margin-top:5px;
}
.directoryNav a{
    color: #336699!important;
	padding-right:3px;
	text-decoration:underline;
}
.directoryNav a:hover{
	text-decoration:none;
}
.directoryNav .anchors{
    font-size: 12px;
}
.directoryNav .anchors a{
	padding-right:3px;
}
.letter{
	border-bottom:1px solid #CCCCCC;
    color: #336699;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 20px 0 1px;
    clear:both;
}
.section ul{
	list-style-type:none;
	padding:0;
	margin:0;
}
.directoryItem{
	border-top: 1px solid #CCC;
    color: #333;
    display: table;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 10px 0;
    width: 100%;
}
.section ul li:first-child .directoryItem{
	border-top:0px;
}
.directoryItem a{
	color: #336699;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-decoration:underline;
}
.directoryItem a:hover{
	text-decoration:none;
}
.directoryItem .left{
	float:left;
}
.directoryItem .right{
	float:right;
	text-align:right;
	clear:right;
}
.directoryItem .serviceitem {
	float:left;
	width:33%;
}
.directoryItem .servicephone{
	float:right;
	text-align:right;
	clear:right;
	width: 33%;
}
.directoryItem .servicedept{
	float:left;
	width: 33%;
	text-align: center;
}


@media (min-width: 1200px) {
/* global nav styling */
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item, .ms-navedit-editLinksText {
	font-size: 1em;
	padding: 12px 34px !important;
}

/* search box styling */
#searchInputBox {
	float:right;
}
	
}

@media (max-width: 1199px) {

}

@media (max-width: 991px) {
/* global nav styling */
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item, .ms-navedit-editLinksText {
	font-size: 0.8em;
	padding: 12px 7px !important;
}

/* search box styling */
#searchInputBox {
	float:left;
    margin-top:0;
}

}

@media (max-width: 767px) {
/* global nav styling */	
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item, .ms-navedit-editLinksText {
	font-size: 1em;
}

/* search box styling */
#searchInputBox {
	float:left;
    margin-top:0;
}

/* turn off separation borders on main content area and have div float left */
.maincontent-collin {
	border:none;
	float: left;
}

/* directory items all need to float left */
.directoryItem .right {
	float: left;
	text-align: left;
	clear: both;
}
.directoryItem .servicephone{
	float: left;
	text-align: left;
	clear: both;
	width: auto;
}
.directoryItem .servicedept {
	float:left;
	text-align: left;
	clear: both;
	width: auto;
}
.directoryItem .serviceitem {
	width: auto;
}

/* change float so that it becomes inline */
.floatleft {
	float:none;
	margin-right:0;
}

.floatright {
	float:none;
	margin-left:0;
}
	
}

@media (max-width: 479px) {
/* global nav styling */	
.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item, .ms-navedit-editLinksText {
	font-size: 1em;
}

/* search box styling */
#searchInputBox {
	float:left;
    margin-top:0;
}

/* turn off separation borders on main content area and have div float left */
.maincontent-collin {
	border:none;
	float: left;
}

/* make the bootstrap table style use a smaller font size and padding at this screen size */
.table {
   font-size: 10px;
}
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
padding: 3px;
}

/* change float so that it becomes inline */
.floatleft {
	float:none;
	margin-right:0;
}

.floatright {
	float:none;
	margin-left:0;
}
}

@media print {
  a[href]:after {
    content: none;
  }
}