/*
* MPA3 Layout styles
*/


/* #header and top row
================================================== */

#logo {
    position:absolute;
    left:10px;
    top:0;
    display:block;
    height:100px;
    width:180px;
    text-indent:-9999px;
    background:url(../images/logo.png) 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;
}
#mtitle {
	position: relative;
	display:block;
	float:right;
	margin-top: 40px;
	margin-left:180px;
	margin-right: -4px;
	width:auto;
	z-index: 100;
	height: 84px;
	width: 300px;
}
#mtitlein {
	display:block;
	float:right;
	width:auto;
	padding:0;
	margin:0;
	height:50px;
	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: 18px; }
.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 .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) {

}