/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #010178;
	margin-top: 3px;
	margin-bottom: 7px;
}

#wrap {
	width: 757px;
	text-align: left;
}

#header {
	background:url(../images/header/back.jpg) top left no-repeat;
	width:757px;
	height:88px;
	margin:0px;
	text-align: right;
	padding: 0px;
}

#header img {
	margin: 0px;
	margin-right:2px;
}

#header_premium {
	background:url(../images/header/back_premium.jpg) top left no-repeat;
	width:757px;
	height:88px;
	margin:0px;
	text-align: right;
	padding: 0px;
}

#header_premium img {
	margin: 0px;
	margin-right:2px;
}

/* Sponsor Links Box */
#linkBar {
	background:#FCFF22;
	width: 757px;
	height: 18px;
	margin: 0px;
	text-align:center;
}

#leftbar {
	float: left;
	width: 161px;
	margin-right: 7px;
}

#mainbody {
	float: right;
	width: 589px;
}

#mainleft {
	float: left;
	width: 282px;
}

#mainright {
	float: right;
	width: 300px;
}

#footer {
	clear: both;
}

#footer a {
	text-decoration:underline;
	color:#000000;	
}

#container {
	display:block;
	margin-bottom: 7px;
}

.clear {clear:both;}

p {
margin:0px;
}

a {
	text-decoration:underline;
	color:#000000;
}

a.bluelink {
	text-decoration: underline;
	color: #0000CC;
}

img {
	border: 0px;
}

form {
	margin: 0px;
}


h1,h2,h3,h4,h5,h6{
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding: 0px;
	margin: 0px;
}

.blueHeading {
	color: #0000CC;
	padding-bottom: 5px;
}

.greenHeading {
	color: #009900;
	padding-bottom: 5px;
}

.redHeading {
	color: #C30101;
	padding-bottom: 5px;
}

.orangeHeading {
	color: #DE7D03;
	padding-bottom: 5px;
}




/* Login and user info bar */
p.userinfo{
	text-align:right;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom: 2px;
}

.userinfo a{
	text-align:right;
	color:#FFFFFF;
	font-weight:bold;
	margin-bottom: 2px;
}



/*Left Navigation Mod */
div.LeftNav {
  	background: url(../images/mods/left_nav/background.jpg) top left;
  	width:161px;
  	background-color:#FFFFFF;
	margin: 0px;
	margin-top: 7px;
}

div.LeftNav div{
	padding-bottom: 7px;
	background: url(../images/mods/left_nav/footer.jpg) bottom no-repeat;
}

div.LeftNav p {
	padding-top:5px;
	padding-left: 11px;
	padding-right: 18px;
}



/* Unordered list styles */
.galleryNav {
	list-style: none;
	margin-left:11px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}

.galleryNav li{
	margin-bottom:7px;
}

.galleryNav li .boldLink {
	color: #010178;
	font-weight:bold;
}

.galleryNav .gallerySubNav{
	list-style: none;
	margin: 0px;
	margin-top: 5px;
	margin-left: 8px;
	padding: 0px;
}

.galleryNav .gallerySubNav li{
	list-style: none;
	margin-right: 0px;
	margin-left:0px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
}

.galleryNav .gallerySubNav li a {
	color: #010178;
	font-weight: normal;
}


/*Daily Puzzle Mod */
div.DailyPuzzle {
  	background: url(../images/mods/daily_puzzle/background.jpg) top left;
  	width:282px;
	height: 250px;
  	background-color:#FFFFFF;
	margin:0px;
	margin-top:7px;
}

div.DailyPuzzle div{
	height: 100%;
	background: url(../images/mods/daily_puzzle/footer.jpg) bottom no-repeat;
}

div.DailyPuzzle p {
	padding-left: 13px;
	padding-right: 10px;
}

div.DailyPuzzle a {
	color: #010095;
	text-decoration:none;
}

div.DailyPuzzle a:hover {
	text-decoration:underline;
}



/* Monthly Contest Mod */
div.Contest {
  	background: url(../images/mods/contest/background.jpg) top left;
  	width:282px;
  	background-color:#FFFFFF;
	margin: 0px;
	margin-top:7px;
}

