/**Very Important, change at your peril!!**/
@import url('../../designer/designer-new.css');

/**Main page background**/
.PageBackground{background: transparent url('bg.jpg') repeat scroll -90px 0; }

/**Main page top header**/
.siteLogo {margin-top: 0;}
.skinHeader{width: 100%; height: 70px; background: url('vert-sprites.png') 0 -20px repeat-x;}
.skinHeader h1{color:#fff;}

/**Background color used for the applicatio top bar, top bar buttons and the active application tab**/
.appBGColor, .appTab.activeTab a,.appControlsTop{background-color:#d4c5b4;} 
/**Foreground color used for the active application tab and applicatio top bar buttons that are hovered**/
.appControlsTop .buttonA:hover a, .appTab.activeTab a, .appTab:hover a {color: #000; } 

/**Background color used for the non-active application tab**/
.appTab,.appTab a{background-color:#d4c5b4;}
/**Foreground color used for the non-active application tab and buttons that aren't hovered**/
.appControlsTop .buttonA a, .appTab, .appTab a, .appBGColor{color: #222;} 

/**Background color used for the header on each panel or control bar inside the application**/
.headerBG{background-color:#846a47;}

/**Color of text used in the headers and hover state buttons on a header area**/
.headerText, .headerButton a:hover{color: #fff;}

/**Color of text used in non-hover state buttons on a header area**/
.headerButton a{color:#eee;}

/** background color of application main page and tabs located in headers**/
.pageCenterColor, .headerTab{background-color: #e7ddd1;} 

/**Used for most text in an application**/
.pageTextMain{color: #000;}		

/**Used on story dates, etc**/
.pageTextAccent{color:#ae3333;}

/**pagePanel is a panel inside the page center**/
.pagePanel{border: 1px solid #eee; border-color: #eee #aaa #aaa #eee; background-color:#d4c5b4;}

/**Input box within the page center. Usually inside PagePanel**/
.inputBox{color: #000;background-color: #fff; border: 1px solid #222;}

/**Font color of inactive tabs inside a header**/
.headerTab a, .pageButton a{color: #222;}

.activeTab a, .headerTab:hover a, .pageButton:hover a, .pageButton a.active {color: #000;}

/*footer background color. Usually same as .PageBackground background color*/
.footer{height: 70px; background: url('vert-sprites.png') 0 -20px repeat-x; margin-top: 10px;}
/*Un-comment the following for light colored logo; comment for black logo*/
.footerLogo{background-position: 0 -16px;}