html
{
  color: #036;
  background-color: #036;
  font: 10px Verdana, sans-serif;
}

body	{
	text-align: center;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
}

h2	{
	font-size: 12px;
	font-weight: bold;
}

h3	{
	font-size: 10px;
	font-weight: bold;
}

a:link, a:visited
{
  color: #036;
  font-weight: bold;
}

.buttonscontainer {
	width: 200px;
}

.buttons a {
	color: white !important;
	background-color: #69ADD2;
	padding: 2px;
	display: block;
	border: 1px solid #999;
	font: 10px Verdana, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.buttons a:hover, .anchor, .anchor a:hover {
	background-color: #FFF;
	color: #036 !important;
	text-decoration: none;
}

a:hover
{
  color: #999;
  font-weight: bold;
}

label
{
  font-weight: bold;
}

select {
 	font-size: 11px;
 }

 input	{
 	font-size: 11px;
 	text-align: left;
 }

/* Footer */

#footer {
	margin: 0 auto;
	display: block;
	background-color: white;
	font-size: 9px !important;	
	color: #036;
	text-align: center;
	vertical-align: top;
	width: 100%;
	width: 794px;	
}

.footer	{
	font-size: 9px !important;	
	color: #036;
	text-align: center;	
}

#footer-nav {
	background-color: #069;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: center;
	width: 100%;	
}

#footer-nav a:hover {
	text-decoration: underline !important;
}

#footer-nav ul {
	padding: 4px 0px 4px 0px;
	margin: 0;
}


#footer-nav li {
	padding: 0.5em;
	font-size: 10px;
	display: inline;
	font-weight: bold;
	color: white;
}

#footer-nav li a {
	text-decoration: none;
}

#footer-nav li a:hover {
	text-decoration: underline;
}

#footer-nav li a:link,
#footer-nav li a:visited {
	color: white;
	text-decoration: none;
}


#footer img#apcw	{
	padding-left: 1em;
}

#footer img#kahnawake	 {
	vertical-align: middle;
}

#footer img#cap_cert	 {
	vertical-align: middle;
}

#footer p.first	{
	padding: 10px 0 0 0;	
}

#footer p.last	{
	padding: 0 0 10px 0;	
}

.footer .footer-left	{
	width: 25%;
	text-align: center;
	padding-left: 2.5em;
}

.footer .footer-right	{
	width: 25%;
	text-align: center;
}

.footer .footer-img-left	{
	display: block;
	float: left;
	text-align: center;
}

.footer .footer-img-left2	{
	display: block;
	float: left;	
	text-align: center;
	padding-left: 0.5em;
}

/* Layout */

#header	{
	width: 793px;
	height: 78px;
	background-color: white;
	position: relative;
	vertical-align: top;
}

#login {
	color: #036;
	background-color: #DCEBF0;
	float: right;
	font-size: 10px;
	width: 210px;
	height: 100%;
	display: inline;
	margin: 0 auto;
	text-align: center;
}


#login .login-form form	{
	display: inline;
	margin: 0 auto;
}

#login .login-form td.label {
	padding-right: 0.5em;
	font-size: 10px;
}

#login .login-form td {
	padding: 0;
	padding-bottom: 2px;
}

#login .login-form .button {
	text-align: left;
}

#login .login-form .button input {
	width: auto;
	text-align: center;
}

#login .login-form input {
	width: 95px;
}

#login .login-form table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto;
	margin-top: 0.3em;
}

#login .login-form label {
	font-weight: normal;
	margin-right: 0;
}

#login .login-form input	{
	font-size: inherit;
	vertical-align: middle;
}

#locale	{
	position: absolute;
	top: 15px;
	left: 10px;
	vertical-align: middle;
}

#locale form {
  display: inline;
}

#locale .welcome	{
	font-weight: bold;
	vertical-align: baseline;
}


#nav li a:link,
#nav li a:visited {
	color: white;
	text-decoration: none;
}

#nav li {
	font-weight: bold;
	color: white;
	background: url("/images/button_bg_blue.gif")
      repeat;
	border: 1px solid #999;
	border-bottom: none;
	float: left;
	margin-right: 1px;
	padding: 2px 10px;
}
/* begin menu */

#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	height: 17px;
	position: absolute;
	bottom: 0px;
	left: 10px;
	line-height: 17px;
	z-index: 0;
	width: 100%;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu ul li {
	float: left !important;
	position: relative;
	margin-right: 1px;
	text-align: center;
	vertical-align: baseline;
}

/* style the links for the top level */

