/*This style sheet is needed to override/compliment SharePoints built in styles in order to render
pages within the UTK Templates correctly. This file was created by the OIT Instructional Design Team
*/



/************* Styles copied from Drisgill Starter pages ********************/

/* fix scrolling on list pages */
.s4-nosetwidth #s4-bodyContainer {
	position: relative;
}

/* hide body scrolling (SharePoint will handle) If you remove the first three lines, a second scroll bar
will appear while the page loads. */
/*Last line overrides the body background tag inherited from global.css*/

body {
	height:100%;
	overflow:hidden;
	width:100%;
	background-image:none !important;
}

#s4-bodyContainer {
/*	background: #fff url(https://oit.utk.edu/images/bg-body-ut.jpg) repeat-x;*/
/*	background-attachment:scroll; */
	font: 16px/24px  Cambria, Georgia, Times, TimesNewRoman, "Times New Roman", serif;
	color: #444;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}			
/* popout breadcrumb menu needs background color for firefox */
.s4-breadcrumb-menu {
	background:#F2F2F2;
}

/* if you want to change the left nav width, change this and the margin-left in .s4-ca */
body .s4-nosetwidth  #s4-leftpanel {
	width:100%;
	min-height:150px;
}		
		
/* body area normally has a white background */
.s4-nosetwidth  .s4-ca {
	background:transparent none repeat scroll 0 0;
	margin-left:0px;
}

/************* END Styles copied from Drisgill Starter pages ********************/









/************* Styles to fix minor issues with SharePoint ********************/

/*The h1.office tag floats up into the header. This corrects it*/
.s4-nosetwidth .office {
	margin-top:25px;
}


/*Needed to over-ride LI styles for displaying webparts correctly*/
.s4-nosetwidth .s4-ca .ms-MenuUI ul {
   padding-left: 0px;
   margin-left: 0px;
 }
 
.s4-nosetwidth .s4-ca .ms-MenuUI ul li {
   list-style-type: none;
 }

 
/* Hides the border on webparts */
.s4-nosetwidth .ms-WPBorder, .ms-WPBorderBorderOnly {
    border: none;
} 


/* This removes the white line under the ribbon   */
.ms-cui-topBar2 {
	border-bottom: solid 1px #354a5e;
}

/* Minor padding inconsistency with the main content */
#maincontent {
	padding-top:9px;
}



/*Styles to display the social tags over the unit header when users are logged in*/

.SPsocial {
	float:right;
	margin-top:-67px;
	margin-right:2px;
	width:65px;
}

/*styles to display the ribbon toggle*/
#shribbon {
	position:absolute;
	right:18px;
	top:0px;
	font-size:9pt;
	padding-top:0px;
	margin:0px;
	width:25px;
	height:24px;
	background-image:url('https://utworks.tennessee.edu/templates/images/pulltab.png');
	z-index:999;
	display:none;
}


#shribbon a span {
	border-bottom-left-radius: 8px;
	font-family: verdana, ariel, sans-serif;
	background-image: none;
	width:128px;
	position:absolute;
	right:20px;
	top:0px;
	display:none;
	padding-left:7px;
	padding-right:0px;
	text-transform: uppercase;
	font-size: 80%;
	color: #FFF;
	background-color: #354A5E;
}

#shribbon a:hover span {
	display:block;
}

#shribbon.closed {
	background-image:url('https://utworks.tennessee.edu/templates/images/triangleup.png');
}

#shribbon.open {
	background-image:url('https://utworks.tennessee.edu/templates/images/triangledown.png');
}

/************* END minor issues styles ********************/



/************ SharePoint Webpart Table Styles ********************************************/
/*These styles overide the global.css styles for tables used by SharePoint to dislplay webparts*/
#maincontent .ms-rte-wpbox table, 
#maincontent #MSOTlPn_MainTD table{
	margin-bottom:0;
	border: none;
	border-top: none;
	background-color:transparent;
}

#maincontent .ms-rte-wpbox th, 
#maincontent #MSOTlPn_MainTD th {
	color: #333;
}

#maincontent .ms-rte-wpbox thead th, 
#maincontent #MSOTlPn_MainTD thead th{
	background:transparent;
}

#maincontent .ms-rte-wpbox th,  
#maincontent .ms-rte-wpbox td,  
#maincontent .ms-rte-wpbox caption,
#maincontent #MSOTlPn_MainTD th,  
#maincontent #MSOTlPn_MainTD td,  
#maincontent #MSOTlPn_MainTD caption {
  	 padding:4px 2px 2px 4px;
 }

#maincontent .ms-rte-wpbox tr:nth-child(even) td,  
#maincontent .ms-rte-wpbox tr.even td,
#maincontent #MSOTlPn_MainTD tr:nth-child(even) td,  
#maincontent #MSOTlPn_MainTD tr.even td {
 	background-color:transparent;
}

