/* Default CSS for Preference Center */

body{
	margin:0;
	padding:40px 0px 0px 0px;
	background: #fff;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:170%;
}
img{ border:0; }
p, ul, ol{ margin:0px 0px 20px 0px; padding:0px; }
ul, ol{ padding-left:20px; }
ul li, ol li{ margin-bottom:10px; }
a{ color:#007CC2; text-decoration:none; }
a:hover{ text-decoration:underline; }
h1,h2,h3,h4,h5,h6{
	position:relative;
	padding:0;
	margin:0px 0px 20px 0px;
	font-weight:bold;
	line-height:120%;
}
h1{ font-size:36px; }
h2{ font-size:24px; margin-bottom:14px; }
h3{ font-size:18px; }

.container{ position:relative; width:960px; margin:0px auto; }
.box{ display:block; position:relative; margin-bottom:20px; }
.clear{ clear:both; }
.center{ text-align:center; }
.right{ text-align:right; }
.float_margin{ margin-right:2%; }
.half_col{ position:relative; width:49%; float:left; }
.graybox{ background:#eee; padding:20px 120px; }
.grayboxNew{ background:#eee; padding:20px 20px; }
.alert {
  background-color: #FCF8E3;
  border: 1px solid #FBEED5;
  color: #C09853;
  margin-bottom: 20px;
  padding: 10px 20px;
}
.success{ background-color:#DFF0D8; border:1px solid #D6E9C6; color:#468847; }
.fail{ background-color:#F2DEDE; border:1px solid #EED3D7; color:#B94A48; }

input#email{
	border: 1px solid #ccc;
	font-size: 13px;
	font-weight: normal;
	padding: 5px;
	width:40%;
}
input[type="button"], input[type="submit"], a.btn {
	background-color: #007CC2;
	border:0;
	color: #FFFFFF;
	cursor: pointer;
	font-family: 'Open Sans',sans-serif !important;
	font-size: 13px;
	font-weight: normal;
	padding: 6px 12px;
	text-decoration: none;
}
input[type="button"]:hover, input[type="submit"]:hover, a.btn:hover{ background-color: #0094D2; }

#email_row{ position:relative; margin-bottom:40px; text-align:center; }
.change{ position:absolute; right:20px; top:24px; font-size:14px; font-weight:normal; padding }

#prefs{ border-bottom:1px solid #ccc; }
#prefs label{ display:block; font-weight:bold; }
#prefs p{ margin:0px 0px 12px 16px; }

#footer {
	position: relative;
	background: #dddddd;
	padding: 20px 0px;
	text-align: center;
	font-size: 13px;
}
#footer a {
	color: #333333;
	text-decoration: underline;
}
#footer a.privacy-link {
	font-weight: bold;
}

/* media queries */

@media screen and (max-width:960px){
	.container{ width:94%; }
}

@media screen and (max-width:640px){
	.half_col{ width: 100%; }
	.float_margin{ margin-right:0; }
	input#email{ width:60%; }
	.graybox{ padding:20px; }
	.change{ display:block; position:relative; margin-top:10px; top:auto; right:auto; }
}