@import url(/admin/css/generic.css);
@import url(/admin/css/offer.css);
@import url(/admin/css/lookup.css);

body {
	margin: 0px;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.body {
	margin: 10px 20px 20px 20px;
	min-width: 967px;
}
.body a, .footer a {
	text-decoration: none;
	font-weight: bold;
	color : #E01111;
}
.body a:hover {
	color : #FF0000;
}
.body th, .body td, .body p, .body li, .body span, .body input, .body select, .body textarea, .body div, .body fieldset, .body legend {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-weight: normal;*/
}
.body th {
    text-align: left;
}
.body .title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
}
.body .menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF !important;
	font-size: 8pt;
	font-weight: normal !important;
	text-decoration: none;
	background-color:#4C4C4C;
}
.body .menuOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF !important;
	font-size: 8pt;
	font-weight: normal !important;
	text-decoration: underline !important;
	background-color:#4C4C4C;
}
.body .submenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000 !important;
	font-size: 8pt;
	font-weight: normal !important;
	text-decoration: none;
}
.body .submenuOn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000 !important;
	font-size: 8pt;
	font-weight: normal !important;
	text-decoration: underline !important;
}
.body .label {
	font-size: 8pt;
	font-weight: bold;
}
.body td.label span 
{
	font-size: 8pt;
	font-weight: bold;
}
.body .vertical 
{ 	
	writing-mode: tb-rl;
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	direction : rtl
}
.body .green {
	color: #006600 !important;
	font-size: 10pt;
	font-weight: bold;
}

.body .blue {
	color: blue;
}
.body .red {
	color: Red !important;
}
.body .redSpecial {
	color: Red !important;
	margin-left: 0px;
}
.body .grey {
	color: #999999 !important;
	font-weight: bold;
}
.body .note 
{
	color: #be5858;
	font-style: normal;
	padding: 0 15px;
}
.body .headerselect {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    font-weight: normal;
}

.body .headercolumn{
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000;
    font-weight: 900;
}

.body .formButtonCalendarClear {
    text-decoration: none;
    background-color: #CCCCCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
    font-weight : normal;
    height : 22px;
    width : 22px;
}

.body table.Ledger {
    border: none;
}
.body table.Ledger tr.odd {
    background-color: #fefcf9;
}
.body table.Ledger tr.odd td {
    border: 1px solid #f8f2e5;
}
.body table.Ledger tr.even {
    background-color: #f5f2ea;
}
.body table.Ledger tr.even td {
    border: 1px solid #ede6d9;
}
.body table.Ledger tr.add {
    background-color: #fcfcd5;
}
.body table.Ledger tr.add td {
    border: 1px solid #f3f390;
}

.body table.Ledger tr.row_image_type {
    background-color: #f9f9f9;
}
.body table.Ledger tr.row_image_type td {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 5px;
}
.body table.Ledger tr.row_image_type td.nostyle {
	border: none;
	background-color: white;
}
/*.body table.Ledger tr.row_image_type td span {
    font-size: 12px;
}*/

.body table.Ledger td, table.Ledger th {
    border: none;
    padding-top: 3px;
    padding-bottom: 3px;
}
.body table.Ledger th
{
	color:Black;
    font-weight: bold;
}
.body div.CategoryBreadcrumb {
    margin-bottom: 15px;
    padding: 2px 4px;
    border-top: solid 1px #eeeeee;
    border-bottom: solid 1px #eeeeee;
}
.body div.CategoryBreadcrumb a:link, .body div.CategoryBreadcrumb a:visited, .body div.CategoryBreadcrumb a:active, .body div.CategoryBreadcrumb a:hover, .body div.CategoryBreadcrumb a:focus {
    font-weight: normal;
}

.body table.GridView th {
	height: 16px;
	padding-right: 20px;
}
.body table.GridView th img
{
	margin: -1px 0 0 2px;
	padding: 0;
	position: absolute;
}
.body table.GridView th.noGap {
	padding-right: 5px;
	text-align: right;
}
.body table.GridView td {
	padding: 5px 4px 2px;
}
.body div.box {
    border: solid 1px #cccccc;
    padding: 5px;
}
.body div.box p {
    margin: 0 0 10px;
}
.body div.box p.last {
    margin-bottom: 0px;
}
.body div.infoBoxOpen {
    background-color: White;
    border: 1px solid #cccccc;
    margin: 5px 0 3px;
    padding: 2px 4px;
    display: block;
}
.body div.infoBoxShut {
    display: none;
}

