/*keyframe animations*/
.shadow {
        text-shadow: 2px 2px #7B7AA5;
        font-size: 2em;
}
.float {
    -webkit-animation: floattext 5s linear ;
       -moz-animation: floattext 5s linear ;
        -ms-animation: floattext 5s linear ;
         -o-animation: floattext 5s linear ;
            animation: floattext 5s linear ;
}
/* Smartphones ----------- */
/* @media only screen and (max-width: 760px) {
  #mainColumnLeft,mainColumnRight { visibility:hidden; }
}
*/
@keyframes floattext {
 0% {
    text-shadow: 2px 2px 1px #7B7AA5;
    font-size: 1em;
 }
 100% {
    text-shadow: 8px 4px 5px #7B7AA5;
    font-size: 2em;
 }
 
}
 
@ 0% {
    text-shadow: 2px 2px 1px #7B7AA5;
    font-size: 1em;
 }
 100% {
    text-shadow: 8px 4px 5px #7B7AA5;
    font-size: 2em;
 }
 
}
 
  0% {
    text-shadow: 2px 2px 1px #7B7AA5;
    font-size: 1em;
 }
 100% {
    text-shadow: 8px 4px 5px #7B7AA5;
    font-size: 2em;
 }
 
}
 
  0% {
    text-shadow: 2px 2px 1px #7B7AA5;
    font-size: 1em;
 }
 100% {
    text-shadow: 8px 4px 5px #7B7AA5;
    font-size: 2em;
 }
 
}
 
@-o-keyframes floattext {
   0% {
    text-shadow: 2px 2px 1px #7B7AA5;
    font-size: 1em;
 }
 100% {
    text-shadow: 8px 4px 5px #7B7AA5;
    font-size: 2em;
 }
 
}
/*keyframe animations*/
.banner {
    -webkit-animation: bannermove s linear infinite;
       -moz-animation: bannermove s linear infinite;
        -ms-animation: bannermove s linear infinite;
         -o-animation: bannermove s linear infinite;
            animation: bannermove s linear infinite;
}
/* Smartphones ----------- */
/* @media only screen and (max-width: 760px) {
  #mainColumnLeft,mainColumnRight { visibility:hidden; }
}
*/
@keyframes bannermove {
 0% {
    margin-top: 0px;
 }
 100% {
    margin-top: -0px;
 }
 
}
 
@-moz-keyframes bannermove {
 0% {
   margin-top: 0px;
 }
 100% {
  margin-top: -0px;
 }
 
}
 
@-webkit-keyframes bannermove {
 0% {
   margin-top: 0px;
 }
 100% {
   margin-top: -0px;
 }
 
}
 
@-ms-keyframes bannermove {
 0% {
   margin-top: 0px;
 }
 100% {
  margin-top: -0px;
 }
 
}
 
@-o-keyframes bannermove {
 0% {
   margin-top: 0px;
 }
 100% {
   margin-top: -0px;
 }
 
}



body {
background-color: #C4DDF5;}

h1 {
   text-align:center;
   line-height:110%;
}

dt.details, dt.detail_child {
	font: italic bold 18px/28px Georgia, serif;
	height: px; /* change here and in table create script */
	color: black;
}

dt.details:hover, dd.detail_child:hover{
	color:#7B7AA5;
}
dd.details, dd.detail_child {
	font: 12px/18px Georgia, serif;
	height: px; /* change here and in table create script */
}
#topHeader, #lowerHeader{
	text-align:center;
	margin: 25px 0px;
	text-shadow: 2px 2px #7B7AA5;
}
#topHeaderUpper {
        border-bottom-style: solid;
}
.titleInfo {
	font-style: italic;
	margin:0px;
	text-align:center;
}