#maincontent .ms-rte-wpbox tr,
#maincontent #MSOTlPn_MainTD tr {
	border-top: 0px;
}


/************* END SharePoint Webpart Table Styles *******************************/













/*Common style for both vertical and horizontal navigation elements*/
.s4-nosetwidth .menu-vertical, .s4-nosetwidth .menu-horizontal{
	background: #f77f00 url(https://www.utk.edu/images/interface/--sprite.png) 0 -240px repeat-x;
	width: 100%;
	float: left;
	padding: 0;
	margin: 0 0 2.5em 0;
}








/************* SharePoint Global-Nav / Horizontal Menu Styles *******************************/
/*Link Styles from global.css where .menu-horizontal is explicitly selected*/

.s4-nosetwidth .menu-horizontal a, 
.s4-nosetwidth .menu-horizontal a:visited { 
	color: #517c96; 
	text-decoration: none; 
	outline: 0; 
}

.s4-nosetwidth .menu-horizontal a:hover, 
.s4-nosetwidth .menu-horizontal a:focus { color: #f77f00; }

.s4-nosetwidth .menu-horizontal p a, 
.s4-nosetwidth .menu-horizontal p a:visited { line-height: inherit; }



/*Use the styles from global.css and replace nav1-h with .menu-horizontal. Important is used to override coreV4*/
/*Note that the CC template has nav1-h defined as a UL class. An extra ul is needed since .menu-horizontal is not a ul*/
.s4-nosetwidth .menu-horizontal ul li {
	padding: 0;
	float: left;
	line-height: 1;
	height: 100%;
	vertical-align: middle;
	margin: 0;
	text-align: center;
}



.s4-nosetwidth .menu-horizontal ul li a, .s4-nosetwidth .menu-horizontal ul li a {
	font-family: Arial, Helvetica, sans-serif;
	padding: 8px 16px !important;
	display: block;
	color: #fff !important;
	font-weight: bold;
	font-size: 0.9em;
	border-bottom: 0 !important;
	border-left: #FAAE5E 1px solid !important;
	border-right: 1px solid #444 !important;
	text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0;
	background: #f77f00 url(https://www.utk.edu/images/interface/bg-nav1-a.png) top center repeat-x;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
	     -o-transition: all 0.25s ease-in-out;
	        transition: all 0.25s ease-in-out;
}

.s4-nosetwidth .menu-horizontal ul { 
	position: relative; 
	list-style: none; 
	z-index: 50; 
}

.s4-nosetwidth .menu-horizontal ul li a:hover {
	color: #517c96 !important;
}

.s4-nosetwidth .menu-horizontal ul li { 
	position: relative; 
	float: left; 
}

.s4-nosetwidth .menu-horizontal ul ul { 
		position: absolute; 
		visibility: hidden; 
		list-style: none; 
		z-index: 110; 
		width: auto;
		margin: 0;
		padding: 0;
}

.s4-nosetwidth .menu-horizontal ul ul li { 
	clear: both; 
}

.s4-nosetwidth .menu-horizontal ul a { 
	display: block;	 
}

.s4-nosetwidth .menu-horizontal ul ul a { 
	background-image: none !important; 
	width: 125px; 
	text-align: left; 
	border: none !important; 
}

.s4-nosetwidth .menu-horizontal ul ul a:hover { 
	color: #4c4d4f !important; 
}

.s4-nosetwidth .menu-horizontal ul ul { position: absolute; top: 0; }

.s4-nosetwidth .menu-horizontal ul li:hover ul, 
.s4-nosetwidth .menu-horizontal ul a:hover ul, 
.s4-nosetwidth .menu-horizontal ul :hover ul :hover ul, 
.s4-nosetwidth .menu-horizontal ul :hover ul :hover ul :hover ul {
	visibility: visible; 
}

.s4-nosetwidth .menu-horizontal ul :hover ul ul, 
.s4-nosetwidth .menu-horizontal ul :hover ul :hover ul ul {
	visibility: hidden; 
}

.s4-nosetwidth .menu-horizontal ul .current > a, 
.s4-nosetwidth .menu-horizontal ul .current-cat > a, 
.s4-nosetwidth .menu-horizontal ul .current-menu-item > a { 
	cursor: pointer; 
}


.s4-nosetwidth .menu-horizontal ul li:hover ul, 
.s4-nosetwidth .menu-horizontal ul a:hover ul {
	left: 0;
}

.s4-nosetwidth .menu-horizontal ul li ul {
	border-width: 0 0 0.1em 0;
}

.s4-nosetwidth .menu-horizontal {
	margin-top: -1.4em !important;
}


/*dynamic children have a drop down arrow next to the text. This style hides the arrow*/
.menu-horizontal a.dynamic-children span.additional-background, 
.menu-horizontal span.dynamic-children span.additional-background {
	background-image:none !important;
}

/*dynamic children have a hover that overrides the other definitions. This resets it to the global.css setting*/
.s4-nosetwidth .menu-horizontal li.dynamic-children ul li a.menu-item:hover,
.s4-tn li.static > a:hover {
	background: #f77f00 url(https://www.utk.edu/images/interface/bg-nav1-a.png) top center repeat-x !important;
}

/*SharePoint sets menu items to nowrap. This overrides that setting*/
.menu-horizontal .menu-item-text {
    white-space: normal;
}

a.menu-item:hover {
	padding:0;
}

/*Explicit overriding of the underline on hover links*/ 
.s4-nosetwidth .menu-horizontal ul li a:hover {
	text-decoration:none;
}

/************* END SharePoint Global-Nav / Horizontal Menu Styles ***************************/














/************* SharePoint Left-Panel / Vertical Menu Styles *******************************/


/*SharePoint defines its own "active" link stlye and uses !important to impose it. These override the CoreV4 styles */
.s4-ql a.selected {
    border-width: 1px 0 !important;
    border-bottom: 1px solid #CCCCCC !important;
    color: #517c96 !important;
    padding: 0 0 0.5em 20px !important;
}

.s4-nosetwidth *.selected a:hover {
	background-color: #4c4d4f !important;
	background-position: 10px 6px !important;
	color: #f0ede4 !important;
}


/*SharePoint li texts are in span tags, screwing up the padding. This adjusts for it on the selected tags*/
.s4-nosetwidth .s4-ql ul.root > li > .selected > span {
	padding-top:7px;
}

/*The line height was cutting off the bottoms of words. Fixing the height messes up the text alignment to the orange arrow */
.s4-nosetwidth .s4-ql ul.root > li > * span {
	line-height:1.2em;
	margin-top:-.2em !important;
}


/*Overwrite CoreV4 setting for the menu-item class using the UTK Template styles*/
.s4-nosetwidth .s4-ql ul.root > li > .menu-item {
	background: url("https://www.utk.edu/images/interface/--sprite.png") no-repeat scroll 5px -128px transparent;
    border-color: transparent;
    border-style: solid;
    border-width: 1px 0;
    border-bottom: 1px solid #CCCCCC;
    color: #517c96;
    font-size: 1em;
    margin: 0;
    overflow-x: hidden;
    padding: 0 0 0.5em 20px;
    word-wrap: break-word;
    display: block;
    line-height:1;
}






/*Use the styles from global.css and replace .navigation with #s4-leftpanel */
.s4-nosetwidth #s4-leftpanel{
	margin-left: 0;
	list-style: none;
	padding: 10px 0 0 0;
}

