@import url(/Common/Style/baseStyle_current.css);

/* ====================== Page Formatting  ========================*/
body {background:#fff none;}

body, table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #636363;
	text-align: left;
	margin: 0px;
	padding: 0px;}
body#login {background-color:#626262;}

td { vertical-align:top;
	margin: 0px;
	padding: 0px;}

h2 {font-size:11px; color:#000000; padding:7px 0px;}

a:link {color: #1A3465;text-decoration: underline;}
a:visited {color: #789179;text-decoration: underline;}
a:hover {text-decoration: none;}

input, select, textarea, .formText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #636363;
	text-decoration:none;}

.headline, h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 10px;}

.FormLabel {text-align:right;
	padding-right:10px;
	width:200px;}
	
/* ====================== Columns  ========================*/
/* content manager and store assume a min 1024x768 screen */
.adminBody {width: 1000px;}
.leftCol {
	width: 180px;
	padding-left: 10px;
	float:left;}
.rightCol {
	margin-left:180px;
	padding-left:20px;
	border-left: 1px solid #d9d9d9;}
#previewArea {}
#previewContainer {
	border: 1px solid #d9d9d9;
	background:#fff url(../imgV2/mainBG.gif) repeat-x top; border-top:1px solid #fff;
	}
	
	
	
/* ====================== Home Page Template Styling =======================*/
td#homePagePhoto, td#homeCalloutTwo, td#homeCalloutThree, td#homeCalloutFour
{padding:0; vertical-align:middle;}
#rightMasterHome {float:right; width:223px; padding-right:77px;}
#leftMasterHome {float:left; margin-left:15px;}

/* ====================== Sub Page Template Styling =======================*/
#rightMasterSub {float:right; width:223px; padding-right:35px;}
#leftMasterSub {float:left; margin-left:15px;}




/* ====================== Editor Callout Placeholders ========================*/
.editorCalloutPlaceHolder {
	color: #789179;
	font-size: 14px;
	padding: 5px 0px 5px 5px;
	background-color: #D9D9D9;}


/* ====================== Admin Header & Header Menu ========================*/
.adminHead {
	vertical-align: top;
	background-color: #d9d9d9;}
.adminHead1 {height: 65px;}
.adminHead2 {
	height: 85px;
	background: url(../Img/adminLogo.gif) no-repeat 10px 1px;}
.adminHead2 .structural {margin-left:275px;}
.adminHead3 {
	color: #eaeaea;
	font-size: 36px;
	white-space: nowrap;
	padding-left: 500px;
	margin-bottom: 20px;
	border-bottom: 5px solid #636363;
	text-transform: lowercase;} 	

#adminNav {
	height: 32px;
	margin-left: 180px;
	background-color: #000000;}
#adminNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 820px;} /*width setting prevents menu from collapsing with the window - can be removed or modified to accomidate more menu items*/
#adminNav li {
	float: left;
	margin: 0px;
	background-image: none;
	padding: 10px 0px 10px 0px;
	border-right: 10px solid #789179;}
#adminNav li a {
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
	padding: 10px 25px 10px 12px;}
#adminNav li ul {
	position: absolute;
	left: 175px;
	top: 30px;}
#adminNav li li {
	border: none;
	display: none;
	padding: 8px 0px;}
#adminNav li li a {
	color: #789179;
	width: auto;
	text-align: center;
	padding: 3px 10px;
	text-decoration: underline;
	border-right: 1px solid #636363;}
#adminNav li li a:hover {text-decoration:none;}
#adminNav li li a.first {
	background-color: #d9d9d9;
	border-left: 1px solid #636363;}

/* ====================== Admin Header & Header Menu ========================*/
/* ====================== Hiding Manage Store L2 Links ========================*/
.adminHead1 .secondaryNavigation {display: none;}

#editorContent #manageContent, #editorCallouts #manageCallouts,
#editorApplications #manageApplications, #editorUsers #manageUsers{
	background-color:#636363;
	text-decoration:none; }


/* ====================== Admin Header & Header Menu ========================*/
/* ====================== Display Store L2 Links ========================*/
#editorContent #manageContent li, #editorCallouts #manageCallouts li,
#editorApplications #manageApplications li, #editorUsers #manageUsers li {display: inline;}


/* ====================== left col (site tree) ========================*/
.leftCol {
	font-size: 9px;}
.leftCol ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;}
.leftCol li {
	margin: 0px;
	padding: 3px 0px 3px 20px;
	background-image: url(../Img/backgrounds/pageIcon.gif);
	background-repeat: no-repeat;
	background-position: left 2px;}
.leftCol li.category {
	background-image: url(../Img/backgrounds/folderIcon.gif);
	padding-top: 10px;
	background-position: left 9px;}




