﻿/* JPAN style sheet created by Well Thought Out Design http://www.wellthoughtout.com */
/* General Body style */
/*body {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; min-width: 610px; text-align: center; margin:0; */
body{font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; min-width: 610px; margin:0;
	 margin-bottom:10px; background-color: #808080; font-size: small;}
	
/* Main container */
#container_wrap{width:761px; margin: 10px auto; background-color: #808080;}
#container{width:748px; margin: 0; background: #fff url(../images/bottom_line.gif) no-repeat; background-position:0% 100%;}
div#round_top {width:748px; background: #fff url(../images/top_line.gif) no-repeat; line-height:6px;}
/* header bar */
	#header {padding: 0 10px;}
		
/* Footer style */
	#footer {margin: 2em 0 0;	padding:0;	text-align: center;	clear:both;}
	#footer div.bottomline {padding:5px 0; color: #656565;  font-size:90%;}
	#footer div.bottomline image {padding-right:10px;}
	#footer a {color:#000;}
/* rest of the styles */

	.MIDDLE {WIDTH: 751px; float:right;}
	#RIGHT {width:125px; float:left;}
	#LEFT {width:590px;}

	/* styles for sponsored titles */
	.sponsarea {width: 600px; margin-top:2px;}
	.topitem {width: 183px; border:1px solid #ccc; padding:5px; background: #ffffe7; font-size: 90%; margin-right:4px; height:4.65em;}
	.topitem a {color: #000;}
	.spont-image {float: left; margin-right:0.3em;}
	
	/* styles for download titles border:1px solid #646161; */	
	#mainarea {width: 595px; margin-top:4px;}
	.column1 {padding:2px; margin-bottom: 4px;}
	.column1 a {display:block; background-color: #fff; border-bottom:1px dashed silver;
				 text-decoration:none; color: #e75200; padding: 2px;}
	.column1 a:hover {background-color: #e75200; color: #fff;}				 
	.header {text-align:left;
			border-bottom: 1px solid #fff; margin: 0; padding: 2px 32px 4px 7px;
			background-color: #007b94;
			font-family:Verdana,arial,sans-serif; color:white; font-weight: bold; /* font-size: 11px; */
			position:relative; top: 0px; left: 0px; z-index:10;}
	.header2 {text-align:left;
			border: 0; margin: 0; padding: 2px 32px 4px 7px;
			background-color: #007b94;
			font-family:Verdana,arial,sans-serif; color:white; font-weight: bold; /* font-size: 11px; */
			position:relative; top: 0px; left: 0px; z-index:10;}
	.column2 {padding:2px;border:1px solid #646161; margin-left:5px;}
	.center {text-align:center;}
	div#detail { width: 100%; border:1px solid #54a7b0;padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px}
	.catspace {padding: 0 3px;}
	table.thisTitle {margin-top:2px; background: #007b94; border-bottom:1px solid #333;}
	table.thisDescription {background: #fff; border-bottom: 1px solid silver; font-size:90%;}
	table.thisButton {background: #007b94; border-bottom: 1px solid silver; border-top: 1px solid white; font-size:11px;}
	.title {font-family: Arial, Helvetica, sans-serif; VERTICAL-ALIGN: middle; BACKGROUND-IMAGE: url(../images/greentitle.gif); BACKGROUND-REPEAT: repeat-x; HEIGHT: 20px; font-weight:bold; font-size: 10pt; BORDER-TOP: #BFE9E9 1px solid; BORDER-BOTTOM: #E5F3F3 1px solid; color: #007b94;}
	.whitetitle {font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12pt; color: #ffffff;}
	
	/* heading for features on title detail page */
	.featurehead1 {text-align:center; font-weight:bold; font-family: Arial, Helvetica, sans-serif;}
	.featurehead2 {text-align:left; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color: #990000; padding-bottom:10px}
	.detail2 {text-align:left; font-family: Arial, Helvetica, sans-serif;padding-bottom:10px}
	.description {font-family: Arial, Helvetica, sans-serif; font-size:110%; padding: 5px 10px}
	.featureborder {border-top: 1px solid #54a7b0; border-bottom:1px solid #54a7b0;}
	.leftend {border-left: 1px solid #54a7b0;}
	.rightend {border-right: 1px solid #54a7b0;}
	#inline_image image {padding-top:6px;}
	/* bottom link styles under title details */
	a.bottom_links {background: url(../images/but-bit.gif) repeat-x; border:1px solid #454545; color:#333; margin-right:5px; text-decoration:none; padding:2px 6px; line-height:20px; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-variant:small-caps;}
	a:hover.bottom_links{background: url(../images/but-bit_on.gif) repeat-x;}
	/* general */
	.rightarea {margin:0; padding: 0; background: #bfbfbf;}

	/* new jorge leaderboard image style*/
	.longbox {margin: 1px 0 3px; padding:0;}

	/* header styles */
	td {text-align: left;	vertical-align: top;	font-family:Tahoma; font-size: 95%;	color:#000000;}
td.mid {text-align: center;	vertical-align: middle; color:#fff;}
td.mid a {color:#fff; text-decoration:none;}

form {margin:0px;}

/* toplinks style */
td.toplinks {padding-top:15px;text-align:right;}
td.toplinks a {text-decoration: none; color:#1054AF; margin-right:2px;}
td.toplinks a:hover {text-decoration: underline;}
.menulinks {font-size:12px;} /* fixed as image will go wrong if text size expanded */

/* search bar styles */
td.toplinks input {border:1px solid #454545; margin-bottom:6px;}
#submit {height:20px;margin-right:3px;}
a.3 {text-decoration: underline;color:#000;}

/* cats display style */
span.smallcats a {text-decoration: none; color:#747584; font-size:80%;}
span.smallcats a:hover {text-decoration: underline;}
a.largecats {text-decoration: none;	color:#007b94; font-size:135%;font-weight: bold;}
a:hover.largecats {text-decoration: underline;}

/* article box styles */
div.bbox {padding:2px; margin-bottom: 4px; }
div.bbox a {color: #000;}
			
/* article box styles */
div.bbox2 {padding:2px; margin-bottom: 4px;}

div.bbox p {text-align:left; padding: 0; margin: 2px 2px 2px 3px;}
/*
div.bbox a.howto {text-decoration: none;	display:block; border-bottom:1px solid #eaeaea; color:#000; background: url(../images/arrow2.gif) no-repeat; background-position: 0% 3px; padding-left:13px; padding-bottom:5px; padding-top:5px;}
*/
div.bbox a.howto {text-decoration: none; background: url(../images/icon_arrow.gif) no-repeat; background-position: 0% 5px; display:block; border-bottom:1px solid #eaeaea; color:#000; padding-left:30px; padding-bottom:5px; padding-top:3px;}
div.bbox a.howtoplain {text-decoration: none; display:block; border-bottom:1px solid #eaeaea; color:#000; padding-left:30px; padding-bottom:5px; padding-top:3px;}
div.bbox a:hover.howto {text-decoration: underline;}
div.bbox a:hover.howtoplain {text-decoration: underline;}

div.bbox a.newarticle {text-decoration: none; background: url(../images/icon_newtxt.gif) no-repeat; background-position: 0% 5px; display:block; border-bottom:1px solid #eaeaea; color:#000; padding-left:30px; padding-bottom:5px; padding-top:3px;}
div.bbox a:hover.newarticle {text-decoration: underline;}

/* clear BOX STYLES for right hand ads*/
div.cbox {	text-align:center;
			background-color: white;
			width:120px;
			margin-bottom:7px; margin-top:7px;}

/* Rate title page styles */
div#ratearea {width:100%; background-color: #c6dede; padding:10px 0 20px;}
table.rateTable {background-color: #c6dede; font-size:90%;}
.featureheadRate {text-align:left; font-family: Arial, Helvetica, sans-serif; font-weight:bold; color: #990000; padding-left:5px;}
.detailRate {text-align:left; font-family: Arial, Helvetica, sans-serif;padding-bottom:10px;}
span#radRate input {margin-left:15px;}

.gobut {background: url(../images/bullet1.gif) no-repeat;padding-left:10px;}
.bold_center {text-align:center; font-weight: bold;}
.bold_center_large {text-align:center; font-weight: bold; font-size:150%; font-family: Arial; }
.bold_left{text-align:left; font-weight: bold;}

.blue_box {border:1px solid #54a7b0; background: #66becb; width:250px; padding:5px; text-align:center; height:15em;}
.login_box {}
.login_box td {padding: 3px;}
.forgot_box {border:1px solid #54a7b0; background: #66becb; width:450px;}
.forgot_box td {padding: 6px 10px;}
div#error_area {height:30px; color:Red; font-weight: bold; text-align:center;}

/* common grid styles */
.gridTable {border:1px solid #333; padding:2px; background: #fff; margin-top:15px;}
.gridTable a {color: blue;}
.gridTable a:visited {color: blue;}

.grid_header 
{background-color: #D5EFEF; font-weight:bold; font-size: 8pt; color: #007b94;}
.grid_header a {color: #000; line-height:20px;}
.grid_header a:visited {color: #000;}
.grid_footer {text-align:center;}
.grid_pager td {background: url(../images/icon_page.gif) no-repeat; background-position: 0% 60%; padding-left:35px;}
.grid_category {font-style:italic; color:#007b94;}
.grid_link a {color: blue;}
.grid_link a:visited {color: blue;}
.grid_input {width:180px; margin-bottom:5px;}
.grid_input_name {padding-top:5px; color: #990000; font-weight:bold;}
a.grid_button {background: url(../images/but-bit.gif) repeat-x; border:1px solid #454545; color:#333; margin-left:5px; text-decoration:none; padding:2px 6px; line-height:20px; font-family: Arial, Helvetica, sans-serif; font-size:100%; font-variant:small-caps;}
a:hover.grid_button{background: url(../images/but-bit_on.gif) repeat-x;}

.input_register {width:200px;}
.registerTable {line-height:25px; margin-top:20px;}
a.stdform_button {background: url(../images/but-bit.gif) repeat-x;border:1px solid #454545; color:#333; text-decoration:none; padding:2px 6px; line-height:20px; font-family: Arial, Helvetica, sans-serif; font-size:100%; font-variant:small-caps;}
a:hover.stdform_button {background: url(../images/but-bit_on.gif) repeat-x;}

.errorTable {margin:10px 0;}
.errorText {font-style:italic; color:Red;}

/* publishers payment type selection boxes */
div.small_box {border:1px solid #54a7b0; background: #fff; width:500px; padding:8px 10px; margin:2px 10px; background: #66becb;}
div.small_box td {font-size:100%;}
.lineup_input_name {padding-top:2px;}

div#allContent {font-family: Arial; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; font-size:100%;}
div#allContent hr {width:100%;}
div#no_records {margin: 10px; }

table.fc_grid td.center {text-align:center; vertical-align:middle;}

/* license display on title page style */
div#license-agree {overflow-y: auto; height:4em; background: #c6dede; padding:0 10px 2px 10px;}
div#license-agree h4 {font-size:100%; text-align:center; margin:5px 0;}
span.license-text {font-variant: small-caps; font-size:85%;}

/* left hand side ad box style for home page */
div.left-ad-box {width:189px; background: #eaeaea; margin-bottom:10px;}

/* new header menu style */
#header-menu {float:left; width:100%; background:#fff url(../images/menu-bg.gif) repeat-x bottom; font-size:93%; line-height:normal;}
#header-menu ul {margin:0; padding:2px 2px 0; list-style:none; }
#header-menu li {float:left; background:url(../images/menu-left.gif) no-repeat left top; margin:0; padding:0 0 0 9px;}
#header-menu a {font:1em Arial;float:left; display:block; background:url(../images/menu-right.gif) no-repeat right top; padding:5px 9px 4px 2px; text-decoration:none; font-weight:bold; color:#fff;}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header-menu a {float:none;}
/* End IE5-Mac hack */
#header-menu a:hover {color:#333;}
#header-menu #current {background-image:url(../images/menu-left_on.gif);}
#header-menu #current a {background-image:url(../images/menu-right_on.gif); color:#333; padding-bottom:5px;}
#header-menu h5 {margin:0; color: #999; text-align:center;font-size:95%;}
