@charset "UTF-8";
/* Gavel to Gavel CSS Document
written by Trisha Moynihan Dec 2012 */
/* gaveltogavel main CSS Document 7/16/12 */

/**********permanent scrollbar*************/

html {
    overflow-y: scroll;
}
/*********************************/
.clearfix {
	clear:both;
}

img, embed, object, video {
max-width: 100%;
}
/*********************************/
/*****background gradient*********/


html {
    height: 100%;
}

html,	input, select, textarea { /* font-size: 16px, line-height: 22px */
		font: 100%/1.75 Georgia, "Times New Roman", serif; }

body {
	/**/position: relative;
	/**/z-index: 1;
	text-align:center;
	background-color:#051928!important;/*for footer overflow*/
	overflow-x: hidden; /* helps get rid of the horizontal scroll bar when resizing*/
}
.sub-body {
	background: #fff;
}
strong {
	font-weight: 700;
	}
.page-color {
	background: #fff;
}

header {
	margin: 0 auto;
	width: 100%;
}

.page {
	margin: 0 auto; 
	width: 100%; /* arbitrary 90% for 1080 px */
	/**/z-index: 2;
	/**/position: relative;
	max-width: 1080px;/*prevents graphics from stretching*/	
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	
}

h2 {
	font-weight:bold;
	font-variant:small-caps;
	font-size:1.1em;
	color:#009;
}
.term {
	color:#000099;
}
.returned {
	 background:#fff;
	 padding:10px; 
	 margin:15px 0;
 }
.ram {
	 float:left;
}
.wmv {
	 float:left;
	 padding-right:2%;
}
.transcript {
	line-height:1.5em!important;
	border:1px solid red;
	margin-top:25px;
}
.curved {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior:url(http://wfsu.org/sitewide/border-radius.htc);
}
.needsLEFTpadding {
	padding-left:2%;
}
table.categories.bymonth tr td:first-child {
	min-width: 150px;
}

.viewcaseinfo {
	background:#fff;
	line-height:1.5em;
	padding:1%;
	margin-bottom:15px;
}
.viewcasedate {
	color:#006;
	font-weight:bold;
	border-bottom: 1px solid #999;
	margin-bottom:10px;
	padding-bottom: 5px;
}
.viewcasenumber {
	float:left;
	width:25%;
	padding:1%;
}
.viewcasename {
	float:left;
	width:71%;
	padding:1%;
}
.bymonth {
	margin-top:25px;
}
.categories {
	width:100%;
}
.categories tr:hover {
	background:#e2e6e9;
	cursor:pointer;
}
.categories td {
	border-top:1px solid #999 !important;
	text-align:left;
	vertical-align:top;
	padding:8px 5px;/*******CHANGE FOR SMALLER VIEWS*****/
}
.categories tr:first-child:hover {
	background:none;
}
.removehover td{
	border-top: none !important; 
	padding-top: 25px;
	color: #006;
	font-weight:bold;
	cursor:default;
}
.removehover:hover {
	background:none !important;
	color:#000 !important;
}
.categories th {
	color: #686868;
	text-align:left;
	vertical-align:top;
	padding:5px 0;
}

.contentLandscape {
	min-height: 500px;
	float:right;
	z-index:501;
	position:relative;
	top:-45px;
	left: -7px;
	width:78.15%;/*844 / 1080 */
	/*add gradient*/
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(bottom, #FBFBFA 60%, #CAC9C8 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #FBFBFA 60%, #CAC9C8 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #FBFBFA 60%, #CAC9C8 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.6, #FBFBFA), color-stop(1, #CAC9C8));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #FBFBFA 60%, #CAC9C8 100%);
	
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to top, #FBFBFA 60%, #CAC9C8 100%);
	/*end gradient*/
	
	border: 1px solid #999 /*cd*/;
	
	/*drop shadow*/
	-moz-box-shadow: 2px 2px  12px  #666;
	-webkit-box-shadow: 2px 2px 12px  #666;
	box-shadow: 2px 2px 12px  #666;/*ds*/

}

.contentLandscape p {
	margin: 25px 0;/*check*/
	padding:0;
	line-height:2em;
	/**/
}
.break-word {
	-ms-word-break: break-all;
	word-break: break-all;	
	word-break: break-word;/*this isn't valid but it works on links in CHROME - check others*/
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}

/* Gradient transparent - color - transparent */	
.contentLandscape hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}
/**/

.vertical-border{
-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#fafafa)) 0 100% 0 0/0 1px 0 0 stretch;
    width: 200px;
}

.box {
	padding:7px 25px 10px 25px;
	margin:25px 10px;
	text-align:left;
}
.searchresults {
	 font-size:1.3em;
}
.whitebox {
	background:#fff;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid #f7f5f5;
	padding:25px;
	margin:25px 10px;
	text-align:left;
}
.greybox {
	background:#f7f5f5;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border: 1px solid #f7f5f5;
	padding:25px;
	margin:25px 10px;
}

/********navigation**************/

/*nav {
	height: 40px;
	width:100%;
	background-color:#051928;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	top:-21px;
	/*adjust position of menu
	z-index:498;	
}*/

nav {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	position:relative;
	z-index:502;
	top: -49px;
	
}
nav ul {
	margin: 0 auto;
	text-align:left;
	/*width: 90%; moves the text right but creates a scroll too - don't use*/
	/*z-index: 3;*/
	padding-left: 30%;
		
}
nav ul li{
	display: inline-block;
	padding: 5px 5%;
}
nav ul li a {
	color: #fff;
}

/*link, visited, hover, active*/
nav ul li a:link {
	text-decoration:none;
}
nav ul li a:hover {
	color:#FC0;
}

/***/


.mediaplayer {

}
video {
  width: 100%    !important;
  height: auto   !important;
}

/*search and forms*/
.search {
	float:right;
	z-index:500;
	padding-left: 2.4%;/*2.5*/
	width:19%; /*227/1080*/
	position:relative;
	top:-49px;
	/*left: 1%;*/
	
	text-align:left;
}
.searchtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color:#eedab1;
	position:relative;
	top: -10px;
}
.searchtool1 {
	position: relative;
	top: 30px;
	color:#333;
}
.searchdivider {
	width: 76%;
	border-top: 6px double #b0bccf;
	margin:52px 0 5px 0;
}
.searchtool2 {
}	
input[type='text'], select {
	box-sizing:border-box;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	width:76%;/* 173/227*/
	margin:8px 0;
}

