@charset "UTF-8";
* {text-decoration: none; color: #666;}

/*-------------------------------------- Reset -------------------------------------*/
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
/*-------------------------------------- Fonts --------------------------------------*/
@font-face {
    font-family: 'MuseoSlab500';
    src: url('../fonts/Museo_Slab_500-webfont.eot');
    src: url('../fonts/Museo_Slab_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Museo_Slab_500-webfont.woff') format('woff'),
         url('../fonts/Museo_Slab_500-webfont.ttf') format('truetype'),
         url('../fonts/Museo_Slab_500-webfont.svg#MuseoSlab500') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo300';
    src: url('../fonts/Museo300-Regular-webfont.eot');
    src: url('../fonts/Museo300-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Museo300-Regular-webfont.woff') format('woff'),
         url('../fonts/Museo300-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Museo300-Regular-webfont.svg#Museo300') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/open_sans/OpenSans-Regular-webfont.eot');
    src: url('../fonts/open_sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open_sans/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/open_sans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/open_sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('../fonts/open_sans/OpenSans-Italic-webfont.eot');
    src: url('../fonts/open_sans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open_sans/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/open_sans/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/open_sans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/open_sans/OpenSans-Bold-webfont.eot');
    src: url('../fonts/open_sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open_sans/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/open_sans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/open_sans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('../fonts/open_sans/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/open_sans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open_sans/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/open_sans/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/open_sans/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

/*--------------------------------------font styles--------------------------------------*/
* {font-family: 'OpenSansRegular', Geneva, Tahoma, Helvetica, sans-serif;}

h2 {font-family:'MuseoSlab500', Geneva, Tahoma, Helvetica, sans-serif; font-size: 22px; color: #333; line-height: 1em;}
h5 {font-family:'MuseoSlab500', Geneva, Tahoma, Helvetica, sans-serif; font-size: 16px; color: #333;}
p {font-family: 'OpenSansRegular', Geneva, Tahoma, Helvetica, sans-serif; font-size: 14px; line-height: 1.5em;}
b {font-family: 'OpenSansBold';}
i {font-family: 'OpenSansItalic';}


.fleft{float:left;}
.fright{float:right;}

html {background: #FFF;}
body {position: relative;}


#wrapper {
	max-width: 100%;
	position: relative !important;
	background: #FFF;
	padding-top: 10px;
	border-radius: 0 0 6px 6px;
    -webkit-transition: left .15s;
    -moz-transition: left .15s;
    -ie-transition: left .15s;
    -o-transition: left .15s;
    transition: left .15s;
}

.formErrors{
	font-size: 12px;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	color: red;
}

.formErrors li{
	padding:5px;
}

.form_error{
	font-size: 12px;
	color: red;
}


/*.modal.hide {
    top: -100%;
    position: absolute;
}
*/
.loginbutton{
    font-size:1.2em;
    padding:5px;
}


/* ----------------------------------Text Hightlight------------------------------------ */
::-moz-selection {background: rgba(255,215,0,.5); color: #333;}
::selection {background: rgba(255,215,0,.5); color: #333;}
/*---------------------------------- Navigations ---------------------------------------*/
  .container {max-width: 1400px; margin: 0 auto;}


.nav_container {max-width: 80%; margin: 0 auto;}
.main_nav {
    width: 100%;
    background: #222 url('../img/debut_darker.png');
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1001;
    height: 40px;
    -webkit-transition: left .15s;
    -moz-transition: left .15s;
    -ie-transition: left .15s;
    -o-transition: left .15s;
    transition: left .15s;
}

.logo {float: left;margin-top: 8px;}
.logo img {height: 24px;}
.nav_options_highlight{
    background: rgba(220,104,0,1);
    color: #FFF !important;
}

.nav_options {float: right;}
.nav_options li {float: left; border-left: 1px solid rgba(255,255,255,.1);border-right: 1px solid rgba(0,0,0,.5);}
.nav_options li a {
    display: block;
    line-height: 40px;
    padding: 0px 10px;
    font-family: 'MuseoSlab500', Georgia, Serif;
    font-size: .8em;
    color: #AAA;
    margin: 0 -1px;
    -webkit-transition: background .15s, color .15s;
    -moz-transition: background .15s, color .15s;
    -ms-transition: background .15s, color .15s;
    -o-transition: background .15s, color .15s;
    transition: background .15s, color .15s;
}


.nav_options li a img {height: 12px; margin-right: 8px; position: relative; top:0px;}
.nav_options li:first-child {border-left: 0;}
.nav_options li:last-child {border-right: 0;}
.nav_options li a:hover, .nav_options li a:focus {background: rgba(220,104,0,1); color: #FFF;}

.nav_options_highlight {
    color: #FFF !important;
}

.resources_list{
    display:none;
}

.resources_list li{
    float:none;
    background:black;
}

.main_content { min-height: 700px;}

.success {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('success.png');
}

/*--------------
  .main_nav .container span {margin-left: 20px; float:left;}
  .main_nav .container ul {float: right; width: 80%; margin: 20px 0;}
  .main_nav .container ul li {float: right; width: auto%; text-align: center; margin-right:3%;}
  .main_nav .container ul li a {
   text-align: center; 
   padding: 7px 12px;
   font-family: 'MuseoSlab500';
 }

 .main_nav .container ul li a:hover, .main_nav .container ul li a:focus {
   background: url('../img/debut_dark.png');
   color: #EEE;
   border-radius: 15px;
   border-top: 1px solid #888;
   border-bottom: 1px solid #333;
   box-shadow: 0px 2px 3px rgba(0,0,0,.15) inset;
   text-shadow: 0px 1px 1px rgba(0,0,0,.9);
 }
 
 .login_btn{
	background: #4D4D4D;
	position: relative;
	margin-top: -10px;
	float: right;
	width: 120px;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
    height:20px;
    padding-top:5px;
 }
 


.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}
.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }
-----------*/

/*-------------------------------------footer------------------------------------------*/

html, body {
  height: 100%;
}
#wrapper {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -40px; 
}
#wrapper:after {
  content: "";
  display: block;
}
.footer, #wrapper:after {
  /* .push must be the same height as footer */
  height: 30px; 
}
 .footer ul li {float: left; margin-right: 15px;}
 .footer .container {margin: 0 10%; width: 80%; height:30px; clear:both;}
 .footer ul {margin: 0 auto;}
 .footer { 
    padding: 6px 0; 
    width:100%; 
    background: #222 url('/static/img/debut_darker.png');
    color: #EEE;
    position:relative;
}

.footer a {
    font-family: 'MuseoSlab500', Georgia, Sans-Serif; 
    color: #CCC; 
    font-size: .85em;
    -webkit-transition: color .15s;
    -moz-transition: color .15s;
    -ms-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
}

.footer a:hover {color: rgba(220,104,0,1) ;}

.clearfooter {
height: 30px;
clear: both;
}


/*----------------mobile navi---------------------*/
#navi_btn {
	float: right; 
	display: block; 
	display: none; 
	line-height: 40px;
	font-family: 'MuseoSlab500', Sans-Serif;
	color: #CCC;
}

#navi_btn img {width: 15px; margin-right: 5px;}

#navi {
	background: #333;
	position: fixed;
	height: 100%;
	width: 0px;
	right: 0;
	overflow-x: hidden;
	transition: width .15s;
}

.navi_width {width: 250px;}

#navi.navi_width {width: 250px;}

#navi h3 {padding: 0 30px; line-height: 40px; color: #666; background: #222;font-family: 'MuseoSlab500',Sans-Serif; font-size: .8em;}

#navi li {
}

#navi li a {
	padding: 20px 30px;
	border-top: 1px solid rgba(255,255,255,.2);
	border-bottom: 1px solid rgba(0,0,0,.5);
	color: #CCC;
	font-family: 'MuseoSlab500',Sans-Serif;
	font-size: .8em;
	display: block;
	overflow-x: hidden;
	white-space: nowrap;
	transition: background .15s;
}
	
#navi li a:hover, #navi li a:focus {
	background: rgba(220,104,0,1);
	color: #FFF
}

.navi_open {left: -250px; box-shadow: 10px -10px 20px rgba(0,0,0,.3)}

#navi_outside {
		position: fixed;
		top:0;
		right: 250px;
		height: 10000px;
		width: 10000px;
		background: transparent;
		display: block;
		z-index: 999;
		display: none;
	}

