body {
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-family: "Helvetica Neue", Helvetica, Geneva, sans-serif;

	background-color: rgb(209, 209, 213);
	
	color:#373737;
	font-weight: 300;

	line-height: 1.625em;
	font-size: 16px;

}

.soc_media_font {
	font-family: "socialicoregular";
}

.soc_media_icons {
	 -webkit-font-smoothing: antialiased;
	 
 	color: #EFF4F7;
 	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.9);
}



.top_spacer {
	height: 35px;
	
	background-color: #fbfbff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(251, 251, 255)), to(rgb(209, 209, 213)));
	background-image: -webkit-linear-gradient(top, rgb(251, 251, 255), rgb(209, 209, 213));
	background-image: -moz-linear-gradient(top, rgb(251, 251, 255), rgb(209, 209, 213));
	background-image: -o-linear-gradient(top, rgb(251, 251, 255), rgb(209, 209, 213));
	background-image: -ms-linear-gradient(top, rgb(251, 251, 255), rgb(209, 209, 213));
	background-image: linear-gradient(top, rgb(251, 251, 255), rgb(209, 209, 213));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fbfbff', EndColorStr='#d1d1d5');
	
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: white;
}

.top_content {
	margin-top: 10px;
	background-color: #373737;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	margin-left: auto;
	margin-right: auto;
	width: 975px;
}

.main_content {
	background-color: rgb(252, 252, 255);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
	margin-left: auto;
	margin-right: auto;
	width: 975px;
}

.main_content_header {
}

.main_content_header_bg {
	background-color: #373737;
}

.top_rad {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}

h1.productHeader {

	font-size: 48px;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.75);
	margin-top: 16px;
	letter-spacing: 0.05em;
	color: rgb(252, 252, 255);
}

p.productHeader {
	padding-top: 8px;
	font-size: 20px;
	line-height: 1.1em;
	letter-spacing: 0.05em;
	color: rgb(252, 252, 255);
}

div.blogHeader {
	padding-top: 16px;
	padding-bottom: 16px;
}

h2.blogHeader {
	font-size: 20px;
	line-height: 1.1em;
	letter-spacing: 0.05em;
	color: rgb(252, 252, 255);	
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 8px;
}

.myhr {
	margin: 0px 8px;
	height: 0px;
	
	border-bottom: 1px solid rgb(209, 209, 213);

	-webkit-box-shadow: 0px 1px 1px rgb(224,224,224);
	-moz-box-shadow: 0px 1px 1px rgb(224,224,224);
	box-shadow: 0px 1px 1px rgb(224,224,224);
	
	/*background-color: #ccc;
	-webkit-box-shadow: 0px 0px 1px rgb(224,224,224);
	-moz-box-shadow: 0px 0px 1px rgb(224,224,224);
	box-shadow: 0px 0px 1px rgb(224,224,224);
	*/
}

/* http://konigi.com/tools/css-techniques-horizontal-rules */
hr.carved {
	/*clear: both; 
	float: none; */
	text-align: center;
	/*width: 100%; */
	height: 2px;
	margin: 1.4em 64px 1.4em 64px;
	border: none; 
	background: #ddd;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.5, rgb(221,221,221)),
		color-stop(0.5, rgb(255,255,255))
	);

	background-image: -moz-linear-gradient(
		center top,
		rgb(221,221,221) 50%,
		rgb(255,255,255) 50%
	);
}


/* thanks, IE */
a img {
	border: none;
}

img { 
	-ms-interpolation-mode : bicubic; 
}

#page-header-container {

	/*
	background: #318abc;
	background: -moz-linear-gradient(top, #318abc 0%, #18448b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#318abc), color-stop(100%,#18448b));
	background: -webkit-linear-gradient(top, #318abc 0%,#18448b 100%);
	background: -o-linear-gradient(top, #318abc 0%,#18448b 100%);
	background: -ms-linear-gradient(top, #318abc 0%,#18448b 100%);
	background: linear-gradient(top, #318abc 0%,#18448b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#318abc', endColorstr='#18448b',GradientType=0 );

*/
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8);

	/*
	background-image: url(/National_Library/oe_/http://handhelddesigner.com/images/seamless.png);
	background-repeat: repeat-x;
	background-size: auto 100%;
	*/
	background-color: #373737;
}