.s4-nosetwidth #s4-leftpanel li{
	margin-right: 1em;
}

.s4-nosetwidth #s4-leftpanel li a{
	padding: 0 0 0.5em 20px;
	border-bottom: 1px solid #ccc;
	display: block;
	text-decoration: none;
	background: url(https://www.utk.edu/images/interface/--sprite.png) 5px -128px no-repeat;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
	     -o-transition: all 0.25s ease-in-out;
	        transition: all 0.25s ease-in-out;
}

.s4-nosetwidth #s4-leftpanel li a:hover{
	background-position: 10px -128px;
	-webkit-transition: all 0.25s ease-in-out;
	   -moz-transition: all 0.25s ease-in-out;
	     -o-transition: all 0.25s ease-in-out;
	        transition: all 0.25s ease-in-out;
}







/*Use the styles from global.css and replace nav1-v with .menu-vertical*/
.s4-nosetwidth .menu-vertical {
	background: #F0EDE4;
	border-top: 5px #f77f00 solid;
}

.s4-nosetwidth .menu-vertical li {
	padding: 0;
	width: 100% ;
	float: left;
	line-height: 1;
	height: 100%;
	vertical-align: middle;
	margin: 0;
}

.s4-nosetwidth .menu-vertical li a {
	padding: 7px 0 7px 20px !important;
	background-position: 5px 6px !important;
}

.s4-nosetwidth .menu-vertical a:hover, .s4-ql ul.root > li.static > a.static:hover{
	background-color: #4c4d4f !important;
	background-position: 10px 6px !important;
	color: #f0ede4 !important;
}


/* .menu-vertical is a div created by SharePoint. The second UL tag is needed to make submenus appear correctly */
.s4-nosetwidth .menu-vertical ul ul {
	padding: 0;
	margin: 0;
	background: #FAF9F6 !important;
}

.s4-nosetwidth .menu-vertical ul ul li {
	background: #FAF9F6 !important;
}

.s4-nosetwidth .menu-vertical ul ul li a {
	background-position: 20px 6px !important;
	padding-left: 35px !important;
}

.s4-nosetwidth .menu-vertical ul ul li a:hover {
	background-position: 25px 6px !important;
}


/************* End SharePoint Left-Panel / Vertical Menu Styles *******************************/