@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Tahoma, "Treubucht MS", sans-serif;
	vertical-align: baseline;
	
}

body 
{
	line-height: 1; 
	color: black; 
	background:url(/images/GUI2/bodyBackground4.gif) repeat-x top left; 
	font-family:Tahoma, "Treubucht MS", sans-serif
}

img {
	border-style: none;
}

.blah 
{
	line-height: 1; 
	color: black; 
	background:url(/images/GUI2/bodyBackground4.gif) repeat-x top left; 
	font-family:Tahoma, "Treubucht MS", sans-serif
}

a:hover
{
	text-decoration: underline;
}

#wrapper {
	width:100%;
	min-width:1000px;
	height:auto;
	margin:0 auto;
}

#heading {
	height:51px;
	color:#fff;
	font-size:12px;
	width: 100%;
}
#heading .login {
	width:460px;
	height:36px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	float: right;
}

#heading .login h2{
	font-size:12px;
	padding-top:24px;
	padding-left:15px;
	padding-right:15px;
	vertical-align: baseline;
	
}
#heading .login a  {
	font-size:12px;
	text-decoration:none;
	color:#fff;
	vertical-align: baseline;
	
}

#heading .login a:hover  {
	text-decoration:underline;
}

#heading .messageArea {
	width:510px;
	height:36px;
	float: left;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
.left {float:left;}
.right {float:right;}


#ad_728x90_outer_container {
	float:right;
	width:728px;
	height:90px;
	margin-top:15px;
	margin-right:20px;
/*	border:1px solid #ffffff;
*/}

#TitleSection #ad_468x60 {
	width:468px;
	height:60px;
	margin-right:20px;
	border:1px solid #ffffff;
	float: right;
	margin-top: 30px;
}


		
		
#wrapper #TitleSection {
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 100%;
	clear: both;
	min-height: 120px;
	min-width: 1000px;
}
#wrapper #NavSection {
	height: 30px;
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 0px;
	min-width: 1000px;
}



/*# {
	margin: 0px;
	width: 240px;
	height: auto;
	float: right;
	padding-top: 27px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
*/
#wrapper #TitleSection #logo {
	height: 100px;
	padding: 0px;
	float: left;
	margin-top: 10px;
	min-width: 252px;
	width: 252px;
}

#logo h1 {
	padding:0px;
	width:162px;
	height:20px;
	text-align: center;
	margin: auto;
}
#logo h1 a {padding:0px;  display:block; background:url(/images/GUI2/logo_small.gif) no-repeat top center; width:162px; height:30px}

/*.content {
	height: auto;
	width: 1048px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding: 20px;
	background-image: url(../images/background/contentbgWhite2.png);
	background-repeat: repeat-y;
}
*/

.content {
	height: auto;
	width: 1000px;
	margin-top:1px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding: 20px;
	background-color: #FFFFFF;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C4DBFF;
	border-left-color: #C4DBFF;
}



#MainSection {
	height: auto;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}


.rightColumn {
	width:300px;
	vertical-align: top;
	/*	border: 1px solid #0e53ba;*/
	min-width: 300px;
	margin: 0px;
	padding: 0px;
}

.dropShadowBottomUp {
	background-image:url(../images/background/dropShadow-Bottom-up.gif);
	background-position:left top;
	background-repeat:repeat-x;
}



#heading .login form .head {font-weight:bold; clear:both}
#heading .login form .inputfields {
	clear:both;
	padding-top:5px;
	height:auto;
	
}
#heading .login form input {margin-right:4px; background:url(/images/GUI2/input_background.gif) repeat-x top left; width:113px; height:17px; padding:2px; border:0px; float:left}
#heading .login form input.b_login {width:39px; height:21px; padding:0px; background:none; border:0px; margin:0px}

.rangeHeading {
	margin-top: 40px;
	padding-top: 20px;
	margin-bottom: 0px;
	clear: left;
	width: 100%;
	vertical-align: middle;
}

.rangeHeading p{
	border: thin solid #b3d8f7;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #355B82;
	vertical-align: middle;
	background-color: #EEF7FD;
}

.instructionHeader {
	font-size: 16px;
	color: #0F2032;
	font-weight: bold;
	letter-spacing: 3px;
	background-color: #C8E2F9;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #b3d3f8;
	border-right-color: #b3d3f8;
	border-left-color: #b3d3f8;
	margin: 0px;
}

/*.instructionHeaderFullBorder {
	font-size: 16px;
	color: #0F2032;
	font-weight: bold;
	letter-spacing: 3px;
	background-color: #C8E2F9;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	border: thin solid #b3d3f8;
}*/

.instructionHeaderFullBorderPadBottom {
	font-size: 22px;
	color: #990000;
	font-weight: normal;
	letter-spacing: 3px;
	background-color: #C8E2F9;
	padding-top: 10px;
	padding-bottom: 10px;
	border: thin solid #b3d3f8;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	/*-moz-border-radius: 5px; -webkit-border-radius: 5px;*/
}



input{
	margin-right:8px;
	border:1px solid #6699FF;
	/*float:left;*/
	background-color: #FFFFFF;
	/*background-repeat: repeat-x;
	background-image: url(../images/GUI2/input_background.gif);*/	/*background-position: left top;*/
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	font-size: 14px;
	padding-right: 3px;
	padding-left: 3px;
}

select{
	margin-right:8px;
	border:1px solid #6699FF;
	/*float:left;*/
	background-color: #FFFFFF;
	/*background-repeat: repeat-x;
	background-image: url(../images/GUI2/input_background.gif);*/	/*background-position: left top;*/
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	font-size: 14px;
}


