/*******************************************************************************
	Filename:	baseCSS.css
	Author:		Alexander Sideropoulos
	Date:			May 28, 2006
	Details:	Site-wide CSS tags. Has content placing tags, for Template.jsp,
						and some generic classes. Included by Template.jsp for all pages
						due to the variable set in /vars/default.jsp
	Notes:		ASideropoulos : 2006.05.28
						Created CSS as part of site re-design process.
	*****************************************************************************/

/* generic classes (These must preceed the custom classes below) */
body {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, sans-serif;
	font-size: smaller;
	color: #000000;
	background-color: #FFFFFF; }
img {
	border: none; }

#puzzle_number {
    font-family: Verdana, sans-serif;
    font-weight: bold;
}
#puzzle_date {
    font-family: Verdana, sans-serif;
    font-weight: normal;
}
#puzzle_date_solved {
    font-family: Verdana, sans-serif;
    font-weight: normal;
    color: #000; 
}
    

/* page body bag */
#bodybag {
	margin: 0px auto;
	padding: 10px;
	min-width: 765px; }

/* page header */
#header {
	padding: 0px;
	margin: 0px;
	float: none;
	height: 105px; /* 90px; */
	width: 765px; 
	text-align: center; }
#ad_headerL, #ad_headerR {
	margin: 0px;
	width: 100px; }
#ad_headerL {
	float: left;
	padding: 0px 10px 0px 0px; }
#ad_headerR {
	float: right;
	padding: 0px 0px 0px 10px; }
#header_content {
	float: none; /*don't let anything float around this section */
	height: 105px; /* 90px; */
	width: 715px; /* 540px; */
	margin: 0px;
	padding: 0px; }
#tagline h1 {
	font-size: medium;
	padding: 0px;
	margin: 10px; }

/* main navigation box */
#navcontainer { 
    border: solid 1px #000000; 
	width: 126px;
	/* float: left;  OMIT this so ad can appear underneath */
 	text-align: left;
	padding: 0px;
    margin-right: 3px;
	background-color: #FFE7B4;
	}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
display: block;
padding: 3px 10px;
text-decoration: none;
}

#navcontainer a:hover
{
padding: 3px 1px 3px 10px;
text-decoration: underline;
}

#navcontainer ul ul
{
margin-left: 20px; /* Indent for sublist items */
padding: 0; /* spacing around sublist */
list-style-type: none;
}

#navcontainer li li a
{
display: block;
padding: 3px 10px;
margin: 0;
text-decoration: none;
font-size: 12px;
}

#ad_navigation {
    float: left;
    text-align: center;
 	margin: 10px 0px;
	padding: 0px; }

/* tab navigation */
#tabs_nav {
	float: none; }
		
#tabs_nav ul
{
padding: 0px;
margin: 0px;      /* Align tabs at top */
margin-left: 0;  
padding-left: 0;  /* remove left-indentation */
white-space: nowrap;
color: #fff;  /* default is white text */
}

#tabs_nav li
{

display: inline;        /* force all items to appear on one line */
list-style-type: none;  /* remove the bullets from the unordered list */
padding: 5px;			
 border: solid 1px #FFF; 		 
float:left;             /* So login box can appear at same valign */
}

#tabs_nav a { padding: 3px 5px; }

#tabs_nav a:link, #tabs_nav a:visited
{
/* color: #000;  Black text for links*/
   font-weight: bold;
background-color:  inherit;  
 text-decoration: none;   /* remove the underline from the hyperlink  */
}

#tabs_nav a:hover
{
color: #fff; /* white text while hovering */
background-color: #666;   /*  #333;   dark grey background */
text-decoration: none;
}

	#qf_tabs li {
		background-color: #66CC99;  /*  #009966; greenish */
		color: inherit; }
	#groupies_tabs li {
		background-color: #FFFF00; /* goldish yellowish */
		color: inherit; }
	#jigsaw_tabs li {
		background-color: #006699; /* blueish */
		color: inherit; }
    /* Other colors:   #C66 Dark Rose */