#navi_outside.show_navi {display: block;}


.footer ul{list-style:none; font-size:.8em;}

/*-----------------------------Media Queries-----------------------------------*/

@media screen and (min-width: 1400px) {

}

@media screen and (max-width: 960px) {
    .nav_container {max-width: 96%; margin: 0 auto;}
    .nav_options img {display: none;}
    .nav_options li a {font-size: .7em; padding: 0 5px;}
    .nav_options {display: none;}
    #navi_btn {display: block;}
.nav { top: 30px; position:relative;}
}
@media screen and (max-width: 640px) {
    .nav_container {max-width: 96%; margin: 0 auto;}
    .nav_options img {display: none;}
    .nav_options li a {font-size: .7em; padding: 0 5px;}
    .nav_options {display: none;}
    #navi_btn {display: block;}
    .nav { top: 30px; position:relative;}
}


@media screen and (max-width: 420px) {
	.nav_container {max-width: 96%; margin: 0 auto;}
	.nav_options img {display: none;}
	.nav_options li a {font-size: .7em; padding: 0 5px;}
	.nav_options {display: none;}
	#navi_btn {display: block;}
  .nav { top: 30px; position:relative;}
}



/*-----------------------------Unsubscribe Page-----------------------------------*/

.browsedevContainer .success_message p {width:25%; margin:auto;}