@charset "utf-8";
/* Mobile CSS Document */
/* Table of Contents:
	0. Reset and Default Styles
	1. Body and Wrapper
	2. Global Header
	3. Global Navigation
	4. Department Navigation
	5. Breadcrumbs
	6. Main Content
	7. Department Footer
	8. Global Footer
	9. Helpful Styles
	10. OU-Campus Login
	11. Desktop/Mobile-Only Content
	12. Emergency Modal
	13. Responsive Tables
	16. Editor Styles Dropdown
	17. myUVU Content-Only Fix
	18. Clean Template Styles
*/

/************ 0. Reset Styles ************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
ul {
	padding-left: 20px;
}
ol	{
	padding-left: 40px;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}



/* Default styles */

h1, h2, h3, h4{
	font-family:"arial";
	font-size:32px;
	font-weight: 400;
	padding-bottom:10px;
	line-height:1em;


}
h2{
	font-size:24px;
	color: #4d7123;
	padding-top: 20px;
	font-weight: 500;
}
h3{
	font-size:18px;
	color: #4d7123;
	padding-top: 20px;
	font-weight: 500;
}
h4{
	font-size:15px;
	color: #4d7123;
	padding-top: 20px;
	font-weight: 500;
}
a {
	color: #0036b0;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	padding: 0.5em 0px;
}

strong{
	font-weight: bold;
}

em{
	font-style: italic;	
}

/************ 1. Body and Wrapper ************/

#wrapper{
	background-image: none;
	margin: 0px auto;
    min-width: 320px;
	max-width: 1100px;
    overflow: visible;
}

#container {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

ol {
	padding-left:30px;
}

/************ 2. Global Header ************/

.js #searchMobile ~ #searchAndNav,
.js #searchMobile:hover ~ #searchAndNav,
.js #searchMobile ~ #searchAndNav > #schoolNav > ul > li:first-child,
.js #searchMobile ~ #searchAndNav > #schoolNav > #collegesAndSchools {
	display:block;
}
#header {
	background: url(/images/headerback.png) #fff no-repeat top center;
}
#logoAndTitle {
	/*height: 107px;*/
	position: relative;
	float: left;
	width: 50%;
}
#mquery {
	width:2px;
}
#logo {
	padding: 25px;
	margin-right: -115px;
}
#logo a {
	background: url(/images/tablet_logo.png) no-repeat 0 0;
	width: 65px;
	height: 57px;
}
#logo a:hover {
	text-decoration: none;
}
#pageTitle{
	font-size: 200%;
	letter-spacing: 1px;
	line-height: 100%;
	height: 107px;
	margin-left: 115px;

	/* ie 7 hack */
	*height: 67px;
	*padding-top: 40px;
}
.wf-stratum1web-n1-active #pageTitle {
	letter-spacing: 0; /* reset font after stratum loads */
}
#pageTitle ul{
	padding: 0;
	margin: 5px;
	list-style: none;
	height: 10px;
	overflow: hidden;
}
#pageTitle ul li{
	float: left;
}

     

/************ 3. Global Navigation ************/

.dropNav {
	background: inherit;
	margin: 0px;
	overflow: inherit;
	cursor: default;
}
.dropNav ul {
	display: inline-block;
	list-style: none;
	margin: 0px;
	padding-left: 0px;
	
}
.dropNav > ul li {
	display:block;
	font-size: 14px;
}
.dropNav > ul > li {
	float: left;
}
.dropNav a, .dropNav span {
	margin: 0px;
	padding: 0px;
	display: block;
}
.dropNav div {
	position:  absolute;
	display: none;
}
.dropNav > ul > li > ul {
	position:  absolute;
	display: none;
}
.dropNav li:hover div {
	display: block;
	z-index: 10;
}
.dropNav ul li:hover ul, .dropNav ul li.open ul, .dropNav ul li.open div {
	display: block;
	z-index: 10;
}				
.dropNav ul li.closed ul, .dropNav ul li.closed div {
	display: none;
}
.dropNav a:hover {
	text-decoration: none;
}
.dropNav .drop_mobile {
	margin:0;
}
.megaVertSep {
	border-left: 1px solid #e4e4e4;
	height: 18px;
	margin-top: 10px;
	display:block;
	width:0;
}