input.button{
	background-color: #0e5eba;
	color: #FFFFFF;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}


input.button:hover{
	background-color: #009900;
}

.inputfields .forpass{
	font-size:11px;
	padding-top:4px;
	padding-left:15px;
	display: block;
}
.inputfields a.forpass  {
	text-decoration:underline;
	color:#fff;
	display: block;
	float: left;
	width: auto;
}
.inputfields .forpass a:hover {text-decoration:underline; color:#fff; border-bottom:1px solid #fff}
.inputfields .forpass a:active {text-decoration:underline; color:#fff2c3; border-bottom:1px solid #fff2c3}

























.alignCenter {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

tr {
	padding: 2px;
}
.table223 {
	background-color: #F1F1FE;
	border: 1px solid #ACBEFD;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	margin: 0px;
	padding: 0px;
}

#standardNavBar p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-size: 11px;
}

td {
	padding: 2px;
}
#standardNavBar {
	color: #FFFFFF;
	background-color: #39358E;
}

.alignTop {
	vertical-align: top;
}
caption {
	padding-top: 10px;
	padding-bottom: 5px;
}


#header_container
{
	background-color:#5C5D5F;
	height:104px;
	width:100%;
}

#header_container .content
{
	padding-right:10px;
	width:900px;
}

.nav_period_content
{
	padding-right:10px;
	width:500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 30px;
}




#header_logo { float:left; margin:5px 0px 0px 0px; width:232px; height:90px; }


#nav_global_container { height:47px; width:100%; background-color:#696a6b; }

.clearmen { clear:both; }


.nav_global_element {
	float:left;
	margin:0px;
}


.nav_global_element ul li{
	display: inline;
	list-style-type: none;
}

.nav_global_element ul li a{
	font-size:15px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0px;
	padding-top: 9px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	color:#DFF1FF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.nav_global_element ul li a:hover{
	background-color: #0e53ba;
	text-decoration: underline;
}










.nav_global_element a:hover {
	
}

.nav_global_separator
{
	background-color:#535352;
	height:5px;
	width:100%;
}

#nav_sub_container
{
	background-color:#1068a8;
	height:26px;
	width:100%;
}

#nav_sub_container_icon_container
{
	background-color:#317DA7;
	float:left;
	height:100px;
	margin:6px 0 4px;
	padding:10px 0 0 10px;
	width:630px;
}


.nav_sub_container_icon_inner_container {
display:none;
}

.nav_sub_container_icon_inner_container { display:none }
.nav_sub_container_icon { padding:5px; height:88px; font-size:16px; display:table-cell; vertical-align:middle; text-align:center; background-color:#317da7; }
.nav_sub_container_icon a { color:#ffffff;  }


.nav_sub_container_icon_container, .nav_sub_container_icon_separator {
	float:left;
	height:88px;
}

#nav_sub_container_icon_find {
background-image:url(http://ec.snagfilms.com/i/snagfilms_icon_find.gif);
width:128px;
}
#nav_sub_container_icon_watch {
background-image:url(http://ec.snagfilms.com/i/snagfilms_icon_watch.gif);
width:161px;
}
#nav_sub_container_icon_snag {
background-image:url(http://ec.snagfilms.com/i/snagfilms_icon_snag.gif);
width:148px;
}
#nav_sub_container_icon_support {
background-image:url(http://ec.snagfilms.com/i/snagfilms_icon_support.gif);
width:176px;
}
#nav_sub_container_right_container {
float:right;
height:110px;
margin:6px 0 4px;
width:330px;
}

.dropShadow {
	background-image:url(../images/background/ShadeBackground.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

.leftColumn {
	/*	padding-top:5px;*/
	width:570px;
	vertical-align: top;
	padding-right: 20px;
}

td.leftColumn {
	padding-top: 0px;
	width: 700px;
}

.dropShadowBottomUp {
	background-image:url(../images/background/dropShadow-Bottom-up.gif);
	background-position:left top;
	background-repeat:repeat-x;
}


.mainContainer {
	padding:10px;
	width:602px;
}

.sectionBorder {
	/*	background-color: #F2F9FF;*/
	background-color: #DFF1FF;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 12px;
	padding-bottom: 14px;
	/*border: 1px solid #CADBFF;*/
	/*border: 1px solid #0D5DB9;*/
	border: 1px solid #B3D8F7;
	font-size: 13px;
	height: auto;
}

.sectionBorder p {
	font-size: 14px;
	color: #333333;
}


.sectionBorder h2 {
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 0px;
}

.sectionBorder h3 {
	font-size: 14px;
	color: #333333;
	text-align: center;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}



hr {
	background-color: #b3d8f7;
	color: #b3d8f7;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #b3d8f7;
}


#ad_300x250_container 
{
	width:300px;
}

.rightColumn .outer_container 
{
	margin-left:17px;
	width:300px;
}

.clearme {
clear:both;
}
.hideme {
display:none;
}

a {
	text-decoration: none;
}

.loginSection {
	background-color: #F2F9FF;
	text-align: left;
	/*width: 100%;*/
	margin-right: auto;
	margin-left: auto;
	padding-left: 25px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #CADBFF;
	margin-bottom: 20px;
	color: #002083;
}

.loginSection form{
	margin-top: 25px;
	margin-bottom: 5px;
}

.loginSection form table{
	width: 100%;
}

.loginSection table tr td{
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;	
}

.loginSection table tr td.fieldHeading {
	text-align: right;
	padding-right: 30px;
	font-family: Arial, Helvetica, sans-serif;
}

.loginSection .finePrint {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.loginSection h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	margin-bottom: 16px;
	margin-top: 8px;
	color: #002083;
}

.loginSection h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 14px;
	line-height: 1.4em;
}

.loginSection p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	padding-bottom: 10px;
}

.loginSection .finePrint a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

/*.button {
	margin-top: 10px;
}*/

/*#heading {
	background-color: #6D69C7;
}*/
#heading h1 {
	text-align: center;
	color: #333333;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
#heading h3 {
	color: #FFCCCC;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	font-size: 16px;
}

h3 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-bottom: 15px;

}

#loginSection p {
	font-size: 12px;
}
#wrapper #mainSection {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
}
#mainSection p {
	margin-top: 0px;
	margin-bottom: 0px;
}
#navRight {
	background-color: #EBEBEB;
	padding: 5px;
	width: 350px;
	border: 1px solid #6699FF;
	font-size: 11px;
	vertical-align: top;
	margin-left: 10px;
}
#navRight li {
	margin-left: 0px;
	padding-left: 2px;
}
#navRight ul {
	list-style-position: inside;
	list-style-type: disc;
	line-height: 13px;
	margin: 0px;
	padding: 2px;
}