/* ====================== data grids ========================*/
.dataGrid {
	width: 520px;
	border:1px solid #D2D2D2;}
.dataGridWide {
	width: 800px;
	border:1px solid #D2D2D2;}
.dataGrid td, .dataGridWide td {padding:3px;}
.dataHeaderStyle, .tableHead {
	font-size: 10px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	background-color: #789179;
	height: 20px;}
.dataItemStyle {background-color: #ffffff; height: 20px;}
.dataAltItemStyle {background-color: #eaeaea; height: 20px;}
.dataFooterStyle {background-color: #000000; height: 20px; color: #ffffff;}
.dataFooterStyle a {color: #ffffff; text-decoration:none;}

.dataSelectedItemStyle {height: 20px; background-color: #b0b0b0;}




a.adminButton {display:block;}
.adminButton , a.adminButton, a.adminButton:link, a.adminButton:visited, a.adminButton:hover{
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	background-color: #636363;
	vertical-align: middle;
	font-size: 12px;
	width: 125px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-right: 8px solid #789179;
	cursor: hand;}

abbr, acronym {
	cursor: help;
	border: none;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	text-decoration: none;
	white-space: nowrap;}
  
  
  
 
/* assign highlight backgound on tab to indicate the current section within the admin site */ 
/* relies on a page selector declared in the body tag of the page matching a list item id on the parent menu*/ 
#editor #manageSite, #trash #manageRecycleBin {background: #636363;}
#editor #manageStore, #trash #manageStore {background: #000000;}


/* sets the child menu visible depending on the current tab within the admin site */
/* relies on a page selector declared in the body tag of the page matching a list item id on the parent menu*/ 
#manageSite ul, #manageRecycleBin ul, #manageStore ul,
#manageUsers ul,
#manageCalendar ul {display: none;}

#editor #manageSite ul,
#trash #manageRecycleBin ul,
#apps #manageApplications ul,
#users #manageUsers ul,
#calendar #manageCalendar ul {display: block;}

	
	
/* sets the selected page */
/* relies on a id set on the main page inside the menu item tag which corresponds to an list item id in the admin menu */
#pageSiteStructure #menuSiteStructure,
#pageAddAPage #menuAddAPage,
#pageImageManager #menuImageManager { color:#636363; text-decoration:none; }









/* ====================== Admin Header  ========================*/
#storeAdminMenu {
	padding:0;
	margin:0;
	list-style: none;}
#storeAdminMenu li {display:inline;}





/* ====================== Admin Footer  ========================*/
#adminfooter{clear: both;}



/* ====================== Messages  ========================*/
.WebPageMessage, .ControlArea{
	border:solid 1px #d9d9d9;
	margin-bottom:5px;}
.WebPageMessage {
	width:520px;}
.ControlArea{
	padding:5px;}


.WebPageMessageError, .WebPageMessageWarning, .WebPageMessageInformation, .WebPageMessageQuestion, .WebPageMessageOK {
	padding: 5px;
	background-position: 5px 5px;
	background-repeat: no-repeat;}
.WebPageMessageError{background-image: url(../../store/images/admin/WebPageMessageError.gif);}
.WebPageMessageWarning {background-image: url(../../store/images/admin/WebPageMessagewarning.gif);}
.WebPageMessageInformation{background-image: url(../../store/images/admin/WebPageMessageInformation.gif);}
.WebPageMessageQuestion{background-image: url(../../store/images/admin/WebPageMessageQuestion.gif);}
.WebPageMessageOK{background-image: url(../../store/images/admin/WebPageMessageOK.gif);}
.WebPageMessage .Message {
	padding: 0px 0px 15px 40px;}

.ErrorMessage{
	background: #ffff66;
	font: 10px/14px verdana, arial;
	color: #000000;}

.FormInputError{
	border-right: #a5acb2 1px solid;
	border-top: #a5acb2 1px solid;
	background: #ffff66;
	border-left: #a5acb2 1px solid;
	color: #000000;
	border-bottom: #a5acb2 1px solid;}
.SuccessMessage{
	background:#99FF00;
	color: #000000;}
#Alerts {margin: 20px;}

.adminSmallText {font: 10px Verdana, Arial, Helvetica, Sans-Serif;}






/* ====================== Page Identity  ========================*/
/* sets the selected page */
/* relies on a id set on the main page inside the menu item tag which corresponds to an list item id in the admin menu */
#pageProducts #menuProducts,
#pageProductsEdit #menuProducts,
#pageUsers #menuUsers,
#pageStoreContent #menuStoreContent,
#pageOrders #menuOrders,
#pageReports #menuReports,
#pageStoreSettings #menuStoreSettings{ color:#636363; text-decoration:none; }

#productSub ul {display:none;}
#pageProductsEdit #productSub ul {display:block;}



/* ====================== Admin Nav  ========================*/
#manageStore{background: #636363;}
#manageStore ul{display: block;}