/* IE7/8, FireFox, Opera, and WebKit compatible styles */

/* Default positioning anchors */
#mainpanel, #kpipanel, #footer 
{
	position: relative; left:0; top:0;    
}



/* Navigation Box styles */
div.navbox
{
	padding: 1em;
}

div.navbox h2
{
	font-size: 15px;
	padding-bottom: .25em;
	border-bottom: solid 1px #004F9D;
}

div.navbox ul
{
	list-style:none;
	padding:.25em 0; margin:.5em 1em;
}

div.navbox li
{
	font-size: 12px;
	
}

/******** General Styles ********/

.fill
{
	width: 100%;
}

/* Disabled this for the time being... seeing if it causes rendering issues. (it does)
.bright
{
	color: #004697;
	font-weight: bold;
}*/

.field_header
{
	color: #004697;
	font-weight: bold;
}

.default.contents
{
	background: #E9EEF3;
	margin: 0;
	padding: 10px 20px 10px 20px;
}

.center
{
	text-align:center;
	margin: 0 auto;
}

.title
{
	font-weight:bold;
}

.success { color: #0F9C0F; font-weight:bold; }
.warning { color: #FF0000; font-weight: bold; }

/* Shortcut "invisible" class. */
.hidden
{
	display:none;
}

a.nosort
{
	color:#000000;
	text-decoration:none;
}

div.environment
{
	height:5.0em;
}

div.environment h1
{
	font: 32px Arial, Helvetica, sans-serif; 
	color: #FF0000;
	font-weight: bold;
	text-align:center;
	margin:0;
}

/******** Number highlights *******/
.highlight.positive
{
	color: #009900;
}

.highlight.neutral
{
	color: #000000;
}

.highlight.negative
{
	color: #FF0000;
}

/******** (DEPRECATED) Absolute Control Layout, Mk I (DEPRECATED) ********/
fieldset.new { margin-top:1em; width : 48em; padding: 0.5em 1em; position:relative; }
fieldset.new label { float:none; position:relative; left:0em; width:13em; display:block; margin: 0.5em 0em; }
fieldset.new span.warning { position:absolute; right: .5em; }

fieldset.new > label { text-align: right; }
fieldset.new label > * { text-align:left; position:absolute; left:100%; top:0em; width:27.5em; margin: 0em .5em auto .5em; }
fieldset.new label label.error { position:absolute; right: .5em; text-align:left; }
fieldset.new label span.ignore { position: static; width:inherit; margin: 0; }
fieldset.new label a img.icon { position: absolute; width:auto; margin: 0; left: 100%; }
fieldset.new label img.icon { position: static; width:auto; margin: 0; }
fieldset.new img.help { position: absolute; width:auto; margin: 0; right:.5em; }
fieldset.new label > fieldset { width:27em !important; padding: .2em !important; }
fieldset.new fieldset > * { position: static !important; margin: .3em; width:auto; height:auto; }
fieldset.new fieldset table { width:26em;  display:block; }
fieldset.new fieldset input { display:inline; }
fieldset.new input[type=button],
fieldset.new input[type=submit] { display:inline; float:none; margin-right:0; }
fieldset.new div.actions { text-align:right; margin-right: 7em;}
fieldset.new label .ascontrol { text-align:left; font-weight:normal; }
fieldset.new .vchoice { text-align:left;}fieldset.new .vchoice  input {display:inline; float:none; width:auto;  }
fieldset.new .vchoice label { position: relative; display:inline; top:-.25em; margin: 0 3em 0 0;}
fieldset.new .choice { text-align:left; }
fieldset.new .choice input { width:auto;  display:inline; float:none; }
fieldset.new .choice label { position: relative; top: -.25em; display:inline; margin: 0 3em 0 0; }

fieldset.new input.datepicker, fieldset.new input.date, fieldset.new input.past, fieldset.new input.future { width:10em; }
fieldset.new label .ui-datepicker-trigger { width:auto; float:none; margin-left: 11.5em; }

fieldset.new .up { width:auto; position:absolute; top:0; }
fieldset.new .down { width:auto; position:absolute; bottom:0; }

fieldset.new p.help { margin: .2em 7em 0em 13.5em; font-weight:bold; }
fieldset.new p.warning { margin: .2em 7em 0em 13.5em; font-weight:bold; }
fieldset.new .autosel { margin-left: 14em; width: 26.5em; position:relative; }
fieldset.new .autosel li { font-weight: bold; }
fieldset.new .autosel a { position:absolute; right: 0; font-weight:normal; text-decoration: none; }

/* Absolute control layout for HD profile report and account profile screens. */
fieldset.new label.includer input[type=checkbox] { position: absolute; left: -1.25em; top: -.1em; width: auto; }
fieldset.new label.includer { padding-left: 1.25em; width: 18em; text-align: left; }
fieldset.new label.includer .since { width: 15.5em;	position: absolute;	left: 101%;	top: 125%;	margin-right: 0.5em; text-align: left;}
fieldset.new label.includer .since input, fieldset.new label.includer input[type=text] { position: static; display: inline; width: 8em; float: none; }
fieldset.new .choice label { padding-left: 0; }
fieldset.new label .date + img.ui-datepicker-trigger { width:14px; height:15px; display:inline; position:static; }
.profile fieldset.new,  .group fieldset.new { width : 36em; }
.profile fieldset.new label > *, .group fieldset.new label > * { position:absolute; left:100%; top:0em; width:20.5em; margin: 0em .5em auto .5em; }
.profile fieldset.new label .ascontrol, .group fieldset.new label .ascontrol { text-align:left; font-weight:normal; }
.profile fieldset.new label .ascontrol input,
.group fieldset.new label .ascontrol input { display:inline; float:none; }


/******** Absolute Control Layout, Mk II ********/
fieldset { margin: .33em 0 .33em 0; padding: .33em; width: 50em; background: #E9EEF3; position: relative; display:block;}
fieldset > div { margin: .5em 0 .5em .25em; width: 13em; position: relative; text-align: right; }
fieldset > div > label + * { position: absolute; display:block; text-align:left; left: 100%; top:0; width: 27.5em; margin: 0em .5em auto .5em; }
fieldset > div > .addl, fieldset > div > .nolabel { display:block; width: 27.5em; text-align:left; margin: .25em .5em auto 13.5em; }
fieldset > div > label + span { text-align:left; }

ul.addl  { list-style:none; padding: 0;}
.addl li { list-style: none; padding-top:.25em; margin:0; }

p.help, p.warning, p.error { margin: .2em 7em 0em 13.5em; font-weight: bold; }
p.warning, p.error { color: Red; }
fieldset span.warning /* AJAX.Net validator */, 
fieldset label.error /* jQuery validator */ { position: absolute; left: 42em; width: 8em; text-align: left; } 
input.err, select.err, textarea.err /* Account profile custom validation */ { background-color: #ffba29; }
	
fieldset .choice label { position: relative; top: -.25em; margin: 0 3em 0 0; }
fieldset select, fieldset option { text-align: left; }
	
/* jQuery Control styles */
fieldset .up { width: auto; position: absolute; top: 0; }
fieldset .down { width: auto; position: absolute; bottom: 0; }
fieldset .autosel { margin-left: 14em; width: 26.5em; position: relative; }
fieldset .autosel li { font-weight: bold; }
fieldset .autosel a { position: absolute; right: 0; font-weight: normal; text-decoration: none; }
fieldset input.datepicker, fieldset input.date, fieldset input.past, fieldset input.future { width: 10em; }
	
/* Styles for column + criteria includer */
fieldset.include > div { width: 20em; text-align: left; }
fieldset.include > div > label + * { left: 20em; width: 20.75em; }
fieldset.include > div > div { width: 20.75em; position: relative; left: 21em; text-align: left; }

/* Styles for address inputs */
fieldset > div > a.map { position:absolute; top:0; right:-29.5em; }
fieldset > div.address span { overflow:hidden; white-space:nowrap; }
fieldset .city { width: 10.5em; }
fieldset .state { width: 3.5em; }
fieldset .zip { width: 4em; }

/* Styles for table layouts */
/* mg*/
td > fieldset { width: 100%; }




td > fieldset > div > .addl, td > fieldset > div > .nolabel { width: 20.5em; }
td > fieldset > div > div { width: 20.5em; margin: 0em .5em auto .5em; }
td > fieldset.include > div select, td > fieldset.include > div > span { width: 15em; }
td > fieldset > div > label + * { width: 20.75em; }
td > fieldset.include > div > div { width: 20.75em; left: 100%; }
td > fieldset > div > a.map { position:absolute; top:0; right:-22.5em; }
	
/* Fix for firefox's dumbness re: hidden controls. */
input[type=hidden] { display: none !important; visibility: hidden !important; margin-right: 0; }

/* Styles for interactable elements. */
fieldset div.actions { text-align: right; margin-top: .5em; width: 41em; }
fieldset div.actions button, fieldset div.actions input { display: inline; margin: 0 0 0 1.5em; }
a.revealer { display: block; width: 48em; padding: 0.5em 1em; margin-top: 1em; text-align: right; text-decoration: none; }
fieldset .ui-datepicker-trigger { padding-left: .25em; width: 15px; height: 15px; }
td > fieldset > div.actions { width: auto; text-align:center; margin-top:1.5em; }

/* Styles for labels. '.tall' may be unneccessary. */
label { font-weight: bold; padding: 0 5px 0 5px; }
div.tall { height: 10em; }
div.tall textarea { height: 7.5em; }

/* Absolute control layout for wizards. */
.wizard iframe { height: 1.75em; width: 37.75em; border: none; }
.wizard textarea { width: 37.75em; }

/* simple/advanced view switching. */
fieldset .view-toggle { position: absolute; right: .25em; }

/******** jQuery multiselect styles. ********/
.multiselect ul { padding-left: 1.5em; margin-top: .5em; margin-left: .5em; background: white; border: solid 1px gray; }
.multiselect li { list-style: none; margin-top: 0; }

/******** jQuery List selector styles. (deprecated) ********/
fieldset.list-selector { height: 21em; }

fieldset.list-selector *
{
	margin:0; padding:0; width:auto;
	display:block;
	float:none;
	text-align:center;
}

fieldset.list-selector table { width:100%; height:100%; }
fieldset.list-selector table tr { display:table-row; }
fieldset.list-selector table td, 
fieldset.list-selector table th 
{ 
	width:50%; 
	display:table-cell; 
}

fieldset.list-selector img.help { top:.25em; right:.25em; position:absolute; }

fieldset.list-selector td
{
	width:8em; height:auto;
	font-size:20px;
}

fieldset.list-selector ol.highlight { background: white; }

fieldset.list-selector label
{
	margin:0 auto;
	position:static;
	font-size:11px;
}
 
.list-selector ol
{
	list-style:none;
	margin:.25em auto; padding:.25em; width: 8em; height:9em;
	border: inset .15em #BBBBBB;
	background: #989898;
	overflow-y:scroll; overflow-x:hidden;
}
 
.choices li,
.selections li
{
	margin: .25em 0 .25em 0; padding: .25em; width:8em;
	border: ridge .2em #6080A0;
	z-index:1000;
	color:#FFFFFF; background-color: #A0C0E0;
	font-weight: bold; font-size:15px;
	cursor: move;
}


/************** Order Callout ***********/

div.orderCallout { float:right; 
                   vertical-align:top;
                   width:270px; background-color:#ffffff; 
                   background-image:url(/App_Resources/images/orderCallout-back.jpg); 
                   background-repeat:repeat-x; 
                   background-position:bottom;
                   padding: 5px;
                   border: 2px solid #f7f7f7;}
  div.orderCallout div {padding:2px 0px; color: #000000;  font-size: 12px; }
                  
 div.orderCallout div#storeNumber { font-weight:600; }
 div.orderCallout div#orderNumber { }
 div.orderCallout div#orderTotal {  padding: 20px 0px; }
 div.orderCallout div span { color: #666666; font-weight:600;  }
 div.orderCallout div#orderTotal span { color: #000000; font-size:16px; font-weight:600; float: right; color:#002077; }
 div.orderCallout div#orderSave { padding-top:5px; padding-bottom:10px; border-bottom: 1px solid #B4B4B4; border-top: 1px solid #B4B4B4; vertical-align:middle;  }
 div.orderCallout div#orderStatus {padding-top:5px; }

/******** drag-and-drop list selector. ********/
.dnd-selection-list { position: relative; width: 48em; height: 23.5em; margin: 0 1em 0 1em; }
.dnd-selection-list h2 { text-align: center; padding-right: .75em; color: Black; }
.dnd-selection-list ol { text-align: center; list-style: none; background: #989898; border: inset .25em #BBB; margin: .25em 0 .25em 0; height: 19.5em; width: 20em; padding: .25em; overflow-x: hidden; overflow-y: scroll; }
	
.dnd-help { float: right; }
	
.dnd-selection-list li { font-weight: bold; border: ridge .2em #6080A0; color: White; background: #A0C0E0; margin: .25em 0 .25em 0; width: 12.25em; padding: .25em; z-index: 1000; cursor: move; }
.dnd-selection-list li.other-activity { background: #B0B0B0; border-color: #686868; }
	
.dnd-selection-source { position: absolute; right: -20em; }
	
.dnd-selection-list div.choices { position: absolute; top: 0; left: 0; }
.dnd-selection-list div.selections { position: absolute; top: 0; right: 0; }


/******** Helptext ********/
.help span.ref { font-weight:bold; }

/******** Alternating background colors ********/

.alt_a
{
	background: #F2F6FA;
}

.alt_b
{
	background: #E5ECF4;
}

.alt_b.bright
{
	background: #FEEDC9;
}

.alt_a.bright
{
	background: #FFF4DF;
}

/* Errors trickery */
.error
{
	display:inline;
	color:Red;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
}

span.error.exists
{
	display:inline;
}

div.error.exists
{
	display:block;
}

label.error
{
	width:auto;
	display:inline;
}

/* Button Styles */

button.logout 
{
	border: solid 1px #AAAAAA;
	background:white;
    
}

.logout
{
    padding:6px;
    border: solid 1px Black;
	background:white;
    margin-left:16px;
}

input[type=button], input[type=submit], button
{
	/*margin-top: 10px;*/ /* Find a better way to do this... */
	padding: 0em 1em .2em 1em; margin-left: 10px; width: auto;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	cursor: pointer;
}

button
{
	padding: .15em 1em .15em 1em; 
}

input[type=button].primary, input[type=submit].primary, button.primary, a.primary
{
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif; text-decoration: none;
	color: #ffffff; background-color: #5282B8;
	
	padding: .15em 1em .15em 1em; 
	border: solid 1px #00549F;
	border-top: solid 1px #9DD0FF;
	border-left: solid 1px #9DD0FF;
}

input[disabled=disabled][type=button], input[disabled=disabled][type=submit], button[disabled=disabled]
{
	background:#C0C0C0;
}

input[type=button].secondary, input[type=submit].secondary, button.secondary {
	border: solid 1px #4F4F4F;
	border-top: solid 1px #CECECE;
	border-left: solid 1px #CECECE;
	color: #ffffff; background-color: #808080;
} 

/******** Action list *******/
.actions ul { list-style:none; margin:0 0 0 0; padding: 0 0 0 0; }
.actions li { padding-left:0; margin-left:0; }

/******** Top-level layout & styles. ********/
table.layout
{
	width:100%;	height:100%; 
	border:none;
	padding:0; margin:0;
	border-collapse:collapse;
}

table.layout td
{
	border:none;
	padding:0;margin:0;
	border-spacing:0;
}

table.layout .ignore,
table.layout .ignore td,
table.layout .ignore th
{
	border-collapse:separate;
}

#header
{
	margin: 0;
}

#mainpanel
{
	margin: 1.5em 2em;
	text-align: left;
	vertical-align: text-top;
	min-height: 40em;
}

#footer
{
	text-align: right; font: 10px Tahoma, Arial, Helvetica, sans-serif;
	height: 1.25em; padding-right: .5em;
	color:#FFFFFF; background: #B6B6AF;
}

td.kpipanel /* TODO: nix this. */
{
	width:220px;
	background: #DADADB url(../Default/images/RightPanelBkgd.jpg) repeat-y;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

#kpipanel
{
	margin: 2em 1.5em;
	text-align: left;
	vertical-align: text-top;
}

#kpipanel h1 
{
	margin-bottom: 10px;
	color: #004F9D; 
	text-transform: uppercase;
	font: bold 11px/15px Tahoma, Arial, Helvetica, sans-serif; 
}

/******** Kpi Table Styles ********/
#kpipanel table
{
	width: 100%;
	border-collapse:collapse;
	background: #DBDBDB;
}

#kpipanel table tr th.header
{
	height: 34px;
	background: #F8F8F8 url(../Default/images/DataTableTH_RightPanel_2Line.jpg) repeat-x;
	text-align:center;
	vertical-align: middle;
	font: Bold 11px Tahoma, Arial, Helvetica, sans-serif; 
}

#kpipanel table .alt_a
{
	background: #F0F0F0;
}

#kpipanel table tr,
#kpipanel table .alt_b
{
	background: #F8F8F8;
}

#kpipanel table tr th
{
	padding: .1em .2em;
	border: solid 1px #DBDBDB;
	font-weight:bold;
}

#kpipanel table tr th[scope=col]
{
	text-align:center;
}

#kpipanel table tr th[scope=row]
{
	text-align:left;
}

#kpipanel table tr td
{ 	
	padding: .2em .4em;
	border: solid 1px #DBDBDB;
	text-align:center;
}

/******** Header styles ************/
#header p
{
	margin: .5em;
}

#header p a
{
	color: #333333;
	text-decoration: none;
}

#header p a:visited { color: #333333; }

#header p a:hover
{
	color: #333333;
	text-decoration:underline;
}

#masthead
{
	height: 7em;
	background: url(../Default/images/MastheadBkgd.gif) no-repeat right;
}

/******** Navigator styles ********/

#header ul.tabs
{
	list-style:none;
	margin:0 0 0 19em; padding:0;
	float:left;
}

#header ul.tabs li
{
	margin:0; padding:0;
	margin-left:.1em;
	float:left;
	background: #888888 url("/App_Resources/images/nav_inactive_right.png") no-repeat right top;
}

#header ul.tabs a
{
	padding: .5em 1.5em; min-height:1em;
	display:block;
	color: #FFFFFF;
	background: url("/App_Resources/images/nav_inactive_left.png") no-repeat left top;
	text-decoration: none;
	text-align:center;
	font: Bold 11px Tahoma, Arial, Helvetica, sans-serif; 
}

#header ul.tabs a:visited { color: #FFFFFF; }

#header ul.tabs a:hover
{
	color: #F4F4F4;
}


/*#header ul.tabs li.active a*/
#header ul.tabs li.active a, #header ul.tabs li a.selected
{
	background: url("/App_Resources/images/nav_active_left.png") no-repeat left top;
}

#header ul.tabs li.active, #header ul.tabs li a.selected
{
	background: #AAAAAA url("/App_Resources/images/nav_active_right.png") no-repeat right top;
}

div.navbar 
{
  font: Bold 11px Tahoma, Arial, Helvetica, sans-serif;
  height: 2.25em; margin:0; padding: 0;
 /* border-top: solid .35em #B6B6AF; */
  border-bottom: solid .35em #fdb827;
  background-color: #b4b4b4;
  clear:both;
}

	div.navbar ul
	{
		padding: 0;
		margin-left: 16em;
	}

	div.navbar ul li
	{
		display: inline-block;
		padding: 0;
		margin: 0 .75em 0 .75em;
		/* IE7 hack that spoofs inline-block */
		zoom: 1;
		*display: inline;
	}

	div.navbar li.current
	{
		background: #fdb827; 
		position: relative;
		margin: 0 .25em 0 .25em;
	}

	div.navbar a, div.navbar a:visited, div.navbar a:hover
	{
		color: #383838;
	}
		/* Renders the triangle beneath the selected entry using CSS3. */
		div.navbar li.current a:after
		{
			content: "";
			width: 0; height: 0;
		
			border-left: 1.5em solid transparent;
			border-right: 1.5em solid transparent;
			border-top: .75em solid #fdb827;
			position: absolute;
			bottom: -.75em;
			left: .75em;
		}

	div.navbar a
	{
		display: inline-block;
		padding: .65em 0 0 0;
		height: 1.75em;

		text-decoration: none;
		font-weight:bold;
	
		/* IE7 hack that spoofs inline-block */
		zoom: 1;
		*display: inline;
	}

	div.navbar .current a
	{
		padding: .65em .75em 0 .75em;
	}

/* make the menu horizontal. */
ul.hmenu 
{
  list-style:none;
  padding:.25em 0;
  margin:0;
}

ul.hmenu li
{
  display:inline;
  position: relative; left:0;top:0;
  padding: 0 .75em; margin:0;
}

/* General Table Styles. */
th.icon,
td.icon
{
	padding:0 !important;
}

td.action
{
	/*text-align:right !important;*/
}

/* 
	This is necessary b/c of floating label & input rules. 
	These rules should be removed when those rules kick it. 
*/
td.ui button,
td.ui input,
td.ui select
{
	display:inline;
	float:none;
}

td.ui 
{ 
	text-align:right !important; 
}

thead > tr > th.txt,
tbody > tr > th.txt,
tbody th.text
{
	text-align:left !important;
}

th[scope=row] { vertical-align: top; }

/* tablesorter styles. */
.sortable thead th[scope=col]
{
	padding-right: 1.5em !important;
	background-position: 97% 50%;
	background-repeat:no-repeat;
	background-image: url('images/jquery/222222_11x11_icon_arrows_updown.gif');
}

.sortable thead th[scope=col].ignore
{
	background-image: none !important;
}

.sortable thead th[scope=col].asc
{   
	background-image: url('images/jquery/222222_7x7_arrow_up.gif');
}

.sortable thead th[scope=col].desc
{
	background-image: url('images/jquery/222222_7x7_arrow_down.gif');
}

/* Simple Table Styles */

table.simple
{
	margin:.5em 0;
	border: solid 1px #DDDDDD;
	border-collapse:collapse;
	background: white;
}

table.simple thead th
{
	padding: 1em .5em;
	border:none;
	border-top: solid 1px #DDDDDD;
	border-bottom: solid 2px #666666;
}

table.simple > thead > tr > th
{
	text-align: center;
}

table.simple td,
table.simple tbody th
{
	padding: .5em;
	border-bottom: solid 1px #888888;
	text-align:center;
}

table.simple tbody th[scope=row]
{
	text-align:left;
}

th.text,
td.text,
table.simple th.text,
table.simple td.text
{
	text-align:left;
}

table.simple .new td,
table.simple .new th
{
	background:#EEEEEE;
}

table .inactive
{
	background:#EEEEEE;
}

.simple-row { /* integration class for upload control */
	background: white;
}

/******** Data Table Styles ********/

caption {
	font: 13px/17px Tahoma, Arial, Helvetica, sans-serif; 
	text-align: left;
	padding-bottom: .25em;
	color: #004F9D;
	font-weight: bold;
	width:100%;
}

/* Deprecated. Use td.ui instead. */
table.data td input,
table.data td select,
table.data td button
{
	float:none;
	display:inline;
}

table.data
{
	border-collapse:collapse;
	margin:0 0 .5em 0;
	width:100%;
}
/* TODO: convert px to em */
table.data th[scope=col]
{
	padding: .1em 1em .2em 1em;
	border: solid 1px #EBEBEB;
	text-align:center;
}
table.data tr.slim th[scope=col]
{
	padding: .2em .5em .5em .5em;
}

table.data th.spanned[scope=col],
table.data th.spanned[colspan][scope=col] /* IE 8 fix */
{
	border-top: none;
}

table.data th[scope=row]
{
	padding: .2em .5em;
	border: solid 1px white;
	text-align:left;
}

table.data td
{
	padding: .2em .5em;
	border-bottom: solid 1px #EBEBEB;
	text-align:center;
}

/*table.data td.TARight, table.data th.TARight { text-align:right; }
table.data td.TALeft, table.data th.TALeft { text-align:left; }
table.data td.TACenter, table.data th.TACenter { text-align:center; }

*/


table td.TARight, table th.TARight, div.TARight { text-align:right !important; }
table td.TALeft, table th.TALeft, div.TALeft { text-align:left !important; }
table td.TACenter, table th.TACenter, div.TACenter { text-align:center !important; }
 

table.data thead td,
table.data thead th,
table.data tr.summary td,
table.data tr.summary th,  /* tr.summary deprecated. */
table.data tbody.summary td,
table.data tbody.summary th,
table.data th
{
	height: 3.5em;
	background: #E5ECF4;
	vertical-align: middle;
	font: Bold 11px Tahoma, Arial, Helvetica, sans-serif;
	text-align:left;
}

table.data tr.summary th, /* tr.summary deprecated. */
table.data tbody.summary th
{
	text-align:center;
}

table.data tr.long.summary th, 
table.data tr.long.summary td, /* tr.long.summary deprecated. */
table.data tbody.long.summary th,
table.data tbody.long.summary td
{
	height:auto;
	background: #E5ECF4;
	vertical-align: middle;
	font: Bold 11px Tahoma, Arial, Helvetica, sans-serif;
	border-top: solid 2px #B0B0B0;
	border-bottom: solid 2px #B0B0B0;
}

table.data tr.short, 
table.data tr.short td, 
table.data tr.short th
{
	padding: .2em auto;
	height: auto;
}

table.data th.filler,
table.data th[colspan].filler
{
	background: transparent;
	border-left:none;
	border-right:none;
}

table.data tr.alt_a
{
	background: #FFFFFF;
}

table.data tr.alt_b
{
	background: #F4F4F4;
}

table.data tr.alt_a.muted, /* Muted theme deprecated. */
table.data tr.alt_a td.muted
table.data tr.alt_a.dim, /* Dim theme deprecated. */
table.data tr.alt_a td.dim
{
	background: #F3F3F3;
}

table.data tr.alt_b.muted, /* Muted theme deprecated. */
table.data tr.alt_b td.muted,
table.data tr.summary td.muted
table.data tr.alt_b.dim, /* Dim theme deprecated. */
table.data tr.alt_b td.dim,
table.data tr.summary td.dim, /* tr.summary deprecated. */
table.data tbody.summary td.dim, 
table.data thead th.muted,
table.data thead th.dim
{
	background: #E7E7E7;
}

table.data thead th.bright, /* Bright theme deprecated. */
table.data tr.alt_b td.bright
{
	background: #FEEDC9;
}

table.data tr.alt_a td.bright
{
	background: #FFF4DF;
}

table.data td span.label
{
	/*font-weight:bold;*/
}

/* Used to assign a light background to several tables. Should be replaced with table.data */
.better_back
{
	background-color: White;
}

/******** Benchmark Detail Table Styling ********/
table.data tbody tr.category th[scope=row], table.data tbody tr.category th,
table.data tbody tr.category td { color:#000000; background-color: #D8E2EE; }

table.data tbody tr.tamsline th, table.data tbody tr.tamsline td { background-color: #E5ECF4; }

table.data tbody tr.groupcode th, table.data tbody tr.groupcode td { background-color: #F2F6FA; }

/******** Compliance Detail Table Styling ********/
table.data tbody tr.national th[scope=row], table.data tbody tr.national th,
table.data tbody tr.national td { color:#000000; background: #D8E2EE; }

table.data tbody tr.region th, table.data tbody tr.region td { background: #E5ECF4; }

table.data tbody tr.ssr th, table.data tbody tr.ssr td { background: #F2F6FA; }

/******** Unbilled Inventory Table Styling ********/
table.data tbody tr.store th[scope=row], table.data tbody tr.store th,
table.data tbody tr.store td { background: #B8CCE4; }

/******** Combined Sales and call reporting ********/
table.data .alt_a .sales { background-color: #FFF4DF; }
table.data thead th.sales,
table.data .alt_b .sales { background-color: #FEEDC9; }

table.data thead th.calls,
table.data .alt_b .calls { background-color: #E7E7E7; }
table.data .alt_a .calls { background-color: #F3F3F3; }

/******** SubsectionHeader controls ********/
.subheader { position:relative; border:none; height:4em; } /* Height directive is temporary, while we clear out collisions. */
.subheader h2, h2.subheader { padding-bottom:.1em; border-bottom: solid 1px #004f9d; }
h2.subheader { height:auto; }
.subheader .export { position:absolute; right:0; top:0; text-align:right; }
.subheader .export a { margin: auto .15em; }
.subheader .warning, .subheader .success { position:absolute; right: 4em; top: 0; text-align:right; margin: .25em .5em; }
.subheader .selector { position:absolute; right:0; top: 2.1em; }
.subheader .altheader { position:absolute; right:0; top:-.4em; text-align:right;}
.subheader .altheader h2 { padding-bottom: .1em; border: 0; }

/******** Super tab bar default layout ********/
div.tab_bar
{
	/* Kill IE margins bug */
	width:100%; 
}

.tab_bar ul
{
	/* set us up the cascade */
	margin: 0; padding: 0; 
	list-style:none;
}

.tab_bar ul li.tab
{ /* makes list-items lay out horizontally */
	margin: 0 .3em 0 0; /* space between tabs */ height: 2.5em;
	float: left;
}

.tab_bar ul li.tab a { /* center text in tab */
	display: block;
	margin: .6em .5em; 
}

.tab_contents  
{
	clear:both; 
	margin: 0; padding: .5em 2em 2em 2em;
	background: #E9EEF3;
}

.light.tab_contents  
{
	background: #FFFFFF;
}

/******** Super tab bar default theme ********/

div.default.tab_bar ul li.tab { background: url(../Default/images/TabInactiveBkgd_LtBlue.jpg) repeat-x; }

.default.tab_bar ul li.active.tab { background: url(../Default/images/TabActiveBkgd_LtBlue.jpg) repeat-x; }

.default.tab_bar ul li.tab a
{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

/******** Super tab bar light theme ********/

div.light.tab_bar
{
	height:2.8em; /* position lower border */
	border-bottom: solid 1px #5A5A5A;
}

.light.tab_bar ul li.tab
{
	border: solid 1px #cccccc;
	background: #cccccc;
}

.light.tab_bar ul li.active.tab
{
	height:2.8em; /* overlap lower border */
	border: solid 1px #5A5A5A; border-bottom: none;
	background: #ffffff;
}

.light.tab_bar ul li.tab a
{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

.light.tab_contents
{
	margin: 0 0 0 0;
	padding: 1em 0 0 0;
}

/******** Calendar Styles ********/
/* Styles used in calendar header */
.calendar
{
	margin:.5em 0; padding:0; width: 70em;
	clear:both;
}
div.calendar { position:relative; }
div.calendar h1
{
	margin: 0; padding:0;
	color: #004f9d;
	text-align:center;
	font: normal normal bold 14px/18px Tahoma, Arial, Helvetica, sans-serif;
}

a.prev, a.next { width:15em; position:absolute; display:block; top:0; padding: 0 1.75em; }
a.prev { left:.5em; background: url('images/famfamfam/action_back.gif') no-repeat left; }
a.next { right:.5em; text-align:right; background: url('images/famfamfam/action_forward.gif') no-repeat right; }

/* Styles used in calendar table */
table.calendar { min-height:30em; border-collapse:collapse; }
table.calendar th { background: #E5ECF4; width: 13em; border: solid 1px #AFAFAF; vertical-align:top;  }
table.calendar td { background: #F2F6FA; width: 13em; border: solid 1px #AFAFAF; vertical-align:top; }

table.calendar .today { background: #FEEDC9; }
table.calendar .last-month, table.calendar .next-month { background: #E7E7E7; }

.calendar div.daynum { margin-left:.5em; font-weight:bold; }

/**** Schedule items ****/
ul.schedule{ list-style-type:none; padding: 0; margin:0; height: auto; min-height: 10em; }

.schedule li { margin:0; padding:.25em .25em .25em .25em; height: auto; }

.calendar ul.schedule .uncalled { font-weight:bold; }

/******** Default styling. ********/
html, body {
	font: 11px/15px Tahoma, Arial, Helvetica, sans-serif; 
	color: #333333; 
	background: #FFFFFF;
	margin: 0;
	height: 100%;
	width: 100%;
	min-height:53em;
	min-width:80em;
}

a img, a:hover img { border:none; }

body.popup
{
	height:auto;
	width:auto;
	min-height: 10em;
	min-width: 10em;
}

/******** Customer Care Modules Status Kpi text styles ********/
td.custCareModuleValid
{
	color:#0000FF;
}
td.custCareModuleInValid
{
	color:#FF0000;
}

.async-progress
{
	display: block;
	height: 3em;
	background: url(../../img/async-progress.gif) 0 15px no-repeat;
}
/* jQueryUI replaces the close button when it's progammatically hidden. Nuking it from CSS is the only way to be sure it stays put. */
.ui-dialog-titlebar-close
{
	display: none; visibility: hidden;	
}
#formWrap
{
   float:left;
    width:auto;
    background-color:#FFFFFF;
    padding: 0px;
}
#formWrap div#col1
{
    background-color:#F7F7F7;
    padding: 5px;
    width:890px; 
    float:left;
}
table.GridView td 
{
    padding-left: 10px;
}
/* Check out styles*/
div.orderDetails, div.leaseOptions, div.quoteRequestDetails {
    background-color: #F4F4F4;
    padding: 10px 0 5px 20px;
}

div.quoteRequestDetails {
    margin-top: 15px;
    margin-bottom: 15px;
}

div.quoteRequestDetails .customerRequestedQuestion {
    float: left;
    width: 50%;
}

div.quoteRequestDetails .customerRequestedQuestion,
div.quoteRequestDetails .confidenceQuestion,
div.quoteRequestDetails .purposeQuestion
 {
    height: 24px;
}

div.quoteRequestDetails .control-label {
    float: left;
    vertical-align: middle;
    margin-top: 4px;
}

div.orderInfo h1, #mainpanel h1 {
    color: #666666;
    margin:2px 0px;
}
div.orderInfo td.formLabel, div td.formLabel, span.formLabel {
    text-align: right;
    padding-right: 10px;
    padding-left: 5px;
    vertical-align:middle;
    font-weight:bold;
}
div.leaseOptions {
    margin-top: 10px;
}
div.orderSummary {
    margin-top: 10px;
}




/*Product Grid Details*/
.productTable {
    width: 1200px;
}
.navList {
    width: 180px;
    vertical-align:top;
}
.navList div {
    background-color: #EBEBEB;
    margin-bottom: 4px;
    background-image:url(/App_Resources/images/222222_7x7_arrow_right.gif);
    background-repeat:no-repeat;
    background-position: left center;
    background-position-x: 5px;
}
.navList a,   .navList a:visited {
    display: block;
    text-decoration:none;
    padding: 5px 0 5px 20px;
    color: #000000;
}
.navList a:hover {
    display: block;
    padding: 5px 0 5px 20px;
    color:#ffffff;
    background-color: #B4B4B4;
}

/*  Products Grid styles   */

.productList {
   width: 920px;
   background-color: #FFFFFF;
   border-bottom: solid 2px #EBEBEB;
   float:none;
}
.productDetail {
    border-top: solid #EBEBEB 2px;    
    margin-left: 15px;
    padding:15px;
    clear:left;
}
.productImage {
    width: 250px;
    float:left;
}
.modelInfo {
    float: left;
    width: 220px;
}
.modelInfo .price {
    font-weight: bold;
}
.modelInfo .modelNumber {
        font-size: 1.1em;
        color: #0199CB;
        font-weight:bold;
}
.productDescription {
    float: left;
    margin-left:0px;
    padding-left:0px;
}
.productDescription span.label {
    float:left;
    text-align:right;
    width: 70px;
    font-weight:normal;
    margin-right: 6px;
    color: #333333;
}
.productDescription span.info {
     float:left;
   padding-left: 5px;
    text-align:left;
    font-weight:normal;
    margin-right: 0px;
}
.productDescription p {
        margin-bottom: 2em;
    }
.productDetail:last-child {
    border-bottom: solid 2px #EBEBEB;
}


#lblNoRows {
    padding-left: 5px;
}


/*   Highlighted headers  */
h2.summaryHead {
    background-color: #fff;
    padding: 5px 0 5px 5px;
    font-size: 130%;
}
h2 {
    letter-spacing: .05em;
    margin-top: 15px;
    padding: 5px;
    color: #002077;
    background-color: #fff;
    border-top: solid 1px #fcb827;
}    
h2.plain {  /* removes background blue */
    background-color:transparent;
    background-image:none;
    color: #333;
    border:none;
    padding:0;
}


.clearAll {
    clear: both;
}


select option {
    text-align:left;
}

/* Mapping Pages styles */
#mapOptions {
            margin: 0 auto;
            width: 540px;
            padding-top: 15px;
            margin-top: 15px;
}

.button-right2 {
    position: relative;
    right: 0;
    margin-right: 98px;
}

#map-wrapper {
    background-color: #F2F2F2;
    border-left: 3px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    height: 550px;
    margin: 20px auto 40px auto;
    padding: 5px 5px 20px 5px;
    width: 960px;
}

#map-canvas {
    height: 100%;
    width: 100%;
}

.error-alert{
    width: 50em;
    padding: .33em;
    margin: .33em 0 .33em 0;
}

.help-text {
    margin: 10px;
    width: 100%;
    text-align: left;
}

.businessUnits {
    min-height: 60px;
}

#mapOptions dl {
    width: 480px;
    margin: 10px auto;
}

#mapOptions dt {
    width: 16px;
    height: 16px;
    display: inline-block;
    border: 1px solid #000;
    margin-left: 10px;
}

#mapOptions dd {
    display: inline-block;
    width: 120px;
    margin: 5px 0 0 5px;
    position: relative;
    top: -4px;
    text-align: left;
}

#mapOptions .limegreen {
    background-color: #00FF26;
}

#mapOptions .denim {
    background-color: #908CFF;
}

#mapOptions .lightred {
    background-color: #FF8C8C;
}

#mapOptions .lightyellow {
    background-color: #FBFF8C;
}

#mapOptions .red-normal {
    background-color: #ff0000;
}

#legend {
    text-align: left;
    max-width: 75%;
}