div.Contest div{
	height: 100%;
	background: url(../images/mods/contest/footer.jpg) bottom no-repeat;
}

div.Contest p {
	padding-left: 13px;
	padding-right: 10px;
	padding-bottom: 15px;
}


/* Top Players Mod */
div.TopPlayers {
  	background: url(../images/mods/top_players/background.jpg) top left;
  	background-color:#FFFFFF;
	margin-top:7px;
	background-repeat: repeat-y;
}

div.TopPlayers .topImage {
	width: 300px;
	height: 62px;
	background-image: url(../images/mods/top_players/header2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

/* Hide that ungly outline around the images */
div.TopPlayers a:focus { -moz-outline-style: none; }

div.TopPlayers .topImage img {
	margin-top: 23px;
	border-style: none;
	margin-left: 2px;
	text-decoration: none; 
	float: left;
}

div.TopPlayers .bottomImage{
	height: 100%;
	background: url(../images/mods/top_players/footer.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

div.TopPlayers p {
	margin-top:0px;
	padding-top:0px;
	margin-left: 2px;
	margin-right: 2px;
}

div.TopPlayers tr {
	height: 20px;

}

div.TopPlayers tr.DarkBand {
	background:#DAECFA;
}

div.TopPlayers tr.LightBand {
	background:#FFFFFF;
}

div.TopPlayers tr.HighlightBand {
	background:#B0D1EA;
}


/* Ad Block */
div.AdBlock {
	margin: 0px;
	margin-top: 7px;
}


/* ---- Rounded Corners ---- */
.roundcont {
	margin: 0px;
	padding: 0px;
	margin-top: 7px;
	background-color: #FFFFFF;
	color: #000000;
}

.roundcont .content {
	padding: 0px;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.roundtop { 
	background: url(../images/mods/whiteRound/tr.jpg) no-repeat top right; 
}

.roundbottom {
	background: url(../images/mods/whiteRound/br.jpg) no-repeat top right; 
}

img.corner {
   width: 7px;
   height: 7px;
   border: none;
   display: block !important;
}


/* White Center Content */
div.CenterContent {
	background:#FFFFFF;
	width: 589px;
	margin:0px;
	margin-top: 7px;
	padding:0px;
	float: left;
}

div.CenterContent .header{
	background: url(../images/mods/contentWide/header.jpg) top left no-repeat;
	height: 7px;
	width: 589px;
	margin: 0px;
	padding: 0px;
}

div.CenterContent .footer{
	float: inherit;
	background: url(../images/mods/contentWide/footer.jpg) bottom left no-repeat;
	height: 8px;
	width: 589px;
	margin: 0px;
	padding: 0px;
}

div.CenterContent .content{
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0px;
}

/* Gallery images */
div.GalleryImage {
	background: url(../images/gallery.jpg) top no-repeat;
	float: left;
	width: 146px;
	margin-left: 32px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline;
}

div.GalleryImage p {
	margin: 0px;
	margin-top: 15px;
	text-align: center


}

div.GalleryImage img {
	border: 0px;
	margin-top: 13px;
	margin-left: 12px;
	padding: 0px;
}


div.GalleryImageSingle {
	background: url(../images/gallery_single.jpg) top no-repeat;
	float: left;
	width: 146px;
	margin-left: 32px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline;
}

div.GalleryImageSingle .thumbnail {
	width: 120px;
	height: 90px;
	border: 0px;
	margin-top: 13px;
	margin-left: 12px;
	padding: 0px;
}

div.GalleryImageSingle p {
	margin: 0px;
	margin-top: 15px;
	text-align: center
}

div.GalleryImageSingleVert {
	background: url(../images/gallery_single_vert.jpg) top no-repeat;
	float: left;
	width: 118px;
	margin-left: 32px;
	margin-right: 28px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline;
}

div.GalleryImageSingleVert .thumbnail {
	width: 90px;
	height: 120px;
	border: 0px;
	margin-top: 12px;
	margin-left: 13px;
	padding: 0px;
}

div.GalleryImageSingleVert p {
	margin: 0px;
	margin-top: 15px;
	text-align: center
}

img.icon {
	border: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}

#breadcrumbs {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#jigsawGame {
	margin-top: 7px;
	width: 757px;
	height: 410px;
}


/* Forms */
td.formLabel {
	vertical-align: top;
	text-align:right;
	font-weight: bold;
	padding-right: 10px;
}

td.formLabelLarge {
	vertical-align: top;
	text-align:right;
	font-weight: bold;
	padding-right: 10px;
	margin-bottom: 7px;
}

td.formElement {
	text-align: left;
	padding-bottom: 4px;

}

td.formAbout {
	text-align:left;
	font-size: 11px;
	color:#5F6C60;
	padding-bottom: 7px;
}

div.formError {
	width: 100%;
	font-weight: bold;
	color: #000000;
	background-color: #FED1D1;
	padding: 5px;
	margin-bottom: 10px;
	margin-right: 10px;
}

div.formError ul {
	margin: 0px;
	margin-top: 5px;
	margin-left: 15px;
	font-weight: normal;
}

div.formError li {
	font-weight: normal;

}

div.redError {
	width: 100%;
	font-weight: bold;
	color: #FF0000;
	padding: 3px;
}

div.formError img {
	margin-top: 5px;
	margin-bottom: 0px;
	margin-right: 5px;
}


/* Average Times Mod */
div.AverageTime {
  	background: url(../images/mods/average_time/background.jpg) top left;
  	background-color:#FFFFFF;
	margin-top:7px;
}

div.AverageTime .bottomImage{
	height: 100%;
	background: url(../images/mods/average_time/footer.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

div.AverageTime p{
	margin: 0px;
	padding: 0px;
}

/* Text Links */
.adBox {
	float: left;
	width: 340px;
	height: 90px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 10px;
}

.adBox .title {
	font-weight: bold;
	color: #0000FF;
	font-size: 12px;
}

.adBox .image {
	margin-right: 5px;
}

.adBox .text {
	font-size: 11px;
	text-decoration:none;
	color: #000000;
}

/* Leaderboard Mod */
div.leaderboard {
	width: 757px;
	height: 112px;
  	background: url(../images/mods/leaderboard/right_image.jpg) top right repeat-y;
  	background-color:#FFFFFF;
	margin: 0px;
	margin-top:7px;
}

div.leaderboard .footer{
	height: 100%;
	background: url(../images/mods/leaderboard/footer.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}


/* Edit account information */
div.PopUp {
  	background: url(../images/mods/account/background.gif) top left;
  	background-color:#FFFFFF;
	margin: 0px;
}

div.PopUpBottomImage{
	height: 100%;
	background: url(../images/mods/account/footer.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

div.PopUp .content{
	margin-left: 10px;
	margin-right: 10px;
	margin-top:0px;
	padding-top:5px;
}

img.emoticon {
	padding-right: 4px;
	vertical-align:middle;
	width: 16px;
	height: 16px;


}

/* Account page styles */
span.accountIcon
{

}

span.accountIcon.img
{
	padding: 5px;
	background: #0066FF;
	
}


/* FAQ Page */

div.faq_question {

}

div.faq_question h2 {
	font-size: 15px;
	margin-bottom: 7px;
	margin-top: 7px;
	color: #0000CC;
}


div.faq_question ul {
	list-style: disc;
	margin-left: 20px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}

div.faq_question ul li {
	margin-bottom: 5px;


}



div.faq_answer {

}

div.faq_answer h3 {
color: #0000CC;
font-size: 13px;
margin-bottom: 7px;
margin-top: 5px;

}

div.faq_answer p.question {
	
	margin-left: 20px;


}

div.faq_answer p.back_to_top {
	font-size: 10px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 30px;
}

div.faq_answer p.back_to_top img {
	margin-right: 5px;

}

img.previewPic {
	margin: 2px;
	border:1px solid black;
	width: 100px;
	height: 70px;
}

tr.DarkBand {
	background:#DAECFA;
	height: 17px;
}

tr.LightBand {
	background:#FFFFFF;
	height: 17px;
}

div.alertBox {
	height: 60px;
	background-color: #fcfcd8;
	background-image: url(../images/icons/lightbulb.jpg);
	background-repeat: no-repeat;
	background-position: 10px 8px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 8px;
	padding-left: 65px;
	font-size: 14px;
	border:1px solid #dbe301;
	line-height: 22px;
}