/*
-----------------------------------------------
www.arcadeflyers.com CSS styles
Author:   Daniel Hower
Version:  November 2010
----------------------------------------------- */


/* Structure - Default Template
----------------------------------------------- */
body {
	background: #000;
	padding: 10px 3px 3px 3px;
	margin: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	}
	
body#ads {
	padding: 3px;
	}
	
#align { 
	width: 990px;
	text-align: left;
	margin: 0px auto;
	position: relative;
	padding: 0;
	top: 0;
	left: 0;
	}
	
#alignWide {
	width: 1244px; 
	text-align: left;
	margin: 0px auto;
	position: relative;
	padding: 0;
	top: 0;
	left: 0;
	}
	
#adBanners {
	width: 990px;
	margin-bottom: 10px;
	white-space: nowrap;
	float: left;
	}
	
#adBanners2 {
	width: 990px;
	margin-top: 10px;
	white-space: nowrap;
	float: left;
	}
	
#header {
	width: 990px;
	height: 80px;
	background: url(../images/header.png) no-repeat;
	border-bottom: 1px solid #000;
	float: left;
	}
	
#headerWide {
	width: 1244px;
	height: 80px;
	background: url(../images/header.png) no-repeat;
	border-bottom: 1px solid #000;
	float: left;
	}
	
#main {
	width: 970px;
	padding: 10px;
	background: #fff;
	float: left;
	}

#main2 {
    width: 960px;
    padding: 10px;
    background: #fff;
    float: left;
    }
	
#mainWide {
	width: 1224px;
	padding: 10px;
	background: #fff;
	float: left;
	}
	
#search {
	width: 950px;
	padding: 10px;
	margin: 0;
	font-weight: bold;
	background: #ccc;
	border-bottom: 2px solid #fff;
	float: left;
	}
	
#searchResults {
	width: 950px;
	padding: 10px;
	margin: 0;
	font-weight: bold;
	background: #e1e1e1;
	float: left;
	}
	
#contentWrapper {
	width: 970px;
	float: left;
	}
	
#leftcol {
	width: 224px;
	float: left;
	}
	
#rightcol {
	width: 726px;
	float: right;
	}
	
#footer {
	width: 990px;
	height: 40px;
	border-top: 1px solid #000;
	background: url(../images/footer.png) no-repeat;
	float: left;
	}
	
#footerWide {
	width: 1244px;
	height: 40px;
	border-top: 1px solid #000;
	background: url(../images/footer.png) no-repeat;
	float: left;
	}
	
#copyright {
	width: 990px;
	padding: 5px 0px 5px 0px;
	background: #000;
	float: left;
	}
	
#copyrightWide {
	width: 1244px;
	padding: 5px 0px 5px 0px;
	background: #000;
	float: left;
	}
	
#featuredflyer {
	width: 222px;
	border-left: 1px solid #036;
	border-right: 1px solid #036;
	border-bottom: 1px solid #036;
	padding-bottom: 5px;
	margin-bottom: 10px;
	text-align: center;
	}
	
#contact {
	width: 200px;
	padding: 10px;
	margin: 0 0 10px 10px;
	border: 1px solid #999;
	background: #ffc;
	float: right;
	}
	
	
	/* Flyer Packs
----------------------------------------------- */
.portfolio {
	width: 900px;
	float: left;
	margin: 0;
	padding: 15px 0 0;
	}
	
.portfolio li {
	width: 300px;
	display: inline;
	float: left;
	}
	
	
	/* Thumbnail Views
----------------------------------------------- */

.thumbnailWrapper {
	float: left;
	}
	
.thumbnailCol {
	width: 242px;
	float: left;
	}
	
.thumbnailWide {
	width: 320px;
	float: left;
	}
	
.thumbnailWrapper p {
	text-align: center;
	}
	
	
/* Site Navigation - Default Template
----------------------------------------------- */
#siteNav {
	width: 990px;
	list-style: none;
	background: #666;
	padding: 0;
	margin: 0;
	float: left;
	}
	
#siteNav li {
	padding: 2px 20px 0 10px;
	float: left;
	}
	
#siteNav li a {
	font-weight: bold;
	font-size: 12px;
	color: #ccc;
	text-decoration: none;
	padding-bottom: 6px;
	display: block;
	}