.med_img {
       float:left;
       width: 300px;
       padding:20px;
}
.xlarge_img {
       float:left;
       width: 80%;
       padding: 3% 10%;
       
}
.paragraphGroup {
	padding: 30px;
}
comment {
	background-color:#181775;
	background: url('../img/banner_background.png');
}
#top_image img {

	width:100%;
	border-top-width: 5px;
        border-top-style: solid;
        border-top-color: #2c539e;
        border-bottom-width: 5px;
        border-bottom-style: solid;
        border-bottom-color: #2c539e;
}
#nav-bar {
       border-top: 2px solid #2c539e;
       clear: both;

background: #0c3689; /* Old browsers */
background: -moz-linear-gradient(top,  #0c3689 0%, #164ab2 40%, #1e78ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c3689), color-stop(40%,#164ab2), color-stop(100%,#1e78ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3689', endColorstr='#1e78ed',GradientType=0 ); /* IE6-9 */


}.nav-bar {
       border-top: 2px solid #2c539e;
       clear: both;

background: #0c3689; /* Old browsers */
background: -moz-linear-gradient(top,  #0c3689 0%, #164ab2 40%, #1e78ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c3689), color-stop(40%,#164ab2), color-stop(100%,#1e78ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3689', endColorstr='#1e78ed',GradientType=0 ); /* IE6-9 */


}
#mainContent, #nav-bar, #top_image{
	min-width: 775px;
}
#mainContent {
	min-height: 1px;

}

#nav-bar,.nav-bar {
	border: 0 none
}
#nav-bar ul,.nav-bar ul {
	width:  775px;
	margin: 0 auto;
	clear: both;
	/*zoom: 1 - where did this come from*/
}
#nav-bar ul:after, .nav-bar ul:after {
	width: 0;
	height: 0;
	padding: .01px 0 0;
	content: " ";
	clear: both;
	display: block;
	font-size: 0
}
#nav-bar li, .nav-bar li{
	height: 12px;
	margin: 0;
	border-left: 1px solid rgb(57,68,26);
	position: relative;
	float: left;
	list-style: none;
	font-weight: bold;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12pt;
	line-height:1em;
	padding: 10px 8px 8px 8px;
	display: block;
	color: #e6f8fd;
	font-size: 13px;
	text-shadow: 0 -1px 0 #051a29;
	text-decoration: none
	

}

#nav-bar li:hover, .nav-bar li:hover {

background: #0c3689; /* Old browsers */
background: -moz-linear-gradient(top,  #0c3689 0%, #164ab2 60%, #1e78ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c3689), color-stop(60%,#164ab2), color-stop(100%,#1e78ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0c3689 0%,#164ab2 60%,#1e78ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0c3689 0%,#164ab2 60%,#1e78ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0c3689 0%,#164ab2 60%,#1e78ed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0c3689 0%,#164ab2 60%,#1e78ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3689', endColorstr='#1e78ed',GradientType=0 ); /* IE6-9 */

}

#nav-bar li.active, .nav-bar li.active, #nav-bar li.active_dropdown, .nav-bar li.active_dropdown {
        border-left: 1px solid rgb(57,68,26);
        z-index: 2;

background: #1e78ed; /* Old browsers */
background: -moz-linear-gradient(top,  #1e78ed 0%, #164ab2 60%, #0c3689 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e78ed), color-stop(60%,#164ab2), color-stop(100%,#0c3689)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e78ed 0%,#164ab2 60%,#0c3689 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e78ed 0%,#164ab2 60%,#0c3689 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e78ed 0%,#164ab2 60%,#0c3689 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e78ed 0%,#164ab2 60%,#0c3689 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e78ed', endColorstr='#0c3689',GradientType=0 ); /* IE6-9 */

}
#nav-bar li.active:hover, .nav-bar li.active:hover {

background: #0c3689; /* Old browsers */
background: -moz-linear-gradient(top,  #0c3689 0%, #164ab2 60%, #1e78ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c3689), color-stop(60%,#164ab2), color-stop(100%,#1e78ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0c3689 0%,#164ab2 60%,#1e78ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0c3689 0%,#164ab2 60%,#1e78ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0c3689 0%,#164ab2 60%,#1e78ed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0c3689 0%,#164ab2 60%,#1e78ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3689', endColorstr='#1e78ed',GradientType=0 ); /* IE6-9 */

}
#nav-bar li, .nav-bar li {

}