label {
	display:block;
	margin-top:10px;
}

/*checkbox styling*/
.checkbox {
	margin:5px 0 15px 0;
	width:76%;
}
.checkbox label {
    display: block;
    padding-left: 15px;
    text-indent: -16px;
	font-size:.75em;
	line-height:1.2em;
}
.checkbox input[type='checkbox'] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    overflow: hidden;
}

.explanation {
	font-size:.75em;
	line-height:1.2em;
	color:#898989;	
}
.centerme {
	width:76%; 
	margin:10px 0;
}
/*****submit buttons***********/
input[type='submit'] {
	width:60%;
}
/*******-------- footer---------------*****/
footer {
	background:#051928;
	color: #fff;
	text-align:left;
	line-height:1.5em;	
}
footer a:link {color: #697cac; text-decoration:underline;}
footer a:visited {color: #697cac; text-decoration:none;}
footer a:active {color: #5a85f4; text-decoration:none;}
footer a:hover {color: #5a85f4; text-decoration:underline;}

footer div {
	padding:20px;
	margin: 0 auto; 
	width: 90%; /* arbitrary 90% for 1080 px */
	/**/z-index: 2;
	/**/position: relative;
	max-width: 1040px;/*prevents graphics from stretching*/	
}
footer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:.75em;
	line-height:1.5em;
	font-weight:100;
	color:#CCC;
}



/*video experiment*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*results pages viewcase.php*/

 #mediaPlayer_wrapper {
width: 100% !important;
max-width:710px;
}
h3, .summary {
	line-height:1.8em;
}
.specialnote {
	 clear:both;
	font-size:.75em;
	line-height:1.2em;
	padding-top:10px;
	color:#333;
}


/*responsive css*/

.full-logo {
	z-index:499;
	position:relative;
}
.mobile-logo {
	display: none;
	z-index:499;
	position:relative;
}
.small-mobile-logo {
	display: none;
	z-index:499;
	position:relative;
}
.longtitle {
	display:none;
}


/*changes to player code*/

.android {
	width:100%;
	height:100%;
	text-align:center;
	background-image: url(../images/tfc.jpg);
	border: 1px solid #333;
}
.android img {
	vertical-align: middle;
}
#playerMTNAWYqoQjLm {
	height:100%;
}