/* ========================================== */
/*               Standard Styles              */
/* ========================================== */

/* iTextBox styles. */

.core_input_standard , .core_input_wide, .core_input_narrow
{
	/* Similar to div.admin input.text_area style. */
 	border: solid 1px #7F9DB9;
 	margin: 0;	
 	padding: 1px;
 	background-color: #FFF;
}

.core_input_narrow
{
	width: 76px;	
}

.core_input_standard
{
	width: 106px;	
}

.core_input_wide 
{	
	width: 196px;		
}

.core_input_ultra_wide 
{	
	width: 600px;		
}

/* iDropDownList styles. */

.core_combo_standard , .core_combo_wide, .core_combo_narrow  
{
 	border: solid 1px #7F9DB9;
 	margin: 0;	
 	padding: 0;
}

.core_combo_narrow 
{	
	width: 80px;	
}

.core_combo_standard
{
	width: 110px;	
}

.core_combo_wide 
{	
	width: 200px;	
}

.core_combo_ultra_wide 
{	
	width: 600px;	
}

/* Grid styles. */

.DataGrid_Container
{
	margin: 10px 0 5px 0;
	border: solid 1px #AAAAAA;
}

.DataGrid_Footer, .DataGrid_Header, .DataGrid_Filter, .DataGrid_Item, .DataGrid_AlternatingItem, .DataGrid_SelectedItem
{
	color: #2E3D47; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.DataGrid_Header {
	background-color: #F0F0F0;
	font-weight: bold;
}

.DataGrid_SelectedItem
{
    background-color: #3D5586;
    color: #FFFFFF;
}

/* Generic styles. */

.clear_float 
{
	clear: both;
}

hr
{
	background: #ccc;
	border: 0;
	height: 1px;
	clear: both;
}

/* ------- Button styles ------- */

/* --- IE6/7 browser styles --- */

input.btn  {
	color: #FFF; 	
	border: 1px solid;
	font: Arial, Helvetica, Sans-Serif;
	font-weight: bold;	 	
	background-color: #fff8f1;
	font-size: 12px;
} 

/* Large button styles. */
input.large { 		
	padding: 2px 1px 0 1px;
}	

input.primary_large { /* Button for primary functions. */
	border-color: #F86E1A; 
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#F86E1A',EndColorStr='#FEAC7A');   
}

input.secondary_large { /* Button for secondary functions. */
	border-color: #65619B; 
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#AEACCC',EndColorStr='#65619B'); 	
}

/* Small button styles. */
input.small { 		
	padding: 2px 3px 0 3px;
}	

input.primary_small { /* Button for primary functions. */
	border-color: #F86E1A; 
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#F86E1A',EndColorStr='#FEAC7A'); 
}

input.secondary_small { /* Button for secondary functions. */
	border-color: #65619B; 
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#AEACCC',EndColorStr='#65619B'); 
}

/* -- All other browser button styles -- */	
button { 	
}

button span  {
}

button.btn::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button.btn span {
		margin-top: -1px;
	}
}

/* Generic button styles. */
button.btn {
	padding: 0 15px 0 0; 
	margin-right: 5px; 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, Sans-Serif;
	text-align: center; 
	background: no-repeat right -84px; /* 83px for Safari. */	
		
	cursor: pointer;	
	overflow: visible; /* removes extra side padding in IE */
	position: relative;
	border: 0; 
	/* padding: 0; */
	
	/* This hack resets the margin as newer Chrome browsers don't need the next style, i.e. "@media screen and (-webkit-min-device-pixel-ratio:0)" */
    (-bracket-:hack;
    margin-top: 0px;
    );	
}

button.btn span {
	padding: 0 0 0 15px; 
	background: transparent no-repeat left top;  
	
	position: relative;
	display: block; 
	white-space: nowrap;	
	color: #fff;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Applies to Safari and Google Chrome only - fix margins */
	button.btn span {
		margin-top: 0px;
	}
}

button.btn:hover {
	background-position: right -126px; 
}
	
button.btn:hover span {
	background-position: 0 -42px;
	color: #fff;
}

/* Large button styles. */
button.large { 
	font-size: 15px; 
}	
button.large span {
	padding-top: 3px; 
	height: 27px; 
}
button.primary_large, button.primary_large span { /* Button for primary functions. */
	background-image: url(../Images/button_primary_large.png);
}
button.secondary_large, button.secondary_large span { /* Button for secondary functions. */
	background-image: url(../Images/button_secondary_large.png);
}

