﻿/*
	Todd Motto Labs
	URL: www.toddmotto.com
*/

/*------------------------------------*\
    RESET
\*------------------------------------*/

/**,
*:after,
*:before {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}*/
/*body {
	font:400 13px/1.4 'Helvetica Neue', Helvetica, Arial;
	background:#ECF0F1;
}
p {
	margin:0 0 10px;
}*/

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.wrapper {
	max-width:1280px;
	margin:0 auto;
}
.header {
	/*padding:15px 25px;
	background:#2d82bb; 
	border-left:5px solid #000;
	overflow:hidden;*/
}
/*------------------------------------*\
    jBar
\*------------------------------------*/
@font-face {
    font-family: 'ralewayregular';
    src: url('/Style Library/fonts/Raleway/raleway-regular-webfont.eot');
    src: url('/Style Library/fonts/Raleway/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Style Library/fonts/Raleway/raleway-regular-webfont.woff') format('woff'),
         url('/Style Library/fonts/Raleway/raleway-regular-webfont.ttf') format('truetype'),
         url('/Style Library/fonts/Raleway/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


.jbar {
	/*font-family:inherit; /* inherit your fonts */
	font-family:'ralewayregular', Arial, Helvetica, sans-serif;
	background: #e1e1e1; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cacaca 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cacaca)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cacaca 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#cacaca 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cacaca 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#cacaca 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cacaca',GradientType=0 ); /* IE6-9 */
	/*border-bottom:1px solid #013765;*/
	position:fixed;
	top:0;
	left:0;
	z-index:998; /* set high to avoid possible existing z-indexes */
	width:100%;
	color: #dadada;
	/*font-size:2px;*/
	/*color: #2d82bb;*/
}
.jbar,
.jbar-push {
	display:none;
	transition:margin-top .25s linear;
	-webkit-transition:margin-top .25s linear;
	-moz-transition:margin-top .25s linear;
	height:55px;
}
.jbar-wrap {
	/*padding:0 25px;*/
	/*text-align:left;*/
	text-align:center;
	width:900px;
	margin:0 auto;
}
.jbar p {
	font-family:'ralewayregular', Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 16px;
  text-align:right;
  position:relative;
  top:-21px;
  left:105px;
}
.jbar p, .jbar-button {
  /*color: rgb(153, 153, 153);*/
  color: rgb(118, 118, 118);
  display: inline-block;
	font-family:'ralewayregular', Arial, Helvetica, sans-serif;
  width: 580px;
  zoom: 1;
}
.jbar a {
	color:#dadada;
	padding:0px;
	margin:0px;
	}
/*a.jbar-button {
	color:#fff !important;
	display:inline-block;
}*/
.jbar-button {
	/*background:#013765;*/
	/*text-decoration:none;
	margin:0 10px;
	padding:5px 15px;*/
	/*border-radius:3px;*/
	/*-webkit-border-radius:3px;*/
	/*-moz-border-radius:3px;*/
	/*border:1px solid #fff;*/
	width:auto;
	max-width:100%;
	/*behavior:url(../Pages/PIE.htc);*/
}
/*.jbar-button:hover {
	background:#0099cc;
	color: #fff;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid #fff;
	text-decoration:none;
	width: 100px;
  height: 60px;
  max-width:100%;
	behavior:url(../Pages/PIE.htc);
}*/
.jbar-up-toggle {
	position:absolute;
	top:0;
	right:0px;
	display:block;
	padding:10px;
}
.jbar-down-toggle {
	visibility:hidden;
	position:fixed;
	top:0;
	right:0px;
	z-index:999;
	display:block;
	padding:10px;
	background:#ccc;
	/*background:#ccc;*/
	/*border:1px solid #FFF;*/ 
	border-top:none;
	border-radius:0 0 4px 4px;
	box-shadow:0 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.3);
	transition:margin-top .15s linear;
	-webkit-transition:margin-top .15s linear;
	-moz-transition:margin-top .15s linear;
}
.jbar-up-arrow {
	width:21px;
	height:23px;
	/*background: url(../images/up-arrow2.png)no-repeat center center;*/
	cursor: pointer;		
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAMAAABBexbDAAAADFBMVEXu7u5JSUkAAAAAAABdVQ4zAAAABHRSTlOGfRIAX3wErQAAADtJREFUeNrNzrENACAMA8EH9t8ZKXrjFXDlXONwzEohsEMEdojAI4QSQgmhhFBCKDHxYjKLyvQfBPrbBQBhAvZmanT9AAAAAElFTkSuQmCC) no-repeat center center;
	margin-top: 15px;
	margin-right: 10px;
}
.jbar-down-arrow {
	width:21px;
	height:23px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAXCAMAAADTAfSvAAAAnFBMVEWgoKD///8PDw8RERH///+cnJyfn58rKyv///////////8mJib///////+ampr///+FhYX///////////////+Dg4P///////+Li4sGBgb///////////8hISGOjo7///////////+WlpaRkZH///////8vLy////////////////////8XFxf///8cHBz///8MDAwAAAAAAAAAAABgXTkEAAAANHRSTlNWJmUsKVVVMBsYOS8XGlMBSQUfMzVIBANLKjI4HS5NNx4vUE8tJDE6IzQrNiwhLQIrYSkAN4qAdAAAAIRJREFUeNrdz0UWwzAQA9ApMyVlprATt9b979bWjuH5CNVu/mYkgsxbR521Cp2/0qj5G2pUzaaSKuElzglRl3mYjAlodFou9pKB/NaeviyOhhNIneV3w6dDXzfjz0fN1eVo+/LbeSexuLor+H77RVaUcBWbbC5YptAq1stVmMJXLAKD+AAYmVm/0d4W0wAAAABJRU5ErkJggg==) no-repeat center center;
}
}