#nav-bar li.active, .nav-bar li.active {
	border: 0 none;
	text-shadow: none;
	text-decoration: none
}

#nav-bar li.last, .nav-bar li.last {
	border-right: 1px solid rgb(57,68,26)
}
#nav-bar ul li ul, .nav-bar ul li ul{
	position: absolute;
float:none;
  padding: 0;
  top: 31px;
  left: 0;
  width : 160px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  z-index: 100;
}

#nav-bar ul li ul li, .nav-bar ul li ul li{
	float: none;
	height: 12px;
	margin: -1px 0 0 0;
	border-left: 1px solid rgb(57,68,26);
	font-weight: bold;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12pt;
	line-height:1.2em;
	padding: 10px 10px 9px 10px;
	font-size: 13px;
	text-shadow: 0 -1px 0 #051a29;
	text-decoration: none

background: #0c3689; /* Old browsers */
background: -moz-linear-gradient(top,  #0c3689 0%, #164ab2 40%, #1e78ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c3689), color-stop(40%,#164ab2), color-stop(100%,#1e78ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3689', endColorstr='#1e78ed',GradientType=0 ); /* IE6-9 */

}
#nav-bar ul li ul li:hover, .nav-bar ul li ul li:hover {


background: #0c3689; /* Old browsers */
background: -moz-linear-gradient(top,  #0c3689 0%, #164ab2 60%, #1e78ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c3689), color-stop(60%,#164ab2), color-stop(100%,#1e78ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0c3689 0%,#164ab2 60%,#1e78ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0c3689 0%,#164ab2 60%,#1e78ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0c3689 0%,#164ab2 60%,#1e78ed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0c3689 0%,#164ab2 60%,#1e78ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3689', endColorstr='#1e78ed',GradientType=0 ); /* IE6-9 */



}

#nav-bar ul li:hover ul, .nav-bar ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
#contentWrapper {
	min-height: 1200px;
	min-width: 760px;
	clear: both;
}
.mainColumnRight {
        display: inline-block;
	width: 20%;
	float: right;
}
.mainColumnCenter {
        width: 60%;
	float: left;
	

}
.mainColumnLeft {
	width: 19%;
	float: left;
	height: 1px;
}
.contentDiv{
	float: left;
	width: 95%;
}
.pdfContent {
        clear:both;
}
.blog_row, .video_row {
	clear: both;
	display: inline-block;
	background-color: #8DAFE1;
	width: 100%;
	margin: 20px 0;
	padding: 10px; 
}
.event_row {
	clear: both;
	width: 70%;
	margin: auto;
	padding: 10px; 
}
.row_div {
	display: inline-block;
	background-color: #8DAFE1;
	border: 10px solid #8DAFE1;
        width: 100%;
}
.row_footer {
       background-color: #0c3689;
       padding: 2px 9px;
}

#columnLeft {
	width: 45%;
	margin:0 auto;
	float: left;
}
#columnLeft.info_img {
	width: 30%;
	margin:0 auto;
	float: left;
        padding 10px;
}
#columnRight.info_text {
       width: 68%;
}
.contained_img{
      width: 90%;
      padding: 5px;
}
#slideColumn {
	width: 100%;
	margin:0 auto;
	float: left;
}
.mainTitle, .hostTitle {
  
}


#columnRight {
	float: right;
       	width: 50%;
}

#marginRight {
       	float: left;
	width: 5%;
}
#footer {
  clear: both;
  padding: 20px;
  border-style: double none none;
  margin: 20px;
  text-align: center;
}

.adlist {
	position: relative;
	margin-top: 100px;
	width:80%;
	left:10px;
}
.ad {
	width: 100%;
}
.ad img {
	width: 100%;
	padding: 2px;
}


#flashcontainer {
        float:left;
	padding-right:35px;
	

}
.slideshow {
	float: left;
	position:relative;
	height: 0;
	padding: 77.77% 0 0 0;
	width:100%;
	clear: both;

}	
.slideshow2 {
	float: left;
	position:relative;
	height: 0;
	padding: 40% 0 0 0;
	width:60%;
	clear: both;
        z-index:0;
        overflow:hidden;

}


