/* site wide defaults */
body {
	background-image: url(../img/background.gif);
	font-family: verdana;
	font-size: 12px;
}

table {
	width:100%;
	border-collapse:collapse
}

a {
	color: #666;
	text-decoration: underline;
	outline: none; 
}

a:hover {
	color: black;
}

textarea {
	resize: none;
}

/* the menu */
.TopMenu {
	height:36px;
	font-size:8pt;
}

h1 {
	font-size: 16px;
	font-weight: bold;
}

h2 {
	font-size: 15px;
	font-weight: normal;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 4px;
}

h4 {
	font-size: 15px;
	font-weight: normal;
}

select {
}

select:hover {
}

select:active {
}

input[type='password'],
input[type='text'] {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border: 1px solid #aaa;
	font-size: 12px;
	padding: 2px 2px 2px 2px;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style:italic;
}

.TopMenu a { color:#ffffff; font-weight: normal; text-decoration: none; }
.TopMenu .ItemCell { text-align:center; position:relative; z-index:9; height:36px; background:url('../img/TopMenu.gif') repeat-x; }
.TopMenu .SelectedItemCell {text-align:center;  position:relative; z-index:9; height:36px; background:url('../img/TopMenuSelected.gif') repeat-x; }
.TopMenu .ItemCell:hover, .TopMenu .SelectedItemCell:hover { cursor:pointer;}
.TopMenu .ItemCell:hover .FirstItem, .TopMenu .SelectedItemCell .FirstItem, .TopMenu .ItemCell:hover .MiddleItem, .TopMenu .SelectedItemCell .MiddleItem, .TopMenu .ItemCell:hover .LastItem, .TopMenu .SelectedItemCell .LastItem{background:url('../img/TopMenuActive.png') no-repeat center top;}
.TopMenu .LeftCorner {float:left;height:36px;width:3px;}
.TopMenu .ItemCell .FirstItem .LeftCorner {background:url('../img/TopMenuLeftCornerFirst.gif') no-repeat;}
.TopMenu .SelectedItemCell .FirstItem .LeftCorner {background:url('../img/TopMenuSelectedLeftCornerFirst.gif') no-repeat;}
.TopMenu .ItemCell .MiddleItem .LeftCorner, .TopMenu .ItemCell .LastItem .LeftCorner {background:url('../img/TopMenuLeftCorner.gif') no-repeat;}
.TopMenu .SelectedItemCell .MiddleItem .LeftCorner,.TopMenu .SelectedItemCell .LastItem .LeftCorner {background:url('../img/TopMenuSelectedLeftCorner.gif') no-repeat;}
.TopMenu .RightCorner {float:right;height:36px;width:4px;}
.TopMenu .ItemCell .FirstItem .RightCorner, .TopMenu .ItemCell .MiddleItem .RightCorner {background:url('../img/TopMenuRightCorner.gif') no-repeat;}
.TopMenu .SelectedItemCell .FirstItem .RightCorner, .TopMenu .SelectedItemCell .MiddleItem .RightCorner {background:url('../img/TopMenuSelectedRightCorner.gif') no-repeat;}
.TopMenu .ItemCell .LastItem .RightCorner {background:url('../img/TopMenuRightCornerLast.gif') no-repeat;}
.TopMenu .SelectedItemCell .LastItem .RightCorner {background:url('../img/TopMenuSelectedRightCornerLast.gif') no-repeat;}
.TopMenu .TopItem {
	padding:13px 10px 0 10px;height:23px;white-space:nowrap;color:#ffffff;z-index:9;
	font-weight: bold; font-size: 12px; line-height: 10px; text-shadow: 1px 1px #4c6b80;
}
.TopMenu .SubCats{ display:none; position:relative;}
.TopMenu .SubCats .SubCatsContainer {position:relative;top:0px;text-align:left;background:#4c6b80;z-index:10;padding:0 5px 5px 5px;}
.TopMenu .Positioner {position:absolute;left:0;right:auto;}
.TopMenu .SubRight .Positioner {left:auto;right:0;}
.TopMenu .SubCats .Inner{background:#ffffff;padding:10px; text-transform:none;}
.TopMenu .SubCats .Inner a{color:#4c6b80; font-size: 12px;}
.TopMenu .SubCats a:hover{color:#e11b22;text-decoration:none;}
.TopMenu .SubCats .Inner .CategoryColumn0{float:left; width:130px; padding-right:10px;margin-right:10px;border-right:1px solid #cccccc;font-size:11px;}
.TopMenu .SubCats .Inner .CategoryColumn1{ margin-left:141px; width:130px;font-size:11px; }
.TopMenu .SubCats .Inner .CategoryRow{width:570px;float:left;text-align:center;display:block;overflow:hidden;font-size:11px;font-weight:normal;}
.TopMenu .SubCats .Inner .CategoryItem{width:90px;float:left;padding:2px;display:block; }
.TopMenu .SubCats .Inner .CategoryItem img { display:block;margin:0 auto; width:80px; height:80px; }
.TopMenu .SubCats .Inner .CategoryItem2{padding:4px 0; font-size:11px; }

/* tblList */

table.tblList {
	background-color: #f4f4f4;
	border: 1px solid #d7d7d7;
	border-collapse: separate;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	

	box-shadow: 3px 3px 4px #aaa;
	-moz-box-shadow: 3px 3px 4px #aaa;
	-webkit-box-shadow: 3px 3px 4px #aaa;
	-o-box-shadow: 3px 3px 4px #aaa;
}

.tblList tr td:first-child {
	padding-left: 7px;
}


.tblList tr td {
	vertical-align: middle;
	padding: 3px;
	font-size: 8.5pt;
}

tr.listTableHeader td {
	color: green;
	font-weight: bold;
	text-shadow: 1px 1px #fff;
	color: #555;
	border-bottom: 1px solid #d7d7d7;
	height: 25px;
}

tr.tblListTop td {
	padding: 8px;
	border-bottom: 1px solid #d7d7d7;
}

td.tblListFirst {
	border-right: 1px solid #eaeaea;
}

td.tblListMiddle {
	border-right: 1px solid #eaeaea;
	border-left: 1px solid #fff;
}

td.tblListLast {
	border-left: 1px solid #fff;
}

tr.tblListEven td {
	height: 29px;
	background-color: #f4f4f4;
}

tr.tblListOdd td {
	background-color: #fff;
	height: 29px;
}

tr.tblListTopLine td {
	border-top: 1px solid #d7d7d7;
}

tr.tblListBottomLine td {
	border-bottom: 1px solid #d7d7d7;
}
	
table.tblList tfoot tr td {
	border-top: 1px solid #d7d7d7;
	height: 25px;
	padding: 8px;
}

table.tblList thead a {
	text-decoration: none;
}

table.tblList tfoot tr td div {
	width: 40%;
	margin: 0 auto;
	text-align: center;
	margin-top: 5px;
}

/* split content box */

div.splitBox {
	background-color: #ffffff;

	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;

	box-shadow: 3px 3px 4px #aaa;
	-moz-box-shadow: 3px 3px 4px #aaa;
	-webkit-box-shadow: 3px 3px 4px #aaa;
	-o-box-shadow: 3px 3px 4px #aaa;
}

div.splitBoxTop {
	border-radius:7px 7px 0 0;
	-webkit-border-radius:7px 7px 0 0;
	-moz-border-radius:7px 7px 0 0;
	-o-border-radius:7px 7px 0 0;
	background-color: #f4f4f4;
	border: 1px solid #d7d7d7;
	font-weight: bold;
	font-size: 12px;
	padding: 8px;
}

div.splitBoxBottom {
	border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	-o-border-radius: 0 0 7px 7px;
	background-color: #f4f4f4;
	border: 1px solid #d7d7d7;
	font-size: 12px;
	padding: 8px;
	height: 24px;
}

div.splitBoxMiddle {
	background-color: #f4f4f4;
	border: 1px solid #d7d7d7;
	font-weight: bold;
	font-size: 12px;
	padding: 8px;

}

div.divErrorBox {
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;

	box-shadow: 3px 3px 4px #aaa;
	-webkit-box-shadow: 3px 3px 4px #aaa;
	-moz-box-shadow: 3px 3px 4px #aaa;
	-o-box-shadow: 3px 3px 4px #aaa;

	font-weight: bold;
	font-size: 12px;
	padding: 8px;
	border: 1px solid #df8f90;
	background-image: url(../img/icon_error_notice.png);
	background-color: #ffd2d3;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-left: 50px;
}


div.divErrorBox h3 {
	font-size: 14px;
	color: #871414;
	margin-bottom: 0px;
}

div.divErrorBox p {
	font-size: 12px;
	font-weight: normal;
	color: black;
	margin-bottom: 0px;
}

div.divInfoBox {
	border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;

	box-shadow: 3px 3px 4px #aaa;
	-webkit-box-shadow: 3px 3px 4px #aaa;
	-moz-box-shadow: 3px 3px 4px #aaa;
	-o-box-shadow: 3px 3px 4px #aaa;

	font-weight: bold;
	font-size: 12px;
	padding: 8px;
	border: 1px solid lightgreen;
	background-image: url(../img/icon_saved_ok.png);
	background-color: white;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-left: 50px;
}


div.divInfoBox h3 {
	font-size: 14px;
	color: black;
	margin-bottom: 0px;
}

div.divInfoBox p {
	font-size: 12px;
	font-weight: normal;
	color: black;
	margin-bottom: 0px;
}

div.splitBoxContent {
	padding: 8px;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
}

div.splitBoxMiddle {
}

/* standard content box */

div.divStdBox {
	padding: 12px;
	overflow: auto;
	background-color: #fefefe;
	border: 1px solid #eaeaea;

	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-o-border-radius:7px;

	box-shadow: 3px 3px 4px #aaa;
	-moz-box-shadow: 3px 3px 4px #aaa;
	-webkit-box-shadow: 3px 3px 4px #aaa;
	-o-box-shadow: 3px 3px 4px #aaa;

	background-image: -webkit-linear-gradient(#FEFEFE, #F6F6F6);
	background-image: -moz-linear-gradient(#FEFEFE, #F6F6F6);
}

div.divStdBox img.icon {
	float: left;
	padding-right: 15px;
}

/* footer */

#footer {
	margin-top: 15px;
	text-align: center;
}

#footer a {
	font-size: 11px;
	color: black;
}

/* feedback */

#feedbacktab {
	display: block;
	top: 25%;
	left: auto;
	right: -6px;
	width: 42px;
	height: 102px;
	color: white;
	cursor: pointer;
	overflow: hidden;
	position: fixed;
	z-index: 10000;
}

#feedbacktab:hover {
	right: -2px;
}

/* a button */
a.button,
a.buttonR {
	outline: none; 

	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;

	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);

	background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
	background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);

	border: 1px solid #aaa;
	color: #444;
	line-height: 24px;
	padding: 0 12px 0 4px;
	font-size: 12px;
	text-decoration: none;
	display: inline-block;
	height: 23px;
}

a.buttonR {
	padding: 0 12px 0 12px;
}

a.button:hover,
a.buttonR:hover {
 	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
 	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);

	background-image: #ebebeb -moz-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
	background-image: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
	border-color: #999;
	color: #222;
}

a.button:active,
a.buttonR:active {
	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
	-o-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);

	background-image: #ebebeb -moz-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
	background-image: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
	color: #333;
}