#menu ul a {
	display: block;
	font-size: 10px;
	text-decoration: none;
	color: white;
	height:17px;
	border: 1px solid #999;
	border-bottom: none;
	background:#69ADD2 url("/images/button_bg_blue.gif")
      repeat;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 17px;
	left: 0;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {
	position: absolute;
	top: 0px;
	left: 0;
	border-collapse: collapse;
	z-index: 1000;
	border: 1px solid #999;
}

/* style the second level links */
#menu ul ul a {
	color: white;
	height: auto;
	padding: 2px;
	width: 150px;
}

/* style the top level hover */
#menu a:hover {
	color: white;
	background: url("/images/button_bg_blue.gif")
      repeat;
}
#menu :hover > a {
	color: white;
	background: url("/images/button_bg_blue.gif")
      repeat;}

/* style the SECOND level dropdown */
#menu ul ul a {
	color: white;
	background: #69ADD2 !important;
	text-align: left;
}

#menu ul ul li a {
	color: white;
	background: #69ADD2 !important;
	text-align: left;
	border: 1px solid #999;
}


/* style the SECOND level hover */
#menu ul ul a:hover{
	color:#036 !important;
	background: white !important;
}

#menu ul ul :hover > a {
	color:#036 !important;
	background: white !important;
}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul { visibility:visible; z-index:1000; }

/* end menu */

#content-left-border	{
	padding: 0px 20px 10px 20px !important;
	border-left: 1px solid #999;
}	

#content-body {
  vertical-align: top;
  padding: 10px;
}

#content-body li	{
	margin-left: -15px;
	padding-top: 5px;
}

#thin-line	{
	height: 400px;
	width: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#sidebar-left
{
  	width: 25%;
  	vertical-align: top;
	padding-top: 15px;
}

#content-body table.layout-right-only td,
#content-body table.layout-left-only td
{
	width: 75%;
}

#content-body .layout-basic
{
	width: 100%;
	border-left: 1px solid #CCC; 
	border-right: 1px solid #CCC; 		
}	

#sidebar-right
{
	width: 210px;
	background-color: #DCEBF0 !important;
	vertical-align: top;
	padding-top: 15px;			
}

#layout table.layout-basic td,
#layout table.layout-left-only td,
#layout table.layout-right-only td,
#layout table.layout-standard td
{
  	background-color: white;
  	font: 10px Verdana, sans-serif;
  	color: #036;  
}


#layout	{
	width: 794px;
	margin: 0 auto !important;
	text-align: left;
	background: white;
}

#border-top	{
	position: relative;
	width: 800px;
	height: 4px;
	margin: 0 auto !important;	
	background: url("/images/top.gif")
      repeat-x;
}

#top-left, #bottom-left	{
	position: absolute;
	top: 0;
	left: 0;
}

#top-right, #bottom-right	{
	position: absolute;
	top: 0;
	right: 0;
}

#border-bottom	{
	position: relative;
	width: 800px;
	height: 4px;
	margin: 0 auto !important;	
	background: url("/images/bottom.gif")
      repeat-x;
	display: block;
}

#border-outer	{
	width: 798px;
	border-left: 2px solid #001B36;
	border-right: 2px solid #001B36;	
	margin: 0 auto !important;	
}

#wrapper	{
	text-align: center;
	margin: 0 auto;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	display: block;
}

/* sitemap */

#sitemap-left	{
	float: left;
	width: 400px;
	padding: 2em 0 0 3em;
}

#sitemap-right	{
	float:left;
	padding: 2em 0 0 0;	
}


/* styled items */

.button-link {
	font-weight: bold;
	font-size: 10px;
	color: white !important;
	background: url("/images/button_bg_blue.gif")
      repeat-x;
	border: 1px solid #999;
	padding: 2px 10px;
	margin-left: 10px;
	text-decoration: none;
	height: 17px;	
}


.button-link  a {
	color: white !important;
	text-decoration: none;		
}

.brands-list li	{
	margin-left: -40px;
	padding-top: 15px;
	list-style:  none;
	text-align: center;
}

.brands-list li.first	{
	padding-top: 0px;
}

.terms	li	{
	margin-left: -15px;
	padding-top: 15px;
}

.terms	ul	{
	list-style-type: disc;
}

.terms ol	{
	margin-left: -15px;
}

.terms	p	{
	padding-top: 10px;
	padding-bottom: 0px;
	margin: 0;
}

img.games 	{
	text-align: center;
	display: block;
	margin: auto;
}



table.list
{
	border-collapse: collapse;
	border-spacing: 0;
	margin: auto;
	margin-bottom: 1em;
}

table.list th
{
	/* white-space: nowrap; */
	border-bottom: 2px solid #036;
	border-right: 1px solid #999;
	font-size: 12px;
}

table.list th.last
{
	border-right: none;
}

table.list th,
table.list td
{
	padding: 0.5em 0.5em;
	text-align: center;
}

