/* Universal Rules */

.contain:after {
    clear: both; 
    content: "."; 
    display: block; 
    height: 0; 
    visibility: hidden;
    font-size:0;	
}


/* General Structure */

body {
	margin: 20px 20px 0 20px; padding: 0 0 20px 0;
	font: 10px Verdana;
	background: #fff;
}


#logo { float: left; }
#signIn { float: right; }

#shell { min-width: 770px }

#content {
	border: 1px solid #4d6185;
	border-top: none;
	margin-top: -11px;
	padding: 30px 30px 15px 30px;
}

.disabled {
    color: #999999;
}

h1 {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 14px;
}
h2 {
	margin: 0 0 15px 0;
	padding: 6px 0 0 0;
	font-size: 12px;
	color: #40760c;
	border-top: 3px solid #ccc;
}

h2 b {
	color: #000;
}

a { color: #5f7295; text-decoration: none; }
a.active { color: #000; text-decoration: none; padding-right: 10px; }
a:hover { color: #f96611; }

	.sortDn { background: url(/i/sk/resultsArrowDn.png) no-repeat right 3px; }
	.sortUp { background: url(/i/sk/resultsArrowUp.png) no-repeat right 3px; }
	.sortDn:hover, .sortUp:hover { background-position: right -9px; }

a.button {
	background: #4d6185;
	padding: 4px 8px;
	line-height: 18px;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
a.button:hover {
	color: #fff;
	background: #f96611;
}

input.button {
	background: #4d6185;
	padding: 4px 8px;
	line-height: 18px;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
    border:1px solid;
}

input.buttonhov {
    color: #fff;
	background: #f96611;
    cursor: pointer;
}

.buttonRow { margin-top: 25px; }

.fltL { float: left; }

.noMar { margin: 0; }
.noPad { padding: 0; }

.mr15 { margin-right: 15px }
.mt20 { margin-top: 20px; }
.mb10 { margin-bottom: 10px }

.h100 { height: 100px; }

.w30 	{ width: 30px; }
.w50 	{ width: 50px; }
.w60 	{ width: 60px; }
.w80 	{ width: 80px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w180 { width: 180px; }
.w300 { width: 300px; }
.w700 { width: 700px; }

.w72p { width: 72% }

.ltMarg10 { margin-left: 10px; }

.block { display: block }


.contain { margin-bottom: 7px }

/* Form Elements */

/* Sets the errors off by default */
/* Set to display: block to turn them all on */
.error  { display: none; margin-top: 3px; }
.errorServer { display: block !important; color: red; }


.uniError, #error_general { margin-bottom: 20px }


fieldset {
	margin: 0 0 40px;
	padding: 0 30px;
	border: 0;
}

label.title {
	display: block;
	color: #333;
}

label.selectLabel {
    font-weight: bold;
    padding: 2px;
    display: block;
}
label.radioLabel {
    font-weight: bold;
    padding: 2px;
}

    div.twoCol label.title {
		width: 165px;
		float: left;
		text-align: right;
		margin-right: 10px;
		padding-top: 4px;
		display: block;
	}
	
	div.twoCol {
		min-width: 600px;
	}
	
	.error, 
	div.twoCol .note { 
		font-size: 10px;
		color: #bb0101; 
		padding: 1px 0 0 203px;
	}
	

	div.twoCol .note {
		color: #999;
	}

select {
	font: 10px Verdana;
	margin-top: 3px;
}

textarea {
	width: 300px;
	height: 100px;
	font-size: 10px;
}

	textarea.longList { height: 150px; width: 250px; }

.textField {
	/*height: 12px;*/
	font: 10px Verdana;
}

.resultText { 
	padding-top: 4px; 
	color: #666; 
	padding-left: 150px; 
}



.pagination { padding: 10px 0; }
.paginationBot { border-top: 2px solid #ccc }

/* CSS tabs */

ul.tabnav {
	text-align: left; 
	margin: 2em 0 1em 0; 
	font-weight: bold; 
	border-bottom: 1px solid #4d6185;
	list-style-type: none;
	padding: 3px 10px 3px 10px; 
	font-size: 11px;
}

ul.tabnav li { 
	display: inline;
}

body#productsTab li.productsTab,
body#siteProgrammingTab li.siteProgrammingTab,
body#reportingTab li.reportingTab,
body#couponTab li.couponTab,
body#orderTab li.orderTab,
body#memberTab li.memberTab,
body#fraudTab li.fraudTab,
body#myProfileTab li.myProfileTab,
body#gatekeeperTab li.gatekeeperTab,
body#userTab li.userTab,
	/* next four are for reporting subnav */
.unitsRevenueSubTab #reportingSubNav .tabOne a, 
.trendsSubTab #reportingSubNav .tabTwo a, 
.arcadepassSubTab #reportingSubNav .tabThree a, 
.creditsSubTab #reportingSubNav .tabFour a {
	border-bottom: 1px solid #fff; 
	background-color: #fff; 
	color: #000;
}

body#productsTab li.productsTab a,
body#siteProgrammingTab li.siteProgrammingTab a,
body#reportingTab li.reportingTab a,
body#couponTab li.couponTab a,
body#orderTab li.orderTab a,
body#memberTab li.memberTab a,
body#fraudTab li.fraudTab a,
body#myProfileTab li.myProfileTab a,
body#userTab li.userTab a {
	background-color: #fff; 
	color: #000; 
	position: relative;
	top: 0px;
	padding-top: 3px;
	padding-bottom: 4px;
}

body#orderTab {
    background-color: #FFFFCC;
}

body#memberTab {
    background-color: #FEEAE2;
}

ul.tabnav li a {
	padding: 3px 6px; 
	border: 1px solid #4d6185; 
	background-color: #4d6185;
	color: #afbcd3; 
	margin-right: 0px;
	text-decoration: none;
	border-bottom: none;
}

ul.tabnav a:hover { 
	background: #f96611;
	color: #fff;
}

.subNav a {
	font-weight: bold;
	padding-right: 20px;
	color: #4d6185;
	font-size: 10px;
}

table.linedTable {
	width: 100%;
	text-align: left;
	margin: 0 0 20px; padding: 0;
	border-collapse: collapse;
	font-size: 9px;
}

	table.linedTable form {
		margin-bottom: 0;
	}

table.linedTable td, table.linedTable th {
	vertical-align: top;
	padding: 1px 0 3px 3px;
	background: #fff;
	border: 1px solid #e1e1e1;
}
table.linedTable th {
	padding: 5px 6px;
	color: #666;
	background: #fff;
	font-weight: normal;
	font-size: 9px;
	border: none;
}
table.spacer td {
	border: none;
	background: none;
}

.tableContain  {
	max-height: 160px;
	overflow: auto;
	margin-bottom: 15px;
	padding-left: 1px;
}
	.tableContain table.linedTable {
		width: 97%
	}

tr.altStyle {
    background-color: #555555;
}
tr.noBorder td {
	border: none;
}

/* styles for prudct page add remove section */
#couponTab fieldset {
    padding: 0;
}
#products fieldset {
    margin: 5px 0 0 25px;
}
#products .buttons {
    padding-top: 65px;
}
    #products .buttons input {
        display: block;
        width: 80px;
        margin: 5px;
        text-align: center;
        background: #4d6185;
        padding: 4px 8px;
        font-size: 11px;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
    }
#selectedProductList {
    color: blue;
}

/* styles for site programming */
#genreFields input {
    width: 400px;
}
#siteProgrammingTab h2 {
    font-size: 14px;
}
#siteProgrammingTab .podDetails {
    display: none;
}
#siteProgrammingTab dl {
    display: block;
    border: 1px solid #999;
    background: #ddd;
    padding: 10px;
    margin: 0;
}
#siteProgrammingTab dt {
    font-weight: bold;
    float: left;
    width: 120px;
}
#siteProgrammingTab dd {
    margin: 0;
    display: inline;
}


.errorAdminGlobal
{
    color: red;
    font-weight: bold;
    font-size: 10px;
}

.errorAdmin
{
    width: 165px;
    float: left;
    text-align: right;
    margin-right: 10px;
    padding-top: 4px;
    display: block;
    color: red;
    font-weight: bold;
    font-size: 10px;
}
.errorAdminFull
{
    display: block;
    color: red;
    font-weight: bold;
    font-size: 10px;
    margin: 0;
    padding: 3px 0 4px 175px;
}

.messageAdmin
{
    color: green;
    font-weight: bold;
    font-size: 10px;
}