/* help link */
#help_link {
	text-align: right;
	font-size: small;
	padding-right: 175px; }

/* Download Link */
#dl_link {
   font-size: x-large;
   font-family: "Arial Western", Verdana, sans-serif;
   font-weight: bold;
   }

/* any hyperlink that we want to appear very small size, such as "forgot password"  */
#tiny_link {
    font-family: "Arial Western", Verdana, sans-serif;
	font-size: x-small;
}

/* Any text that we want to emphasize, like "Return to Merchant" */
#strong_text {
    font-size: medium;
    font-family: "Arial Western", Verdana, sans-serif;
    font-weight: bold;
	color: #CC6600;    /* 000000; */
}
   
/* content side bag */
#content_side {
	width: 150px;
	padding: 0px;
	margin-left: 5px;
	float: right; }
	#content_side .sidebox {
		padding: 7px;
		margin-bottom: 10px;
		border: solid 1px #000000;
		background: #DDDDDD;
		color: inherit;
		text-align: left; }
	#content_side .sidebox h3 {
		padding-bottom: 10px;
		margin: 0px; }
	#content_side .sidebox ul, #content_side .box ol {
		padding: 4px;
		margin: 0px; }
	#content_side .sidebox li {
		padding: 0px;
		margin-left: 20px; }

#right_side_advert {
	width: 120px;
	padding: 0px;
	margin-left: 0px;
	float: right; }


/*  Experiment with input text size for IE7
#loginUserName { font-size: 12px; color=#990000; }
#loginPassword { font-size: 12px; color=#990000; }
*/

/* login box */
#login { /* reserved */ }
#login_errors { /* reserved */ }

/* news box */
#news { /* reserved */ }
	#news ul {
		margin: 0px 0px 0px 15px;
		padding: 0px; }
	#news li {
		margin-bottom: 3px; }

/* hall of fame box */
#hof {	/* reserved */ }
	#hof h4 {
		padding-top: 10px;
        text-align: center;
		margin: 0px; }
	#hof ol {
		overflow: visible;  }

/* site stats box */
#site_stats { /* reserved */ }
	#site_stats dl {
		padding: 0px;
		margin: 0px; }
  
/* error class */
.error {
	color: #FF0000;
	background-color: inherit; }






/* page content */
#content {
	text-align: left;
	padding-left: 145px; }
	#content .box {
        width: 275px;
		padding: 7px;
		margin-bottom: 10px;
		border: solid 1px #000000;
		background: #DDDDDD;
		color: inherit;
		text-align: left; }
	#content .box h3 {
		padding-bottom: 10px;
		margin: 0px; }
	#content .box ul, #content .box ol {
		padding: 4px;
		margin: 0px; }
	#content .box li {
		padding: 0px;
		margin-left: 20px; }

#ad_contentB {
	padding: 0px;
	margin: 10px 0px; }


/* page footer */
#footer {
	clear: both;
	padding-top: 10px; }

/* Daily Scores Table */
table.scores
{text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #000;  /* black */ 
width: 280px;
background-color: #fff;  /* white */
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.scores td
{background-color: #fff;   /* grey = #CCC; */
color: #000;
padding: 4px;
text-align: left;
border: 1px #ccc solid;}

table.scores td.hed
{background-color: #666;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}

/* Statistics Table (Player Statistics Page ) */
table.stats
{text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 12px;
color: #000;  /* black */ 
width: 210px;
background-color: #fff;  /* white */
border: 1px;  /* #ccc solid; */
 border-collapse: collapse; 
border-spacing: 0px;}

table.stats td
{background-color: #fff;   /* grey = #CCC; */
color: #000;
padding: 4px;
text-align: left;
/*border: 0px #ccc solid;*/
}

table.stats td.hed
{background-color: #666;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}

#interactive_puzzles { 
    border: solid 1px #666; 
	width: 325px;
 	text-align: left;
	padding: 10px;
    margin-right: 5px; 
	}