.page-header {
	padding-top: 8px;
	padding-bottom: 8px;
}

#header-text {
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.9);
	font-size: 24px;
	color: #EFF4F7;
	letter-spacing: 0.1em;
	font-weight: 400;
}

.header {
	text-decoration: none;
	color: #EFF4F7;
}

a.header:hover {
	text-decoration: none;
}


.actiontext {
	font-size: 15px;
	color: #EFF4F7;
	position:relative;
	top: -2px;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.9);
}

a.actiontext:hover {
	text-decoration: none;
}

h1.featureHeader, h2.featureHeader {
	margin-top: 0.3em;
}




a {
	text-decoration: none;
	color: inherit;
	/*font-weight: 400;*/	
}

a:hover {
	text-decoration: underline;
}

a.vislink {
	text-decoration: underline;
}	

div.vislink a {
	text-decoration: underline;
}	

code {
	color: #006699;
}

strong {
	font-weight: 500;
}	

h1 {
	color: rgb(16,16,16);
	font-weight: normal;
	font-size: 22px;
	/*text-shadow: 1px 1px 1px #777; 	*/
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

h1.login {
	text-align: center;
}

h2 {
	color: rgb(16,16,16);
	font-weight: normal;
	font-size: 18px;
	margin-top: 1.5em;
}

h3 {
	color: rgb(16,16,16);
	font-weight: normal;
	font-size: 16px;
	margin-top: 1.5em;
}

.blog_taglist li {
	list-style: none;
	font-size: 0.85em;
}

ul.blog_taglist {
	padding-left: 0.75em;
}

h3.blog_taglist {
	margin-top: 16px;
}


div.right_rail_social_links {
	font-size: 14px;
}

div.right_rail_social_links table {
	margin: 0;
	padding: 0;
	border: none;
}

div.right_rail_social_links tr, td {
	margin: 0;
	padding: 0;
}

div.right_rail_social_links ul {
	padding-left: 0;
	list-style-type: none;

}

div.right_rail_social_links a {
	text-decoration: none;
}

a.underline_on_hover:hover {
	text-decoration: underline;
}

form.betaform fieldset {
	margin-bottom: 10px;
	border: none;
	padding: 0;
}

form.betaform legend {
	font-weight: bold;
	color: rgb(16,16,16);
	font-weight: normal;
	font-size: 18px;
}

form.betaform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	width: 180px;
}

form.betaform input  {
	font-size: 18px;
}

form.betaform textarea  {
	font-size: 18px;
}

form.betaform fieldset ol {
	margin: 0;
	padding: 0;
}

form.betaform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

/*	
fieldset {
	border: none;
}

label {
	display: block;
	height: 32px;
}
*/
.form-field {
	width: 300px;
	height: 20px;
	font-family: Courier;
	font-size: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-width: 1px;
}

.form-label {
	text-align:right;
	width: 125px;
	height: 32px;
	font-weight: normal;
	padding-right: 8px;
	padding-top: 4px;
}

.login-submit {
	margin-left: 8px;
}

.form-submit {
	padding-top: 8px;
}

div.error_box {
	color: black;
	background-color: rgba(255, 0, 0, 0.1);
	width: 100%;
	padding: 16px;
	border-radius: 16px;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(255, 0, 0, 0.3);
}

div#head-container {
	height: 48px;
	margin-bottom: 12px;
}

div#header {
	padding: 8px 0px;
	margin: 0px auto;
	width: 960px;
}

img#logo-image {
	height: 32px;
	width: 64px;
	vertical-align: text-bottom;
}

div#form-container {
	margin: 100px 0px;

	border-style: solid;
	border-width: 1px;
	border-color: rgb(90,90,90);
	-webkit-border-radius: 8px;
	background: rgb(240,240,240);
	background: -webkit-gradient(
			linear, 
			left top, 
			left bottom, 
			color-stop(0%,rgb(240,240,240)), 
			color-stop(33%,rgb(250,250,250)),
			color-stop(100%,rgb(240,240,240))
		);

	-webkit-box-shadow: 2px 2px 2px #aaa;
}