#siteNav li a:hover {
	color: #fff;
	background: url(../images/white_arrow.gif) no-repeat 50% bottom;
	}
	
li:hover ul, li:over ul {
	display: block;
	}
	
	
/* Site Navigation - Wide Template
----------------------------------------------- */
#wideNav {
	width: 1244px;
	list-style: none;
	background: #666;
	padding: 0;
	margin: 0;
	float: left;
	}
	
#wideNav li {
	padding: 2px 20px 0 10px;
	float: left;
	}
	
#wideNav li a {
	font-weight: bold;
	font-size: 12px;
	color: #ccc;
	text-decoration: none;
	padding-bottom: 6px;
	display: block;
	}

#wideNav li a:hover {
	color: #fff;
	background: url(../images/white_arrow.gif) no-repeat 50% bottom;
	}
	
li:hover ul, li:over ul {
	display: block;
	}
	
	
/* Site Navigation used on Archive pages only!!
----------------------------------------------- */
#archiveNav {
	width: 990px;
	list-style: none;
	background: #666;
	padding: 0;
	margin: 0;
	float: left;
	}
	
#archiveNav li {
	padding: 2px 20px 0 10px;
	float: left;
	}
	
#archiveNav li a {
	font-weight: bold;
	font-size: 12px;
	color: #ccc;
	text-decoration: none;
	padding-bottom: 6px;
	display: block;
	}

#archiveNav li a:hover {
	color: #fff;
	background: url(../images/grey_arrow.gif) no-repeat 50% bottom;
	}

	
/* Secondary Navigation (Archive, Links, Admin Edits)
----------------------------------------------- */
#secondaryNav {
	width: 990px;
	list-style: none;
	background: #999;
	padding: 0;
	margin: 0;
	float: left;
	}
	
#secondaryNav li { 
	float: left;
	}
	
#secondaryNav li a {
	color: #000; 
	text-decoration: none;
	padding: 5px 10px 6px 10px;
	text-decoration: none;
	display: block;
	}
	
#secondaryNav li a:hover {
	color: #fff;
	background: url(../images/white_arrow.gif) no-repeat 50% bottom;
	}
	

	
/* Admin Structure and Styles
----------------------------------------------- */
#admin {
	float: left;
	width: 990px;
	height: 22px;
	background: #C00;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	}

#admin ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	}

#admin li {
	float: left;
	padding-top: 3px;
	padding-left: 20px;
	padding-right: 20px;
	}

#admin a {
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	}

#admin a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
#adminTable {
	float: left;
	width: 100%;
	}
	
#adminTable table {
	border: 1px solid #036;
	}
	
#adminTable th {
	text-align: left;
	color: #fff;
	background: #036;
	padding: 5px;
	}
	
#adminTable td {
	padding: 5px;
	vertical-align: top;
	}
	
#adminTable tr.row2 {
	background: #e1e1e1;
	}

#adminLogin {
	float: left;
	width: 100%;
	height: 22px;
	background: #C00;
	font-weight: bold;
	font-family: Verdana,sans-serif;
	color: #fff;
	border-bottom: 1px solid #fff;
	}

#login button {
	border: solid 1px #ccc;
	background-color: #eee;
	font-weight: bold;
	margin-left: 2px;
	cursor: pointer;
	color: Gray;
	}
	
	
/* Admin Navigation - Default Template
----------------------------------------------- */
#adminNav {
	width: 990px;
	list-style: none;
	background: #C00;
	padding: 0px;
	margin: 0px;
	float: left;
	}
	
#adminNav li {
	padding: 2px 20px 0 10px;
	float: left;
	}
	
#adminNav li a {
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	padding-bottom: 6px;
	display: block;
	}

/* Admin nav doesn't need arrow and grey/white arrow logic doesn't have to be implemented.
	- Eric 7:36 AM 4/13/2007

#adminNav li a:hover {
	color: #fff;
	background: url(././images/grey_arrow.gif) no-repeat 50% bottom;
	}
*/	

/* mainTable styles
----------------------------------------------- */
#mainTable {
	width: 100%;
	float: left;
	}
	