/************ 4. Department Navigation ************/

#deptNavBar {
	display: block;
	background: #0036b0;
	padding: 0px;
	min-height: 25px;
	width: 100%;
	clear: both;
	
}
#deptNav li {
	position: relative;
}
#deptNav > ul {
	width: 100%;
}
#deptNav > ul > li {
	border-right:1px solid white;
	position: relative;
}
#deptNav > ul > li > a, #deptNav > ul > li > span {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing:1px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 10px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;

}
#deptNav > ul > li > a:visited {
	color: #fff;	
}
#deptNav > ul > li > a:hover {
	color: #fff;
	background-color: #0058ed;
}
#deptNav > ul > li:last-child{
	border-right: none;
}
#deptNav li:hover > a, #deptNav li.open > a, #deptNav li:hover > span, #deptNav li.open > span {
	background-color: #0036b0;
	color: #cecece;
}
#deptNav li:hover a, #deptNav li.open a {
	color: #fff;
}
#deptNav li.closed > a, #deptNav li.closed > span {
	background-color: inherit;
}
#deptNav ul li ul {
	background-color: #032167;
	padding: 5px;
	width:250px;
	top: 40px;
	position: absolute;
	z-index: 14;
	-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.25);
	box-shadow: 0px 5px 5px rgba(0,0,0,0.25);
}

#deptNav ul li ul li:hover a {
	background-color: #0058ed;
}
#deptNav ul li ul li a{
	font-weight: normal;
	text-transform: none;
	font-size: 12px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 5px;
	text-decoration: none;

}
#deptNav ul li ul li ul {
	display: none;
	position: absolute;
	background-color: #434343;
	left: 250px;
	top: 0px;
}
#deptNav ul li ul li:hover ul {
	display: block;
}
#deptNav ul li ul li ul li a:hover {
	background-color: #636363;
}



/************ 5. Breadcrumbs ************/

.breadBag {
  display: block;
  margin-left: -3px;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
.breadTie {
  background: url("/images/bread-tab-icon-flat.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  float: left;
  height: 24px;
  position: relative;
  width: 31px;
  z-index: 12;
}
.nativeHover:hover .loaf {
	display:block;	/* natural hover fallback */
}
.nativeHover .loaf {
	display: none;
}
.loaf {
  float: left;
  font-size: 12px;
  list-style: none outside none;
  margin: 0 0 0 -10px;
  padding: 0;
  position: relative;
}
.loaf li {
	position: relative;
	background-color: white;
	float: left;
	height: 16px;
	margin: 2px 0;

	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;

}
.loaf li:first-of-type {

}

.loaf li a {
  color: black;
  display: block;
  padding: 1px 10px 1px 18px;
  text-decoration: none;
}
.loaf li:hover a {
	color:#4d7123;
}
.loaf li:after, .loaf li:before {
  border: 2px solid transparent;
  content: " ";
  left: 100%;
  position: absolute;
}
.loaf li:after {
  border-left-color: #FFFFFF;
  border-width: 8px;
  top: 0;
}
.loaf li:before {
  border-left-color: #6E8A4D;
  border-width: 10px;
  top: -2px;
}



.slice1{z-index: 1 !important; }
.slice2{z-index: 2 !important; }
.slice3{z-index: 3 !important; }
.slice4{z-index: 4 !important; }
.slice5{z-index: 5 !important; }
.slice6{z-index: 6 !important; }
.slice7{z-index: 7 !important; }
.slice8{z-index: 8 !important; }
.slice9{z-index: 9 !important; }
.slice10{z-index: 10 !important; }


/******Skip to Content Accessabilities*********/
 #skip a {
        position: absolute !important;
        top: auto;
        left: -10000px;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }
    
 #skip a:focus, 
 {
        position:static;
		width:auto;
		height:auto;
    }
 

.contentArea img {
	max-width: 100%;
	height: auto !important;
}



/************ 7. Department Footer ************/


#footerDept {
	background: #0036b0; /* Old browsers */
	background: -moz-linear-gradient(top, #eaebec 0%, #ffffff 61%, #fbfbfb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaebec), color-stop(61%,#ffffff), color-stop(100%,#fbfbfb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eaebec 0%,#ffffff 61%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eaebec 0%,#ffffff 61%,#fbfbfb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eaebec 0%,#ffffff 61%,#fbfbfb 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eaebec 0%,#ffffff 61%,#fbfbfb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaebec', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */
	color: #929497;
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	padding: 20px;
	line-height: 1.25em;
	text-align: center;
}

#footerDept > span, #footerDept > p > span {
  padding: 0 1%;
  line-height: 1.5em;
}

