/**

  *

  *   My Coverage Port, Copyright 2017

  *

  **/



@font-face {

	font-family: "Myriad Pro";

	font-weight: 400;

	src: url("../fonts/MYRIADPRO-REGULAR.OTF");

}



/*

h1 span {font-size:10px;}

label {display:inline-block; width:100px;}

.mb40 {margin-bottom:40px;}

*/



/* page specific syling */

/*

#Home #Content {width:400px; height:auto; min-height:300px; background-color:#E0E0FF; padding:50px; margin:0px auto; font-size: 14px;}

#Register #Content {width:580px; height:auto; min-height:500px; background-color:#E0E0FF; padding:50px; margin:0px auto; font-size: 14px;}

*/



/*

 *  General styling / browser reset

 */

body {background-color:#FFFFFF; color: #000000;}

html * {margin:0; padding:0; box-sizing:border-box;}

html, body {height:100%; min-height:100%; margin:0;}

p {margin-bottom:1.6rem;}

 /*

html {background-color:#FFFFFF;}

ul,ol {padding-left:24px;}

p,ul,ol {margin-bottom:0.6em;}

*/







/*

 *  Typography

 *  font-family Raleway is loaded in the head

 */



* {font-family: 'San Francisco', sans-serif; font-weight:500;}

/*

body {font-size:16px; line-height:1.5;}

#Header h1 {font-size:1.8em; font-weight:500;}

#Footer p  {font-size:0.80em;}

*/





/*

 *    Structural elements

 */





/*

 *    mobile / fluid version

 */

 @media screen and (max-width:767px){

	 

	body {font-size:16px; line-height:1.5;}

	#HeaderCell {display:block; width:100%; height:auto; color:#FFFFFF; background-color:#000000/*#76323F*/;}

	#HeaderCell h1 {line-height:36px; font-size: 1.5em; line-height:2.4; text-align:center;}

	#CorpusWrapper {display:block; width:100%; height:auto; padding: 20px 10px 20px 10px;}

	#ContentBox {text-align:left; font-size:1.0em;}

	#ContentBox h2 {font-size:1.2em; color:#76323F;}

	#FooterCell {display:blck; width:100%; height:auto; padding:10px 10px 10px 10px; color:#FFFFFF; background-color:#000000/*#76323F*/;}

	#FooterCell p {text-align:center; font-size:0.8em; line-height:1.5; }

	 

 }









/*

 *    full screen version

 */



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

	

	html, body {font-size:16px; line-height:1.5;}

	#MainWrapper {position:static; display:block; width:100%; min-height:100%;}

	#HeaderWrapper {position:static; display:table; width:100%; min-height:3.0rem; height:6vh; background-color:#000000/*76323F*/;}

	#HeaderCell {position:static; display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; color:white;}

	#HeaderCell h1 {font-size:1.82rem; line-height:1.0;}

	#HeaderCell h1 span {margin-right:2.0rem;}

	#BkgdBox {width:100%; height:94vh; background-image:url('/../../img/girl-with-dog-6-658x438.jpg'); background-position:center center; background-size:cover; background-repeat:no-repeat; background-clip:border-box;}

	#CorpusWrapper {position:static; display:table; width:100%; height:87vh;}

	#CorpusCell {position:static; display:table-cell; width:100%; vertical-align:middle;}

	#ContentBox {position:static; display:block;  min-height:300px; margin-top:10px; margin-bottom:0px; padding: 30px 40px 50px 40px; background-color:#FFFFFF/*D7CEC7*/; border-radius:10px; text-align:left;}

	.home #ContentBox {float:right; margin-right:20vw; width:22rem; padding: 3.0rem 2.5rem 3.0rem 2.5rem;}

	#ContentBox .btn {font-size:1.0rem; line-height:1.4; padding: 0.375rem 0.75rem;}

	.home #ContentBox .btn {width:100%;}

	.register #ContentBox,

	.unremind #ContentBox,

	.pwdreset #ContentBox,

	.setpwd #ContentBox ,

	.confirm #ContentBox ,

	.account #ContentBox {float:right; margin-right:10vw; min-width:760px; width:46rem;}

	#ContentBox h2.title {font-size:1.6rem; line-height:1.0; color:#000000; margin-bottom:1.6rem;}

	#ContentBox h3 {font-size:1.3rem; line-height:1.5; color:#565656; margin-bottom:0.25rem;}

	#ScrollBox {width:100%; height:300px; overflow:auto; padding:10px; background-color:#ffffff; border:solid 1px #565656; border-top-left-radius:8px; border-bottom-left-radius:8px; margin-bottom:1.0rem; font-size:0.75rem;}

	.checkbox {display:inline-block; margin-right:12px;}

	p.text {font-size:0.85rem; margin-bottom:1.6rem;}

	.formWrapper {display:table; margin-bottom:1.6rem;}

	.formRow {display:table-row;}

	.formLabel {display:table-cell; padding-bottom:1.0rem; /*border:solid 1px red;*/}

	.formLabel label {height:2.0rem; line-height:2.0rem; padding-right:1.0rem;}

	.formInput input {height:2.0rem; line-height:2.0rem; box-sizing:content-box; padding-left:0.25rem; padding-right:0.25rem; border-radius:6px;}

	.formInput {display:table-cell; padding-bottom:1.0rem; /*border:solid 1px green;*/}

	.formExtras {display:table-cell; padding-left:1.0rem; /*border:solid 1px blue;*/ vertical-align:top;}

	.formRow .last {padding-bottom:0px;}

	p.buttons {text-align:center;}

	p.buttons input {margin-left:20px; margin-right:20px;}

	.formErrMsg {font-size:0.85rem; line-height:0.85rem; color:#D00000; font-weight:400;}

	.errMsg {color:#D00000; font-weight:bold;}

	.errBkgdColor {background-color:#fec7be;}

	#FooterWrapper {position:static; display:table; width:100%; min-height:20px; height:6vh;}

	#FooterCell {position:static; display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; color:#FFFFFF; background-color:transparent;/*76323F*/;}

	#FooterCell p {font-size:1.0rem; line-height:1.0; margin-bottom:0; text-shadow:1px 1px 1px #000000;}

	

}







/*

 *    common to all versions

 */



@media screen {

	

	#RegistrationProgress {width:100%; height:auto; margin-bottom:40px; border-collapse:collapse; margin-bottom:1.6rem;}

	#RegistrationProgress td {font-size:0.6875em; line-height:1.2; text-align:center; width:25%; background-color:#C09F80; color:#FFFFFF; padding:1em 10px 1em 10px; border-right:solid 1px #76327F;}

	#RegistrationProgress td:first-child {border-top-left-radius:6px; border-bottom-left-radius:6px;}

	#RegistrationProgress td:last-child {border-top-right-radius:6px; border-bottom-right-radius:6px; border-right:none;}

	

}

 

 



/*

#Container{position:static; display:block; width:100%; min-height:100%; border:solid 5px black; box-sizing:border-box;}

#MainTable{position:relative; display:block; width:100%; height:100%;  border:solid 5px pink; box-sizing:border-box; background-image:url('/../../img/clovers_500x335_q60_b0.jpg');}

#MainTableRow1,

#MainTableRow2{display:table-row;}

#Header{display:table-cell; width:100%; height:100%; border:solid 5px yellow; box-sizing:border-box;}

#Corpus{display:table-cell; width:100%; height:100%; border:solid 5px blue; box-sizing:border-box;}

*/

/*

 body {background-color:#FFFFFF;}

 #Wrapper {display:block; width:100%; height:90%; position:absolute; top:0; box-sizing:border-box; background-color:#FFFFFF; background-image:url('/img/clovers_500x335_q60_b0.jpg'); background-position:top center; background-size:cover; background-repeat:no-repeat; background-clip:border-box; padding:0; border:none;}

 #Header {display:table; width:100%; height:10%; position:static; box-sizing:border-box; background-color:#565656; opacity:0.8;}

 #Header h1 {display:table-cell; vertical-align:middle; text-align:center; color:#FFFFFF;}

 #OuterContainer {display:table; width:100%; height:90%; box-sizing:border-box; border: none;}

 #InnerContainer {display:table-cell; width:100%; height:100%; box-sizing:border-box; vertical-align:middle; border:none;}

 #Footer {display:table; width:100%; height:9.99%; position:absolute; top:90%; box-sizing:border-box; background-color:#76323F; padding:0; border:none; color:#FFFFFF;}

 #Footer p {display:table-cell; vertical-align:middle; text-align:center;}

 */

 

 /*

  *    buttons

  */

  

.btn {display: inline-block; padding:6px 12px; margin-bottom:0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius: 4px;}

.btn-success {color:#fff; background-color:#5cb85c; border-color:#4cae4c;}

  

.temptable {margin-bottom: 30px; border-collapse:separate;}

.temptable td {padding-bottom:10px;}







/*

 *    utility styling

 */

 

.mb40 {margin-bottom:40px;}

.mb30 {margin-bottom:30px;}

.mb20 {margin-bottom:20px;}

.mb0   {margin-bottom:0px;}

.mb10r {margin-bottom:1.0rem;}

.mb12r {margin-bottom:1.2rem;}

.mb14r {margin-bottom:1.4rem;}

.mb16r {margin-bottom:1.6rem;}

.mb18r {margin-bottom:1.8rem;}

.mb20r {margin-bottom:2.0rem;}