/* Start of CMSMS style sheet 'gms-bp' */
/* 
    Document   : gms.css
    Created on : Feb 1, 2010, 3:47:41 PM
    Author     : mmazanec
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body {
  background:url("../images/bokeh-background.jpg") no-repeat scroll center top #E8E4E2 !important;
  background-attachment: fixed !important;
  /*font-family:Helvetica,verdana;*/
  display:block;
}

/*
@font-face {
  font-family:"MuseoSans";
  src: url(/fonts/MuseoSans_500.otf) format("opentype");
}
*/

a {
  color:#fff;
}

input[type=submit],input[type=reset] {
  border: 1px solid #92A5B7;
  background-color: #ddd;
}

#hidden_wrapper {
}

#menu_wrapper {
  background-color: #181b1e;
}

#menu_bar h1 {
  color:#fff;
  font-size: 1.5em;
  line-height:50px;
  margin:0;
  padding:0;
  font-family:Arial,Helvetica,sans-serif;
}

#menu_bar h1 a {
  color:#fff;
  text-decoration:none;
}


#menu_bar h1 a:hover {
  color:#fff;
  text-decoration:none;
}

#menu_bar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float:right;
}

#menu_bar ul li{  
 display: inline;
}

#menu_bar ul li a { 
  display: block;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 50px;
  color: #fff;
  text-decoration: none;
  margin: 0;
  padding: 0 30px;
  float:left;
  font-family:Arial,Helvetica,sans-serif;
}

#menu_bar ul li a:hover, #menu_bar ul li a.active {
  text-decoration: none;
  background: #333;
}

.menu_a {
  background:none repeat scroll 0 0 #333333;
  text-decoration:none;
}

#header #logo{
  color: #fff;
  text-align:left;
  margin:10px 0px 10px 0px;
}

#header #logo h1 {
  font-size:2.5em;
  color: #fff;
}

#content_wrapper {
  margin-top:1em;
}

#content-bar {
  margin-bottom:10px;
}


#breadcrumbs, search {
  padding:5px 0px 5px 0px;
}


#breadcrumbs a {
  text-decoration:none;
}

#search .search-input, #content_body .search-input {
  border:1px solid #92A5B7;
  background: #55606A;
  color:#fff;
}

#search .search-button, #search .search-input {
margin:5px 2px;

}


#pagetitle {
  color:#fff;
  font-size:3em;
  font-family:inherit;
  margin-top:1em;
}


/* Set opacity and corners for content and nav */
#content-box, #nav-box, #content-bar{
  text-align:left;
  color: #fff;
  opacity:0.95;
  /* for IE */
  filter:alpha(opacity=95);
  background-color: #262a34;
  /* Gecko rounded corners */
  -moz-border-radius:3px 3px 3px 3px;
  /* Webkit Rounded corners */
  border-bottom-left-radius: 3px 3px;
  border-bottom-right-radius: 3px 3px;
  border-top-left-radius: 3px 3px;
  border-top-right-radius: 3px 3px;  
}

#content_body, #nav_body{
  padding:10px;
  opacity:1.0;
  /* for IE */
  filter:alpha(opacity=100);
  font-size:1.2em;
}

#content_body a, #nav_body a {
  /*color:inherit !important;*/
}

#content_body a:hover {
  color:#fff;
}

#content_body h1, #nav_body h1 {
  color:#fff;
  font-size:2em;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:bold;
}

#content_body h2, #nav_body h2 {
  color:#fff;
  font-size:1.5em;
  font-family:Arial,Helvetica,sans-serif;
  padding-top:0.5em;
  margin-bottom:0px;
  font-weigt:normal
}

#content_body h3, #nav_body h3 {
  color:#fff;
  font-size:1.25em;
  font-family:Arial,Helvetica,sans-serif;
  padding-top:0.4em;
  margin-bottom:0px;
}

#nav_body h1 {
  font-size:1.25em;
  font-weight:bold;
  padding:0;
  margin-top:.3em;
}

#nav_body ul {
  list-type-style:none;
}

#nav_body a {
  text-decoration:none;
}

#nav_body a:hover {
  text-decoration:underline;
}

