img.moceanLogo { width: 88px; margin-right: 20px;}
img.pubmaticLogo { width: 150px;  }
img.pubmaticLogo2 { width: 150px; display: block; margin: 10px auto 30px auto;  }
img { border: 0; }
body { margin: 0; background-color: #fff; font-family: 'Helvetica-Light', 'Arial'; font-weight: lighter;}
h1 { font-size: 2.5em;  font-family: 'Helvetica-Light'; font-weight: lighter; display: table; margin:auto;}
p { letter-spacing: .5px; line-height: 1.2em; font-size: 1.2em; }
p.buttons { margin: 30px auto 0 auto; text-align: center; font-weight: lighter;}
#container { max-width: 720px; min-width: 420px; padding: 50px; margin: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.plus { text-align: center; display: block; }
.mainGraphic { text-align: center; display: block; margin: 20px auto 0 auto; width: 400px;}

/* Style for Forms */

input[type=checkbox] { visibility: hidden; }
#loginBox { background-color: #454545; padding: 15px 25px 25px 25px; margin: 120px auto 0 auto; width: 400px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#loginBox form { margin: auto; display: table; width: 100%;}
#emailField { width: 100%; color: #fff; font-size: .9em; clear: both;}
.label { float: left; padding-top: 16px;}
.information { float: right; padding-top: 6px;} 
input[type=text] { width:250px; padding-left: 10px; font-size: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #999; height: 25px; }
input[type=text]:active {  }
input[type=password] { width:250px; padding-left: 10px; font-size: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #999; height: 25px; }
input[type=password]:active { -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); }
#header { background-color:#000; margin 0; padding: 15px; width: 100%; height: 30px;}
#headerContainer { max-width: 720px; min-width: 420px; margin: auto;}
.phone { color: #ccc; font-size: .7em; }
#formTable { width: 320px; margin: auto;}

/* Style for Checkboxes */
.checkboxName { color: #191918; padding-left: 10px;}
.checkboxOne { width: 20px; height: 20px; border: #191918 thin solid; position: relative; border-radius: 3px; -webkit-border-radius: 3px -moz-border-radius: 3px }
.checkboxOne label { display: block; width: 320px; height: 20px; cursor: pointer; position: absolute; top: 1px; left: 2px; padding: 0; background-image: url('siteimg/check.png'); background-repeat: no-repeat; background-position: left top;  }
.checkboxOne input[type=checkbox]:checked + label { background-image: url('siteimg/check-off.png'); }
.checkboxTwoName { color: #fff; padding-left: 30px; font-size: .7em;}
.checkboxTwo { clear: both; width: 20px; height: 20px; border: #fff thin solid; position: relative; border-radius: 3px; -webkit-border-radius: 3px -moz-border-radius: 3px }
.checkboxTwo label { display: block; width: 320px; height: 20px; cursor: pointer; position: absolute; top: 1px; left: 2px; padding: 0; background-image: url('siteimg/check.png'); background-repeat: no-repeat; background-position: left top;  }
.checkboxTwo input[type=checkbox]:checked + label { background-image: url('siteimg/check-off.png'); }


#pwreset { color: #fff; font-size: .7em; margin-top: 20px; }
#pwreset a { color: #fff; }

input[type=submit] {
	font-family: 'Helvetica-Light', 'Arial'; font-weight: lighter; 
	font-weight: lighter;
	font-size: 1.3em;
	display: block;
	color: #fff;
	margin: 20px auto 0 auto;
	padding: 5px;
	width: 90%;
	background-color:#2b8ac9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-indent:0;
	border: 0px;

}

input[type=submit]:hover {
	-moz-box-shadow: 2px 2px 3px 2px #114362;
	-webkit-box-shadow: 2px 2px 3px 2px #114362;
	box-shadow: 2px 2px 3px 0px #114362;
	}



/* Style for PubMatic.com Button */

a.pubmaticButton {
	font-family: 'Helvetica-Light', 'Arial'; font-weight: lighter; 
	font-weight: lighter;
	background-color:#2b8ac9;
	-moz-box-shadow: 2px 2px 3px 2px #114362;
	-webkit-box-shadow: 2px 2px 3px 2px #114362;
	box-shadow: 2px 2px 3px 0px #114362;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-size:16px;
	font-style:normal;
	height:31px;
	line-height:31px;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 2px #528ecc;
	padding: 5px;
	margin-right: 30px;
	margin-bottom: 15px;
}.pubmaticButton:hover {
	background-color:#6cb140;
	-moz-box-shadow: 2px 2px 3px 2px #094e33;
	-webkit-box-shadow: 2px 2px 3px 2px #094e33;
	box-shadow: 2px 2px 3px 0px #094e33;
}.pubmaticButton:active {
	position:relative;
	top:1px;
}

/* Style for MobileMocean.net Button */

a.moceanButton {
	font-family: 'Helvetica-Light', 'Arial'; font-weight: lighter; ;
	font-weight: lighter;
	background-color:#2b8ac9;
	-moz-box-shadow: 2px 2px 3px 2px #114362;
	-webkit-box-shadow: 2px 2px 3px 2px #114362;
	box-shadow: 2px 2px 3px 0px #114362;
	-webkit-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-size:16px;
	font-style:normal;
	height:31px;
	line-height:31px;
	width:335px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 2px #528ecc;
	padding: 5px;
	margin-right: 30px;
}.moceanButton:hover {
	background-color:#6cb140;
	-moz-box-shadow: 2px 2px 3px 2px #094e33;
	-webkit-box-shadow: 2px 2px 3px 2px #094e33;
	box-shadow: 2px 2px 3px 0px #094e33;
}.moceanButton:active {
	position:relative;
	top:1px;
}