


/* :: Navigation: Horizontal, Vertical and Global with Site Search
------------------------------------------------------ */
.nav-bar {
	position: relative;
	z-index: 1000;
	border: 1px solid #e5e5e5;
	background: transparent;
}

/* basic list resets for navs */

.nav, .nav-item, .subnav-item {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Generic nav anchor styles */

.nav-item > a, .subnav-item > a  {	
	display: block;
	text-decoration: none;
	font-size: 22px;
	font-weight: bold;
}

/* top level nav anchors */

.nav-item > a {
	position: relative;
  	z-index: 2;
  	padding: 12px 17px;
  	line-height: 1;
}

/* css arrow for nav items with subnav */

.has-subnav-v > a:before,
.has-subnav-h > a:before {
	position: absolute;
	top: 1.4em;
	right: 15px;
	z-index: 1;
	display: inline-block;
	margin: 0;
	width: 0;
	height: 0;
	border-top: 5px solid #bbb;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: "";
}

/* Right padding on nav items for css arrow */

.has-subnav-h > a,
.has-subnav-v > a{
	padding-right: 35px;
}

/* css arrow hover */

.has-subnav-h > a:hover:before,
.has-subnav-v > a:hover:before,
.active > a:before,
.hover > a:before  {
  	z-index: 3;
  	border-top-color: #000;
}

/* 
changes color for anchors and backgrond colors on .nav-item
on hover and active states

.hover is toggled on horizontal nav items on hover
.active is toggled on clicked vertical nav items 
*/	

.hover > a,
.active > a {
	color: #000;
}

.hover,
.active,
.subnav-h {
	//background-color: #f0f0f0;
}


/* 
horizontal navigation 
--------------------*/
.nav-h:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
}

.nav-h > li {
  float: left;
  border-right: 1px solid rgba(0,0,0,.05);
}


/* 
horizontal  sub navigation 
--------------------*/
/*EDIT: Added z-index: 4; to fix horizontal nav hover coming below main navigation */
.subnav-h {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	padding: 15px 0;
	width: 250px;
	border-radius: 0 0 5px 5px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.15);
	z-index: 4;
}

.subnav-h,
.subnav-h > ul {
	margin: 0;
}

li:hover > .subnav-h {
	display: block;
}

/* second level horizontal nav anchors */

.has-subnav-h .subnav-item > a {
	padding: 8px 17px;
}

/* 
Vertical navigation 
--------------------*/

/* added 6.13.2014. needed botom margin to space all other elements placed beneath vert navs */
.nav-bar-v {
	margin-bottom: 40px;
}

.nav-v .nav-item {
	border-bottom: 1px solid #e5e5e5;
}
/*EDIT: 2/25/2014 - Added below rule to show the pointer also on the arrow. */
.nav-v .has-subnav-v {
	cursor: pointer;
}

.nav-v > li > a:hover {
	background: #f9f9f9;
}


.nav-v .active > a, 
.nav-v a:hover {
	color: #333;
}


/* 
Vertical sub navigation 
--------------------*/

.subnav-v {
	display: none;
	margin: 0 0 15px 30px;
	padding-left: 0;
}

.has-subnav-v .subnav-item a {
	padding: 3px 17px 3px 10px;
	border-bottom: 1px solid rgba(255,255,255,.5);
}

.has-subnav-v .subnav-item .subnav-item a {
	border-bottom: none;
}

.has-subnav-v .subnav-item a:hover {
	background: rgba(255,255,255,.25);
}

/* second level horizontal nav anchors */

.has-subnav-v .subnav-item > a {
	padding: 4px 17px;
}


/* 
Mega Navigation
--------------------*/

.nav-mega-container {
	padding: 15px 0;
	width: 450px;	
}

.nav-mega-container-full {
	width: 650px;
}

.nav-one-third {
	width: 33.3333333%;
	
}

.nav-one-half {
	width: 50%;
}

.nav-one-quarter {
	width: 25%;
}

.nav-column {
	float: left;
}

/* 
Global Navigation and site search
--------------------*/
.nav-global,
.site-search {
	position: absolute;
	top: 0;
	right: 0;
}

.nav-global {
	top: 15px;
	z-index: 1100;
	border: none;
}

.nav-global li {
	border-right: 0;
}
/*EDIT: 3/27/2014 - Modified the rule so that it doesn't apply to the inner child of the nav.
/*.nav-global li:last-child a {*/
.nav-global .nav-h > li:last-child > a {
	padding-right: 0;
}

.nav-global > * > * > a,  .nav-global > * > * > * > * > a {
	display: inline-block;
	padding: 0 10px;
}

.nav-global li a:hover {
	text-decoration: underline;
}

.nav-global .active, 
.nav-global .nav > li > a:hover, 
.nav-global .nav li:hover a, 
.nav-global .nav li:hover {
	background: transparent;
}

.site-search {
	top: 50px;
}

.site-search label {
	font-size: 10px;
	font-size: .71428rem;
}

.nav-global .has-subnav-h:before {
	display: none;
}

/* 
Navigation Item with content
--------------------*/

.nav-item.nav-content, 
.subnav-item.subnav-content, 
.nav-column.nav-content {
	padding: 12px 17px;
}

.nav-item.nav-content a, 
.subnav-item.subnav-content a, 
.nav-column.nav-content a {
	display: inline;
}


/*
:: Button menu
------------------------------------------------------ */
.btn-menu-group {
	position: relative;
	display: inline-block;
}