a.button img,
a.buttonR img {
	position: relative;
	top: -2px;
	padding: 0 4px 0 4px;
}

/* a button Small */
a.buttonSmall {
	outline: none; 

	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;

	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);

	background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
	background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);

	border: 1px solid #aaa;
	color: #444;
	padding: 0 10px 0 8px;
	font-size: 12px;
	text-decoration: none;
	display: inline-block;
	height: 21px;
	line-height: 22px;
	
}

a.buttonSmall:hover {
 	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
 	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);

	background-image: #ebebeb -moz-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
	background-image: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
	border-color: #999;
	color: #222;
}

a.buttonSmall:active {
	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
	-o-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);

	background-image: #ebebeb -moz-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
	background-image: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
	color: #333;
}

a.buttonSmall img {
	position: relative;
	top: -2px;
	padding: 0 4px 0 0px;
}

/* buttonH */
a.buttonH {
margin-left: 10px;
	outline: none; 

	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;

	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);

color: white;

text-shadow: 1px 1px #4c6b80;


background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(82,107,126)),
	color-stop(0.44, rgb(98,126,149)),
	color-stop(0.58, rgb(139,162,180)),
	color-stop(1, rgb(173,190,203))
);

background-image: -moz-linear-gradient(
    center bottom,
    rgb(82,107,126) 0%,
    rgb(98,126,149) 44%,
    rgb(139,162,180) 58%,
    rgb(173,190,203) 100%
);

	line-height: 24px;
	padding: 0 12px 0 12px;
	font-size: 12px;
	text-decoration: none;
	display: inline-block;
	height: 25px;
}