#mainTable th {
	text-align: left;
	color: #fff;
	background: #036;
	padding: 5px;
	}
	
#mainTable th.right {
	text-align: right;
	color: #fff;
	background: #036;
	padding: 5px;
	}
	
#mainTable th.admin {
	text-align: left;
	color: #fff;
	background: #C00;
	padding: 5px;
	}
	
#mainTable th.admin a {
	text-align: left;
	font-size: 11px;
	color: #fff;
	background: #C00;
	padding: 5px;
	}
	
#mainTable table {
	border: 1px solid #036;
	}
	
#mainTable td {
	padding: 5px;
	}
	
#mainTable tr.row2 {
	background: #e1e1e1;
	}
	
#mainTable td a { 
	font-weight: bold;
	color: #06c; 
	text-decoration: underline;
	}
	
#mainTable td a:hover {
	color: #999; 
	text-decoration: none;
	}
	
#mainTable td a.admin { 
	font-weight: bold;
	color: #C00; 
	text-decoration: underline;
	}
	
#mainTable td a.admin:hover {
	color: #999; 
	text-decoration: none;
	}
	

/* Flyer View styles
----------------------------------------------- */
#flyerDetails1 {
	width: 99%;
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
	float: left;
	}
		
#flyerDetails2 {
	width: 99%;
	margin: 10px 0 0 0;
	padding: 5px;
	list-style: none;
	font-weight: bold;
	float: left;
	background: #ccc;
	}
		
#flyerDetails3 {
	width: 99%;
	margin: 0;
	padding: 5px;
	list-style: none;
	font-weight: bold;
	float: left;
	background: #e1e1e1;
	}

#flyerDetails4 {
	width: 99%;
	margin: 0;
	padding: 5px;
	list-style: none;
	font-weight: bold;
	float: left;
	background: #f1f1f1;
	}

li.gameTitle {
	font-size: 28px;
	color: #369;
	margin: 0;
	padding: 0;
	float: left;
	}
	
li.left {
	float: left;
	}
		
li.right {
	float: right;
	}
	

/* galleryTable styles
----------------------------------------------- */
#galleryTable {
	width: 100%;
	font-weight: bold;
	float: left;
	}
	
#galleryTable th {
	text-align: left;
	color: #fff;
	background: #036;
	padding: 5px;
	}
	
#galleryTable th a {
	font-size: 11px;
	color: #fff;
	text-decoration: underline;
	}
	
#galleryTable th a:hover {
	text-decoration: none;
	}
	
#galleryTable th.center {
	text-align: center;
	color: #fff;
	background: #036;
	padding: 5px;
	}
	
#galleryTable th.right {
	text-align: right;
	color: #fff;
	background: #036;
	padding: 5px;
	}
	
#galleryTable table {
	border-top: 1px solid #036;
	border-left: 1px solid #036;
	border-collapse: collapse;
	}
	
#galleryTable td {
	border-bottom: 1px solid #036;
	border-right: 1px solid #036;
	text-align: center;
	vertical-align: top;
	}
	

/* Paragraph styles
----------------------------------------------- */
p {
	margin: 0;
	}
	
p.large {
	font-size: 14px;
	margin: 0;
	}
	
#copyright p, #copyrightWide p {
	font-size: 10px;
	color: #999;
	margin: 0;
	text-align: center;
	}
	
p.flyerTitle {
	background: #e1e1e1;
	padding: 5px;
	font-size: 11px;
	margin: 0;
	}
	
p.flyerMfg {
	background: #CCC;
	padding: 5px;
	font-size: 11px;
	margin: 0;
	}
	

/* Alignment styles
----------------------------------------------- */
.adminHeader {
	background: #C00;
	padding: 5px;
	height: 15px;
	font-weight: bold;
	color: #fff;
	text-align: right;
	}
	
	
/* Link styles
----------------------------------------------- */
a {
	font-weight: bold;
	color: #06c;
	text-decoration: underline;
	}
	
a:hover	{
	color: #999;
	text-decoration: none;
	}
	
.adminHeader a  {
	color: #fff;
	text-decoration: underline;
	}
	
.adminHeader a:hover  {
	color: #fff;
	text-decoration: none;
	}
	