div#confirm-buttons {
	margin: 30px auto;
	width: 500px;
}

div#confirm-buttons a:first-of-type {
	float:left;
	margin-left: 50px;
}

div#confirm-buttons a:last-of-type {
	float:right;
	margin-right: 50px;
}

div.vspacer {
	height:32px;
}
	
ul.menu-list {
	//width: 960px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	line-height: 1;
	display: block;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #555;
	-webkit-box-shadow: 0px 1px #bbb;
}

li.menu-list {
	margin: 0px 20px 0px 0px;
	display: inline;
}

ul.menu-list > li:last-of-type {
	float: right;
	margin-right: 0px;
}

a.menu-list {
	text-decoration: none;
	color: rgb(32,32,32);
	font-size: 13px;
	text-transform: uppercase;
}

a.menu-list-selected {
	font-weight: bold;
	font-size: 14px;
	color: rgb(8,8,8);
}

div#site-label {
	margin-top: 8px;
	font-size: 12px;
	text-transform: uppercase;
}

table.site-list {
	width: 100%;
	border-spacing: 0px;
	background-color: rgb(245,245,245);
	padding: 12px;

	border-style: solid;
	border-width: 1px;
	border-color: rgb(230,230,230);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

table.site-list th {
	text-align: left;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: rgb(200,200,200);
	color: rgb(16,16,16);
}

table.site-list td {
	vertical-align: top;

	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;

	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: rgb(200,200,200);	
}

table.site-list tr:last-of-type td {
	border-bottom-style: none;
}

/*
table.site-list tr:last-of-type td {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: rgb(230,230,230);
}
*/

table.vert-fields {
	border-spacing: 0px;
}

table.vert-fields td {
	padding-top: 4px;
	padding-bottom: 4px;
}

table.vert-fields tr td:first-of-type {
	text-align: right;
	padding-right: 20px;
}

table.vert-fields tr td:nth-of-type(2) {
	font-size: 20px;
	color: rgb(16,16,16);
	padding-right: 20px;
}

p.footnote {
	font-size: 12px;
}

div.signup-container {
	width: 900px;
	margin: 0px;
	padding: 0px;
}

div#signup-group {
	margin: 0px;
	padding: 0px;
	display: inline-block;
}


div.signup-item {
	margin-top: 24px;
	padding: 8px;
	height: 600px;

	border-style: solid;
	border-width: 1px;
	border-color: rgb(90,90,90);

	background: rgb(240,240,240);
	background: -webkit-gradient(
			linear, 
			left top, 
			left bottom, 
			color-stop(0%,rgb(240,240,240)), 
			color-stop(33%,rgb(250,250,250)),
			color-stop(100%,rgb(240,240,240))
		);


	-webkit-border-radius: 8px;

	-webkit-box-shadow: 4px 4px 4px #ccc;
}

input.error {
	background-color:#F7B1B1;
}

label.error {
	font-size: 13px;
	padding-top: 2px;
}


h1.plan-header {
	font-size: 30px;
	letter-spacing: 3px;
	text-shadow: 1px 1px #fff; 
}

div.signup-item h1, div.signup-item h2 {
	text-align: center;
}

div.signup-button-price {
	display: inline-block;
}

.signup-price {
	font-size: 48px;
	text-shadow: 1px 1px #fff; 
}

table.signup-offer {
	width: 100%;	
}

table.signup-offer tr td {
	width:50%;
	white-space: nowrap;
}

table.signup-offer tr td:first-of-type {
	text-align: right;
	padding-right: 8px;
}

table.signup-offer tr td:nth-of-type(2) {
	font-size:20px;
}

table#signup-form-table {
	margin-top: 8px;
	padding: 0px;
	border-spacing: 0px;
}

table#signup-form-table tr td {
	vertical-align: top;
}

table#signup-form-table tr td:nth-of-type(2) {
	padding-left: 16px;
}

.signup-copy {
	font-size: 15px;
	line-height: 1.3;
}

.signup-field-label {
	/*font-weight: bold;*/
}

p.signup-copy {
	height: 75px;
}