@media only screen and (max-width: 320px) {
jbar,
.jbar-push {
	display:none;
	transition:margin-top .25s linear;
	-webkit-transition:margin-top .25s linear;
	-moz-transition:margin-top .25s linear;
}
.jbar-up-arrow {
	width:21px;
	height:23px;
	cursor: pointer;		
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAMAAABBexbDAAAADFBMVEXu7u5JSUkAAAAAAABdVQ4zAAAABHRSTlOGfRIAX3wErQAAADtJREFUeNrNzrENACAMA8EH9t8ZKXrjFXDlXONwzEohsEMEdojAI4QSQgmhhFBCKDHxYjKLyvQfBPrbBQBhAvZmanT9AAAAAElFTkSuQmCC) no-repeat center center;
	margin-top: 15px;
	margin-right: 10px;
	display:none;
}
.jbar-down-arrow {
	width:21px;
	height:23px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAXCAMAAADTAfSvAAAAnFBMVEWgoKD///8PDw8RERH///+cnJyfn58rKyv///////////8mJib///////+ampr///+FhYX///////////////+Dg4P///////+Li4sGBgb///////////8hISGOjo7///////////+WlpaRkZH///////8vLy////////////////////8XFxf///8cHBz///8MDAwAAAAAAAAAAABgXTkEAAAANHRSTlNWJmUsKVVVMBsYOS8XGlMBSQUfMzVIBANLKjI4HS5NNx4vUE8tJDE6IzQrNiwhLQIrYSkAN4qAdAAAAIRJREFUeNrdz0UWwzAQA9ApMyVlprATt9b979bWjuH5CNVu/mYkgsxbR521Cp2/0qj5G2pUzaaSKuElzglRl3mYjAlodFou9pKB/NaeviyOhhNIneV3w6dDXzfjz0fN1eVo+/LbeSexuLor+H77RVaUcBWbbC5YptAq1stVmMJXLAKD+AAYmVm/0d4W0wAAAABJRU5ErkJggg==) no-repeat center center;
	display:none;
}

.jbar-wrap {
  margin: 0 auto;
  text-align: left;
  max-width:320px;
}

.jbar-down-toggle {
  visibility: none;
  position: fixed;
  top: 0;
  right: 50px;
  z-index: 999;
  display: block;
  padding: 10px 10px 5px;
  background: #ccc;
  border: 1px solid #FFF;
  border-top: none;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
  transition: margin-top .15s linear;
  -webkit-transition: margin-top .15s linear;
  -moz-transition: margin-top .15s linear;
}
.jbar-button {
  /* background: #013765; */
  /* text-decoration: none; */
   margin:0;
	padding:0px 5px 10px 5px;
  /* border-radius: 3px; */
  /* -webkit-border-radius: 3px; */
  /* -moz-border-radius: 3px; */
  /* border: 1px solid #fff; */
  width: 85px;
  height: 40px;
}
.jbar a {
  color: #dadada;
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.jbar p {
  margin-top: 20px;
  margin-left: 5px;
  padding: 0;
  font-size: 12px;
  text-align: left;

}
}

