/*
* MPA3 Layout styles
*/


/* #header and top row
================================================== */
/* Special Rules for Mobile */
@media only screen and (max-width: 480px) {
#mobile {display:block}
#desktop {display:none}
}
/* Special Rules for Tablets */
@media only screen and (min-width: 481px) {
#mobile {display:none}
}
/* Special Rules for Desktops */
@media only screen and (min-width: 1024px) {
#mobile {display:none}
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: 0;
  margin-left: 0;
}
#logo {
	position:absolute;
	left:10px;
	top:0;
	display:block;
	height:100px;
	width:311px;
	text-indent:-9999px;
    background:url(../images/logo.jpg) center center no-repeat;
    background-size: contain;
}
h1#logo {}
#logo a {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    color: transparent;
    text-indent: -100px;
}
#signin_box {
	position: absolute;
	display:block;
	top: 0px;
	width:auto;
	z-index: 100;
	/*width: 300px;*/
    right: 0;
}
#mtitlein {
	display:block;
	float:right;
	width:auto;
	padding:0;
	margin:0;
	color:#444;
	font-size:16px;
}
#mtitlein input {
	float: left;
	width: auto !important;
	margin: 0;
	padding-left: 18px;
	padding-right: 18px;
	min-width: 0;
	max-width: 110px !important;
	box-sizing: border-box;
}
#mtitlein input#user {
	border-right: 0;
	-webkit-border-top-right-radius: 1px;
	-webkit-border-bottom-right-radius: 1px;
	-moz-border-radius-topright: 1px;
	-moz-border-radius-bottomright: 1px;
	border-top-right-radius: 1px;
	border-bottom-right-radius: 1px;
	height: 35px;
}
#mtitlein input#pass {
	border-right: 0;
	border-left: 1px solid #bfc3b7;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	height: 35px;
}
#mtitlein input[type="submit"]#login {
	border-left: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;}

#mtitlein .signup {
    float: right;
    font-size: 12px;
}
/* bgbox
================================================== */

.bgbox {
	position:relative;
	display:block;
	/*padding:37px 37px 37px 47px;*/
	padding-top: 50px;
	padding-left: 8px;
	height:auto;
	/*border:#dedede 1px solid;*/
	margin-bottom:20px;
	background: #fff;
}
#ncc.bgbox {padding-top: 15px;}
.bgbox h3 {
	display:block;
	margin:0 0 33px;
	color: #2e2e2e;
	font-size: 24px;
	font-weight: 300;
	text-shadow: 0 1px rgba(255, 255, 255, .63);
}
.bgbox h4 {
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 10px;
	color: #222;
}
.bgbox label {float: none;}

.bgbox label + h4 {margin-top: 5px;}
.bgbox label.half + label.half {margin-top: 18px;}
.bgbox label.plusheight {height: 94px;}
.plusheight .smalltext {margin-top: 2px;}

.container .bgbox .one3.column { width: 300px; margin-right: 20px; margin-left: 20px; margin-bottom: 20px;  margin-top: 20px; }
.container .bgbox .one3.column:nth-child(3) {width: 265px; margin-right:0;}
.container .bgbox #pmethods .one3.column:nth-child(3) {width: 300px; margin-right: 18px;}
.container .bgbox .one3.column:last-child {width: 265px; margin-right:0;}
.container .bgbox .two3.column { width: 618px; margin-right: 18px; }
.container .bgbox .two3.short.column { width: 574px; }
.container .bgbox .one3.column.offset2 { margin-left: 636px; }

.container .bgbox .one3.column #pmethods {
	margin-left: -318px; margin-right: -283px; margin-top: 20px;
}

.bgbox label {
	width:270px;
	height:70px;
	margin-right:20px;
}
.bgbox input {
	width: 240px;
}
.bgbox input[type="submit"] {margin-bottom: 0; margin-top: 23px;}
.bgbox .ui-multiselect {
	width:240px !important;
}
.bgbox .ui-multiselect-menu label {
	height:auto;
}
.bgbox label.half {
	width:98px;
}
.bgbox label.half input[type="text"],
.bgbox label.half input[type="password"],
.bgbox label.half input[type="email"] {
	width:80px;
}

/* #Form
================================================== */

/* radio group */
fieldset.checkergroup_cn {
	margin:20px 0 !important;
	width:auto;
	float: none;
}
fieldset.checkergroup_cn label {
	float: left;
	width: auto;
	height: auto;
}
fieldset.checkergroup_cn input[type="radio"] {width: 20px;}

/* Classes */

.right {text-align:right;}
.left {text-align:left;}
.flleft {float:left;}
.flright {float:right;}

.smalltext {
	display:block;
	clear:both;
	margin-top:8px;
	font-size:11px;
	line-height:12px !important;
	max-width:450px;
	color:#8ca740;
}
.smalltext.fullwd {max-width:96%;}
.fullwd {width:96% !important;}
.mt20 {margin-top:20px !important;}
.mt0 {margin-top:0 !important;}
.mt10 {margin-top:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb0 {margin-bottom:0 !important;}
.ml0 {margin-left:0 !important;}

input.inp3 {
	width:26px !important;
	display:inline-block !important;
	margin:0 8px !important;
}

/* #Messages
================================================== */

.note {font-style:italic;}
.note2 {color:#ff6600; margin-bottom:10px; display:block;}
.inote {color:#ff2a1c; font-style:italic;}

.error {color:#ff0000; font-style:italic;}


/* #Media Queries
================================================== */

/* iPad Portrait/Browser */
@media only screen and (min-width: 768px) and (max-width: 987px) {
	.container .bgbox .one3.column #pmethods {
		margin-left: -318px; margin-right: 0; margin-top: 20px;
	}
	.container .bgbox .one3.column:nth-child(3) {width: 300px; margin-right:18px;}
	.container .bgbox .one3.column.offset2 { margin-left: 318px; }
	#pmethods div div {margin-bottom: 10px;}

}

/* Mobile/Browser */
@media only screen and (max-width: 767px) {
	body {
		background-position: 0 -16px;
	}
	#mtitle {display: none;}
	.container .bgbox .one3.column #pmethods {
		margin-left: 0; margin-right: 0; margin-top: 20px;
	}
	.container .bgbox .one3.column.offset2 { margin-left: 0; }
}
/* Mobile Landscape/Browser */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}


header nav {
    /*float:right;
    margin-top:64px;
    margin-left:180px;*/
    width:auto;
    z-index: 100;

    position: absolute;
    bottom: 10px;
    right: 0;
}

header nav ul { margin: 0px !important; }
header nav ul li {
    display:block;
    float:left;
    margin-bottom: 0px;
}
header nav ul li a {
    color:#4a4e53;
    text-decoration:none;
    text-transform:uppercase;
    font-weight: bold;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    display: block;
}

header nav ul li a.active {
    text-decoration: underline;
}

header nav ul li:last-child a {
    padding-right: 0px;
}