table.list tr.even td
{
	background-color: #DCEBF0 !important;
}

table.list tr.last td
{
	border-bottom: 1px solid #036 !important;
}

table.list tr.item td.first {
	border-left: none;
}	

table.list tr.item td.last {
	border-right: none;
}

table.list tr.item td {
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	vertical-align: baseline;
}

.faq td.first, .contact td.first {
	font-weight: bold !important;
}

.contact	{
	margin: 0 auto;
}

.contact td.first {
	font-weight: bold !important;
	text-align: right !important;
}

.contact td {
	text-align: left !important;
}

.contact td a {
	font-weight: normal;
}

hr	{
	border: 1px solid #036;
}

/* Forms */

td.label
{
	text-align: right;
	padding: 0.5em;
	font-weight: bold;
}

.form .label,
.form label
{
	font-weight: bold;
	vertical-align: middle;
}

label.error,
option.error,
select.error,
select.error option,
.form label.error
{
	color: inherit;
}

input.error,
.form input.error
{
	color: black;
	background-color: #fdd;
}

select.error
{
	color: black;
}

.error
{
	color: #e00;
}

table.checkbox-group td
{
	vertical-align: top;
}

.checkbox-group label
{
	vertical-align: baseline;
}

/* Message boxes */

#layout .message-box
{
  border-spacing: 0;
  margin: auto;
}

#layout .message-box .title
{
  font-size: 11px;
  font-weight: bold;
  color: white;
  background-color: #036;
  padding: 1px 5px;
}

#layout table .message-box .body .icon
{
  font-family: Times, "Times New Roman", serif;
  font-weight: bold;
  font-size: 40px;
  color: #a00;
  padding: 4px 10px;
  text-align: center;
}

#layout .message-box .body table td
{
  padding: 5px;
}

#layout .message-box .body,
#layout table .message-box .body table td
{
  color: black;
  background-color: #eee;
  border: 1px solid #000033;
}

#layout .message-box table td
{
  border: none ! important;
  padding: 3px;
}

/* Dialogs */

.dialog-box
{
  border: 1px solid black;
}

.dialog-box form
{
  display: inline;
}

.dialog-box .title
{
  padding: 2px 4px;
  font-size: 11px;
  font-weight: bold;
  color: #cccccc;
  background-color: #000033;
  border: 1px solid #000033;
}

.dialog-box .body
{
  padding: 10px;
  background-color: #f0f0f0;
}

.dialog-box .cancel-button
{
  margin-right: 10px;
}

.dialog-box .buttons
{
  text-align: right;
  margin: 10px;
  margin-bottom: 0;
}

.dialog-box .tip
{
  font-size: 85%;
  margin-top: 10px;
  clear: both;
}

/* Debug */

.debug
{
  padding: 3px;
  padding-bottom: 5px;
  text-align: right;
}

.debug .selected
{
  color: gray;
}

.debug .layouts,
.debug .locales
{
  display: inline;
  padding-left: 1em;
}

.debug .nav
{
  float: left;
}

.debug a:link, .debug a:visited
{
  color: white;
  font-weight: bold;
}

div.personal_form {
	clear: both !important;	
	display: none;
	margin: 0;
	padding: 0;
}

table.personal_form	{
	width: 100%;
	margin: 0 auto;
}

table.personal_form td	{
	padding: 0.5em;
	border-spacing: 0.5em;
}

.personal_form td.heading	{
	font-weight: bold !important;
	text-transform: uppercase;
	border: 1px solid #999;
}

div.products_form {
	clear: both !important;	
	display: none;
	margin: 0;
	padding: 0;
}

table.products_form td	{
	padding: 0.5em;
	vertical-align: baseline;
	white-space: nowrap;
}

.prop_name	{
	width:30%;
}

div.paymethod_form {
	clear: both !important;	
	display: none;
	margin: 0;
	padding: 0;
}

div.email_form {
	clear: both !important;	
	display: none;
	margin: 0;
	padding: 0;
}

#email_form_div label {
	vertical-align: top;
}

#throbber_img	{
	margin: -30px 10px 0pt 10px;
	float: right;
}

fieldset {
  	padding: 1em;
	border: 1px solid #036;
	margin: 0 auto;
	font-weight: normal;
  }

legend {
  padding: 0.2em 0.5em;
  color: #036;
  font-weight: bold;
  font-size: 100%;
  background-color: #DCEBF0;
  border: 1px solid #036;
}

label {
  margin-right: 0.5em;
  padding-top: 0.6em;
  }
  

.validation_link {
	text-decoration: none;
}

.validation_link a {
	text-decoration: none;
}

.validation_link a:hover	{
	text-decoration: underline !important;
}


#website_info_table td {
	vertical-align: top;
}