/*@media only screen and (max-width: 360px) {
.jbar,
.jbar-push {
	display:none;
	transition:margin-top .25s linear;
	-webkit-transition:margin-top .25s linear;
	-moz-transition:margin-top .25s linear;
}
.jbar-up-arrow {
  display: none;
}
.jbar-down-arrow {
	display:none;
}
.jbar-wrap {
 	margin: 0 auto;
  margin: 8px 0;
  text-align: left;
  max-width:320px;
}

.jbar-down-toggle {
  visibility: none;
  position: fixed;
  top: 0;
  right: 65px;
  z-index: 999;
  display: block;
  display: none; 
  padding: 10px 10px 5px;
  background: #ccc;
  border-top: none;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
  transition: margin-top .15s linear;
  -webkit-transition: margin-top .15s linear;
  -moz-transition: margin-top .15s linear;
}
.jbar-button {
   margin:0 5px;
	padding:5px 5px 10px 5px !important;
   width: 80px;
  height: 55px;
}
.jbar a {
  color: #dadada;
  padding: 0px;
  margin: -7px;
}
.jbar p {
  margin-top: 20px;
  padding: 0;
  font-size: 14px;
  text-align: left;
}
}*/

@media only screen and (max-width: 736px) {
.jbar,
.jbar-push {
	display:none;
	transition:margin-top .25s linear;
	-webkit-transition:margin-top .25s linear;
	-moz-transition:margin-top .25s linear;
}
jbar-wrap {
  padding: 0;
  /*margin: 8px 0;*/
  text-align: left;
  /*max-width:320px;*/
  /*margin: 0 auto;*/
}

.jbar-button {
	/*background:#013765;*/
	/*text-decoration:none;*/
	margin:0 5px;
	padding:0px 5px 10px 5px;
	/*padding:5px 5px 10px 5px !important;*/
	/*border-radius:3px;*/
	/*-webkit-border-radius:3px;*/
	/*-moz-border-radius:3px;*/
	/*border:1px solid #fff;*/
	width: 100px;
   height: 40px;
   max-width:100%;
	behavior:url(../Pages/PIE.htc);
}
.jbar-up-arrow {
	display:none;
}
.jbar-down-arrow {
	display:none;
}
.jbar a {
  color: #dadada;
  padding: 0px;
  margin: -7px;
}
.jbar p {
 margin-top: 15px;
  margin-left: 22px;
  padding: 0px;
  font-size: 12px;
  text-align: left;
  float: left;
  width: 85px;
  line-height: 1;
}

}


@media only screen and (max-width: 768px) {
.jbar p{
  /*color: rgb(153, 153, 153);*/
   color: rgb(118, 118, 118);
  display: inline-block;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 16px;
  width: 350px; 
  text-align:left;
  padding-left:5px;
}
.jbar-up-arrow {
	/*display:none;*/
}
.jbar-down-arrow {
	/*display:none;*/
}
.jbar-down-toggle {
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 200px;
  z-index: 999;
  display: block;
  padding: 10px;
  background: #ccc;
  border-top: none;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
  transition: margin-top .15s linear;
  -webkit-transition: margin-top .15s linear;
  -moz-transition: margin-top .15s linear;
}
}

/*iPhone 6 and iPhone 6+*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px){ 
.jbar,
.jbar-push {
	display:none;
	transition:margin-top .25s linear;
	-webkit-transition:margin-top .25s linear;
	-moz-transition:margin-top .25s linear;
}
.jbar-wrap {
    /*padding-left: 18px;*/
  /*margin-left: 18px;*/
  text-align: left;
  /*max-width:375px;*/
  /*margin: 0 auto;*/
}
.jbar-up-toggle {
	display:none;
}
.jbar-up-arrow {
	display:none;
}
.jbar-down-arrow {
	display:none;
}
.jbar a {
  color: #dadada;
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}
.jbar-button {
	/*background:#013765;*/
	/*text-decoration:none;*/
	 margin:0;
	padding: 5px 0px 10px 0px; 
	/*border-radius:3px;*/
	/*-webkit-border-radius:3px;*/
	/*-moz-border-radius:3px;*/
	/*border:1px solid #fff;*/
	width: 85px;
  height: 40px;
	/*behavior:url(../Pages/PIE.htc);*/
}
.jbar p {
    margin-top: 15px;
  margin-left: 8px;
  padding: 0px;
  font-size: 12px;
  text-align: left;
  width: 90px;
  line-height: 1;
}
/*.jbar p {
 margin-top: 15px;
  margin-left: 22px;
  padding: 0px;
  font-size: 12px;
  text-align: left;
  float: left;
  width: 85px;
  line-height: 1;
}*/

}

@media only screen and (max-width: 1024px) {
.jbar-down-toggle {
  visibility: hidden;
  position: fixed;
  top: 0;
  right: 210px;
  z-index: 999;
  display: block;
  padding: 10px;
  background: #ccc;
  /* background: #ccc; */
  /* border: 1px solid #FFF; */
  border-top: none;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3);
  transition: margin-top .15s linear;
  -webkit-transition: margin-top .15s linear;
  -moz-transition: margin-top .15s linear;
}
}