﻿/* Black panel */
.panel_black_wide,
.panel_black_narrow
{
	margin-top: 10px;
}
.panel_black_wide .header,
.panel_black_narrow .header
{
	width: 770px;
	height: 27px;
	position: relative;
}
.panel_black_narrow .header
{
	width: 379px;
}
.panel_black_wide .header .left,
.panel_black_narrow .header .left
{
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 27px;
	background: transparent url(../../Images/black_panel_bg_left.png) no-repeat scroll 0 0;
}
.panel_black_wide .header .center,
.panel_black_narrow .header .center
{
	padding: 4px 0 0 24px;
	font-size: 16px;
	text-transform: uppercase;
	color: #FFF;
	width: 742px;
	position: absolute;
	top: 0;
	left: 2px;
	height: 23px;
	background: transparent url(../../Images/black_panel_bg.png) repeat-x scroll 0 0;
}
.panel_black_narrow .header .center
{
	width: 351px;
}
.panel_black_wide .header .right,
.panel_black_narrow .header .right
{
	position: absolute;
	right: 0;
	top: 0;
	width: 2px;
	height: 27px;
	background: transparent url(../../Images/black_panel_bg_right.png) no-repeat scroll 0 0;
}
.panel_black_narrow .content
{
	width: 357px;
}
.panel_black_wide .content
{
	width: 748px;
}
.panel_black_wide .content,
.panel_black_narrow .content
{
	border: 1px solid #488f29;
	border-style: none solid;
	padding: 10px;
}
.panel_black_wide .footer
{
	position: relative;
	height: 2px;
	width: 770px;
}
.panel_black_narrow .footer
{
	position: relative;
	height: 2px;
	width: 379px;
}
.panel_black_wide .footer .left,
.panel_black_narrow .footer .left
{
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 2px;
	background: transparent url(../../Images/black_panel_bg_left_bottom.png) no-repeat scroll 0 0;
}
.panel_black_wide .footer .center,
.panel_black_narrow .footer .center
{
	width: 766px;
	position: absolute;
	top: 0;
	left: 2px;
	height: 1px;
	border-bottom: 1px solid #488f29;
}
.panel_black_narrow .footer .center
{
	width: 375px;
}
.panel_black_wide .footer .right,
.panel_black_narrow .footer .right
{
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 2px;
	background: transparent url(../../Images/black_panel_bg_right_bottom.png) no-repeat scroll 0 0;
}
.panel_black_wide .header .center,
.panel_black_narrow .header .center
{
	position: relative;
}
.panel_black_wide .header .center img,
.panel_black_narrow .header .center img
{
	position: absolute;
	right: 10px;
	top: -8px;
}
.panel_black_wide table.layout_table_four_cols,
.panel_black_wide table.layout_table_two_cols
{
	width: 726px;
}
.panel_black_wide table.layout_table_four_cols td,
.panel_black_wide table.layout_table_two_cols td
{
	padding: 2px 0;
}
.panel_black_wide table.layout_table_four_cols td.label_column,
.panel_black_wide table.layout_table_two_cols td.label_column
{
	width: 120px;
}
.panel_black_wide table.layout_table_four_cols td.textbox_column
{
	width: 243px;
}
.panel_black_wide table.layout_table_two_cols td.textbox_column
{
	width: 526px;
}

.panel_black_narrow table.layout_table_two_cols
{
	width: 340px;
}
.panel_black_narrow table.layout_table_two_cols td
{
	padding: 2px 0;
}
.panel_black_narrow table.layout_table_two_cols td.label_column
{
	width: 140px;
}
.panel_black_narrow table.layout_table_two_cols td.textbox_column
{
	width: 200px;
}

.ui-accordion .ui-accordion-header,#accordion_affiliate .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a, #accordion_affiliate .ui-accordion-header a { display: block; padding: .5em .5em .5em 15px; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 5px; top: 50%; margin-top: -3px; }
.ui-accordion .ui-accordion-content { padding: 8px 0; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }

.ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; }
.ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; }
.ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
.ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
.ui-corner-right {  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; }
.ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; }
.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; }

.ui-widget-content { border: 1px solid #dfd9c3; background: #f5f3e5 url(../../Images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) 50% top repeat-x; color: #312e25; }
#account
{
	border: none;
}
#account .tab
{
	padding: 10px;
	margin-top: 27px;
	border: solid 1px #57B031;
}
.ui-state-active .ui-icon
{ width: 7px; height: 7px; background-image: url(../../Images/arrow_down.png); }
.ui-state-default .ui-icon
{ width: 7px; height: 7px; background-image: url(../../Images/arrow_right.png); }

/* Global gridview styling */
table.grid
{
	width: 100%;
	border: solid 1px #5eae39;
}
table.grid th
{
	background-color: #6cc942;
	color: #FFF;
	padding: 4px;
	border: solid 1px #5eae39;
}
table.grid th a
{
	color: #FFF;
}
table.grid td
{
	padding: 4px;
	vertical-align: top;
	border: solid 1px #5eae39;
}
.pager
{
	padding: 5px;
	border: solid 1px #5eae39;
}
.pager.top
{
	border-bottom: none;
}
.pager.bottom
{
	border-top: none;
}
.pager a,
.pager span
{
	padding: 3px;
}
table.grid .footer td
{
	background-color: #DDD;
}
p.validatetips,
p#validateTips
{
	width: 748px;
	background:#FFECEC none repeat scroll 0 0;
	border:1px solid #BB0000;
	color:#333333;
	margin:5px 0 10px;
	padding:10px;
}
.hidden
{
	display: none;
}

.ui-tabs .ui-tabs-hide
{
	display: none;
}
.ui-tabs { zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/* Interaction states green
----------------------------------*/
.ui-state-default, 
.ui-widget-content .ui-state-default 
{ border: 1px solid #45930b; background: #4ca20b url(../../Images/ui-bg_highlight-soft_60_4ca20b_1x100.png) 50% 50% repeat-x; color: #ffffff; outline: none; }
.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited 
{ color: #ffffff; text-decoration: none; outline: none; }
.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-state-focus, 
.ui-widget-content .ui-state-focus 
{ border: 1px solid #FF8500; background: #FFFFFF url(../../Images/ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #FFFFFF; outline: none; }
.ui-state-hover a, 
.ui-state-hover a:hover 
{ color: #ffffff; text-decoration: none; outline: none; }
.ui-state-active, 
.ui-widget-content .ui-state-active 
{ border: 1px solid #57B031; background: #ffffff; color: #57B031; outline: none; }
.ui-state-active a, 
.ui-state-active a:link, 
.ui-state-active a:visited 
{ color: #57B031; outline: none; text-decoration: none; }