/* Heading styles
----------------------------------------------- */
h1 {
	font-size: 28px;
	color: #369;
	margin: 10px 0 0 0;
	padding: 0;
	}
	
#header h1, #headerWide h1 {
	display: none;
	}
	
h2 {
	font-size: 20px;
	font-weight: normal;
	padding: 5px;
	color: #fff;
	background: #036;
	margin: 0;
	}
	
h3 {
	font-size: 16px;
	color: #036;
	margin: 0;
	}
	
h4 {
	font-size: 14px;
	color: #036;
	margin: 0;
	border-bottom: 1px solid #036;
	}
	
h4.whitetitle {
	font-size: 14px;
	color: #fff;
	padding: 5px;
	margin: 0;
	background: #036;
	}
	
label {
	font-weight: bold;
	}
	
	
/* Last Ten Flyers List styles
----------------------------------------------- */
#topten {
	width: 222px;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #036;
	}
	
#topten li {
	padding: 5px;
	margin: 0;
	}
	
.grey {
	background: #e1e1e1;
	}
	
	
/* Home Page Bucket Title styles
----------------------------------------------- */
.newstitle {
	width: 716px;
	color: #fff;
	padding: 5px;
	margin: 0;
	list-style: none;
	background: #036;
	float: left;
	}
	
.newstitle li.left {
	font-size: 20px;
	float: left;
	}
	
.newstitle li.right {
	float: right;
	}
	
.newsbox {
	width: 714px;
	padding: 5px;
	border: 1px solid #036;
	margin-bottom: 10px;
	float: left;
	}

.newsbox p {
	font-size: 12px;
	line-height: 18px;
	}
	

/* Main Bucket Styles
----------------------------------------------- */
.title {
	width: 960px;
	color: #fff;
	padding: 5px;
	margin: 0;
	list-style: none;
	background: #036;
	float: left;
	}
	
.title li.left {
	font-size: 20px;
	float: left;
	}
	
.title li.right {
	float: right;
	}
	
.box {
	width: 948px;
	padding: 10px;
	border: 1px solid #036;
	margin-bottom: 10px;
	}
	
.box p, .box li {
	font-size: 14px;
	line-height: 24px;
	}
	
.zip li {
	padding-left: 20px;
	margin: 0 0 10px 0;
	background: url(../images/zip.png) no-repeat left 50%;
	}
	
/* Table styles
----------------------------------------------- */
.right {
	text-align: right;
	}
	
.lowerRight {
	text-align: right;
	vertical-align: bottom;
	}
	
.center {
	text-align: center;
	}
	
	
/* Image styles
----------------------------------------------- */
img {
	border: 0px;
	}

img.XGamingAdBanner {
	margin-right: 10px;
	border: 1px solid #aaa;
	}
	
img.adBanner {
	margin-right: 10px;
	border: 0;
	}
	
img.lastBanner {
	border: 0;
	}
	
img.flag {
	border: 1px solid #999;
	}
	
img.right {
	float: right;
	}
	
#featuredflyer img {
	padding-bottom: 2px;
	}
	
img.galleryThumb {
	margin: 20px 0;
	}
	
img.flyerimg {
	margin: 20px 0 10px 0;
	text-align: center;
	}
	
	
/* Forms and Input styles
----------------------------------------------- */
form {
	margin: 0;
	padding: 0;
	}
	
input {
	margin: 0;
	}
	
input.button {
 	font-size: 12px;
 	color: #333;
 	font-weight: bold;
 	background: #fff;
 	border: 1px solid #666;
 	}
	
input.greyButton {
 	font-size: 12px;
 	color: #333;
 	font-weight: bold;
 	background: #e1e1e1;
 	border: 1px solid #666;
 	}
	
input, textarea, select	{
	font-size: 11px;
	font-weight: normal;
	}

/* tables
----------------------------------------------- */ 
table.tablesorter {
    font-family:arial;
    background-color: #CDCDCD;
    margin:10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
    ;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    #background-color: #e6EEEE;
    background-color: #036;
    color: #ffffff; #GM add
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
}
table.tablesorter thead tr .header {
    background-image: url(bgw.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.even td {
    background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(ascw.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(descw.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    #background-color: #8dbdd8;
    background-color: #0099ff;
}