/* Small button styles. */
button.small { 
	font-size: 14px; 
}
button.small span {
	padding-top: 1px; 
	height: 20px; 
}
button.primary_small, button.primary_small span { /* Button for primary functions. */
	background-image: url(../Images/button_primary_small.png);
}
button.secondary_small, button.secondary_small span { /* Button for secondary functions. */
	background-image: url(../Images/button_secondary_small.png);
}

/* Validator call-out styles. */

.validator_callout div, .validator_callout td
{ 
	border: solid 1px Black; 	
} 

.validator_callout .ajax__validatorcallout div, .validator_callout .ajax__validatorcallout td 
{
	background-color: #FFDEDB; 
	color: #000;
}

.validator_callout .ajax__validatorcallout_popup_table
{ 
	border: none; 
	background-color: transparent; 
	padding: 0px; 
} 

.validator_callout .ajax__validatorcallout_popup_table_row
{ 
	vertical-align: top; 
	height: 100%; 
	background-color: transparent; 
	padding: 0px; 
} 

.validator_callout .ajax__validatorcallout_callout_cell
{ 
	width: 20px; 
	height: 100%; 
	text-align: right; 
	vertical-align: top; 
	border: none; 
	background-color: transparent; 
	padding: 0px; 
} 

.validator_callout .ajax__validatorcallout_callout_table
{ 
	height: 100%; 
	border: none; 
	background-color: transparent; 
	padding: 0px; 
} 

.validator_callout .ajax__validatorcallout_callout_table_row
{ 
	background-color: transparent; 
	padding: 0px; 
} 

.validator_callout .ajax__validatorcallout_callout_arrow_cell 
{ 
	padding: 8px 0px 0px 0px; 
	text-align: right; 
	vertical-align: top; 
	font-size: 1px; 
	border: none; 
	background-color: transparent; 
} 

.validator_callout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
	font-size: 1px; 
	position: relative; 
	left: 1px; 
	border-bottom: none; 
	border-right: none; 
	border-left: none; 
	width: 15px; 
	background-color: transparent; 
	padding: 0px; 
} 

.validator_callout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
	height: 1px; 
	overflow: hidden; 
	border-top: none; 
	border-bottom: none; 
	border-right: none; 
	padding: 0px; 
	margin-left: auto; 
} 

.validator_callout .ajax__validatorcallout_error_message_cell 
{ 
	font-family: Tahoma, Arial, Verdana, Helvetica, Sans-Serif; 
	font-size: 11px; 
	padding: 5px; 
	border-right: none; 
	border-left: none; 
	width: 100%; 
} 

.validator_callout .ajax__validatorcallout_icon_cell
{ 
	width: 17px; 
	padding: 5px 3px 10px 8px; 
	border-right: none; 
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
} 

.validator_callout .ajax__validatorcallout_close_button_cell
{ 
	vertical-align: top; 
	padding: 4px 2px 0 0;
	text-align: right; 
	border-left: none; 
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
} 

.validator_callout .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
	border: none; 
	text-align: center; 
	width: 10px; 
	padding: 1px; 
	cursor: pointer; 
} 

/* Validator hightlight styles. */

.validation_failed
{    	
	-moz-box-shadow: 0 1px 4px #DA0000;
	-webkit-box-shadow: 0 1px 4px #DA0000;
	box-shadow: 0 1px 4px #DA0000;    
}

/* ========================================== */
/*                Admin Styles                */
/* ========================================== */

div.admin /* Admin screens. */
{
	padding: 0 6px 0 6px;
	margin-bottom: 5px;
	display: block;
}

    div.admin > a.primary_small{
        display: none;
    }

body div.admin, div.admin td span, div.admin a /* Admin screens, (Note: must have 'span' after the td, otherwise it breaks the auto-locate on the iListBox controls). */
{
	font-family: Tahoma, Arial, Helvetica;
    color: grey;
}

div.admin div.options /* Admin menu options div. */
{
	clear: both;
	display: block;
}

div.admin div.option /* Admin menu option tile div. */
{
	padding: 28px 15px;
	border: solid 1px #CCCCCC;
	background-color: #F5F5F5;
	width: 131px;
	height: 111px;
	text-align: center;
	margin: 25px 0;
	float: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;		
}

div.admin div.option img /* Admin menu option tile icon. */
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

div.admin div.title /* Admin title. */
{
	display: block;
	margin-bottom: 10px;
}

div.admin div.title img /* Admin title label. */
{
	float: left;
	margin-right: 5px;
}