.body p.error
{
	color:red;
	font-weight: bold;
}

.body td p.error
{
	margin: 0;
	padding: 0;
}

.body tr.error_minor
{
	background-color: #F9FFD0;
}

.body tr.error_major
{
	background-color: #FFF3D0;
}

.body tr.error_critical
{
	background-color: #FFD0D0;
}


/* Forms/Fieldsets */


.body fieldset.editForm 
{
	width: 97%;
}
.body legend 
{
	font-size: 10pt;
	font-weight: normal;
	color: #666666;
	margin: 0 0 10px;
}
.body legend.label
{
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}

/* Tables */

.body table.addProduct th.label 
{
	width: 170px;
}
.body table.addProduct td.field 
{
	width: 300px;
}
.body table.addProduct th.validator 
{
	width: 180px;
}
.body table.assignMembershipCodes th
{
	width:200px;
}

.body label
{
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}
.body fieldset.addProduct tr.rowextension table
{
	margin: 10px;
	border: 1px Solid #BFBFBF;
	padding: 5px;
	background:White;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}

/*==================================================================*/
/*			RE-DESIGN												*/
/*==================================================================*/

		.body h1, .body h1 span {
			font-weight: normal;
			font-size: 12pt;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			margin: 0 0 15px 0;
		}

		#RED_searchfilters {
			position: relative;
			/*min-height: 150px; --Removed by Alan so screens with less filters are not as high */
			zoom: 1;
			margin: 0 0 15px;
		}

		.RED_searchfilters_Results {
			position: relative;
			border: #bbbbbb solid 1px;
			padding: 15px;
			margin-bottom: 15px;
		}


		#RED_searchfilters h2 {
			margin: 0 0 15px 0;
		}
		
		#RED_searchfilters fieldset {
			margin: 0 0 15px 0;
			padding: 0;
			border: #bbbbbb solid 1px;
			width: 100%;
			position: relative;
			display: block;
		}
		#RED_searchfilters fieldset h2 {
			font-weight: normal;
			font-size: 13px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 5px 15px;
			background-color: #EDEDED;
			border-bottom: 1px solid #bbbbbb;
		}

		#RED_searchfilters #box_search 
		{
			float: left;
			/*width: 302px;*/
			margin: 15px;
		}
		#RED_searchfilters #box_options {
			float: left;
			/*width: 260px;*/
			margin: 15px;
		}
		#RED_searchfilters #box_category {
			margin: 15px;
			clear: both;
		}
		
		#RED_searchfilters fieldset.non_visual {
			border: none;
			padding: 0;
		}
		#RED_searchfilters fieldset.non_visual legend {
			margin: 0 0 15px;
			padding: 0;
		}
		
		

		#RED_searchfilters #category_levels {
			width: 167px;
			float: left;
		}
		#RED_searchfilters .category_levels_diagram {
			height: 20px;
			overflow: hidden;
			background: url(/Admin/Images/lvl_bg.gif) repeat-x left top;
			width: 95px;
			float: left;
			padding: 0;
			margin: 0 0 10px;
		}
		#RED_searchfilters ul, #RED_searchfilters ol {
			margin: 0 0 10px 20px;
			padding: 0;
			clear: both;
		}
		#RED_searchfilters li {
			line-height: 1.3;
		}
		#RED_searchfilters li.sel {
			font-weight: bold;
			font-size: 10pt;
		}


		#RED_searchfilters .category_levels_diagram a, #RED_searchfilters .category_levels_diagram div {
			display: block;
			width: 20px;
			height: 17px;
			overflow: hidden;
			float: left;
			margin-left: 5px;
			background-repeat: no-repeat;
			background-position: left top;
			text-decoration: none;
			color: #ffffff;
			font-size: 10px;
			text-align: center;
			padding-top: 3px;
			font-weight: normal;
		}
		#RED_searchfilters .category_levels_diagram .lvl_on {
			background-image: url(../../Images/lvl_on.gif);
		}
		#RED_searchfilters .category_levels_diagram .sel {
			background-image: url(../../Images/lvl_sel.gif);
		}
		#RED_searchfilters .category_levels_diagram .lvl_off {
			background-image: url(../../Images/lvl_off.gif);
			color: #e0cbcb;
		}


		#RED_searchfilters .category_levels_diagram .first {
			margin: 0;
		}


		#RED_searchfilters label, #RED_searchfilters .label_aligned {
			/*font-weight: normal;
			color: #990000;*/
		}
		
		#RED_searchfilters p.aligned {
			clear: both;
		}
		#RED_searchfilters label.aligned, #RED_searchfilters span.label_aligned {
			width: 130px;
			float: left;
			padding: 3px 0 0;
		}
		#RED_searchfilters label.shorter, #RED_searchfilters span.shorter {
			width: 80px;
		}
		#RED_searchfilters label.short, #RED_searchfilters span.short {
			width: 125px;
		}
		#RED_searchfilters label.long, #RED_searchfilters span.long {
			width: 240px;
		}
		#RED_searchfilters label.verylong, #RED_searchfilters label.verylong {
			width: 300px;
		}
		#RED_searchfilters span.value {
			display: block;
			padding: 3px 0 0;
		}

		#RED_searchfilters .radiogroup_horizontal label, #RED_searchfilters .checkboxgroup label {
			float: left;
			padding: 2px 5px 0 0;
			color: #000000;
		}
		
		#RED_searchfilters .radiogroup_horizontal input, #RED_searchfilters .checkboxgroup input {
			float: left;
		}

		#RED_searchfilters div.button {
			clear: both;
			margin: 0 0 0 0;
		}

		#RED_searchfilters .clear {
			display: block;
			clear: both;
			overflow: hidden;
			height: 1px;
		}