#navRight2 {
	background-color: #EBEBEB;
	padding: 5px;
	width: 350px;
	font-size: 11px;
	vertical-align: top;
	margin-left: 10px;
	border: 1px solid #6699FF;
	float: right;
}

#navRight3 {
	background-color: #EBEBEB;
	padding: 5px;
	float: left;
	width: 200px;
	font-size: 11px;
	vertical-align: top;
	margin-left: 10px;
	border: 1px solid #6699FF;
}

.rangePicker {
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.rangePickerTable {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}

.rangePickerTable tr{
	margin: 0px;
	padding: 0px;
}

.rangePickerTable tr td{
	margin: 0px;
	padding: 0px;
}

.rangePicker2 {
	width: 100%;
	margin-top: 0px;
	text-align: center;
	float: left;
}


.booksWeAreComparing {
	width: 100%;
	text-align: center;
	margin-top: 0px;
	vertical-align: top;
	padding: 0px;
	float: left;
}


.topGraph {
	width: 100%;
	text-align: center;
	vertical-align: top;
	padding: 0px;
	float: left;
	margin: 0px;
}

.graph {
	width: 100%;
	text-align: center;
	margin-top: 25px;
	vertical-align: top;
	padding: 0px;
	float: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.graph2 {
	width: 100%;
	text-align: center;
	margin-top: 0px;
	vertical-align: top;
	padding: 0px;
	float: left;
}

.graph3 {
	width: 100%;
	text-align: center;
	margin-top: 40px;
	vertical-align: top;
	padding: 0px;
	float: left;
}


#main #topNav {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

#main {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

/*.alignCenter {
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}*/

table.menu {
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 15px;
	
}

table.menu tr td  {
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 8px;
	padding-top: 10px;
	padding-left: 0px;
} 

/*table.menu tr td  {
	vertical-align: middle;
	margin: 0px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
} */

table.menu tr  {
	text-align: left;
} 

.textAlignMiddle {
	/*vertical-align: middle;
	margin: 0px;
	padding: 0px;*/
}

#main #topNav a {
	margin: 0px;
	padding: 0px;
}
#main #topNav h1 {
	margin: 0px;
	padding: 0px;
}
#main #topNav h2 {
	margin: 0px;
	padding: 5px;
}
#main #graph #bookRankInfo {
	padding: 5px;
	width: 400px;
}
#main #graph #highLowAvgGraph {
	padding: 5px;
	width: 400px;
	float: left;
}
#main #graph #rankTable {
	padding: 5px;
	width: 260px;
	float: left;
}

.rankTableWrapper {
	float: right;
	vertical-align: top;
	padding: 0px;
	border: thin solid #b3d8f7;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

table.rankTable {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	-khtml-user-select: none;
	-moz-user-select: none;
    -webkit-user-select: none;
}

table.rankTable th{
	font-size: 12px;
	background-color: #b3d8f7;
	padding: 3px;
}

/*table.rankTable tr {
	padding-top: 15px;
	padding-bottom: 15px;
}*/

table.rankTable tr td{
	padding-top: 2px;
	padding-bottom: 2px;
}


.graphTable {
	padding: 0px;
	vertical-align: top;
	margin: 0px;
}

.graphTable tr td{
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

#main #topNav h3 {
	margin: 0px;
	margin-top: 5px;
	margin-left: 5px;
}
#main #topNav h4 {
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 0px;
}
#main #topNav h5 {
	padding-top: 5px;
	padding-left: 5px;
}
.dateTime {
	font-size: 14px;
	margin: 0px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#FactorySum {
	width: 672px;
	margin-top: 25px;
	margin-bottom: 50px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#BookMetrics {
	float: left;
	width: 410px;
}

#BookComp {
	width: 672px;
	margin-top: 25px;
	margin-bottom: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#MSColumnGraph{
	width: 672px;
	margin-top: 25px;
	margin-bottom: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


#MSColumnGraphDetailsPage{
	width: 672px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
/*#BookMetricsDiv {
	float: left;
	width: 400px;
}
*/
#sampleMSColumnGraph{
	width: 636;
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


#samplePieChart{
	width: 636;
	margin-top: 25px;
	margin-bottom: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


#main #topNav #date p {
	margin: 0px;
	padding: 0px;
}
#wrapper #subNavSection {
	color: #FFFFFF;
	background-color: #39358E;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#wrapper #standardNavBar p {
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.alignRight {
	text-align: right;
	float: right;
}
.alignLeft {
	text-align: left;
	float: left;
}

.rankTablePositioning {
	float: right;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 0px;
	margin-top: 0px;
}

.highLowAvgPositioning {
	float: left;
	margin-bottom: 20px;
}


.previousPage {
	float: left;
	width: 200px;
	text-align: left;
}

.nextPage {
	float: right;
	width: 200px;
	text-align: right;	
}

