body { font-family: Verdana, Arial, Helvetica, sans-serif; }

/**
 * Skip to content links
 */
#skip a, #skip a:hover, #skip a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; } 
#skip a:active, #skip a:focus { position:static; width:auto; height:auto; }

.error, .notice, .success { border-width: 1px; }
#notifier { border-width: 0 0 1px 0; }
#notifier ul { margin-bottom: 0; list-style-type: none; }

/**
 * Vertical Navigation Lists
 */
/*ul { margin-left: 4em; }
ul li { margin-bottom: 1em; }*/

/**
 * Horizontal / Vertical Navigation Lists
 */
ul.horizontal-right,
ul.horizontal { margin: 0; padding: 0; list-style-type: none; }
ul.horizontal li { display: block; float: left; padding: 0.5em; }
ul.horizontal-right li { display: block; float: right; padding: 0.5em; }

ul.vertical { margin: 0; padding: 0; list-style-type: none; }
ul.vertical li { display: block; padding: 0.5em; }

ul.tabs { border-bottom: 1px solid #CCCCCC; }
ul.tabs li { margin: 0 0.5em 0 0; padding: 0.5em 1em; background-color: #f9f9f9; color: #808080; text-align: center; border: 1px solid #bbbbbb; border-bottom: 0; }
ul.tabs li.current { background-color: #FFF6BF; color: #000000; font-weight: bold; border-style: outset; }
/*ul.tabs li.complete { text-decoration: line-through; }*/

div.tabs { padding-right: 40px; padding-left: 40px; padding-top: 1.5em; padding-bottom: 1.5em; border-width: 0 0.1em 0 0.1em; border-style: solid; border-color: #bbbbbb; }
div.box { background-color: #F1F1F1; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }

/**
 * Links and Overall Styles
 */
a:focus, a:hover { text-decoration: none; }
a { color: #009cc2; text-decoration: underline; font-weight: bold; }
span.icon,
a.icon { padding: 0.2em; padding-left: 1.9em; background-repeat: no-repeat; background-position:  left; }
ul.vertical li.icon,
ul.horizontal-right li.icon,
ul.horizontal li.icon { padding: 0.2em 1em 0.2em 1.9em; background-repeat: no-repeat; background-position: left; font-style: italic; }

/* Inline DL */
dl.inline { padding: 0; margin: 0; }
dl.inline dt { float: left; padding-right: 1em; }
dl.inline dt, dl.inline dd { padding-bottom: 0.8em; }

/*dl.inline, xdl.inline dt, xdl.inline dd { padding: 0; margin: 0; }
dl.inline dt, dl.inline dd { display: inline; }*/

/* Column DL */
dl.column, dl.column dt, dl.column dd { padding: 0; margin: 0; }
/* adjust the width; make sure the total of both is 100% */
dl.column { width: 100%; overflow: hidden; }
dl.column dt { float: left; width: 35%; }
dl.column dd { float: left; width: 65%; padding-bottom: 1em; }

h1 { font-size: 1.8em; border-bottom: 1px solid #5ba20d; padding-bottom: 0.1em; color: #5ba20d; }
h2 { font-size: 1.5em; border-bottom: 1px solid #5ba20d; padding-bottom: 0.1em; color: #5ba20d; }
h3 { border-bottom: 1px solid #5ba20d; color: #5ba20d; }
h4 { border-bottom: 1px solid #5ba20d; color: #5ba20d; font-weight: bold; }

table h3 { color: #000; border-bottom: none; font-weight: bold; }

h3.overview { color: #ff0000; }

h1 a { text-decoration: none; }

img.right { float: right; padding: 0; margin: 0; }

/**
 * Icon Image Classes
 */
a.view { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/view.png); }
a.edit { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/edit.png); }
a.add { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/add.png); }
a.delete { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/cross.png); }
a.images { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/images.png); }
a.tag { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/tag.png); }
a.manage { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/manage.png); }
a.add-image { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/add-image.png); }
a.pricelist { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/pricelist.png); }
a.barcode { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/barcode.png); }
a.countries { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/countries.png); }
a.countriesxml { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/countriesxml.png); }
a.categories { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/categories.png); }
a.addcategory { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/add-category.png); }
a.transfer { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/transfer.png); }
a.package { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/package.png); }
a.email { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/email.png); }
a.user { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/user-blue.png); }
a.print { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/print.png); }
a.process { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/process.png); }

