@charset "utf-8";
/* CSS Document */

body { margin: 0px 0px;	padding: 0px 0px; background-color: #999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; }
img { border: 0px; }
form { margin-top: 0px; margin-bottom: 0px; }

a:hover, a:focus { text-decoration: none; }

div#wrapper { width: 990px; background-color: #fff; }
div#header { background-color: #ccc; }
div#userbar { text-align: left; margin-left: 5px; padding-top: 10px; padding-bottom: 5px; padding-right: 16px; font-weight: 800; }
div#userInfo { float: right; }
img#userbarLogo { float: left; }
div#navwrap { z-index: 10; position: relative; width: 100%; height: 38px; background-color: #999;	}
div#navigation { z-index: 10; position: absolute;	top: 5px; left: 25px; }
div#content { z-index: 1; width: 940px; position: relative; margin-left: 25px; padding-top: 25px; padding-bottom: 25px;	text-align: left; }
div#breadcrumb { padding-bottom: 25px;}
div#subNav { margin-top: 15px; margin-bottom: 15px; }
div#clear { clear: both; }

.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; }

.sectionHeader { clear: both; font-weight: 800; margin-top: 50px; }

.standardContainer { padding: 25px 10px; width: 430px; background-color: #eee; border: 1px solid #999; margin-bottom: 25px; }

.highlight { background-color: #FF9; }

.warning { background-color: #933; color: #fff; }

.containerHeader { width: 100%;	margin-bottom: 35px; font-weight: 800; }

.header { font-size: 1.5em; font-weight: 800; padding-bottom: 25px; }

.small { font-size: 10px; }

.medium { font-size: 11px; }

.submitButton { background-color: #b7d186; border: 1px solid #666; color: #fff; font-weight: 800; }


/**********************************
      		menu styles
**********************************/
ul#mainNav { position: relative; top: 6px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height:24px; height: 24px; color: #ffcc00; z-index: 100; }
	ul#mainNav li { position: relative; display: inline; list-style-type: none; margin-right: 36px; white-space: nowrap; }
	ul#mainNav a { display: inline-block; }
	ul#mainNav a:link, ul#mainNav a:visited { color: #fff; font-weight: 800; text-decoration: none; }
	ul#mainNav a:hover { color: #fff; text-decoration: none; }
		ul#mainNav ul { position: absolute; left: -10px; top: 18px; width: auto; background-color: #fff; border: 1px solid #878787; padding: 7px 10px 12px 10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; text-transform: uppercase; list-style: none; display: none; z-index: 100; }
			ul#mainNav ul a:link, ul#mainNav ul a:visited { color: #666; text-decoration:none; }
			ul#mainNav ul a:hover { color: #b7d186; text-decoration:none; }
			ul#mainNav ul li { display: block; margin-right: 0px; line-height: 12px; padding-top: 7px; }
		
ul#mainNav li.currentLink a { color: #fff; }
ul#mainNav li.currentLink ul a { color: #ffcc00; }


/**********************************
      		policy styles
**********************************/
.policy { padding-left: 15px; margin-bottom: 25px; padding-top: 5px; padding-bottom: 10px; }
.inherited { /*	border-left: 1px solid #BBB;*/ color: #999; }

/**********************************
      form layout styles
**********************************/
div.row { clear: both; padding-top: 5px; background-color: inherit; }
div.row span.label { float: left; color: inherit; width: 125px; text-align: right; vertical-align: middle; }
div.row span.formw { float: right; color: inherit; width: 290px; text-align: left; } 
form { padding: 25px 10px; width: 430px; background-color: #eee; border: 1px solid #999; margin-bottom: 25px; }
.frmClear { clear:both; display: block; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
textarea { width: 275px; height: 150px; }
input { width: 275px; }
.check { width: 20px; margin-bottom: 3px; }
form#frmEditLocation, form#frmManagerUpload { padding: 0; width: auto; background-color: transparent; border: 0 none; margin-bottom: 0; }
.gray_box { padding: 25px 10px; width: 430px; background-color: #eee; border: 1px solid #999; margin-bottom: 25px; }
#hoursBox div.row span.label { width: 135px; padding-bottom: 5px; clear: both; white-space: nowrap; }
#hoursBox div.row span.formw { width: 285px; padding-bottom: 5px; white-space: nowrap; } 
#frmNewHour div.row span.label { width: 135px; padding-bottom: 5px; clear: both; white-space: nowrap; }
#frmNewHour div.row span.formw { width: 285px; padding-bottom: 5px; white-space: nowrap; } 
.frmUpdateHours div.row span.label { width: 135px; padding-bottom: 5px; clear: both; white-space: nowrap; }
.frmUpdateHours { margin: 5px 0 0 -20px; border: 0 none; }
.frmUpdateHours div.row span.formw { width: 285px; padding-bottom: 5px; white-space: nowrap; } 
.frmUpdateHours input[type="button"] { width: 60px; margin: 0 5px 0 0; text-align: center; color: #fff; background: red; border-size: 1px; }
.frmUpdateHours input[type="submit"] { width: 60px; margin: 0 5px 0 0; text-align: center; color: #fff; background: green; border-size: 1px; }
.hourName { display: inline-block; zoom: 1; width: 145px; overflow: hidden; white-space: nowrap; }
.hourDateStartShow { position: absolute; left: 175px; top: 8px; color: green; }
.hourDateStart { position: absolute; left: 255px; top: 8px; color: green; }
.hourDateEnd { position: absolute; left: 335px; top: 8px; color: red; }
.hourDelete { position :absolute; top: 6px; right: 5px; cursor: pointer; }
.hourEdit { position :absolute; top: 6px; right: 25px; cursor: pointer; }
.type_hide { display: none; }


/**********************************
     policy editing form styles
**********************************/
.frmPolicies { padding: 0px 0px; width: 100%; background-color: inherit; border: none; margin-bottom: 25px; }


/*********************************
	store code search form
*********************************/
#frmStoreCodeSearch { position: absolute; top: 2px; right: 3px; padding: 2px 10px; background-color: #fff; width: auto; border: 1px solid #000; margin: 4px 10px 0px 0px; z-index: 101; }
#storeCodeSearchString { width: 50px; }
#storeCodeSubmit { width: auto; }


/*********************************
			table styles
*********************************/
table tr td { padding: 5px; }
table tr th { padding: 5px; }
.colHdr { font-size: 14px; font-weight: 800; text-align: left; vertical-align: bottom; background-color: #b7d186; color: #fff; height: 32px; vertical-align: middle; }
.colHdr a:link, .colHdr a:visited { color: #fff; text-decoration: underline; }
.colHdr a:hover { color: #fff; text-decoration: none; }
.row { background-color: #eee; text-align: left; }
.altRow { background-color: #fff; text-align: left; }
.highlightRow { background-color: #FF9; font-weight: 800; text-align: left; }


/*********************************
	multi location promo styles
*********************************/
div#RP1upload { position: relative; display: block; }
div#RP2upload { position: relative; display: block; }
div#RP3upload { position: relative; display: block; }


/*********************************
	Promo form styles
*********************************/
.promoContainer { width: 450px; margin-bottom: 25px; }
.promoContainerLeft { float: left; width: 452px; }
#frmMobileUpload {	margin-top: 35px; clear: both; }
.promoContainer h3,
#lnkAddNewPromoSpot,
#frmNewPromoSpot,
.lnkAddNewPromoSpot,
.frmNewPromoSpot {	display: block;	margin-top: 35px; }
.promoContainer h3:first-of-type { margin-top: 0; }
.promoList { display: block; list-style: none; margin: 0; padding: 0;  border-top: 1px solid #333; }
.promoList li { position: relative; display: block;	padding: 8px 4px 8px 20px; border-top: 1px dotted #999; 
background: #f9f9f9;
background: -moz-linear-gradient(top,  #f9f9f9 0%, #ffffff 50%, #f7f7f7 51%, #f7f7f7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(50%,#ffffff), color-stop(51%,#f7f7f7), color-stop(100%,#f7f7f7));
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ffffff 50%,#f7f7f7 51%,#f7f7f7 100%);
background: -o-linear-gradient(top,  #f9f9f9 0%,#ffffff 50%,#f7f7f7 51%,#f7f7f7 100%);
background: -ms-linear-gradient(top,  #f9f9f9 0%,#ffffff 50%,#f7f7f7 51%,#f7f7f7 100%);
background: linear-gradient(to bottom,  #f9f9f9 0%,#ffffff 50%,#f7f7f7 51%,#f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f7f7f7',GradientType=0 );
}
.promoList li:first-child { border-top: 0; }
.promoList .ui-icon-grip-dotted-vertical { position: absolute; display: block; top: 6px; cursor: move; left: 0; }
.promoName { display: inline-block; zoom: 1; width: 145px; overflow: hidden; white-space: nowrap; }
.promoLinkUrl, .promoLinkImage { position: absolute; top: 8px; }
.promoLinkImage { left: 175px; }
.promoLinkUrl { left: 218px; }
.promoDateStart { position: absolute; left: 267px; top: 8px; color: green; }
.promoDateEnd { position: absolute; left: 340px; top: 8px; color: red; }
.promoDelete { position :absolute; top: 6px; right: 5px; cursor: pointer; }
.promoEdit { position :absolute; top: 6px; right: 25px; cursor: pointer; }
.addPromoLink { position: relative; display: block; padding: 6px 4px 6px 20px; border-top: 1px dotted #999; border-bottom: 1px solid #333; }

#divRoomContainer .standardContainer form.frmNewPromo { position: relative; left: -1px; }
#divRoomContainer .promoContainer { position: relative; left: -10px; }


/*********************************
	Menu form styles
*********************************/
#menu_items .ui-icon.ui-icon-grip-dotted-vertical { float: left; cursor: move; }

.menuContainer { float: left; width: 100%; }
.lnkAddItem,
.frmNewItem { display: block; margin-top: 10px; margin-left: 20px; }
#lnkAddNewSection,
#frmNewSection { display: block; margin-top: 0; }

#sectionsList { margin: 0; padding: 0; list-style: none; }
#sectionsList > li { border-top: 1px solid #000; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 15px; background: #efefef; }
#sectionsList h3 { position: relative; }
#sectionsList h3 .ui-icon.ui-icon-grip-dotted-vertical { float: left; cursor: move; }
#sectionsList h3 .promoDelete { top: -2px; }
#sectionsList h3 .promoEdit { top: -2px; }
#sectionsList h3 .sectionLinkHdr { font-size: 12px; font-weight: 400; position: absolute; top: 0px; text-align: right; right: 405px; }
#sectionsList h3 .sectionLinkMobileHdr { font-size: 12px; font-weight: 400; position: absolute; top: 0px; text-align: right; right: 305px; }
#sectionsList h3 .sectionLinkMobilePri { font-size: 12px; font-weight: 400; position: absolute; top: 0px; text-align: right; right: 200px; }
#sectionsList h3 .sectionLinkMobileSec { font-size: 12px; font-weight: 400; position: absolute; top: 0px; text-align: right; right: 80px; }

.itemList { display: block; list-style: none; margin: 0; padding: 0;  border-top: 1px solid #333; }
.itemList li { position: relative; display: block;	padding: 8px 4px 8px 20px; border-top: 1px dotted #999; 
background: #f9f9f9;
background: -moz-linear-gradient(top,  #f9f9f9 0%, #ffffff 50%, #f7f7f7 51%, #f7f7f7 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(50%,#ffffff), color-stop(51%,#f7f7f7), color-stop(100%,#f7f7f7));
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ffffff 50%,#f7f7f7 51%,#f7f7f7 100%);
background: -o-linear-gradient(top,  #f9f9f9 0%,#ffffff 50%,#f7f7f7 51%,#f7f7f7 100%);
background: -ms-linear-gradient(top,  #f9f9f9 0%,#ffffff 50%,#f7f7f7 51%,#f7f7f7 100%);
background: linear-gradient(to bottom,  #f9f9f9 0%,#ffffff 50%,#f7f7f7 51%,#f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f7f7f7',GradientType=0 );
}
.itemList li:first-child { border-top: 0; }
.itemList .ui-icon-grip-dotted-vertical { position: absolute; display: block; top: 6px; cursor: move; left: 0; }


.itemName { display: inline-block; zoom: 1; width: 200px; overflow: hidden; white-space: nowrap; }
.itemDesc { display: inline-block; zoom: 1; width: 375px; overflow: hidden; white-space: nowrap; }
.itemPromo, .itemBadge, .itemLinkPicture { position: absolute; top: 8px; text-align: right; }
.itemLinkPicture { right: 285px; }
.itemPromo { right: 35px; width: 155px; text-align: left; white-space: nowrap; overflow: hidden; }
.itemBadge { right: 218px; text-align: right; }


/*********************************
	ajax editable styles
*********************************/

.ajax-editable.hidden {
	display: none;
}

form.ajax-form, .frmUpdateFile { 
	display: block;
	background: #999;
	padding: 5px 10px;
	margin: 0;
	border: 1px dotted #666;
	box-shadow: 3px 3px 3px #efefef;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

form.ajax-form.hidden {
	display: none;
}

form.ajax-form input[type=text], .frmUpdateFile input[type=text] {
	margin: 0 5px 0 0;
}

form.ajax-form input[type=checkbox] {
	width: 30px;
}

form.ajax-form input[type=submit], .frmUpdateFile input[type=submit] {
	width: 60px;
	margin: 0 5px 0 0;
	text-align: center;
	color: #fff;
	background: green;
	border-size: 1px;
}
form.ajax-form input.frmUpdateImageRemove, .frmUpdateFile input.frmUpdateImageRemove {
	width: 60px;
	margin: 0 5px 0 0;
	text-align: center;
	color: #fff;
	background: red;
	border-size: 1px;
}
form.ajax-form input[type=button], .frmUpdateFile input[type=button] {
	width: 60px;
	margin: 0 5px 0 0;
	text-align: center;
	color: #fff;
	background: red;
	border-size: 1px;
}

.promoLinkUrl .ui-icon {
	position: absolute;
	right: -18px;
	top: -2px;
	cursor: pointer;
}

/* menu editing specific */

.menu_section form.ajax-form, .menu_section .frmUpdateFile {
	top: -15px;
	padding: 11px 10px 10px;
}

.itemPromo, .itemBadge { 
	padding-left: 18px;
}

.itemPromo .ui-icon-pencil, .itemBadge .ui-icon-pencil {
	position: absolute;
	left: 0;
	top: -2px;
	cursor: pointer;
}

.promoContainer h3 {
	position: relative;
}

.promoContainer h3 form.ajax-form {
	padding: 10px;
	top: -13px;
}


.editPromoPopover {
	position: absolute;
	z-index: 1000;
	background: #dedede;
	color: #fff;
	padding: 1px;
	width: 125px;
}

.editPromoPopover .after {
	display: none;
}

.editPromoPopover h5 {
	margin: 0;
	padding: 3px 10px;
	background: #333;
	color: #fff;
	text-transform: uppercase;
}

.editPromoPopover ul {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #fff;
}

.editPromoPopover ul li {
	width: auto;
	background: transparent;
	margin: 0;
	padding: 5px 10px;
}

.menu_section .editPromoPopover {
	font-weight: 400;
	font-size: 12px;
}
.menu_section .editPromoPopover ul li {
	border-top: 1px dotted #999;
}
.menu_section .editPromoPopover ul li:first-child {
	border-top: 0;
}

/* MULTI LOCATION MENU STYLES */
.multiMenuDelete {
	display: block;
	width: 18px;
	height: 18px;
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: 400;
	color: #555;
	text-indent: -2000px;
	overflow: hidden;
}

.frmMultiMenuAdd {
	padding: 0;
	width: auto;
	border: 0;
	background: transparent;
	margin-bottom: 0;
}

.frmMultiMenuAdd input.submitButton {
	width: auto;
}