.btn-menu-wrapper {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 3px;
	width: 150px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	font-size: 12px;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	overflow: hidden;
	z-index: 1000;
}


.btn-menu,
.btn-menu li {
	margin: 0;
	padding: 0;
}

.btn-menu {
	padding: 8px 0;
}

.btn-menu li {
	list-style: none;
}

.btn-menu a {
	display: block;
	padding: 8px 10px;
	line-height: 1;
}









/*
:: iOS Fixes
-------------------------------------------------------*/



/*
:: iOS Fixes
-------------------------------------------------------*/
.input-help .error{
	color: #f00;
}



/*
:: Preloader
-------------------------------------------------------*/
.loader{
	display: inline-block;
	background: transparent url(../../images/ajax-loader.gif) 0 0 no-repeat;
	width: 32px;
	height: 32px;
}


/*
:: Form
------------------------------------------------------ */

/*
:: Highlight
------------------------------------------------------ */

.highlight {
   background: #ffff00;
}


/*
:: Default Styles
------------------------------------------------------ */



/*
:: Last Child Fix Overrides
------------------------------------------------------ */

/*.row .main-topic-container p:last-child  {
	margin-bottom: 20px;
}

.row .TitleandSubTitle h2:last-child {
	margin-bottom: 16px;
}

.row .TitleandSubTitle h3:last-child {
	margin-bottom: 15px;
}

.row .TitleandSubTitle h4:last-child {
	margin-bottom: 18px;
}

.row .TitleandSubTitle h5:last-child {
	margin-bottom: 20px;
}

.row .TitleandSubTitle h6:last-child {
	margin-bottom: 20px;
}*/

.nav-select p:last-child {
	margin-bottom: 0;
}



/*
.js-lastChild .row .main-topic-container p.fix-last-child  {
	margin-bottom: 20px;
}

.js-lastChild .row .TitleandSubTitle h2.fix-last-child {
	margin-bottom: 16px;
}

.js-lastChild .row .TitleandSubTitle h3.fix-last-child {
	margin-bottom: 15px;
}

.js-lastChild .row .TitleandSubTitle h4.fix-last-child {
	margin-bottom: 18px;
}

.js-lastChild .row .TitleandSubTitle h5.fix-last-child {
	margin-bottom: 20px;
}

.js-lastChild .row .TitleandSubTitle h6.fix-last-child {
	margin-bottom: 20px;
}*/

.js-lastChild .nav-select p.fix-last-child {
	margin-bottom: 0;
}

@media print{

}
.ajax-file-upload-statusbar {
border: 1px solid #0ba1b5;
margin-top: 10px;
width: 420px;
margin-right: 10px;
margin: 5px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 5px 5px 5px 5px
}
.ajax-file-upload-filename {
width: 100%;
height: auto;
margin: 0 5px 5px 10px;
color: #333;
}
.ajax-file-upload-progress {
margin: 0 10px 5px 10px;
position: relative;
width: 250px;
border: 1px solid #ddd;
padding: 1px;
border-radius: 3px;
display: inline-block
}
.ajax-file-upload-bar {
background-color: #0ba1b5;
width: 0;
height: 20px;
border-radius: 3px;
color:#FFFFFF;
}
.ajax-file-upload-percent {
position: absolute;
display: inline-block;
top: 3px;
left: 48%
}
.ajax-file-upload-red {
-moz-box-shadow: inset 0 39px 0 -24px #e67a73;
-webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
box-shadow: inset 0 39px 0 -24px #e67a73;
background-color: #e4685d;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
text-shadow: 0 1px 0 #b23e35;
cursor: pointer;
vertical-align: top;
margin-right:5px;
}
.ajax-file-upload-green {
background-color: #77b55a;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin: 0;
padding: 0;
display: inline-block;
color: #fff;
font-family: arial;
font-size: 13px;
font-weight: normal;
padding: 4px 15px;
text-decoration: none;
cursor: pointer;
text-shadow: 0 1px 0 #5b8a3c;
vertical-align: top;
margin-right:5px;
}
.ajax-file-upload {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
   font-weight: bold;
	padding: 15px 20px;
	cursor:pointer;	
	line-height:20px;
	height:25px;
	margin:0 10px 10px 0;
  display: inline-block;
  background: #fff;
  border: 1px solid #e8e8e8;
  color: #888;
  text-decoration: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-box-shadow: 0 2px 0 0 #e8e8e8;
  -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
  box-shadow: 0 2px 0 0 #e8e8e8; 
  padding: 6px 10px 4px 10px; 
  color: #fff;
  background: #2f8ab9;
  border: none;
  -moz-box-shadow: 0 2px 0 0 #13648d;
  -webkit-box-shadow: 0 2px 0 0 #13648d;
  box-shadow: 0 2px 0 0 #13648d; 
  vertical-align:middle;  
  }
  
.ajax-file-upload:hover {
      background: #3396c9;
      -moz-box-shadow: 0 2px 0 0 #15719f;
      -webkit-box-shadow: 0 2px 0 0 #15719f;
      box-shadow: 0 2px 0 0 #15719f;
}

.ajax-upload-dragdrop
{

	border:2px dotted #A5A5C7;
	width:100%;
	color: #999;
	text-align:left;
	vertical-align:middle;
	padding:10px 10px 10px 10px;
	margin-bottom: 15px;
	line-height: 30px;
}