.icon-changed { background-image: url(http://static.bcol.org.uk/skins/admin/images/icons/changed.png); }

span.nolink { text-decoration: line-through; }

/** General Icons */
.icon-draft { background: url(http://static.bcol.org.uk/skins/admin/images/icons/warning-draft.png); }
.icon-pending { background: url(http://static.bcol.org.uk/skins/admin/images/icons/warning-pending.png); }
.icon-published { background: url(http://static.bcol.org.uk/skins/admin/images/icons/warning-published.png); }
.icon-disabled { background: url(http://static.bcol.org.uk/skins/admin/images/icons/warning-disabled.png); }

/**
 * Buttons
 */
.button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
/* remove extra button width in IE */
button.fg-button { width:auto; overflow:visible; }

/**
 * Pagination Classes
 */
div.paginationControl { text-align: right; margin: 1em 0; clear: both; }
div.paginationControl span.disabled { color: #696969; }

/**
 * Header Classes
 */
#header { background-color: #6A879D; color: #fff; padding: 1em 0; margin-bottom: 1em; }
#header h1 { font-size: 2em; color: #fff; border: 0; }
#header ul { text-align: right; list-style: none; font-size: 1.1em; margin: 0; }
#header li { margin: 0; }
#header a { color: #fff; }
#header .help { font-size: 0.7em; background: url(http://static.bcol.org.uk/skins/admin/images/icons/help.png) no-repeat right; padding-right: 1.9em; height: 1.9em; }

#tools ul { float: right; }

/**
* Footer Classes
*/
#footer { text-align: right; font-size: 0.8em; border-top: 1px solid #bbbbbb; margin-top: 2em; }

/**
* Navigation Classes
*/
#navigation ul { margin: 0; padding: 0; list-style-type: none; font-size: 1.0em; }
#navigation li { margin: 0.5em 0; }
#navigation li.active { margin-left: 0.5em; background-color: #EDF7FF; }
#navigation a { border: 1px solid #bbbbbb; border-left: 3px solid #6A879D; padding: 5px; margin-left: 0px; display: block; height: 100%; }

#navigation a.group1 { background-color: #FEFFE6; }
#navigation a.group2 { background-color: #E7FEEB; }
#navigation a.group3 { background-color: #FFE6E6; }

#navigation li.active a { color: #000; text-decoration: none; }
#navigation a:hover { background-color: #EDF7FF; }

#history { border: 1px solid #bbbbbb; font-size: 0.8em; padding: 1em 0.4em; }
#history h3 { font-size: 1.2em; font-weight: bold; color: #5ba20d; }
#history ul { margin: 0; padding: 0; list-style-type: none; font-size: 1.0em; }
#history li { margin: 0.5em 0; }

/**
* Content Classes
*/
#content { margin-top: 0.5em; }
span.disabled { text-decoration: line-through; color: #bbbbbb; }

/**
 * Form Classes
 */
textarea { width: 600px; height:auto; }
fieldset dl { margin: 0; }

input.text, input.weight { width: auto; }
input.title { width: 600px; }
input.weight, input.price { margin: 0.5em 0; border: 1px solid #bbb; padding: 5px; }
input.weight:focus, input.price:focus { border: 1px solid #666; }
input.blur { color: #999; }

p.hint { margin: 0 0 0.4em; color:#666; font-style: italic; }
fieldset { border-color: #ECE9D8; }

fieldset.disabled { background-color: #f9f9f9; color: #808080; border: 1px solid #bbbbbb; }
fieldset.disabled h2 { color: #bbbbbb; border-color: #bbbbbb; }

fieldset.hidden { padding: 0; border: 0; margin: 0; }

/**
 * Form - Search Form
 */
fieldset.search { border: 1px solid #ECE9D8; margin-bottom: 1em; background-color: #f9f9f9; text-align: right; padding: .4em; }
fieldset.left { text-align: left; }
fieldset.search dl { margin: 0; }
fieldset.search dt,
fieldset.search dd { display: inline; border: 0; }

/**
 * Form error classes
 */
form ul.errors { color: #dd3c10; font-weight: bold; margin: 0px; border: 0px; list-style-type: none; }
form ul.errors li { margin: 5px 0px; }

/**
* Table Classes
*/
table { border-width: 0px; border-style: none; border-collapse: collapse; }
thead th { text-align: left; font-weight: bold; padding: 10px 0px 10px 5px; text-decoration: underline; background-color: #f9f9f9; border: 1px solid #ECE9D8; }

tr.rowalt { background-color: #f9f9f9; }

td { border: 1px solid #ECE9D8; padding: 5px 3px 5px 3px; }

td h3 { font-size: 1.2em; margin:0; padding: 0 0 0.5em 0; }

td.center { text-align: center; }
td.right { text-align: right; }
td.legend { font-weight: bold; }

td p { margin-bottom: 0; }

/**
* Table Alt Row Classes
*/
tr.nohover td { background-color: #fff ! important; border-bottom: 1px solid #ECE9D8; color: #6A879D; }
td.click { background-color: #f9f9f9 ! important; border-bottom: 1px solid #FFD324; }
td.hover, tr.hover { background-color: #FFF6BF ! important; border-bottom: 1px solid #FFD700; }

tr.warning { background-color: #ffebe8; color: #AA0000; }
tr.notactive { background-color: #f2f2f2; }

tr.disabled { background: #fff url(http://static.bcol.org.uk/skins/admin/images/stripe-disabled.gif); color: #6A879D; }
tr.inactive { background: #fff url(http://static.bcol.org.uk/skins/admin/images/stripe.gif); }

/**
* Panel Classes
*/
div.panel div.group { background-color: #f9f9f9; padding: 0.5em; margin-bottom: 0.5em; }
div.panel div.group h3 span { font-size: 0.8em; }

/**
* List Classes
*/
div.instructions { background-color: #f9f9f9; }
div.instructions ol { padding: 1em; }
div.instructions ol li { padding: 0.5em; border: solid 1px #ECE9D8; margin: 0.5em; }
div.instructions ol li ul li { border: none; }