#related ul, #tools ul{
  list-style-type:none;
  padding-left:0px;
}

#related ul li a, #tools ul li a {
  text-decoration:none;
}

#related ul li a:hover, #tools ul li a:hover {
  text-decoration:underline;
}

#footer_wrapper {
  margin-top:10px;
  width:100%;
  background-color: #181b1e;
  height:100%;
  color:#fff;
  /* min-height: 490px; */
  border-top:1px solid #60656A;
  /* #0C0E0F*/ ;
  /*#60656A;*/
}

#footer_wrapper a {
  color:#fff;
  text-decoration:none;
}


#footer {
  color:#fff;
  padding-top:10px;
}

#footer_wrapper h1 {
  color:#fff;
  font-weight:bold;
  font-style:italic;
  font-size:2em;
  font-family:Arial,Helvetica,sans-serif;
}


#footer_connect input.gms-text {
  background-color: white;
  border: 1px solid #BBB;
  color: #000;
  cursor: auto;
  display: inline-block;
  font-family: Arial;
  font-size: 13px;
  font-style: normal;
  margin-bottom: 6px 0 6px 0;
  padding: 5px;
}

#footer_connect {
}

#footer_connect .gms-textarea {
  background-color: white;
  border: 1px solid #BBB;
  color: #000;
  cursor: auto;
  display: inline-block;
  font-family: Arial;
  font-size: 13px;
  font-style: normal;
  margin-bottom: 6px 0 6px 0;
  padding: 5px;
  width: 90%;
  height:inherit;
}

#footer_connect select {
  border: 1px solid #BBB;
  font-family: Arial;
  font-size: 13px;
  font-style: normal;
  margin-bottom: 6px 0 6px 0;
  /*padding: 5px;*/
}

#footer_connect button {
  float: right;
  margin-right: 12px;
}

.footer_menu1 {
  color:#fff;
  font-size:1.5em;
  font-family:inherit;
  padding-top:0.5em;
  margin-left: 0px;
  padding-left: 0px;
  list-style-type: none;
}

.footer_menu2 {
  color:#fff;
  font-size:0.6em;
  font-style: italic;
  font-family:inherit;
  padding-top:0.5em;
  margin-left: 0px;
  padding-left: 0px;
  list-style-type:none;
  font-size:.65em;
}

.footer_menu2 ul {
  
}

.footer_menu2 ul li {
  font-weight:inherit;
  font-style:inherit;
  padding-top:2px;
}


.footer_menu2 ul li a:hover {
  text-decoration:underline;
}

#bottom {
   margin-left: auto;
   margin-right: auto;
}

#bottom ul li {
  display: inline;
  list-style-type: none;
  margin: 0 2em 0 2em;
}

/* HIDDEN DIV PANEL - CONTENT INSIDE */
.hidden {
  color: #fff;
  position: absolute; /* relative = slider; absolute = overlay */
  height: 240px;
  z-index:100;
  overflow: hidden;
  margin-top: -1px;
  margin-left:160px;
}

.hidden_box {
  background: #333;
  display:block;
  color:#fff;
  height:240px;
}

.hidden-div-left{
  color:#fff;
}

.hidden-div-left h1 {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 2em;
  font-weight:bold;
  color:#fff;
}

.hidden-div-left p {
  font-family: inherit;
  font-size: 1.2em;
  font-weight:normal;
  color:#fff;
}

.hidden-div-right {
  color:#fff;
}

.hidden-div-right h1{
  font-family: inherit;
  font-size: 1.25em;
  font-weight:bold;
  color:#fff;
  magin:0;
  padding:0;
}

.hidden-div-right ul {
  margin: 5px 0 0 0;
  padding: 10px;
  list-style: none;
  background: #333;
  overflow: hidden;
}

.hidden-div-right ul li a {
  display: block;
  font-size: 1.0em;
  line-height: 0.8em;
  color: #fff;
  text-decoration: none;
  margin: 0;
  padding: 5px 0;
  font-weight:bold;
}

.hidden-div-right ul li a:hover, .hidden-div-right ul li a.active {
  color: #aaa;
  text-decoration: none;
}

