/*   
Theme Name: Mizzou Law CURRENT STUDENTS
Description: Mizzou Law's Gold bar design accross the top (Main Site's Theme)
Author: Mizzou Law
Author URI: http://law.missouri.edu
Version: 1
*/

@font-face { 
	font-family: 'ProximaNova Regular';
	src: url('http://law.missouri.edu/includes/fonts/proximanova-regular-webfont.eot');
	src: url('http://law.missouri.edu/includes/fonts/proximanova-regular-webfont?#iefix') format('embedded-opentype'),
	     url('http://law.missouri.edu/includes/fonts/proximanova-regular-webfont.woff') format('woff'),
	     url('http://law.missouri.edu/includes/fonts/proximanova-regular-webfont.ttf') format('truetype'),
	     url('fonts/proximanova-regular-webfont.svg#webfont') format('svg');
}


@font-face { 
	font-family: 'ProximaNova Bold';
	src: url('http://law.missouri.edu/includes/fonts/proximanova-bold-webfont.eot');
	src: url('http://law.missouri.edu/includes/fonts/proximanova-bold-webfont?#iefix') format('embedded-opentype'),
	     url('http://law.missouri.edu/includes/fonts/proximanova-bold-webfont.woff') format('woff'),
	     url('http://law.missouri.edu/includes/fonts/proximanova-bold-webfont.ttf') format('truetype'),
	     url('fonts/proximanova-bold-webfont.svg#webfont') format('svg');
}

@font-face { 
	font-family: 'ProximaNova Light';
	src: url('http://law.missouri.edu/includes/fonts/proximanova-light-webfont.eot');
	src: url('http://law.missouri.edu/includes/fonts/proximanova-light-webfont?#iefix') format('embedded-opentype'),
	     url('http://law.missouri.edu/includes/fonts/proximanova-light-webfont.woff') format('woff'),
	     url('http://law.missouri.edu/includes/fonts/proximanova-light-webfont.ttf') format('truetype'),
	     url('fonts/proximanova-light-webfont.svg#webfont') format('svg');
}

@font-face { 
	font-family: 'ProximaNova Italic';
	src: url('http://law.missouri.edu/includes/fonts/proximanova-lightit-webfont.eot');
	src: url('http://law.missouri.edu/includes/fonts/proximanova-lightit-webfont?#iefix') format('embedded-opentype'),
	     url('http://law.missouri.edu/includes/fonts/proximanova-lightit-webfont.woff') format('woff'),
	     url('http://law.missouri.edu/includes/fonts/proximanova-lightit-webfont.ttf') format('truetype'),
	     url('fonts/proximanova-lightit-webfont.svg#webfont') format('svg');
}


h1, h2, h3, h4 { font-weight:normal;font-family: "ProximaNova Bold", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif!important;}
h1 a, h2 a, h3 a, h4 a { font-weight:normal;font-family: "ProximaNova Bold", "Segoe UI", "Helvetica Neue", Helvetica, sans-serif!important;}
h1 { font-size:2em;}
h2 {font-size:1.6em; margin-top:10px; margin-bottom:10px}
h3 { font-size:1.2em; font-weight:bold; margin-top:20px; margin-bottom:10px}
h4 { font-weight:normal; font-size:1.2em; margin-bottom:15px; margin-top:15px}


.more { border-top:1px solid #ccc; font-size:15px}
#shadow {
	border: 0px;
	-webkit-box-shadow: 0px 5px 6px #000;
	-moz-box-shadow:    0px 5px 6px #000;
	box-shadow:         0px 5px 6px #000;
}

hr {
	margin: 20px 0;
    border: 0;
    height: 1px;
    background: #dedede;
}

.entry ul.arrow li {     
	list-style-image: url("images/list-arrow.png");
	list-style-position: outside;
	padding-bottom: 6px;
	padding-left:0px;
} 


.gold-table {
	border-top: 1px solid #f1b82d;
    border-bottom: 1px solid #f1b82d;
    margin: 1em 0em;
}

/* Yellow banner background */
div#bg_swath						{ height: 135px; width: 100%; background-color: #fff; border-bottom: 30px solid #f1b83d}