.pageNavigationBar {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.pageNavigationBar a{
	font-size: 12px;
}


.bookList {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: top;
	clear: both;
	width: 660px;
}
.bookList tr  {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DCEEFC;
	vertical-align: top;
}

.bookList tr td {
	vertical-align: top;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.bookList tr img {
	color: #000000;
    border-style: none; 
}

.bookList p {
	font-size: 12px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 6px;
	vertical-align: top;
}


.director, .author, .artist {
	color: #333333;
	/*margin-top: 5px;*/
}


.customerReviews, .salesRank{
	float: right;
	width: 280px;
	clear: right;
}

.asin, .price {
	/*margin-top: 5px;*/
	float: left;
	width: 185px;
	clear: left;
}

.productTitle {
	color: #990000;
	padding-bottom: 10px;
	line-height: 1.4em;
}

.links {
	clear: both;
	padding-top: 7px;
	padding-left: 5px;
	font-size: 12px;
}

.links a {
	font-size: 12px;
	padding-right: 10px;
}

.links p.unavailable {
	font-size: 12px;
	padding-right: 10px;
	color: #990000;
}

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


.bookList tr.shade td {
	background-color: #F9F9F9;
	color: black;
	vertical-align: top;
}

.colorLow {color: #009933}
.colorHigh {color: #CC3300}


.smallPrint {
	font-size: 10px;
	margin-right: 10px;
	margin-left: 10px;
}


.checkBox {
	margin-right: 20px;
	margin-left: 20px;
}


input[type='checkbox'] 
{
/*  margin-right: 20px;
  margin-left: 20px; */
  border: none;
}

	


.colorAvg {color: #FF6600}

.blue {color: #0000FF}

.bookDetailHeader {
	vertical-align: top;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.bookDetailHeader tr{
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.bookDetailHeader td{
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}


.bookDetailHeader tr td h3{
	font-size: 17px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-weight: normal;
	color: #990000;
}

.bookDetailHeader tr td h4{
	font-size: 14px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-weight: normal;
	color: #666666;
}

.bookDetailHeader tr td p {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
	font-size: 14px;
}


.bookDetailHeader tr img {
	color: #000000;
	padding: 10px;
	text-align: left;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin-left: 0px;
	border: thin solid #b3d8f7;
	margin-right: 15px;
}

.bookDetails {
	width: 100%;
	margin-top: 20px;
}


/* Link Opacity - This allows picture links to look faded until someone hovers over them  */
a.linkopacity img {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}
#nav_sub_container p {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: middle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-left: 2px;
}

#nav_sub_container a {
	color: #FFFF00;
}



.nav_period_list #nav_period_year a
{
	border: none;
	margin-right: auto;
	margin-left: auto;
}


.nav_period_list li
{
	display:inline;
	text-decoration: none;
	text-transform: uppercase;
}


.nav_period_list {
	margin-top: 0px;
	margin-bottom: 10px;
	border: thin solid #B3D8F7;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.nav_period_list ul{
	text-align: center;
	vertical-align: middle;
}

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

.nav_period_list a
{
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	margin-right: 5px;
	padding-right: 5px;
	vertical-align: middle;
	margin-left: 5px;
	padding-left: 5px;
}

.nav_period_select {
	background-color:#7B7C7D;
	color:#FFFFFF;
	float:left;
	font-size:12px;
	height:14px;
	letter-spacing:1px;
	margin:4px 3px 0 0;
	padding:4px 22px;
	text-transform:uppercase;
}

.nav_period_select a {
	color: #990000;
	text-decoration: none;
}



/*#ScratchBackWidget {
	vertical-align: top;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 10px;
	width: 200px;
}*/
#startCalendar {
	
	width: 150px;
	float: left;
}
#endCalendar {
	
	width: 150px;
	float: left;
}
#userSelectableDateRange {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.dateRangeSelection {
	width: 100%;
}
.dateRangeSelection tr {
	width: 100%;
}

.dateRangeSelection tr td{
	padding-bottom: 10px;
}

.dateRangeSelection tr td input{
	padding-left: 4px;
	padding-right: 4px;
}

.dateRangeSelection tr td a{
	font-size: 14px;
	padding-right: 5px;
}

.dateRangeSelection tr td p{
	font-size: 14px;
	padding-right: 15px;
	color: #333333;
	font-weight: bold;
}


#adstop {
	padding: 6px 0px 0px;
}

.sub-nav {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	list-style-type: none;
}
.sub-nav ul {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}
.sub-nav li {
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 19px;
	float: left;
	line-height: 25px;
}
.sub-nav li a {
	color: #000000;
	text-decoration: none;
}
.sub-nav li a:hover {
	color: #6C2424;
	text-decoration: underline;
}
.debug {
	background-color: #009900;
	padding: 5px;
	border: thin dashed #006600;
	margin-top: 20px;
	margin-bottom: 20px;
}
.GroupList {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	width: 100%;
}

.GroupList p{
	font-size: 12px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	vertical-align: top;
}

.GroupList th {
	font-style: normal;
	color: #FFFFFF;
	background-color: #0d5db9;
	padding: 5px;
	margin-bottom: 20px;
}

.GroupList tr  {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DCEEFC;
	vertical-align: middle;
}

.GroupList tr.first {
	border-top-style: none;
}

.GroupList td {
	vertical-align: middle;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}







.smallGroupList {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	width: 100%;
}

.smallGroupList p{
	font-size: 12px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 6px;
	vertical-align: top;
}

.smallGroupList th {
	font-style: normal;
	color: #FFFFFF;
	background-color: #0d5db9;
	padding: 5px;
}

.smallGroupList tr  {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DCEEFC;
	vertical-align: middle;
}

.smallGroupList td {
	vertical-align: middle;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 12px;
}









.productFields {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.productFields tr{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.productFields tr td{
	margin: 0px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 0px;
	font-size: 13px;
}

.productFields tr td.left{
	width: 400px;
}
.productFields tr td.right{
	width: 100px;
}



.productFields tr td.DetailedViewLeft{
	width: 340px;
}
.productFields tr td.DetailedViewRight{
	width: 100px;
	margin: 0px;
	padding: 0px;
}

.productFields tr td.DetailedViewLeft img{
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.productFields tr td.DetailedViewRight img{
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

.productFields p{
	margin: 0px;
	padding: 0px;
	font-size: 13px;	
}





/*.GroupList td a{
	font-size: 12px;
	text-decoration: none;	
	vertical-align: middle;
}
*/
.GroupList .title{
	font-size: 12px;
	text-decoration: none;	/*padding-left: 5px;*/
	vertical-align: middle;
}

.GroupList td a:hover{
	text-decoration: underline;	/*padding-left: 5px;*/
}

.GroupList .altRowColor {
	background-color: #dff1ff;
}

.tableControls {
	margin-right: auto;
	margin-left: auto;
	margin-top: 24px;
	margin-bottom: 50px;
	width: 100%;
}

.errorMessage {
	background-color: #990000;
	padding: 5px;
	border: thin dashed #ff0000;
	color: #FFFFFF;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.notificationMessage {
	background-color: #FEEFC3;
	border: thin solid #BEC380;
	color: #444444;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	line-height: 1.5em;

}

.warningMessage {
	background-color: #FF6633;
	border: thin solid #BEC380;
	color: #444444;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: center;
	line-height: 1.5em;
}

.notificationMessage p, .warningMessage p{
	font-size: 18px;
	padding: 10px;
}

.notificationMessage a, .warningMessage a{
	color: #990000;
}




.error {
	background-color: #990000;
	text-align: center;
	font-weight: bold;
}

.groupOptionsContainer
{
	/*width: 540px;*/
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding: 0px;
	width: 100%;
}

/*.tableControls {
	margin-right: auto;
	margin-left: auto;
	margin-top: 14px;
	margin-bottom: 20px;
	width: 100%;
}
*/


ul {
	margin: 0px;
	padding: 0px;
}

ul.groupOptions{
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 12px;
	vertical-align: middle;
	height: auto;
	/*padding-bottom: 2px;*/
}

ul.groupOptions li{
	padding-left: 10px;
	padding-right: 10px;
	display: inline;
	vertical-align: middle;
	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;*/
	font-size: 13px;
	margin: 0px;
	padding-top: 0px;
	
}


.groupOptions a{
	text-decoration: none;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

.groupOptions p {
	margin: 0px;
	padding: 0px;
}



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


.confirmationDialog
{
	background-color: #e1f1FF;
	text-align: center;
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #003399;	

}

.textAlignCenter
{
	text-align: center;
}

.alignMiddle
{
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
}
 
.loginSection table tr td.highlightError, .highlightError
{
	color: #FF0000;
}

h2.errorMessageHeading 
{
	padding-top: 15px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: .1em;
}


.content .rightColumn .advertisement {
	text-align: center;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#ScratchBackWidget {
	vertical-align: top;
	margin-right: auto;
	margin-left: auto;
	width: 200px;
}
.content .mainTable {
	width: 100%;
	margin: 0px;
	padding: 0px;
}


.zeropadding {
	padding: 0px;
}

#wrapper #NavSection .leftNav {
	margin: 0px;
	float: left;
	width: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#wrapper #NavSection .rightNav {
	margin: 0px;
	float: right;
	width: auto;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrapper #TitleSection #logo img {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
}

.recentGroupHeader {
	margin-top: 40px;
}

.recentlyViewedGroups {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: center;
}

.recentlyViewedGroups ul {
	text-align: center;
	list-style-image: none;
	list-style-type: none;
	margin-top: 10px;
	
}

.recentlyViewedGroups ul li{
	display: inline;
}

.recentlyViewedGroups ul li a{
	font-size: 14px;
	text-decoration: none;
	margin: 10px;
	line-height: 2.5em;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.recentlyViewedGroups ul li a:hover{
	font-size: 14px;
	text-decoration: underline;
}

.smallBookImage {
	color: #000000;
	padding: 5px;
	text-align: left;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 20px;		
	border: thin solid #b3d8f7;
	margin-right: 10px;
}

.topMargin {
	padding: 0px;
	margin: 0px;
}

.nextAdMargin {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 30px;
	margin-bottom: 0px;
}

.ads-slot {
	width: 100%;
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}

.ads-slot object{
	margin-top: 25px;
	margin-bottom: 25px;
}

.content-slot a{
	color: #990000;
}

.ads-slot h3, .content-slot h3, .testimonialBlurb h3{
	color: #0e53ba;
	vertical-align: middle;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-weight: bold;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #0e53ba;
	text-align: center;
}

.ads-slot h4, .content-slot .details h4{
	color: #0e53ba;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-size: 16px;
	margin: 0px;
	font-weight: bold;
	line-height: 1.5em;
}


.content-slot {
	width: 100%;
	text-align: left;
	padding-right: 0px;
	padding-left: 0px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	
}

.content-slot .details ul {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #0e53ba;
}

.content-slot .details ul li a{
	display: block;
	text-align: center;
	padding: 10px;
	color: #CC0000;
	font-weight: bold;
	background-color: #FFFFFF;
}



.content-slot .details ul li {
	list-style-type: none;
}

.content-slot .details ul li a:hover{
	background-color: #0e53ba;
	color: #FFFFFF;
	text-decoration: none;
}

.details {
	/*border: thin solid #C4DBFF;*/
	border: 3px solid #0e53ba;
	padding-top: 5px;
	padding-bottom: 0px;
	background-color: #DAE8FC;
}



.pad {

	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;

}


.ads_125x125, .featuredProducts{
	text-align: center;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
}



ul.ads_125x125  li {
	background:#fff;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-bottom: 12px;
	margin-top: 0px;
	text-align: center;
	list-style-type: none;
	width: 130px;
	height: 130px;
	float: left;
	list-style-position: inside;
	vertical-align: middle;
}



/*
.ads_125x125 li {
	background:#fff;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 8px;
	padding-bottom: 20px;
	display: inline;
	text-align: center;
	float: left;
}*/

.ads_125x125 li img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.ads_125x125 li script{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}





.featuredProducts li {
	
	background:#fff;
	
	margin-top: 3px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 22px;
	display: inline;
	text-align: center;
	
}

.featuredProducts li img {
	color: #000000;
	padding: 10px;
	text-align: left;
	background-color: #F3F8FE;
	background-repeat: no-repeat;
	margin-left: 5px;
	border: thin solid #b3d8f7;
	margin-right: 5px;
}


.ads-slot img {
	padding: 0px;
	float: center;
	border-width: 0px;
	margin: 0px;
	vertical-align: middle;
}

/*.ads-slot table.socialNet {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	height: 100%;
}*/

.ads-slot table.socialNet {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	height: 100%;
	font-size: 12px;
	vertical-align: middle;
}

.ads-slot table.socialNet img{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
	float: none;
	vertical-align: middle;
}


.ads-slot table.socialNet img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.ads-slot table.socialNet tr{
	text-align: center;
	vertical-align: middle;
}

.ads-slot table.socialNet tr td{
	text-align: center;
	vertical-align: middle;
}

.ads-slot .adshere {

	text-align: center;

	margin: 0px;

	padding: 5px 0px 0px;

	float: left;

	width: 260px;

}

.ads-slot .adshere a {

	color: #000000;

	text-decoration: underline;

}

.ads-slot .adshere a:hover {

	color: #660000;

	text-decoration: none;

}



/*.ads-slot img {
	margin: 0px;
	padding: 0px;
	border-width: 0px;

}*/

.Zone-A-topBannerAd {
	width: 748px;
	float: right;
	margin: 0px;
	padding: 0px;
}
.content .mainTable .rightColumn .advertisement .ads-slot .ads_125x125 a {
	display: block;
}

.bottomLinks {
	margin-top: 25px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 12px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #b3d8f7;
}

.copyright {
	font-size: 12px;
	text-align: center;
	clear: left;
}
.content .mainTable .leftColumn table.questionsAndAnswers {
	margin: 0px;
	padding: 0px;
	width: auto;
}

.content .mainTable .leftColumn table.questionsAndAnswers th {
	color: #990000;
	font-size: 30px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #196AC3;
	padding-bottom: 10px;
	text-align: center;
	font-weight: normal;
}

.content .mainTable .leftColumn table.questionsAndAnswers tr td.question{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	color: #990000;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #196AC3;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


.content .mainTable .leftColumn table.questionsAndAnswers tr td.answer{
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.content .mainTable .leftColumn table.questionsAndAnswers tr td.answer p{
	margin: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	line-height: 1.5em;
	color: #00238C;
}


.content .mainTable .leftColumn table.features {
	margin: 0px;
	width: auto;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.content .mainTable .leftColumn table.features th {
	color: #990000;
	font-size: 30px;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #196AC3;
	padding-bottom: 10px;
	text-align: center;
	font-weight: normal;
}


.content .mainTable .leftColumn table.features tr td ul {
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	list-style-type: disc;
}

.content .mainTable .leftColumn table.features tr td ul li
{
	list-style-type: disc;
	font-size: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 5px;
	line-height: 1.5em;
	color: #00238C;
	font-weight: normal;
	margin-right: 10px;
	margin-left: 20px;
}

.content .mainTable .leftColumn table.features tr td ul li a
{
	color: #660000;
	text-decoration: none;
}

.content .mainTable .leftColumn table.features tr td ul li a:hover
{
	color: #cc0000;
	text-decoration: none;
}


.content .mainTable .leftColumn table.whatIsMetricJunkie {
	margin: 0px;
	width: 100%;
	text-align: left;
	background-image: url(../images/ProductIntro/RoundedEdges.png);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
	background-color: #454545;
	background-repeat: no-repeat;
	background-position: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.content .mainTable .leftColumn table.whatIsMetricJunkie tr td{
	border: 6px solid #454545;
}

.content .mainTable .leftColumn table.whatIsMetricJunkie tr td.verticleDivider
{
	vertical-align: middle;
}


.content .mainTable .leftColumn table.whatIsMetricJunkie p{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #00238c;
	padding-top: 10px;
	padding-bottom: 20px;
	line-height: 1.3em;
}


.content .mainTable .leftColumn table.whatIsMetricJunkie h2{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #00238c;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.3em;
}

.content .mainTable .leftColumn table.whatIsMetricJunkie h1{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #00238c;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 1.3em;
}

.whatIsMetricJunkieWrapper
{
	height: auto;
	width: 100%;
}


.whatIsMetricJunkieWrapper .steps, .whatIsMetricJunkieWrapper .description
{
	height: 100%;
	width: 670px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	/*padding: 0px; */
	position: relative; /* get the bottom of the text clear of the footer */
}




.whiteBackground {
	background-color: #ffffff;
}

.greyBackground {
	background-color: #454545;
}


.whatIsMetricJunkieWrapper .steps .stepOne
{
	width: 288px;
	float: left;
	margin-left: 10px;
	vertical-align: middle;
}

.whatIsMetricJunkieWrapper .steps p
{
	vertical-align: middle;
	text-align: center;
}

.whatIsMetricJunkieWrapper .steps .stepTwo
{
	width: 320px;
	float: left;
	padding-right: 10px;
}

.whatIsMetricJunkieWrapper .steps .stepThree
{
	width: 630px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.whatIsMetricJunkieWrapper .steps .stepThree h2
{
	padding-left: 0px;
}

.whatIsMetricJunkieWrapper .steps .verticalSeperator
{
	float: left;
	width: 2px;
	padding-right: 10px;
	padding-left: 10px;
}

.whatIsMetricJunkieWrapper .steps .roundedEdgeTop
{
	background-color: #0e5bda;
	background-image: url(../images/ProductIntro/RoundedEdges3.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left top;
	height: 8px;
}

.whatIsMetricJunkieWrapper .steps .roundedEdgeBottom
{
	background-color: #0e5bda;
	background-image: url(../images/ProductIntro/RoundedEdges3.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 8px;
	float: left;
	clear: left;
	width: 100%;
	background-position: 0% 100%;
}


.whatIsMetricJunkieWrapper .whiteRoundedEdgeTop
{
	background-color: #0e53ba;
	background-image: url(../images/ProductIntro/WhiteRoundedCorners.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: left top;
	height: 6px;
}

.whatIsMetricJunkieWrapper .whiteRoundedEdgeBottom
{
	background-color: #0e53ba;
	background-image: url(../images/ProductIntro/WhiteRoundedCorners.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 6px;
	float: left;
	clear: left;
	width: 100%;
	background-position: 0% 100%;
}




.whatIsMetricJunkieWrapper h1
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #114886;
	padding-top: 8px;
	padding-bottom: 26px;
	line-height: 1.3em;
}

.whatIsMetricJunkieWrapper h2
{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;
	padding-top: 0px;
	padding-bottom: 10px;
	line-height: 1.3em;
	font-weight: normal;
}

.whatIsMetricJunkieWrapper p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #114886;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.3em;
	font-weight: normal;
	text-align: left;
}

.whatIsMetricJunkieWrapper .content img
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.whatIsMetricJunkieWrapper .content {
	min-height:215px;
	_height:215px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 654px;
	margin: 0px;
	background-image: url(../images/ProductIntro/Background.png);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	height: 100%;
	border: 8px solid #0e53ba;




    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=../images/ProductIntro/Backgroud.png);
	_background: none;
    }


.whatIsMetricJunkieWrapper .upperContent {
	min-height:150px;
	/*	_height:150px;*/
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 654px;
	margin: 0px;
	border: 8px solid #0e53ba;
	background-color: #FFFFFF;
    }
	
	
.upperContent p {
	font-size: 19px;
	color: #333333;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.3em;
	font-weight: normal;
	text-align: left;
	padding-right: 15px;
	padding-left: 15px;
	}
	
.emphasis {
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
	
.content .gradient {
        z-index:1;
    }




.whatIsMetricJunkieWrapper .steps .horizontalSeperator
{
	height: 2px;
	clear: both;
	padding-top: 0px;
	padding-bottom: 15px;
	text-align: center;
}

.samplePage
{
	border: 2px solid #b3d8f7;
	margin: 0px;
	padding: 0px;
}

.samplePage tr, .samplePage tr td 
{
	margin: 0px;
	padding: 0px;
}

.userMessages {
	background-color: #FFFFFF;
	padding: 5px;
	border: thin dashed #007500;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
}

.userMessages p {
	font-size: 14px;
	color: #007500;
	padding: 5px;
	line-height: 1.3em;
}

.userMessages h1 {
	font-size: 15px;
	color: #007500;
	padding: 5px;
	line-height: 1.3em;
	font-weight: normal;
}

.userMessages h2 {
	font-size: 14px;
	color: #007500;
	padding: 5px;
	line-height: 1.3em;
	font-style: normal;
	font-weight: normal;
	display: inline;
	text-decoration: underline;
}

.userMessages a {
	color: #990000;
}





.firstTimeMessage, .termsOfService {
	background-color: #FFFFFF;
	padding: 5px;
	border: thin solid #EBF6FF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
}

.firstTimeMessage img{
	vertical-align: bottom;
}

.firstTimeMessage form input {
	margin-top: 20px;
	margin-bottom: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.firstTimeMessage p, .termsOfService p {
	font-size: 18px;
	color: #0E53BA;
	padding: 5px;
	line-height: 1.3em;
	vertical-align: middle;
}

.firstTimeMessage h1, .termsOfService h1 {
	font-size: 24px;
	color: #0E53BA;
	padding: 5px;
	line-height: 1.3em;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
}

.firstTimeMessage h2 {
	font-size: 14px;
	color: #0E53BA;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.3em;
	font-style: italic;
	font-weight: normal;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 0px;
	text-transform: uppercase;
}

.termsOfService h2{
	font-size: 14px;
	color: #cc0000;
	padding-left: 5px;
	padding-right: 5px;	
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 10px;
	text-transform: uppercase;
}

.termsOfService h3{
	font-size: 16px;
	color: #0E53BA;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 1.3em;
	padding-bottom: 10px;
	padding-top: 20px;
	text-transform: uppercase;
	font-weight: bold;
}

.termsOfService ol{
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.termsOfService ol li{
	font-size: 16px;
	color: #0E53BA;
	list-style-type: disc;
	line-height: 1.4em;
	padding: 5px;
}

.firstTimeMessage a {
	color: #990000;
	
}

















.helpIcon {
	text-align: right;
/*	padding-top: -8px;*/
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: -21px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: none;
	float: right;
}


.instructionHeaderFullBorder {
	background-color: #0e53ba;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}


.instructionHeaderFullBorder h1{
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 3px;
	background-color: #0e53ba;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
/*	border: thin solid #b3d3f8; */
}

.userMessages p.warning {
	color: #990000;
}

h2.bookTitle UL LI {
	list-style-type: none;
	font-size: 13px;
	line-height: 1.8em;
	text-align: left;
	color: #333333;
	font-weight: normal;
	padding-bottom: 5px;
}

.height75
{
	height: 75px;
}

.mainBottomAd
{
	margin-top: 50px;
	margin-bottom: 25px;
}

.superScript {
	position: relative;
	bottom: 0.5em;
	color: red;
	font-size: 0.8em;
	
}

.bookImage50x75 {
	background-image: url(../images/productImages/noImage50x75.png);
	background-position: center center;
}

.bookImage25x36 {
	background-image: url(../images/productImages/noImage25x36.png);
	background-position: center center;
}

.bookImage103x160 {
	background-image: url(../images/productImages/noImage103x160.png);
	background-position: center center;
}

.siteMeter img {
	float: right;
}

.loginSection form.forgotPassword{
	margin-top: 5px;
	margin-bottom: 5px;
}

#rankTableID
{

}

#rankTableWrapperID
{
}

.progressIndicator
{
	height: 220px;
	text-align: center;
	vertical-align: middle;
}

.progressIndicator img
{
	vertical-align: middle;
	padding-top: 90px;
}


.RangeButton
{
	width: 238px;
/*	background-color: #FF6600;*/
	float: right;
	margin-top: -18px;
}

.RangeButton form input
{
	width: 100%;
	/*	background-color: #FF6600;
*/	background-color: #0e5eba;
	color: #FFFFFF;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	margin: 0px;
}



.RangeButton form input:hover{
	background-color: #009900;
}


table.niceTable tr td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	border: thin solid #999999;
	line-height: 1.2em;
}

table.niceTable tr th 
{
	background-color: #FEEFC3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	border: thin solid #999999;
}


table.GetWidgetTable
{
	width: 650px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
	padding: 25px;
	font-family: Arial, Helvetica, sans-serif;
	/*background-color: #FEEFC3;
	border: thin solid #BEC380;
	color: #444444;*/
	background-color: #D2E9FF;
	border: thin solid #75BAFF;
	color: #333333;
}


table.GetWidgetTable tr th
{
}

table.GetWidgetTable th h1
{
	font-size: 24px;
	padding-top: 15px;
	padding-bottom: 15px;	
}

table.GetWidgetTable th p
{
	font-size: 16px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	line-height: 1.5em;
	color: #333333;
	text-align: left;
}

table.GetWidgetTable tr.GetWidgetTableHeading td
{
	font-weight: bold;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #75BAFF;
	border-bottom-color: #75BAFF;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}


table.GetWidgetTable tr.widgetRow
{
	/*border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;*/
}

table.GetWidgetTable tr.widgetRow td
{
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}


table.GetWidgetTable textarea {
     resize: none;
	 background-color: #FFFFFF;
}



table.GetWidgetTable tr td.alignMiddle
{
	vertical-align: middle;
}


#UserProfessionMetrics {
	width: 650px;
	margin-bottom: 25px;
}

.Demographics h1 {
	font-size: 24px;
	padding-top: 15px;
	padding-bottom: 30px;
}

.Demographics p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 1.3em;
	color: #333333;
}

.Demographics ul {
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 20px;
	vertical-align: top;
}

.Demographics ul li{
	margin-left: 20px;
	font-size: 20px;
	color: #666666;
	list-style-type: none;
	padding-left: 20px;
	list-style-image: url(../images/icons/checkmark25x22.png);
	padding-bottom: 12px;
	margin-top: 0px;
}


button.button{
	background-color: #0e5eba;
	color: #FFFFFF;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-top: 25px;
}

.Demographics button.button a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	

}

.Demographics button.button:hover{
	background-color: #009900;
}


.testimonialBlurb .headShot {
	float: none;
}

.testimonialBlurb {
	width: 100%;
	text-align: center;
	padding: 15px 0px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #dcdcdc;
}

.testimonialBlurb .Name {
	line-height: 1.5em;
	text-align: center;

}

.testimonialBlurb .Quote {
	/*width: 230px;*/
	line-height: 1.4em;
	margin: 15px auto;
	text-align: left;
}

.testimonialBlurb blockquote {
	width: 240px;
	font-size: 14px;
	padding: 12px 15px 10px 15px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #dcdcdc;
	background-color: #f6e8e1;
	background-image: url(/images/users/blockquote.jpg);
	background-repeat: no-repeat;
	background-position: 3px 4px;
}

.leftColumn .testimonials {
	width: 680px;
	text-align: left;
	margin-top: 10px;
}
.leftColumn .testimonials .headShot img, .testimonialBlurb .headShot img {
	border: 1px solid #CCCCCC;	
}

.leftColumn .testimonials .headShot {
	width: 127px;
	display: inline;
	float: left;
}

.leftColumn .testimonials .userInfo {
	width: 515px;
	margin-left: 15px;
	display: inline;
	float: right;
	padding: 2px 10px 7px 10px;
	background-color: #E2F3FF;
    border: 1px solid #64BDff; 
}


.leftColumn .testimonials .userInfo .Name, .leftColumn .testimonials .userInfo .Title {
	width: 515px;
	line-height: 1.4em;
	font-size: 16px;	
}

.leftColumn .testimonials .userInfo .Title {
	height: 71px;
	padding-top: 0;	
	margin-top: 0;
}

.leftColumn .testimonials .userInfo .Name {
	color:#CC0000;
	font-weight: bold;	
	padding-top: 0;
	margin-top: 0;
}

.leftColumn .testimonials .userInfo .Website {
	width: 400px;
	padding: 0 0 0 10px;
	display: inline-block;
	margin: 0;
}



.leftColumn .testimonials .userInfo .Twitter {
	width: 22px;
	height: 22px;
	margin-bottom: 0;
	padding-left: 0;
	line-height: 1.5em;
	background-image: url(/images/users/t_small-a.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
}

.leftColumn .testimonials .userInfo .Twitter a {
	width: 27px;
	height: 27px;
	display: block;	
}

.leftColumn .testimonials .Quote, .leftColumn .testimonials .Bio {
	width: 680px;
	float: right;
	line-height: 1.4em;
	margin-bottom: 35px;
	margin-top: 0;
	
}

blockquote {
	padding: 12px 15px 10px 15px;
	margin-left: auto;
	margin-right: auto;
	width: 584px;
	border: solid 1px #dcdcdc;
	background-color: #f6e8e1;
	background-image: url(/images/users/blockquote.jpg);
	background-repeat: no-repeat;
	background-position: 3px 4px;
}
	
blockquote span {  
        display: block;  
        float: left;  
        width: 58px;  
        height: 40px;  
}  
	



.highlight {
	padding: 10px 15px;
	float: left;
	width: 647px;
    margin-bottom: 30px;
	margin-top: -23px;
}

.blue2 {
		background-color: #E2F3FF;
        border: 1px solid #64BDff; 
		color: #000000;
}	
.orange {
	background-color: #FFD2A6;
        border: 1px solid #FF9933; 
}
.green {
	background-color: #D2FFD2;
        border: 1px solid #3EFF3E; 
}

.darkGreen {
	background-color: #D2FFD2;
        border: 1px solid #009900; 
}

.yellow {
	background-color: #FFFFC4;
        border: 1px solid #FFFF1C; 
}
.red {
	background-color: #FFD5D5;
        border: 1px solid #FF9191; 
}
.leftColumn .SubmitTestimonial {
	clear: both;
	margin-top: 30px;
	-moz-border-radius: 0 0 20px 20px; -webkit-border-radius: 0 0 20px 20px;
	font-size: 17px;
}

.leftColumn .SubmitTestimonial h3 {
	font-size: 18px;
	margin-top: -20px;
	margin-left: 25px;
	line-height: 1.4em;
	
}

.leftColumn .SubmitTestimonial p {
	font-size: 16px;
	margin: 20px 25px 25px 25px;
	line-height: 1.4em;
	
}

.leftColumn .SubmitTestimonial ul{
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 45px;
	padding-left: 10px;	
}

.leftColumn .SubmitTestimonial ul li{
	line-height: 1.4em;
	
}



.redText {color: #CC0000}

.SeeMore, .SubmitYourOwn {
	font-size:12px;
	display: inline-block;
	text-align: center;
	background-color:#DFF1FF;
	border: thin solid #11489C;
	padding: 0;
}



.SeeMore {
	width: 70px;
	margin-right: 8px;
}

.SubmitYourOwn {
 	
	width: 185px;
}

.SeeMore a, .SubmitYourOwn a{
	display: block;
	margin: 0;
	padding: 5px;
}