/*=== #Header =============================== */

#header div, #header h1, #header h2, #header h3, #header h4, #header h5, #header h6, #header p, #header ul, #header ol, #header li, #header a {
	margin: 0;
	padding: 0;
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
}
#header {
	position: relative;
	min-width: 960px;
	width: 100%;
	font-size: 75%;
}
#header select {
	font: 100% GillSans, Calibri, Trebuchet, sans-serif;
	width: 150px;
}
#header .red_logo {
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 2;
    height: auto !important;
    width: auto !important;
}
#header .menu {
	position: relative;
	clear: both;
	padding: 0 0 0 10px;
	list-style-position: outside;
	list-style-type: none;
	z-index: 1;
}
#header .menu li {
	display: block;
	position: relative;
	float: left;
}

#header #icons li.logo
{
    
}

#header #icons li.logo a
{
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
}

#header #icons li.logo a img
{
    height: 43px;
    /*width: 164px;*/
}


#header .menu li a {
	display: block;
	position: relative;
	text-decoration: none;
}

#header #icons {
	position: relative;
	height: 47px;
	padding: 12px 0 0 2px;
}
#header #icons ul {
	
}

#header #icons a {
	width: 30px;
	height: 31px;
	padding: 5px 7px 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 7px -31px;
	text-indent: -9999px;
}
#header #icons a:hover {
	background-position: 7px 5px;	
}
#header #Home a {	background-image: url(/Admin/Images/Header/ico_mydetails.gif);}
#header #Orders a {		background-image: url(/Admin/Images/Header/ico_orders.gif);}
#header #Commerce a {	background-image: url(/Admin/Images/Header/ico_commerce.gif);}
#header #Content a {	background-image: url(/Admin/Images/Header/ico_content.gif);}
#header #Documents a {	background-image: url(/Admin/Images/Header/ico_documents.gif);}
#header #Community a {	background-image: url(/Admin/Images/Header/ico_community.gif);}
#header #Locale a {		background-image: url(/Admin/Images/Header/ico_locale.gif);}
#header #Marketing a {	background-image: url(/Admin/Images/Header/ico_marketing.gif);}
#header #Media a {		background-image: url(/Admin/Images/Header/ico_media.gif);}
#header #System a {		background-image: url(/Admin/Images/Header/ico_system.gif);}
#header #Users a {		background-image: url(/Admin/Images/Header/ico_users.gif);}
#header #Logout a {		background-image: url(/Admin/Images/Header/ico_logout.gif);}