/* Primary header, with top banner, minor navigation, and search box */
div#header_primary					{width: 100%;height: 145px;}
div#banner_holder					{margin-left: 15px;float: left; margin-top:30px}
img#banner_image_left				{margin-right: 14px;}
div#subnav_holder					{font-size:.8em;margin-right: 5px;height: 20px; float:right; text-align:right;}
div#subnav_holder a					{color: #fff;}
div#subnav_holder a:hover 			{color:#f1b82d;}
ul#subnav_menu						{ list-style-type: none;margin: 0px;padding: 5px 0px 0px 0px; color:#fff;}
ul#subnav_menu li					{display: inline;}
div#mapandsearch					{margin-top: 0px; margin-left:10px; width:200px; float:right}
#mapandsearch label						{font-size:0.8em}
input#googlesearch					{border: 1px solid #f1b82d; border-radius:5px 5px 5px; font-size:.7em font-family: Verdana, Geneva, sans-serif;background-color: #f1b82d;height: 20px;}
.top-bar 							{ background-color: #666; padding:10px 0px 10px 0px; width:100%; height:25px}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {padding:6px 0px !important}
.cse .gsc-control-cse, .gsc-control-cse {padding:0px !important}
form.gsc-search-box { margin-bottom:0px !important}
table.gsc-search-box {margin-bottom:0px !important}
.gsc-input-box { height:20px !important}
.gsc-search-box td { padding:0px}
.pop-links { float:right}
.pop-links li { display:inline-block; text-align:center; margin-left:10px; font-size:0.8em}
.pop-links ul { padding:0px; margin:0px}

/*Tuition special styles */
.top-left {float:left; margin-top:0px !important}
.top-right {float:left; margin-right:10px}
.break { clear:left}
.tuition table { margin:10px 0px 10px 10px; }
.tuition td { padding:5px; margin-right:10px; font-size:11px;}
#anchor {margin-top:0px !important}	
#contain {margin-top:10px}

.side-left {padding-bottom:20px}
#side-left h3 {font-size:1.2}
.crumb-current-p  { margin:20px 0px 0px 15px} 
.crumb-current-h3  { margin:0px 0px 0px 15px !important} 
.side-left li { font-size:0.9em; padding:3px 5px} 
#cssmenu li ul { display: none; margin-bottom:10px;}
#cssmenu ul, #current ul, #current-2 ul {padding-top:0px; padding-bottom:0px; margin-bottom:0px; margin-top:0px}
/*#cssmenu li ul { display: none; border: 1px solid #cccccc; }
#cssmenu li ul li {padding:5px;}
.even{ background-color:#e6e6e6}*/
#current li ul, #current-2 li ul { display:block; border: 1px solid #e6e6e6; background-color:#f2f2f2; width:170px}

#current li ul li ul, #current-2 li ul li ul {display:none; border: 1px solid #e6e6e6; background-color:#fff; width:160px}
#current-2 li ul li ul { display:block}
.side-left h3 { margin-top:25px; margin-left:15px; margin-bottom:5px}
#sidebar h4, .side-left h4 { margin-top:0px; margin-left:15px; margin-bottom:5px}
#sidebar { background-color:#FFF}
.right { width: 195px !important}
.related { width: 185px !important; margin-left:5px }
#exam.related { width:250px !important}
	.related p { padding:5px}
.body-container { width:960px; margin:0px auto;
 -webkit-box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 3px 6px rgba(50, 50, 50, 0.75);
box-shadow:         0px 3px 6px rgba(50, 50, 50, 0.75);}



.contactform li { list-style:none; margin-top: 10px}
.big-box {margin-bottom:10px}



* {font-family: Verdana, Geneva, sans-serif; color:#333}
p { font-family:Verdana, Geneva, sans-serif; color:#000;}
.entry p, .entry ul, .entry ol, entry em {font-size: 13px;}
address { font-size:0.7em; padding-bottom:10px}
small {font-size: 11px;line-height: 18px;}

a   {color: #9b2010; text-decoration:none;}
h3 a, h4 a   { font-size:1.2em !important;color:#9b2010;}
h3 a:hover, h4 a:hover   { font-size:1.2em !important;text-decoration: underline;}
a:hover {text-decoration:underline}

/* IMAGE STYLES */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #f2f2f2;
    border: 1px solid #ccc;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
/* Top Sub */
#top-sub{ width:700px; clear:both; margin-top:10px;margin-bottom:1em; background-color:#666; margin-left:0px; padding: 5px 0px}

#top-sub li{ display:inline; padding-left:15px; font-size:1em}
#top-sub a { color:#fff}
#handbook li:nth-child(even) {float:left; width:40%; }
#handbook li:nth-child(odd) {float:left; width:40%; margin-left:20px; clear:both }


.handbook-title {padding-top: 20px; clear: both;}

#spacer p { padding:0px 10px}

/* NEWS */
.side-tags { padding:5px; color:#f0b400}
/*.side-tags a { color:#c39c28;}*/
.n-post  { font-size:1.75em}
.n-date {margin:0px; padding:5px 0; font-size:11px; font-style:italic; color:#666}
.n-left { float:left; width:200px; margin-right: 15px; margin-bottom:5px;}
/* .n-left img, .amb-n-left img { border:1px solid #666; } */
.n-right {margin-bottom: 15px;; min-height:200px; margin-top:0px; padding-top:0px}
.n-right p { margin-top: 0px; padding-top:0px}
.n-title { clear:left}


#tags { color:#666}
.read-more{ font-style:italic}
.navigation { clear:both;}
#post-thumb { margin-bottom:0px; width:130px; float:left}
#post-thumb img {height:130px; width:130px}
#post-date { clear:left; margin-bottom:10px}
.post-title { font-size:.80em;}
#cat-name { font-variant:small-caps}
#news { border-bottom: 1px solid #CCC; min-height:130px}
#news-cat { min-height:115px;  border-bottom: 1px solid #CCC;}
.trending{ padding-left:0px; margin-left:0px;} 
.trending li { list-style: none; margin:10px 0px}
.yarpp-related li { list-style:none; font-size:0.85em; padding-bottom:5px}
.yarpp-related p { font-size:0.9em; color:#333}
.yarpp-related ol { padding-left:5px; margin-left:0px; border-left: 3px solid #666} 
.social{  margin:20px 0px 20px 0px ; clear:left; padding-top:10px}

#sidebar ul {margin-left:0px; padding-left:0px}
#sidebar li { list-style: none; margin-left:10px;}
#sidebar li ul li { margin-left:0px;}

.publication { padding-bottom:15px}
.pub-links { margin-left:0px; padding-left:0px;}
.pub-links li { display:inline; margin-right:10px; list-style:circle}

@media screen {
img { border:0px}
/* Big content holder */
#bigbox							{position: relative;margin:0px auto;text-align: left;width: 960px;padding: 0px;}	

#ie_menu_fix						{z-index: 1000; position:relative; -webkit-box-shadow: 1px 2px 10px 3px #c3c3c3;
-moz-box-shadow:  1px 2px 10px 3px #c3c3c3;
box-shadow: 1px 2px 10px 3px #c3c3c3; }

* { margin: 0; padding: 0; color:inherit }
body { background-color:#333; font: 14px/1.4 Georgia, Serif; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 960px; margin: 0px auto; background-color:#fff; }
.heading {background: none !important}


/* Containers */
#sidebar { float:left; width: 205px; margin:0px}
.right {float:right !important; width:185px !important; margin-left:15px }
.content{ float:left; width:700px; padding-top:20px; padding-bottom:20px; margin-left:10px}
ul { margin-left:10px}


/*Right Sidebar */
	.related { float:right; width:170px !important; border:1px solid #ccc; padding:0px!important; }
	.related ul { padding:0px 5px !important}
	.related li {font-size:.75em;}
	.related p { font-size: .75em}
	.space { margin-top: 10px}
	.title  { color:#000; text-decoration:none !important}
	.side-header { background-color:#E4E4E4; padding:5px}
	.side-header p { padding:0px; margin:0px}
#footer { clear:both; } 

/*Brochure images*/
#brochure img {border-radius:0px; width:125px; height:auto}
#brochure { width:125px; margin-bottom:15px; margin-right:20px}
.event {min-height: 280px; overflow: hidden; clear:both; border-bottom:1px solid #ccc; padding-bottom:5px; padding-top:20px}
.event h3 { margin-top:0px; padding-top:0px}
.event:last-child {border-bottom:0px}
p { margin: 0 0 10px 0; }





ol { margin: 0 0 10px 20px;}
.entry li { margin: 5px} 

.post { }


.entry { }
/*
.entry a {
	color: #2a75ad;
    text-decoration: underline;
}
.entry a:hover, a:focus {
    color: #1b4b6f;
    text-decoration: underline;
}
*/

.attachment-banner-feature {
	margin-bottom:1em;
}

pre { }
code, tt { }

#meta { }
.postmetadata { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }

.p-title { font-variant:small-caps; color:#333; margin-top:0px; padding-top:0px}
} /* END screen media */


@media print {
	
	#sidebar {display:none}
	.body-container { box-shadow:none}
	body{ background-color:#FFFFFF; color:#000000; }
	#heading {width:100%,}
  #banner_holder {margin-left:0px; float:none; width:100%}
  #subnav_holder {display:none}
  #long_menu{ display:none;}
  #secondary-nav-menu{ display:none;}
  .other-sidebar { display:none !important}
  .related { float:right; width: 220px; margin:5px;}
  .top-right { display:none}
  .upcoming { display:none}
 #footer { display:none}
  .content{margin-left:30px; width:960px}
 	

.do-not-print { display: none; }
#comments { page-break-before: always; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }

	
} /* END print media */

/* Footer */
div#footer							{font-size: 12px;padding: 15px;border-top: 1px solid #333333; font-size:10px; margin-bottom:30px !important }
/*div#footer_shadow					{left: -20px;position: relative;width: 1000px; height: 24px; background-image:url(/images/box_bottom_full.png);}*/



/* Academic Calendar */
.aca-cal { width:350px !important; border:1px solid #ccc; margin-bottom:10px; padding-bottom: 10px}
	.aca-cal ul { padding:0px 5px !important}
	.aca-cal li {font-size:2em;}
	.aca-cal p { font-size: .9em; margin:3px 10px; padding:0px}
	.aca-cal h5 { font-size:1em; margin-left:10px; margin-bottom:10px}
	.title  { color:#000; text-decoration:none !important}
	.side-header-cal { background-color:#f2f2f2;margin-top:0px; margin-bottom:0px;}
	.side-header-cal h5 { font-size:1.2em !important; padding:5px; margin-top:0px; margin-left:5px; margin-bottom:10px} 

.tinymce-tabs {

     height: 30px;

 }

 .tinymce-tabs .html, .tinymce-tabs .visual {

     background-color: #f1f1f1;

     border-color: #dfdfdf #dfdfdf #dfdfdf;

     color: #999999;

     border-style: solid;

     border-width: 1px;

    cursor: pointer;

    float: right;

    height: 18px;

    margin: 5px 5px -2px 0px;

    padding: 4px 5px 2px;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    -moz-border-radius-topleft: 3px;

    -moz-border-radius-topright: 3px;

    -webkit-border-top-left-radius: 3px;

    -webkit-border-top-right-radius: 3px;

 }

 .tinymce-tabs .active {

    background-color: #e9e9e9;
    border-color: #cccccc #cccccc #e9e9e9;
    color: #333333;
}



.topNav { background-color:#575757; margin:0px; padding:0px;}



#dropdown {margin:0; padding:0; list-style:none; position: relative; z-index:1000;}

ul#dropdown li                      {display: inline-block; list-style:none; margin:0px; font-size: 1.1em }
ul#dropdown li a:hover		            { color:#ffcc33; text-decoration:none;}

ul#dropdown li a                  { display: block; padding:10px 10px 10px 15px; color:#fff}
ul#dropdown ul     {color:#ffcc33}
ul#dropdown li a:hover   {color: #ffcc33; }

ul#dropdown li.hover,
ul#dropdown li:hover                { position: relative; }


/* 
	LEVEL TWO
*/

ul#dropdown ul li					{ padding:0px; margin:0px; width:190px !important}
ul#dropdown ul li a                { color:#fff; padding:7px 0px 7px 0px; margin-left:10px}
ul#dropdown ul li:hover                { background: #f1b83d; color:#000;}
ul#dropdown ul a:hover              { color: #000; }
ul#dropdown ul li 					{ font-weight: normal; width:190px; opacity: 1.0; filter: alpha(opacity=100); font-size:0.8em; color: #fff;  border-bottom: 1px solid #ccc; float: none; margin-left:0px; }										                                      /* IE 6 & 7 Needs Inline Block */
ul#dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 
ul#dropdown ul li:last-child   		{ border:none}


ul#dropdown ul 						{ width:185px; margin-left:0px; padding-left:0px; background: #575757; opacity: 0.9; filter: alpha(opacity=90) }
#dropdown li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	width: 190px;
}


#dropdown li:hover ul {
	left: auto;
}

#dropdown ul { display:none}

/* STL TABLE */

.stl td { padding:10px}

#big-thumb { width:200px;}
#big-thumb-content {min-height:200px}

.shade { background-color:#e4e4e4}
td { padding: 5px; font-size:0.9em}

#people {border:1px solid #999; border-bottom:2px solid #333; float:left; width:200px; height:350px; margin: 6px; overflow:hidden; box-shadow: 2px 2px 2px #888;}
#people-faculty,#people-titleonly {float:left; width:220px; height:355px; margin: 6px; overflow:hidden; text-align:center;}
#people-titleonly {height:310px; width:220px}
#people p, #people-faculty p, #people-titleonly { font-size:0.9em}
#contact-details {padding:5px}
#contact-details #people-faculty #people-titleonly {padding:4px}
#people-faculty {padding-bottom:7px}
#people h4, #people-faculty h4, #people-titleonly h4 {text-align:center; margin-top:10px; margin-bottom:5px; padding-bottom:0px}
#people img {width:200px; height:200px}
#people-faculty img, #people-titleonly img {width:180px; height:180px; border-radius:120px; border:1px solid #888;}
input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus,
.gsc-search-button {
    box-sizing: content-box; 
    line-height: normal;
}

input { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.contactform {
    margin:10px auto;
    max-width: 700px;
    padding: 0px 12px 10px 20px;
}
.contactform li {
    padding: 0;
    display: block;
    list-style: none;
    margin: 10px 0 0 0;
}
.contactform label{
    margin:0 0 3px 0;
    padding:0px;
    display:block;
    font-weight: bold;
}
.contactform input[type=text],
.contactform input[type=date],
.contactform input[type=datetime],
.contactform input[type=number],
.contactform input[type=search],
.contactform input[type=time],
.contactform input[type=url],
.contactform input[type=email],
textarea,
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #BEBEBE;
    padding: 7px;
    margin:0px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none; 
}
.contactform input[type=text]:focus,
.contactform input[type=date]:focus,
.contactform input[type=datetime]:focus,
.contactform input[type=number]:focus,
.contactform input[type=search]:focus,
.contactform input[type=time]:focus,
.contactform input[type=url]:focus,
.contactform input[type=email]:focus,
.contactform textarea:focus,
.contactform select:focus{
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
}
.contactform .field-divided{
    width: 100%;
}

.contactform .field-long{
    width: 100%;
}
.contactform .field-select{
    width: 100%;
}
.contactform .field-short 
{ 
	width: 4%;
}
.contactform .field-textarea{
    height: 100px;
}
.contactform input[type=submit], .form-style-1 input[type=button]{
    background: #333;
    padding: 8px 15px 8px 15px;
    border: none;
    color: #ffcc33;
}
.contactform input[type=submit]:hover, .form-style-1 input[type=button]:hover{
    background: #ffcc33;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
	color:#333;
}
 
.contactform .required{
    color:red;
}


strong {
    font-weight: bold;
}

.button-outline {
    margin-bottom: .5em;
    margin-right:12px;
    display: inline-block;
    text-align: center;
    padding: .5em 1em .4em;
    line-height: 1.25;
    text-decoration: none;
    border: solid 1px #f1b82d;
    color: #222;
    font-size: 1em;
    font-weight: 400;
    border-radius: 3px;
    background-color: #f7d583;
}

a.button-outline  {
    color: #444;
    text-decoration: none;
}

.button-outline:hover {
	    background: #fae5b3;
	    color:#5d0000!important;
	    text-decoration: none!important;
}

.gold-button {
    margin-bottom: .5em;
    margin-right:12px;
    display: inline-block;
    text-align: center;
    padding: .5em 1em .4em;
    line-height: 1.25;
    text-decoration: none;
    border: solid 1px #f1b82d;
    color: #222;
    font-size: 1em;
    font-weight: 400;
    border-radius: 3px;
    background-color: #f7d583;
}

a.gold-button {
    color: #444;
    text-decoration: none;
}

.gold-button:hover {
	    background: #fae5b3;
	    color:#5d0000!important;
	    text-decoration: none!important;
}

span#book-subhead {
	font-size:22px;
	color:#808080;
}

.section-nav ul a {
    text-decoration: none;
    display: block;
    float: left;
    padding: 6px 12px;
    padding: 0.5rem 1rem;
    color: #eeeeee;
    font-size: 12px;
    line-height: 1;
    background-color: #444444;
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    margin-right: 8px;
    margin-right: 0.5rem;
    border-radius: 3px;
    -webkit-font-smoothing: antialiased;
}
.section-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    margin-left: 1px;
}

.section-nav ul li {
    display: inline!important;
}
.section-nav ul a:hover, .section-nav ul a:focus {
    color: #f1b82d!important;
}

@media print {
	.topNav { display:none}
	.gsc-control-wrapper-cse {display:none}
	.top-bar {display:none}
	#sidebar {display:none}
	div#bg_swath {border-bottom:2px solid #f1b83d;}
	.content { width:800px; float:none; margin:0px auto}
	#top-sub {display:none}
	.content h1 {clear:both}
	#banner_holder { content: url(http://law.missouri.edu/images/lawschool-signature-print.jpg); width:350px;}
	.unit-sig-64 {display:none}
	
}


a.n-title {
	text-decoration: none!important;
}

/*doc
---
title: Download
name: 3-0_download
category: Unit Signature
---

<a class="button download" href="downloads/unit-sig-art.zip">unit-sig-art.zip</a> &nbsp; <a class="button download" href="downloads/unit-sig.css">unit-sig.css</a>  

MU logo and wordmark art files are included in `unit-sig-art.zip`. Download and extract to your `images` folder.
You will need create your own [unit art] [2-1_download] to replace the gold box in the examples below.
 
Download `unit-sig.css` and extract to your `css` folder. Edit this file to add rules for your custom unit art, 
include print options and IE8 fallback options. When using the reversed version, you still need to make a black 
text unit art graphic for printing.

**Note:** MU logo assets aren’t meant to be used at a different size than what they are marked. They have been [pixel hinted](http://www.webdesignerdepot.com/2014/03/the-designers-guide-to-pixel-hinting/) 
to be as sharp as possible. Any enlarging will distort the logo. 

*/
/*doc
---
title: 32px size
name: 3-1_unit_32
category: Unit Signature
---

The class `unit-sig-32` will style a signature with a 32px wide MU logo. 

```html_example 
<div class="unit-sig-32">
    <p class="logo"><a href="http://missouri.edu">Mizzou Logo</a></p>
    <h1 class="unit"><a href="http://missouri.edu">Office of Programs</a></h1>
    <h2 class="wordmark"><a href="http://missouri.edu">University of Missouri</a></h2>
</div>
```
## Centered

For the centered version, add the `center` class.

```html_example 
<div class="unit-sig-32 center">
    <p class="logo"><a href="http://missouri.edu">Mizzou Logo</a></p>
    <h1 class="unit"><a href="http://missouri.edu">Office of Programs</a></h1>
    <h2 class="wordmark"><a href="http://missouri.edu">University of Missouri</a></h2>
</div>
```

## Reversed 

For the white text version, add the `reverse` class.

```html_example 
<div class="unit-sig-32 reverse">
    <p class="logo"><a href="http://missouri.edu">Mizzou Logo</a></p>
    <h1 class="unit"><a href="http://missouri.edu">Office of Programs</a></h1>
    <h2 class="wordmark"><a href="http://missouri.edu">University of Missouri</a></h2>
</div>
```

*/
.unit-sig-32 .logo,
.unit-sig-32 .wordmark,
.unit-sig-32 .unit {
  margin: 0;
}
.unit-sig-32 .logo a,
.unit-sig-32 .wordmark a,
.unit-sig-32 .unit a {
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  background-position: left 0;
  background-repeat: no-repeat;
}
.unit-sig-32.center .logo a,
.unit-sig-32.center .wordmark a,
.unit-sig-32.center .unit a {
  margin-left: auto;
  margin-right: auto;
}
.unit-sig-32 .wordmark,
.unit-sig-32 .unit {
  margin-left: 42px;
}
.unit-sig-32.center .wordmark,
.unit-sig-32.center .unit {
  margin-left: 0;
}
.unit-sig-32 .logo a {
  width: 34px;
  height: 38px;
  background-image: url('/images/signature/mu-logo-32-stroked.svg');
  /* Neagative margin for 1px rule alignment */
  margin-left: -1px;
  float: left;
  margin-bottom: 10px;
}
.unit-sig-32.center .logo a {
  float: none;
}
.unit-sig-32 .wordmark a {
  width: 149px;
  height: 17px;
  background-image: url('../images/unit-wordmark-32.svg');
  margin-bottom: 10px;
}
.unit-sig-32.reverse .wordmark a {
  background-image: url('/images/signature/unit-wordmark-32-white.svg');
}
.unit-sig-32 .wordmark a:hover,
.unit-sig-32 .wordmark a:focus,
.unit-sig-32 .wordmark a:active {
  background-position: left -17px;
}
.unit-sig-32 .unit {
  /* Adjust the space between unit name and wordmark as needed */
  margin-bottom: 4px;
}
.unit-sig-32 .unit a {
  /* Link to your 32px unit art file and set with and height */
  width: 300px;
  height: 27px;
  background-image: url('/images/signature/school-of-law-wordmark-32.svg');
}
.unit-sig-32 .unit a:hover,
.unit-sig-32 .unit a:focus,
.unit-sig-32 .unit a:active {
  /* Set the height to match your unit art file */
  background-position: left -27px;
}
/* If you want this size to print out, include this */
@media print {
  .unit-sig-32 .logo a,
  .unit-sig-32 .wordmark a,
  .unit-sig-32 .unit a {
    position: relative;
    background: none;
  }
  .unit-sig-32 .logo a:after,
  .unit-sig-32 .wordmark a:after,
  .unit-sig-32 .unit a:after {
    text-indent: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .unit-sig-32 .logo a:after {
    content: url('../images/mu-logo-32.svg');
  }
  .unit-sig-32 .wordmark a:after {
    content: url('../images/unit-wordmark-32.svg');
  }
  /* Link to your 32px unit art file, black text version */
  .unit-sig-32 .unit a:after {
    content: url('../images/your-file-32.svg');
  }
}
/* IE8 PNG fallback. Target with an ie8 class or place in your ie8 only stylesheet */
.ie8 .unit-sig-32 .logo a {
  background-image: url('../images/mu-logo-32-stroked.png');
}
.ie8 .unit-sig-32 .wordmark a {
  background-image: url('../images/unit-wordmark-32.png');
}
.ie8 .unit-sig-32.reverse .wordmark a {
  background-image: url('../images/unit-wordmark-32-white.png');
}
.ie8 .unit-sig-32 .unit a {
  /* Link to your 32px unit art file */
  background-image: url('../images/your-file-32.png');
}
/* If you want this size to print out in ie8, include this */
@media print {
  .ie8 .unit-sig-32 .logo a {
    background-image: url('../images/mu-logo-32-stroked.png');
  }
  .ie8 .unit-sig-32 .wordmark a,
  .ie8 .unit-sig-32.reverse .wordmark a {
    background-image: url('../images/unit-wordmark-32.png');
  }
  /* Link to your 32px unit art file, black text version */
  .ie8 .unit-sig-32 .unit a:after {
    content: url('/images/signature/school-of-law-wordmark-32-white.png');
  }
}
/*doc
---
title: 48px size
name: 3-2_unit_48
category: Unit Signature
---

The class `unit-sig-48` will style a signature with a 48px wide MU logo. 

```html_example 
<div class="unit-sig-48">
    <p class="logo"><a href="http://missouri.edu">Mizzou Logo</a></p>
    <h1 class="unit"><a href="http://missouri.edu">Office of Programs</a></h1>
    <h2 class="wordmark"><a href="http://missouri.edu">University of Missouri</a></h2>
</div>
```
## Centered

For the centered version, add the `center` class.

```html_example 
<div class="unit-sig-48 center">
    <p class="logo"><a href="http://missouri.edu">Mizzou Logo</a></p>
    <h1 class="unit"><a href="http://missouri.edu">Office of Programs</a></h1>
    <h2 class="wordmark"><a href="http://missouri.edu">University of Missouri</a></h2>
</div>
```

## Reversed

For the white text version, add the `reverse` class.

```html_example 
<div class="unit-sig-48 center reverse">
    <p class="logo"><a href="http://missouri.edu">Mizzou Logo</a></p>
    <h1 class="unit"><a href="http://missouri.edu">Office of Programs</a></h1>
    <h2 class="wordmark"><a href="http://missouri.edu">University of Missouri</a></h2>
</div>
```


*/
.unit-sig-48 .logo,
.unit-sig-48 .wordmark,
.unit-sig-48 .unit {
  margin: 0;
}
.unit-sig-48 .logo a,
.unit-sig-48 .wordmark a,
.unit-sig-48 .unit a {
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  background-position: left 0;
  background-repeat: no-repeat;
}
.unit-sig-48.center .logo a,
.unit-sig-48.center .wordmark a,
.unit-sig-48.center .unit a {
  margin-left: auto;
  margin-right: auto;
}
.unit-sig-48 .wordmark,
.unit-sig-48 .unit {
  margin-left: 63px;
}
.unit-sig-48.center .wordmark,
.unit-sig-48.center .unit {
  margin-left: 0;
}
.unit-sig-48 .logo a {
  width: 50px;
  height: 56px;
  background-image: url('../images/mu-logo-48-stroked.svg');
  /* Neagative margin for 1px rule alignment */
  margin-left: -1px;
  float: left;
  margin-bottom: 15px;
}
.unit-sig-48.center .logo a {
  float: none;
}
.unit-sig-48 .wordmark a {
  width: 183px;
  height: 20px;
  background-image: url('../images/unit-wordmark-48.svg');
  margin-bottom: 15px;
}
.unit-sig-48.reverse .wordmark a {
  background-image: url('../images/unit-wordmark-48-white.svg');
}
.unit-sig-48 .wordmark a:hover,
.unit-sig-48 .wordmark a:focus,
.unit-sig-48 .wordmark a:active {
  background-position: left -20px;
}
.unit-sig-48 .unit {
  /* Adjust the space between unit name and wordmark as needed */
  margin-bottom: 5px;
}
.unit-sig-48 .unit a {
  /* Link to your 48px unit art file and set with and height */
  width: 320px;
  height: 32px;
  background-image: url('../images/schooloflaw-48.svg');
}
.unit-sig-48 .unit a:hover,
.unit-sig-48 .unit a:focus,
.unit-sig-48 .unit a:active {
  /* Set the height to match your unit art file */
  background-position: left -32px;
}
/* If you want this size to print out, include this */
@media print {
  .unit-sig-48 .logo a,
  .unit-sig-48 .wordmark a,
  .unit-sig-48 .unit a {
    position: relative;
    background: none;
  }
  .unit-sig-48 .logo a:after,
  .unit-sig-48 .wordmark a:after,
  .unit-sig-48 .unit a:after {
    text-indent: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .unit-sig-48 .logo a:after {
    content: url('../images/mu-logo-48.svg');
  }
  .unit-sig-48 .wordmark a:after {
    content: url('../images/unit-wordmark-48.svg');
  }
  /* Link to your 48px unit art file, black text version */
  .unit-sig-48 .unit a:after {
    content: url('../images/your-file-48.svg');
  }
}
/* IE8 PNG fallback. Target with an ie8 class or place in your ie8 only stylesheet */
.ie8 .unit-sig-48 .logo a {
  background-image: url('../images/mu-logo-48-stroked.png');
}
.ie8 .unit-sig-48 .wordmark a {
  background-image: url('../images/unit-wordmark-48.png');
}
.ie8 .unit-sig-48.reverse .wordmark a {
  background-image: url('../images/unit-wordmark-48-white.png');
}
.ie8 .unit-sig-48 .unit a {
  /* Link to your 32px unit art file */
  background-image: url('../images/your-file-48.png');
}
/* If you want this size to print out in ie8, include this */
@media print {
  .ie8 .unit-sig-48 .logo a {
    background-image: url('../images/mu-logo-48-stroked.png');
  }
  .ie8 .unit-sig-48 .wordmark a,
  .ie8 .unit-sig-48.reverse .wordmark a {
    background-image: url('../images/unit-wordmark-48.png');
  }
  /* Link to your 48px unit art file, black text version */
  .ie8 .unit-sig-48 .unit a:after {
    content: url('../images/your-file-48.png');
  }
}
/*doc
---
title: 64px size
name: 3-3_unit_64
category: Unit Signature
---

The class `unit-sig-64` will style a signature with a 64px wide MU logo. 

```html_example 
<div class="unit-sig-64">
    <p class="logo"><a href="http://missouri.edu">Mizzou Logo</a></p>
    <h1 class="unit"><a href="http://missouri.edu">Office of Programs</a></h1>
    <h2 class="wordmark"><a href="http://missouri.edu">University of Missouri</a></h2>
</div>
```
## Centered

For the centered version, add the `center` class.

```html_example 
<div class="unit-sig-64 center">
    <p class="logo"><a href="http://missouri.edu">Mizzou Logo</a></p>
    <h1 class="unit"><a href="http://missouri.edu">Office of Programs</a></h1>
    <h2 class="wordmark"><a href="http://missouri.edu">University of Missouri</a></h2>
</div>
```

## Reversed

For the white text version, add the `reverse` class.

```html_example 
<div class="unit-sig-64 reverse">
    <p class="logo"><a href="http://missouri.edu">Mizzou Logo</a></p>
    <h1 class="unit"><a href="http://missouri.edu">Office of Programs</a></h1>
    <h2 class="wordmark"><a href="http://missouri.edu">University of Missouri</a></h2>
</div>
```


*/
.unit-sig-48 { margin-top:10px}

.unit-sig-64 .logo,
.unit-sig-64 .wordmark,
.unit-sig-64 .unit {
  margin: 0;
}
.unit-sig-64 .logo a,
.unit-sig-64 .wordmark a,
.unit-sig-64 .unit a {
  display: block;
  text-indent: 120%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  background-position: left 0;
  background-repeat: no-repeat;
}
.unit-sig-64.center .logo a,
.unit-sig-64.center .wordmark a,
.unit-sig-64.center .unit a {
  margin-left: auto;
  margin-right: auto;
}
.unit-sig-64 .wordmark,
.unit-sig-64 .unit {
  margin-left: 84px;
}
.unit-sig-64.center .wordmark,
.unit-sig-64.center .unit {
  margin-left: 0;
}
.unit-sig-64 .logo a {
  width: 66px;
  height: 74px;
  background-image: url('http://law.missouri.edu/images/mu-logo-64-stroked.svg');
  /* Neagative margin for 1px rule alignment */
  margin-left: -1px;
  float: left;
  margin-bottom: 20px;
}
.unit-sig-64.center .logo a {
  float: none;
}
.unit-sig-64 .wordmark a {
  width: 243px;
  height: 26px;
  background-image: url('http://law.missouri.edu/images/unit-wordmark-64.svg');
  margin-bottom: 20px;
}
.unit-sig-64.reverse .wordmark a {
  background-image: url('http://law.missouri.edu/images/unit-wordmark-64-white.svg');
}
.unit-sig-64 .wordmark a:hover,
.unit-sig-64 .wordmark a:focus,
.unit-sig-64 .wordmark a:active {
  background-position: left -26px;
}
.unit-sig-64 .unit {
  /* Adjust the space between unit name and wordmark as needed */
  margin-bottom: 6px;
}
.unit-sig-64 .unit a {
  /* Link to your 64px unit art file and set with and height */
  width: 340px;
  height: 48px;
  background-image: url('http://law.missouri.edu/images/schooloflaw-64.svg');
}
.unit-sig-64 .unit a:hover,
.unit-sig-64 .unit a:focus,
.unit-sig-64 .unit a:active {
  /* Set the height to match your unit art file */
  background-position: left -48px;
}
/* If you want this size to print out, include this */
@media print {
  .unit-sig-64 .logo a,
  .unit-sig-64 .wordmark a,
  .unit-sig-64 .unit a {
    position: relative;
    background: none;
  }
  .unit-sig-64 .logo a:after,
  .unit-sig-64 .wordmark a:after,
  .unit-sig-64 .unit a:after {
    text-indent: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .unit-sig-64 .logo a:after {
    content: url('https://law.missouri.edu/images/mu-logo-64.svg');
  }
  .unit-sig-64 .wordmark a:after {
    content: url('https://law.missouri.edu/images/unit-wordmark-64.svg');
  }
  /* Link to your 64px unit art file, black text version */
  .unit-sig-64 .unit a:after {
    content: url('https://law.missouri.edu/images/schooloflaw-64.svg');
  }
}
/* IE8 PNG fallback. Target with an ie8 class or place in your ie8 only stylesheet */
.ie8 .unit-sig-64 .logo a {
  background-image: url('https://law.missouri.edu/images/mu-logo-64-stroked.png');
}
.ie8 .unit-sig-64 .wordmark a {
  background-image: url('https://law.missouri.edu/images/unit-wordmark-64.png');
}
.ie8 .unit-sig-64.reverse .wordmark a {
  background-image: url('../images/unit-wordmark-64-white.png');
}
.ie8 .unit-sig-64 .unit a {
  /* Link to your 32px unit art file */
  background-image: url('https://law.missouri.edu/images/unit-wordmark-64.png');
}
/* If you want this size to print out in ie8, include this */
@media print {
  .ie8 .unit-sig-64 .logo a {
    background-image: url('https://law.missouri.edu/images/mu-logo-64-stroked.png');
  }
  .ie8 .unit-sig-64 .wordmark a,
  .ie8 .unit-sig-64.reverse .wordmark a {
    background-image: url('https://law.missouri.edu/images/unit-wordmark-64.png');
  }
  /* Link to your 64px unit art file, black text version */
  .ie8 .unit-sig-64 .unit a:after {
    content: url('https://law.missouri.edu/images/schooloflaw-64.png');
  }
}