#website_info_table label {
	font-size: 11px;
	white-space: nowrap !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: center;	
}

#website_info_table input {
	white-space: nowrap !important;
	padding: 0 !important;
	margin: 0 !important;
}


#nav-application a:link,
#nav-application a:visited,
#nav-application a:hover {
  text-decoration: none;
  color: inherit;
}

#nav-application	{
	font-size: 10px;
	margin-bottom: 8px;
	display: block;
	margin-left: -10px;
	margin-right: -10px;
	background: url("/images/black_dot.gif") repeat-x bottom;	
}

#nav-application ul	{
	list-style: none;
	padding: 0;
	margin: 0 10px;
	width: 100%;
	height: 30px;
}

#nav-application li {
	background-color: #eee;
	font-weight: bold;
	border: 1px solid black;
	border-bottom: none;
	float: left;
	margin: 6px 0 0 6px;
	padding: 5px 12px 5px 12px;
	height: 12px;
}

#nav-application li a:link,
#nav-application li a:visited {
	color: #444;
}

#nav-application li.tab_active a:link,
#nav-application li.tab_active a:visited {
	color: #036;
}

#nav-application li .tab_badge {
	padding-left: 2px;
}

#nav-application li.tab_disabled {
	background-color: #eee;
	color: #999;
	border: 1px solid #999;
	border-bottom: none;
}

#nav-application li.tab_disabled a:link, 
#nav-application li.tab_disabled a:visited {
	color: #999;
	cursor: default;
}

#nav-application li.tab_validated a:link,
#nav-application li.tab_validated a:visited {
	color: #444;
}

#nav-application li.tab_validated {
	background-color: #eee;
}

#nav-application li.tab_changed {
  background-color: #eee;
}

#nav-application li.tab_active {
	color: #444;
	background-color: white;
	border: 1px solid black;
	border-bottom: none;
	height: 24px;
}

html>body #nav-application li.tab_active {
	height: 13px;
}

#nav-application li.tab_changed {
  color: #038;
}

.application-forms form {
	display: inline;
}

div.commission_details {
	display: none;
	background-color: #DCEBF0;
	border-color: blue;
	padding: 8px;
	margin-top: 10px;
}

table.commission-detail {
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0;
}

table.commission-detail th {
	padding-top: 0.5em;
}

table.commission-detail .description td {
	color: white;
	padding-top: 0.5em;
	text-align: left;
	font-weight: bold;
	background-color: #369;
	border: 1px solid #369;
}

table.commission-detail .extra td {
	border: 1px solid #369;
}

table.commission-detail td {
	padding: 0.5em;
}

#layout table.commission-detail td.buttons {
	border: none;
	background-color: #DCEBF0;
	padding-left: 0;
}

table.commission-detail-tiers {
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0;
	width: 100%;
	background-color: #A2CBDA;
}

table.commission-detail-tiers td {
	padding: 0.5em;
	font-weight: bold;
	width: 50%;
	border-bottom: 1px solid #369;
	border-left: 1px solid #369;
	border-right: 1px solid #369;
}

table.commission-detail td.tiers {
	padding: 0 !important;
}

.commission-detail-tiers td.description {
	text-align: right;
	padding-right: 1em;
	width: 50%;
}


.commissions td {
	border: 1px solid #999;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-align: center;
	vertical-align: middle !important;
}


.commissions-option {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dotted #369;
}

table.products_form td.commission_notice {
  white-space: normal;
}

#news-summaries	{
	margin-top: 20px;
	margin-left: 8px;
}

.news-more	{
	padding-top: 2em;
}

.news .date, .news .title	{
	font-weight: bold;
}

.news .description	{
	padding: 1em 0 2em 0;
	width: 190px;
	overflow: hidden;
}

.news .news {
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
}

.news .news {
	width: auto;
}

.home .news .summary .date
{
  font-weight: bold;
  float: right;
}


.home .news .summary .title,
.news .news .summary .title,
.home .news .summary .read-more,
.news .news .summary .read-more
{
  font-weight: bold;
}

.home .news .summary .title,
.news .news .summary .title
{
  margin-bottom: 0.5em;
}

.home #news-posts
{
  display: none;
}

#news-posts .post
{
  position: absolute;
  left: 400px;
  top: 375px;
  width: 450px;
  padding: 8px;
  z-index: 3;
  display: none;
  border-spacing: 0;
  border: 5px #999 outset;
  background-color: white;
}

#news-posts .post .title
{
  font-weight: bold;
}

#news-posts .post .close-link
{
	text-align: right;
  	margin-bottom: 15px;
}

.popup {
	background-color: white;
	text-align: left;
}

.visacredit_details {
	text-align: left;
}

table.countries {
	width: 100%;
}