/* GLOBAL */
body, td {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; padding: 0; margin: 0}
a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none}
form, input {margin: 0; padding: 0}
.clear {clear: both; width: 0px; height: 0px}
.hidden {display: none}
.show {display: block}

/* ADMIN */
body#adminBody {background-color: #EFEFEF; padding: 10px}
body#adminBody div#cmsOptionsContainer {margin-bottom: 10px}
body#adminBody div#cmsOptionsContainer input.submit {cursor: pointer}
body#adminBody div#mainContainer {background-color: #FFF; border-bottom: 1px solid #666; float: left; min-width: 99%; border: 1px solid #CCC}
body#adminBody div.menuSection {padding: 6px 15px 11px 15px; background: url('/adminImages/menuBackground.png') repeat-x; margin: 0}
body#adminBody div#workingSection {padding: 10px 15px 15px 15px}
body#adminBody div#workingSection p.adminOption {padding: 0; margin: 0 0 10px 0}
/* ie */
*:first-child+html body#adminBody div#menuSection {width: 100%}
* html body#adminBody div#menuSection {width: 100%}

/* HREF STYLES */
a.button {display: block; text-decoration: none; border: 1px solid #CCC; color: #000; line-height: 22px; padding: 0 6px; background: transparent url('/adminImages/greyGradient.png') top left repeat-x}
a.redX {color: #FF0000; background: url('/adminImages/redX.gif') center no-repeat; width: 23px; cursor: pointer; padding: 0 6px}
a.remove {color: #FF0000; background: url('/adminImages/redX.gif') 0 -3px no-repeat; padding-left: 23px; cursor: pointer}
a.greenPlus {color: #006600; background: url('/adminImages/greenPlus.gif') 0 -3px no-repeat; padding-left: 23px; cursor: pointer}
a.help {color: #FFA200; background: url('/adminImages/helpIcon.png') no-repeat; padding: 2px 0 3px 23px; cursor: help}
a.edit {color: #000; background: url('/adminImages/edit.png') 0 -3px no-repeat; padding-left: 23px; cursor: pointer}
div#selectBlock {margin-bottom: 10px}
a.selectAll {color: #000; background: url('/adminImages/selectAll.png') 0 -3px no-repeat; padding-left: 23px; cursor: pointer}
a.deselectAll {color: #000; background: url('/adminImages/deselectAll.png') 0 -3px no-repeat; padding-left: 23px; cursor: pointer}
a.previewImage {color: #000; background: url('/adminImages/camera.gif') 0 -3px no-repeat; padding-left: 23px}
a.viewContent {background: url('/adminImages/view.png') 0 -3px no-repeat; padding-left: 23px; text-decoration: none}
a.moreInfo {color: #000; background: url('/adminImages/details.png') 0 -3px no-repeat; padding-left: 23px}
a.forward {color: #000; background: url('/adminImages/forward.png') 0 -3px no-repeat; padding-left: 23px}
a.iconOnly {text-decoration: none; width: 20px; padding: 0; margin: 0; display: block}
a.iconOnly.remove {background: url('/adminImages/redX.gif') 0 -3px no-repeat}
a.iconOnly.kcfinderSelect {float: right; position: relative; top: 2px}
/* ie */
*:first-child+html a.redX img {border: 0; position: relative; top: -1px}
* html a.redX img {border: 0; position: relative; top: -1px}

/* INPUT BUTTONS */
input.button {background: transparent url('/adminImages/greyGradient.png') repeat-x right top; border: 1px solid #CCC; cursor: pointer; padding: 2px 3px}

/* ERROR */
div#errors {background-color: #EFEFEF; padding: 0 15px; position: relative; margin: 10px 0 0 0; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; text-align: left}
div#errors div#errorContainer {background: url('/adminImages/errorIcon.png') center left no-repeat; position: relative; padding: 5px 15px}
div#errors ul#errorList {list-style: none; padding: 0; margin: 10px 15px 10px 40px; color: #000}

/* SUCCESS */
div#successes {background-color: #EFEFEF; padding: 0 15px; position: relative; margin: 10px 0 0 0; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; text-align: left}
div#successes div#successContainer {background: url('/adminImages/successIcon.png') center left no-repeat; position: relative; padding: 5px 15px}
div#successes ul#successList {list-style: none; padding: 0; margin: 10px 15px 10px 40px; color: #000}

/* GENERAL MESSAGE */
div#generalMessages {background-color: #EFEFEF; padding: 0 15px; position: relative; margin: 10px 0 0 0; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; text-align: left}
div#generalMessages div#generalMessagesContainer {background: url('/adminImages/successIcon.png') center left no-repeat; position: relative; padding: 5px 15px}
div#generalMessages ul#generalMessagesList {list-style: none; padding: 0; margin: 10px 15px 10px 40px; color: #000}

/* MAIM MENU */
/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http:/www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
div.adminMenu {position: relative; z-index: 100; background: transparent url(/adminImages/menuBackground.png) repeat-x scroll 0 0; padding: 8px 10px 31px}
div.adminMenu ul {padding: 0; margin: 0; list-style-type: none}
div.adminMenu li {float:left; position:relative;}
div.adminMenu a, .adminMenu a:visited {display: block; text-decoration: none; color: #000; padding: 2px 5px; font-size: 14px}
div.adminMenu ul ul {visibility: hidden; position: absolute; border-top: 1px dotted #000; border-bottom: 1px dotted #000; background-color: #EFEFEF}
div.adminMenu table {position: absolute; top: 24px; left: 0; border-collapse: collapse}
div.adminMenu ul ul a, .adminMenu ul ul a:visited {color: #000; padding: 3px 10px; width:128px}
div.adminMenu a:hover, .adminMenu ul ul a:hover {color: #FFF; background: #589EB5; border: 0}
div.adminMenu :hover > a {color: #FFF; background-color: #589EB5}
div.adminMenu ul li:hover ul, .adminMenu ul a:hover ul {visibility: visible}
div.adminMenu li.separator {padding: 2px 5px}
/* ie */
*html div.adminMenu ul ul {top: -4px}
*:first-child+html div.adminMenu ul ul {top: 20px}

/* DATE SELECT */
table.dateSelect {width: 135px}
table.dateSelect input {width: 70px}
table.dateSelect img {vertical-align: bottom}

/* RECORDS DISPLAY */
table.recordsTable {background-color: #FFF; color: #000; font-size: 12px; font-family: arial, 'lucida console', sans-serif; padding: 0; margin: 0}
table.recordsTable .editButton {width: 28px}
table.recordsTable tr.reportTitle td {color: #FFF; background-color: #589eb5; padding: 3px 5px; font-weight: bold; border-top: 1px solid #666; font-size: 14px}
table.recordsTable tr.recordsHeader td {background: url('/adminImages/greyGradient.png') repeat-x; padding: 3px 5px; border-top: 1px solid #666; white-space: nowrap}
table.recordsTable tr.recordsHeader td a {color: #000; text-decoration: none}
table.recordsTable tr#additionalSearchOptions div#searchOptions {background-color: #EFEFEF; padding: 1px 5px; border-bottom: 1px solid #666; border-top: 1px solid #666; padding: 10px 5px; margin-bottom: 10px}
table.recordsTable tr.recordSearchHeader td {background-color: #EFEFEF; padding: 1px 5px; border-bottom: 1px solid #666}
table.recordsTable tr.recordSearchHeader table.searchSection td {border: 0; white-space: nowrap}
table.recordsTable tr.recordSearchHeader table.smallRange input {width: 40px}
table.recordsTable tr.recordSearchHeader td.idField {text-align: right}
table.recordsTable tr.recordSearchHeader td.idField input {width: 70px}
table.recordsTable tr.recordSearchHeader td input.button {margin-bottom: 1px}
table.recordsTable table.recordsTable tr.recordSearchHeader td table.searchSection td {border: 0; color: #000; font-size: 12px; padding: 0; white-space: nowrap}
table.recordsTable tr.recordsRowAlpha td {background-color: #FFF; padding: 0 5px}
table.recordsTable tr.recordsRowBeta td {background-color: #EFEFEF; padding: 0 5px}
table.recordsTable tr.recordsAction td {background-color: #EFEFEF; border-top: 1px solid #666; border-bottom: 1px solid #666; padding: 0 5px 15px 5px}
table.recordsTable table td {padding: 0; border: 0; margin: 0}
table.recordsTable tr.recordsFooter td {height: 1px; line-height: 1px; border-bottom: 1px solid #666; padding: 0 5px}

/* PAGINATION */
table.recordsNavigation {color: #000; font-size: 12px; margin-bottom: 10px}
table.recordsNavigation th {background: url('/adminImages/greyGradient.png') repeat-x; height: 24px; padding: 3px 5px; border-top: 1px solid #9A9890; border-bottom: 1px solid #9A9890; font-weight: normal}

/* ADMIN EDIT PROPERTIES SECTION */
td#editMenuCell {vertical-align: top; padding: 15px; width: 200px}
td#editMenuCell ul#editMenu {list-style: none; margin: 0; padding: 0}
td#editMenuCell ul#editMenu li {padding: 3px 10px; border-right: 1px solid #000; border-bottom: 1px dotted #000; background-color: #EFEFEF}
td#editMenuCell ul#editMenu li.head {font-size: 1px; height: 1px; line-height: 1px; padding: 5px}
td#editMenuCell ul#editMenu li.editMenuOption {cursor: pointer; white-space: nowrap}
td#editMenuCell ul#editMenu li.end {border-bottom: 0; font-size: 1px; height: 1px; line-height: 1px; padding: 5px}
td#editMenuCell ul#editMenu li.selected {border-right: 0; background-color: #FFF}
td#editMenuCell ul#editMenu li.editMenuOptionOver {background-color: #DFDFDF}
td#editMenuCell div#editActionContainer {margin-top: 15px}
td#editMenuCell div#editActionContainer input.button {margin-bottom: 2px}
td#editPropertyCell {padding: 15px; vertical-align: top}
td#editPropertyCell ul#productsSortable li {background-color: #EFEFEF; list-style:none; padding: 5px; cursor:move; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin-bottom: 3px}


/* RECORDS OVERVIEW ACTIONS */
a#selectToggle {float: left}
a#recordOverviewActionTrigger {float: left}
div#recordOverviewActions {display: none; background-color: #FFFFFF; padding: 10px 40px 10px 10px; border: 2px solid #999999; position: absolute}
a#recordOverviewActionsClose {position: absolute; top: 5px; right: -5px}
div#duplicateToLanguageSelect {display: none; background-color: #FFFFFF; padding: 10px 40px 10px 10px; border: 2px solid #999999; position: absolute}
a#duplicateToLanguageSelectClose {position: absolute; top: 5px; right: -5px}

/* LABELS */
.normalLabel {color: #000; font-size: 12px; font-weight: bold; padding-right: 5px; white-space: nowrap}
.errorLabel {color: #FF0000; font-size: 12px; font-weight: bold; padding-right: 5px; white-space: nowrap}

/* LOGIN */
div#loginContainer {border: 2px solid #EFEFEF; padding: 2px; width: 250px; margin: 0 auto}
div#loginSubcontainer {background-color: #EFEFEF; padding: 10px; color: #666666; font-weight: normal}
div#loginSubcontainer table {margin: 0 auto}
div#loginSubcontainer input.button {margin: 0 0 0 13px}

/* CONTENT IMAGES */
tbody#imageFields td {padding: 0 10px}
tbody#imageFields td.top {padding-top: 10px}
div#imageContainer img {border: 1px solid #CCC}

/* RECIPES */
div#ingredients a.removeIngredient {position: relative; top: 7px}

/* EMAIL SECTION */
div#recipientTemplate {display: none}
table#recipientsTable {margin-left: 10px}