a.buttonH img {
	position: relative;
	top: 0px;
	padding: 0 8px 0 0px;
}


/* spacer */

.pad5 {
	padding: 5px;
}

.bottomSpacer {
	margin-bottom: 15px;
}

.floatR {
	float: right;
}

.floatL {
	float: left;
}

.w25 {
	width: 25%;
}

.w33 {
	width: 33%;
}

.w50 {
	width: 50%;
}

.absolute {
	position: absolute;
}

.ClearFloat {
	clear:both;
	height:0;
}

.ClearLeft {
	clear:left;
	height:0;
}

.ClearRight {
	clear:right;
	height:0;
}


/* forms
----------------------------------------------- */
form {}
fieldset p {
   	margin-bottom: 10px;
}
fieldset p input[type='text'],
fieldset p input[type='password'] {
    width: 300px;
}
fieldset p select {
    width: 300px;
}
fieldset p label {
	display: inline-block;
    margin-right: 10px;
    text-align:right;
    width: 140px;
}

/* main page */
#mainBottomBox {
	margin-top: 20px;
	padding: 5px;
}

#mainBottomBox table td {
	color: #666;
	font-size: 9pt;
	line-height: 140%;
}

#mainBottomBox table td span {
	color: black;
	font-weight: bold;
}

#mainBottomBox table td.icon {
	padding-top: 13px;
	padding-left: 13px;
	width: 50px;
}