#header #icons a.selected {
	width: 40px;
	height: 41px;
	padding: 0 2px 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 2px 0px;
	text-indent: -9999px;
}
#header #Home a.selected {	background-image: url(/Admin/Images/Header/ico_mydetails_selected.gif);}
#header #Orders a.selected {	background-image: url(/Admin/Images/Header/ico_orders_selected.gif);}
#header #Commerce a.selected {	background-image: url(/Admin/Images/Header/ico_commerce_selected.gif);}
#header #Content a.selected {	background-image: url(/Admin/Images/Header/ico_content_selected.gif);}
#header #Documents a.selected {	background-image: url(/Admin/Images/Header/ico_documents_selected.gif);}
#header #Community a.selected {	background-image: url(/Admin/Images/Header/ico_community_selected.gif);}
#header #Locale a.selected {	background-image: url(/Admin/Images/Header/ico_locale_selected.gif);}
#header #Marketing a.selected {	background-image: url(/Admin/Images/Header/ico_marketing_selected.gif);}
#header #Media a.selected {		background-image: url(/Admin/Images/Header/ico_media_selected.gif);}
#header #System a.selected {	background-image: url(/Admin/Images/Header/ico_system_selected.gif);}
#header #Users a.selected {		background-image: url(/Admin/Images/Header/ico_users_selected.gif);}
#header #Logout a.selected {	background-image: url(/Admin/Images/Header/ico_logout_selected.gif);}


#header #icons li.logo a {
	/*width: 170px;*/
	text-indent: 0;
}


#header ul#managers {
	height: 30px;
}
#header ul#managers a {
	height: 27px;
	padding: 3px 10px;
	color: #222222;
	font-size: 1.3333em;
}
#header ul#managers a:hover {
	color: #ce2028;
}
#header ul#managers a.selected {
	background-image: url(/Admin/Images/Header/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: center 23px;	
	color: #ce2028;
}
#header #menubars {
	background-image: url(/Admin/Images/Header/menubars_tile.gif);
	background-repeat: repeat-x;
	background-position: left top;	
	margin: 12px 0 0;
}
#header #menubars.nomenu {
	background-image: url(/Admin/Images/Header/menubars_tile_nomenu.gif);
}
#header ul#menu1 {
	height: 38px;
}

#header #menubars.nomenu ul#menu1 a 
{
	height: 23px;
}

#header ul#menu1 a {
	height: 26px;
	padding: 8px 10px 0;
	background-image: url(/Admin/Images/Header/menu1_tile.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;	
	color: white;
	font-size: 1.1667em;
}

#header #menubars.nomenu .menu1_left
{
	height: 31px;
}

#header #menubars.nomenu .menu1_right
{
	height: 31px;
}

#header ul#menu1 .menu1_left {
	display: block;
	position: absolute;
	width: 1px;
	height: 38px;
	overflow: hidden;
	top: 0;
	left: 0;
	background-image: url(/Admin/Images/Header/menu1_left.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
#header ul#menu1 .menu1_right {
	display: block;
	position: absolute;
	width: 1px;
	height: 38px;
	overflow: hidden;
	top: 0;
	right: 0;
	background-image: url(/Admin/Images/Header/menu1_right.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
#header ul#menu1 a:hover, #header ul#menu1 a:hover .menu1_left, #header ul#menu1 a:hover .menu1_right, #header ul#menu1 a.selected, #header ul#menu1 a.selected .menu1_left, #header ul#menu1 a.selected .menu1_right {
	background-position: 0px -76px;	
}
#header ul#menu2 {
	height: 26px;
	background-image: url(/Admin/Images/Header/menu2_tile.gif);
	background-repeat: repeat-x;
	background-position: left top;	
}
#header ul#menu2 a {
	height: 21px;
	padding: 2px 10px 0;
	color: #444444;
}
#header ul#menu2 a:hover, #header ul#menu2 a.selected {
	color: #ce2028;
}
#header #logout_and_storefronts {
	position: absolute;
	top: 15px;
	right: 105px;
}

/*=========================================== */

select optgroup
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	font-style: normal;
}
select optgroup option
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	font-style: normal;
}

.info
{
	font-style:italic;
	color: Gray;
}

.rgDetailTable 
{
	margin-bottom: 10px;
}

.RED_PropertyContainer
{
	margin: 10px;
}

.RED_PropertyLabel
{
	float: left;
	clear: both;
	margin-bottom: 8px;
	width: 200px;
}

.RED_PropertyValue
{
	float: left;
}

RED_PropertyContainer .clear
{
	clear: both;
}