div.admin div.title span /* Admin title label. */
{
	font-size: 18px;
	color: #666666;	
	font-weight: bold;	
	padding-top: 1px;
	float: left;
}

div.admin div.group
{
	clear: both;
	display: inline-block;
	width: 100%;
}

div.admin div.group div.title
{
	display: block;
	padding: 2px 0 2px 5px;
	height: 18px;
	border: solid 1px #BBBBBB;
	background-color: #F3F3F3;
	text-align: center;
	margin-bottom: 5px;
}

div.admin div.group3 div.title
{
	background-color: #FFFFFF;
}


div.admin div.group div.title span /* Admin group title label. */
{	
	font-size: 12px;
}

div.admin div.buttons /* Admin edit buttons div. */
{
	float: left;
}

div.admin div.active /* Admin active check box div. */
{
	padding: 3px 8px 3px 6px;
	border: solid 1px #AAAAAA;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	float: right;
}

div.admin span.auditing /* Admin Auditing labels. */
{
	padding-top: 3px;
	font-style: italic;
	font-size: 0.9em;
	display: block;
	clear: both;
}

div.admin span.error /* Admin error message. */
{
	display: block;
	font-weight: bold;
	color: #FF0000;
	padding: 5px 0 5px 0;
}

div.admin div.border /* Admin Company div. */
{
	display: block;
	border: solid 1px #AAAAAA;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	padding: 6px 6px 6px 10px;
	margin-bottom: 10px;	
}

div.admin div.content /* Typically used to add spacing after iTabStrip control. */
{
	margin-bottom: 10px;	
}

div.admin table.layout /* Layout table. */
{
	border: none;
}

div.admin table.layout>tr>td /* Table layout cells. Need to do this way, otherwise it affects the display of the validators. */
{
	padding: 2px 0 2px 0;
	white-space: nowrap;
}

div.admin table.layout label.caption, div.admin table.layout span.caption /* Input captions. */
{	
	padding-right: 10px;
}

div.admin textarea.template /* Template edit input. */
{
	/* Similar to .core_input_standard and .core_input_wide styles. */
 	border: solid 1px #7F9DB9;
 	margin: 0;	
 	padding: 1px;
 	background-color: #FFF;	
	width: 600px;	
	height: 50px;
}

div.admin table.layout td.add_remove /* Column containing add/remove buttons in a grid. */
{
	width: 24px; 
	text-align: center;
}

div.admin table.layout td.padding_top /* Provides top padding in a cell. Typlically required to line up captions due to auto-locate on iListBox controls. */
{
	padding-top: 24px;
	vertical-align: top;
}

div.admin div.picture /* Container round pictures in product edit. */
{
	padding: 5px;
	border: solid 1px #7F9DB9;
	margin-bottom: 8px;
}

/* ========================================== */
/*                Pager Styles                */
/* ========================================== */

div.pager 
{
	height: 16px;
	margin-top: 6px;	
	background: #F2F2F2;
	border-top: solid 1px #DFDFDF;
	border-bottom: solid 1px #DFDFDF;
	padding: 10px;
	clear: both;	
}

div.pager div.page
{
	float: left;
	font-size: 1.1em;
}

div.pager div.navigation
{	
	float: right;
	text-align: right;
}

/* Move first links. */
div.pager a.navigate_first
{
	margin-right: 4px;
	font-size: 1.1em;
	color: #666F6D;
}

div.pager span.navigate_first_disabled
{
	margin-right: 4px;	
	font-size: 1.1em;
	color: #CFCFCF;
}

/* Move last links. */
div.pager a.navigate_last
{
	font-size: 1.1em;
	color: #666F6D;
}

div.pager span.navigate_last_disabled
{
	font-size: 1.1em;
	color: #CFCFCF;
}

/* Move previous and move next links. */
div.pager a.navigate
{
	margin-right: 12px;
	margin-left: 8px;
	font-size: 1.1em;
	color: #666F6D;
}

div.pager span.navigate_disabled
{
	margin-right: 12px;
	margin-left: 8px;
	font-size: 1.1em;
	color: #CFCFCF;
}

/* Go to page links. */
div.pager a.navigate_page
{
	border: solid 1px #808080;	
	background-color: #FFFFFF;
	padding: 2px 8px 3px 8px;	
	margin-right: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}

div.pager span.navigate_page_disabled
{
	border: solid 1px #808080;			
	padding: 2px 8px 3px 8px;		
	margin-right: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}