#mainBottomBox table td.data {
	padding: 13px;
}

#mainBottomBox table td.borderRight {
	border-right: 1px solid #eaeaea;
}

#mainBottomBox table tr.borderBottom {
	border-bottom: 1px solid #eaeaea;
}

/* forms */

form.feedback fieldset p input,
form.feedback fieldset p textarea,
form.feedback fieldset p input {
    width: 313px;
}

form.feedback fieldset p textarea {
	height: 100px;
}


form.feedback fieldset p label {
	vertical-align: top;
	display: inline-block;
    margin-right: 10px;
    text-align:right;
    width: 70px;
}


form.payout_business fieldset p label {
    width: 170px;
}

#head {
	padding-top: 15px;
}

#loginPopup {
	display:  none;
	padding: 15px 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	z-index: 1000;
	left: 642px;
	top: 22px;
	position: relative;
	width: 280px;
	background-color: white;
	border: 4px solid #536b7f;
}

#loginPopup p label {
	width: 100px;
}

#loginPopup input {
	height: 17px;
	width: 150px;
}

#loginPopup a {
	font-size: 11px
}

.codeContainer {
	padding-left: 10px;
}

.nologin a {
	color: #bcbcbc !important;
}

.transpbox {
	border-radius: 5px;
	padding: 15px;
	background-color: rgba(0,0,0,0.8);
	color: white;
	position: relative;
}

.hidden {
	display: none;
}

p.fieldfail label {
	color: red;
}

p.fieldfail input {
	border-color: red;
}

div.sectionBox {
	height: 375px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
}


table.logdetails td {
	line-height: 150%;
}