#flashbackdrop {
	position:relative;
	background-color: black;
	height:340px;
	width:400px;
        padding: 10px;
}
.slidebackdrop {
        position: absolute;
        top: 0px;
	
	
	height:340px;
	width:100%;
	overflow:hidden;
}
.slidebackdrop2 {
        position: absolute;
        top: 0px;
	
	
	height:500px;
	width:100%;
	overflow:hidden;
}
#slideshow img {
    position:absolute;
    top:10px;
    left:10%;
    width:80%;    
    z-index:8;
    opacity:0.0;
    max-height:580px;
    
}

.slideshow img.active,.slideshow2 img.active {
    z-index:10;
    opacity:1.0;
    
}

.slideshow img.last,.slideshow2 img.last {
    z-index:9;
}
.slideshow img.cntr-vertical,.slideshow2 img.cntr-vertical {
  position:absolute;
  top:50%;
  
}
.flash{
	position:relative;
	background-color: black;
	height:600px;
	width:480px;
}

#scrollWrapper {
       position:relative;
       left:20px;
       clear:both;
}
#scrollWrapper p {
	padding: 0 10px;
}
#slideText {
       position:relative;
       left:20px;
}
#slideText p {
	padding: 0 10px;
}

.formlabel{
   display: inline-block;
   width: 100px;
   text-align: right;
}
.form_submit{
   padding-left: 100px;
}
#form1.contentContainer{
   margin-top: .2em;
   padding-left: 100px;
}
.form_fields{
    float:left;
}
.form_img{
   float:right;
}
.form_textarea{
   clear:both;
   display: inline-block;
}
.form_text {
    border: thin solid black;
    display:inline-block;
    float:left;
    width:95%;
    padding: 3px 9px;
}
.form_caption {
   clear:both;
   display:inline-block;
   margin auto;
   width 80%;
   padding: 9px;
}
  

textarea{
   vertical-align: top;

}
.tagline {
	font-style: italic;
	margin:0px;
	text-align:center;
        height: 50px;
        text-shadow: 4px 8px 5px #7B7AA5;
        font-size:2em;
        position: relative;
        top: -30px;
        //background-color:#CDD4D4;
	background-color:#C1DCE7;
}

        

.shadow {
        text-shadow: 2px 2px #7B7AA5;
}
			
.input_optional,.input_required{
   display: none;
   margin-left: 10px;
}		
		
.empty_input_required{
   color: red;
   margin-left: 10px;
}
.empty_input_optional{
   color: green;
   margin-left: 10px;
}
		
input.invalid, textarea.invalid{
}
		
input.valid, textarea.valid{
}

.articleImg {
   width: 450px;
}		
	
.details {}

p.return{
	display: none;
	font-family:Courier New;
	font-size:14px;
	font-style:italic;
	font-weight: bold;
	padding:1px 10px;
	text-decoration:none;
}
p.return:hover {
	color:#7B7AA5;
}
p.details{
	display:inline-block;
	}
p.details,h2.venueTitle {
	float:left;
}
#monthlyEvents p {
	float:none;
}