#footerDept a {
  color: #929497;
  text-decoration: none;
}

.fadeSep {
	height: 1px;
	background: url(/images/deptfooterback.png) #fff top center;
}

/************ 8. Global Footer ************/

#footerSchool {
    background: #0036b0;
    padding: 20px;
    font-size: 15px;
    color: white;
    text-align: right;

}
#footerSchool p {
	padding: 9px 0;
	font-size: 15px;
	color: #ffffff;
}


#footerSchool p a{
    text-decoration: none;
	color: #ffffff;
}
#footerSchool p a:hover{
	text-decoration: underline;
}

#footerSchool h4 {
  color: #FFFFFF;
}

.footerAddress{
	background-color: #617736;
	margin-top: 20px;
}

.footerAddress h4{
	padding-top: 0px;
	}

.footerAddress h4 a{
	letter-spacing: 3px;
	font-size: 17px;
	color: #ffffff;
	padding-top: 0px;
	text-decoration: none;
}

.addressText{
	padding-right: 10px;
	padding-left: 10px;
	line-height: 2em;
	border-right: 1px solid #ffffff;
	color: #ffffff;
}

.addressText a{
	text-decoration: none;
	color: #ffffff;
}

.footinfowrap a{
	text-decoration: none;
	color: #ffffff;
	}



.disclaimer a{
	color: #ffffff;
	text-decoration: none;
}

.rights{
	padding-right: 10px;
	padding-left: 10px;
	color: #ffffff;
}

.rights a{
	color: #ffffff;
	text-decoration:none;
}

.footerColumns, .footerFirstcolumn {
	float: left;
	text-align: center;
	padding: 0px;
	width: 100%;
}

.footerColumns h4, .footerFirstcolumn h4 {
	font-family: "stratum-1-web", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15.14px;
	text-transform: uppercase;
	padding-bottom: 10px;
	font-weight: 600;
	color: #ffffff;
	letter-spacing: 1px;
	background: url("/images/footersep.png") no-repeat;
	background-position: center bottom;
}



.footerSocial a{
	display: inline;
	padding: 0 4px 0 4px;
}

.footerSocial a{
	display: inline-block;
	margin: 5px;
}


/**** Set Cursor for Title in Accordion Snippet to Cursor *****/
.accordion{
	cursor: pointer;
}




.contentArea {
	padding: 20px;
	font-size: 100%;
	background-color: white;
}




/*table*/

table td{
	padding: 20px;
}



/****************** 14. Form styles **********************/
.error{
	color:red;
}

/* WDS FORM STYLE GREY*/
.wds-form-style-grey {
    max-width: 500px;
    background: #F7F7F7;
    padding: 25px 15px 25px 10px;
    font: 12px Georgia, "Times New Roman", Times, serif;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    border:1px solid #E4E4E4;
}

.wds-form-style-grey h1 {
    font-size: 25px;
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom:1px solid #E4E4E4;
    margin: -10px -15px 30px -10px;;
    color: #888;
}

.wds-form-style-grey label {
    display: block;
    margin: 0px;
}