/* FILE Link Selectors */
#content_body a[href $='.pdf'], a[href $='.PDF'] {
    padding-right: 18px;
    background: transparent url(/images/icons/icon_pdf.gif) no-repeat center right;
}

#content_body a[href $='.doc'], a[href $='.DOC']  {
    padding-right: 18px;
    background: transparent url(/images/icons/icon_doc.gif) no-repeat center right;
}

#content_body a[href $='.xls'], a[href $='.XLS']  {
    padding-right: 18px;
    background: transparent url(/images/icons/icon_xls.gif) no-repeat center right;
}

#content_body a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(/images/icons/icon_mailto.gif) no-repeat center right;
}

a.white {
  color:#fff !important;
}

#content_body table thead th {
  background-color:inherit;
  border-bottom: 1px solid #5D6780;
  padding-bottom: 2px;
}

.zebra {
  background-color:#5D6780;
}

#stepcommands {
  padding-bottom:10px;
  padding-top: 10px;
}

a.prev, a.next { border:1px solid #8dea32;background-color:#7BA339; padding:5px 10px; color:#fff; text-decoration:none; font-weight:bold;}
a.prev:hover, a.next:hover {border:1px solid #f69e73; background-color:#EB6323;  text-decoration:none; color:#fff; font-weight:bold;}
a.prev { float:left;}
a.next { float:right;}

/* Progress Indicator Classes */
.progress {
  font-weight:bold;
  font-size:.8em;
  margin: 5px 0px 5px 0px;
  line-height:20px;
}

.progress a {
  text-decoration:none;
  
}

.progress a:hover {
  text-decoration:underline;
}

.progress img {
  vertical-align:middle;
  margin-right:2px;
  margin-left:7px;
}

.progress a.progress-complete, .progress a.progress-complete:hover {
  color:#61b70c !important;
}

.progress span.progress-complete {
  color:#61b70c !important;
}

.progress a.progress-current, .progress a.progress-current:hover {
  color:#ec6623 !important;
}

.progress span.progress-current {
  color:#ec6623 !important;
}

.progress a.progress-incomplete, .progress a.progress-incomplete:hover {
  color:#888888 !important;
}

.progress span.progress-incomplete {
  color:#888888 !important;
}

/* For quotes dynamically pulled from content blocks */
.pulled-quote {
  float: right;
  background-color: rgb(79, 87, 106);
  display: block;
  color: #eee;
  padding: 20px;
  font-size: 1.5em;
  font-style: italic;
  margin: 0pt 0pt 20px 20px;
  width: 200px;
}

div#form_row {
   clear: both;
}

div#form_row span.label {
   float: left;
   width: 25%;
   text-align: right;
}

div#form_row span.form_field {
   float: right;
   width: 74%;
   text-align: left;
}

div#form_wide_row {
   clear: both;
}

div#form_wide_row span.label {
   float: left;
   width: 50%;
   text-align: right;
}
div#form_wide_row span.form_field {
   float: right;
   width: 49%;
   text-align: left;
}

div#form_right_row {
   clear: both;
}

div#form_right_row span.label {
   float: left;
   width: 74%;
   text-align: left;
}

div#form_right_row span.form_field {
   float: right;
   width: 25%;
   text-align: right;
}

.imgteaser {
	margin: 0 auto 15px auto;
	overflow: hidden;
	/*float: left;*/
	position: relative;
        display:block;
        width:430px;
}

.imgteaser a {
	text-decoration: none;
	float: left;
}

.imgteaser a:hover {
	cursor: pointer;
}

.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 10px;
	background: #fff;
	border: 1px solid #ddd;
}

.imgteaser a .more {
	 position: absolute; 
	 right: 20px; 
	 bottom: 12px; 
	font-size: 1.2em;
	color: #fff;
	background: #000;
	padding-bottom: 5px;
        padding-right:10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}

.imgteaser a:hover .desc{
	display: block;
	font-size: 1.2em;
	padding: 10px 0;
	background: #111;
	filter:alpha(opacity=85);
	opacity:.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 11px;
	left: 11px;
	padding-top: 10px;
	margin: 0;
	width: 400px;
	border-top: 1px solid #999;
}
.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.2em;
}

.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}

/* End of 'gms-bp' */