p.details, p.return {

background: #0c3689; /* Old browsers */
background: -moz-linear-gradient(top,  #0c3689 0%, #164ab2 40%, #1e78ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c3689), color-stop(40%,#164ab2), color-stop(100%,#1e78ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3689', endColorstr='#1e78ed',GradientType=0 ); /* IE6-9 */

	-moz-box-shadow: 7px 1px 9px -5px #cf866c;
	-webkit-box-shadow: 7px 1px 9px -5px #cf866c;
	box-shadow: 7px 1px 9px -5px #cf866c;

	-moz-border-radius:29px;
	-webkit-border-radius:29px;
	border-radius:29px;
	border:1px solid #2c539e;
	
	cursor:pointer;
	color:#e6f8fd;
	font-family:Courier New;
	font-size:11px;
	font-style:italic;
	padding:1px 10px;
	text-decoration:none;
}


.myButton:hover {


background: #0c3689; /* Old browsers */
background: -moz-linear-gradient(top,  #0c3689 0%, #164ab2 40%, #1e78ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c3689), color-stop(40%,#164ab2), color-stop(100%,#1e78ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0c3689 0%,#164ab2 40%,#1e78ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3689', endColorstr='#1e78ed',GradientType=0 ); /* IE6-9 */

}
p.details:active, p.return:active {
	position:relative;
	top:1px;
} 
div.map {
   border:3px solid #2c539e;
   display:inline-block;
}



#products {
	padding:20px;
	overflow-x: hidden;
	overflow-y: hidden;
	height:400px;
	display:block;

}
#productscroll {
	padding:20px;
	overflow-x: hidden;
	overflow-y: scroll;
	height:400px;
	display:none;

}
.announcement {
	border: thin solid #7B1D1F;
}
span.info{
	color: #7B1D1F;
}
.ui-datepicker {
   background: #fff;
   border: 1px solid #555;
   color: #000;
 }
.fileUploadInput,.fileUploadli,.fileUploadLiRemove{
  display:none;
}
.fileUploadli {
  float:left;
}
.fileUploadLiRemove{
   cursor:pointer;
   font-size: smaller;
   color: red;
   padding:5px;
   float:left;
}
.innerDiv {
   clear:both;
}
.nowrap{
   white-space:nowrap;
}
#contactus {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: collapse;
}

#contactus td, #contactus th {
    font-size: 1em;
    border: 1px solid #2c539e;
    padding: 3px 7px 2px 7px;
}

#contactus th {
    font-size: 1.1em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #0c3689;
    color: #ffffff;
}

#contactus tr.alt td {
    color: #;
    background-color: #1e78ed;
}
.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #F5F5F5;
    border-radius: 4px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1) inset;
}

.progress-bar-success {
    background-color: #5CB85C;
}
.progress-bar {
    float: left;
    width: 0px;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #FFF;
    text-align: center;
    background-color: #428BCA;
    box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.15) inset;
    transition: width 0.6s ease 0s;
        transition-property: width;
        transition-duration: 0.6s;
        transition-timing-function: ease;
        transition-delay: 0s;
}
.pdfviewerdiv,.pdfviewerdiv object {
    width:100%;
    height:1400px;
    }
.hidden {
    display:none;
}
.displayed {
    display:block;
}
#pdf_previous {
   float:left;
   border: 1px solid #2c539e; 
}
#pdf_next {
   float:right;
   border: 1px solid #2c539e;
   margin-right: 100px;
}
#pdf_nav {
    border-top-right-radius: 2em;
    border-top-left-radius: 2em;
    height:33px;

}
#pdf_base {
    border-bottom-right-radius: 2em;
    border-bottom-left-radius: 2em;
    height:33px;
}
.videoFrame, .videoColumn {
    min-width:400px;
    float:left;
    padding:10px;
}
.videoColumn {
    min-width:400px;
    padding 10px;
}
fieldset {
    display: table;
}
fieldset p {
    display: table-row;
}
fieldset input, 
fieldset span, 
fieldset label {
    display: table-cell;
    vertical-align:middle;
    margin: 1px;
}
fieldset label {
    text-align: right;
}
fieldset h1, fieldset h2 {
    display: table-row;

    /* -webkit-column-span: all;*/ /* Chrome, Safari, Opera */
    /* column-span: all; */
}
.required_formlabel {
   font-weight:bold; 
}
.required_formlabel:after {
    color:red;
     content:'*'; 
}
.optional_formlabel:after {
     content:':'; 
}
.sub_note {
    color: black;
    font-size: smaller;
}
/* Absolute Center Spinner */

.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 200px;
  left: 25%;
  bottom: 0;
  right: 0;
}


/* Transparent Overlay */

.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}


/* :not(:required) hides these rules from IE9 and below */

.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}


/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}