.wds-form-style-grey input[type="text"], .wds-form-style-grey input[type="email"], .wds-form-style-grey textarea, .wds-form-style-grey select {
    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    width: 70%;
    font-size: 12px;
    line-height:15px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.wds-form-style-grey textarea{
    padding: 5px 3px 3px 5px;
}
.wds-form-style-grey select {
    background: #FFF url('down-arrow.png') no-repeat right;
    background: #FFF url('down-arrow.png') no-repeat right);
    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 70%;
    height: 35px;
    line-height: 25px;
}
.wds-form-style-grey textarea{
    height:100px;
}
.wds-form-style-grey input[type="radio"] {
    margin-top: 30px !important;
}



/****************** 15. Gallery, Random, Modal and Tableau styles ******************/
.gallery {
	display: block;
	padding: 0;
	margin: 0;
	clear: both;
}
.gallery:after {
	content: ' ';
	display: table;
	clear: both;
}
.gallery li {
	list-style: none;
	float: left;
	padding: 10px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery li.clearfloat {
	float: none;
}
.gallery a {
	display: block;
	text-decoration: none;
}
.gallery .title {
	display: block;
	font-size: 1.25em;
	font-weight: bold;
}




/*Transform-Accordion Default Styles*/
.transformAccordion h1, .transformAccordion h2, .transformAccordion h3, .transformAccordion h4, .transformAccordion h5{
	padding: 0px;
	margin: 0px;
	color: #000000;
}

.transformAccordion{
	background-color: #eee;
	padding: 12px;
	border-radius: 12px;
	font-size: 16px;
	background-image: url('/images/downarrow2.png');
	background-repeat: no-repeat;
	background-position: 1% 50%;
	padding-left: 39px;
	margin-bottom: 10px;
}

.transformAccordion.open{
	background-image: url('/images/uparrow2.png')
}


.transformAccordionContent{
	padding: 0px 10px 20px 10px;	
}

/*SNIPPET -- Transform-Faculty Default Styles*/

.tt-faculty-table div{
	padding: 10px;
}

.tt-faculty-table img{
	display: block;
	margin: auto;
}

/****************** 16. Styles Editor DropDown Options ******************/



.global-telephone, .global-email{
	display: block;
	padding: 3px 3px 3px 20px ;
	background-repeat: no-repeat;
	background-position: left center;
}

.global-telephone{
	background-image: url('/images/telephone.png');
	color: #ec971f;
}

.global-email{
	background-image: url('/images/email.png');
}

.btn a{
	text-decoration: none;
}

.btn-success a, .btn-warning a{
	color: white;	
}

.btn-default a{
	color: black;
}
body {
	background: url(/images/bodydiagpattern.png) #333 repeat-x top center;
}

#wrapper {
	width: 1100px;
	overflow: visible;
}
#lHeaderShadow, #rHeaderShadow {
	position: absolute;
	top: 0px;
	left: -20px;
	width: 20px;
	height: 250px;
	background: url(/images/leftheadershadow.png) no-repeat 0 0;
}
#rHeaderShadow {
	left: 1100px;
	background: url(/images/rightheadershadow.png) no-repeat 0 0;
}

/************ 2. Global Header ************/

#header {
	background-color:#FFF;
}
#searchAndLink {
	height: auto;
	padding: 20px 20px 15px 0;
}
#searchLinks {
	clear: none;
	float: left;
	padding-top: 2px;
}
#searchForm {
	margin: 0;		
}
#searchInputs {
	clear: none;
	float: left;
}
.searchSuggest {
	width: 450px;
}
#mquery {
	width:3px;
}
#logo a {
	background: url(/images/shape_utah.png);
}
#pageTitle {
	font-size: 225%;
}	

/************ 3. Global Navigation ************/

#schoolNav {
	margin-top: 5px;
}
	
#universityNav {
	margin-top: 5px;
}	

/************ 4. Department Navigation ************/

/************ 5. Breadcrumbs ************/

#breadCrumbContainer {
	font-size: 10px;
}
.breadBag {
	margin-left: -6px;
	}
.breadTie {
	background-image: url(/images/bread-tab-icon.png);
	}

/************ 6. Main Content ************/
	



/************ 7. Department Footer ************/
#footerDept > span, #footerDept > p > span {
  padding: 0 2%;
}

/************ 8. Global Footer ************/

#footerShadow {
	width: 1100px;
	height: 20px;
	background: url(/images/footershadow.png) no-repeat top center;
}

.footerSocial {
  float: left;
  padding: 20px 2% 2%;
  width: 25%;
  margin-top: 2%;
  margin-left: 0%;
}

.footerFirstcolumn{
	
	width: 15%;
	padding: 0 20px;
}
	
.footerColumns{
		width: 15%;
	padding: 0 20px;
}