/*
-----------------------------------------------------
Big Medium control panel style sheet
Big Medium content management system
Copyright 2002-2008 Josh Clark and Global Moxie, LLC
$Id: bigmedium_cp.css 3176 2008-07-08 14:30:12Z josh $
----------------------------------------------------- */

/* -----------------------------------------------------
RESET MARGINS/PADDING/BASICS
-------------------------------------------------------- */

body {
    background-color: #fff;
}

* {
    padding:0;
    margin:0;
}
p, pre, blockquote, ul, ol, dl, fieldset, address {
    margin:1em 0;
}
td, th {
    padding:3px;
    margin:1px;
}
th.withLink { margin:0; padding:0; }
li, dd { margin-left:5%; }
fieldset, div.bmcpPanel { padding: .5em; }
label, h4.bm_labelHead { margin: 0 2% 0 0 } /* for benefit of our left float */
option { padding-right: 1em; } 
pre, blockquote { margin-left: 2em; }
	
table, form {
    padding: 0;
    margin:0 auto;
}

img {
    border: 0;
}

/* -----------------------------------------------------
FONT SETUP
-------------------------------------------------------- */

body, input, textarea, select {
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    color: #000;
}

code, #bm_ErrorBox, textarea.bmcpMarkup {
    font-family: "andale mono", "courier new", "courier", monospace;
}


/* -----------------------------------------------------
FONT SIZE ADJUSTMENTS
fake out IE5 for font size
-------------------------------------------------------- */

/* small fonts */
body,
label,
input,
textarea,
h4.bm_labelHead,
th,
h3,
#bmcpMetaPanel h2,
#bmcpNavigation ul,
pre {
    font-size: x-small;
    voice-family: "\"}\""; voice-family: inherit;
    font-size: small;
}
html>body,
html>body label,
html>body input,
html>body textarea,
html>body h4.bm_labelHead,
html>body th,
html>body h3,
html>body #bmcpMetaPanel h2,
html>body #bmcpNavigation ul,
html>body pre { font-size: small }

/* x-small fonts */
#bm_CPfooter,
.fieldDescription,
a.bm_FieldSetHelpLink,
.bm_ajaxStat,
#bmcpBreadcrumbs,
#bmcpNavigation,
.bmcpSupportText,
#bmcp_SetupStatus,
table.contentTable,
.bmcpMediaCaption,
.barform,
.barform label,
div.barform input,
div.barform select,
div.barform button,
.bmcp_libmenu,
.libStyleText,
.bmc_comment_timestamp  {    
    font-size: xx-small;
    voice-family: "\"}\""; voice-family: inherit;
    font-size: x-small;
}
html>body #bm_CPfooter,
html>body .fieldDescription,
html>body a.bm_FieldSetHelpLink,
html>body .bm_ajaxStat,
html>body #bmcpBreadcrumbs,
html>body #bmcpNavigation,
html>body .bmcpSupportText,
html>body #bmcp_SetupStatus,
html>body table.contentTable,
html>body .bmcpMediaCaption,
html>body .barform,
html>body .barform label,
html>body div.barform input,
html>body div.barform select,
html>body div.barform button,
html>body .bmcp_libmenu,
html>body .libStyleText,
html>body .bmc_comment_timestamp { font-size: x-small }

/* medium fonts */
h2.bmcpSubhead,
blockquote.bmcp_pullquote_big {
    font-size: small;
    voice-family: "\"}\""; voice-family: inherit;
    font-size: medium;
}
/* recover from IE5 workaround */
html>body h2.bmcpSubhead,
html>body blockquote.bmcp_pullquote_big { font-size: medium }

/* large fonts */
blockquote.bmcp_pullquote_big {
    font-size: medium;
    voice-family: "\"}\""; voice-family: inherit;
    font-size: large;
}
/* recover from IE5 workaround */
html>body blockquote.bmcp_pullquote_big { font-size: large }



/* -----------------------------------------------------
MISC
-------------------------------------------------------- */

a:link,
a:visited {
    color: #000066;
}

a:hover {
    color: #CC0000;
}

.bmcp_adj_time { /* for time zone offset displays */
    color: #060;
    font-weight: bold;
}

/*  icon links  */

a.toggler,
a.bmTriggered,
a.bmcpAdd,
a.bmcpBatch {
    background-repeat: no-repeat;
    padding-left: 12px;
    background-position: 0px 3px;
}
a.toggler {
    background-image: url(../img/bmcp_untoggle.gif);
}
a.bmTriggered {
    background-image: url(../img/bmcp_toggle.gif);
}
a.bmcpAdd {
    background-image: url(../img/bmcp_add.gif);
}
a.bmcpBatch {
    background-image: url(../img/bmcp_batch.gif);
}

a.canceler,
a.changestatus,
a.copy,
a.changeapprove,
a.changespam,
a.copyxsite,
a.changesec {
	background-repeat: no-repeat;
	padding-left: 16px;
}
a.canceler {
	background-image: url(../img/bmcp_delete.gif);
}
a.copy {
	background-image: url(../img/bmcp_copy.gif);
}
a.copyxsite {
	background-image: url(../img/bmcp_xsitecopy.gif);
}
a.changestatus {
	background-image: url(../img/bmcp_status.gif);
}
a.changesec {
	background-image: url(../img/bmcp_change_sec.gif);
}
a.changeapprove {
	background-image: url(../img/bmcp_approve.gif);
}
a.changespam {
	background-image: url(../img/bmcp_spam.gif);
}



.fieldStatus a,
.bmcp_error a,
.fieldStatus a:visited
.bmcp_error a:visited{
    color: #fcc;
}
.fieldStatus a:hover,
.bmcp_error a:hover{
    color: #fff;
}

pre {
    border: 1px solid #699;
    padding: 1em;
}

.bmcpFaded {
    color: #666;
}


/* -----------------------------------------------------
HEADINGS
-------------------------------------------------------- */

h2.bmcpSubhead { 
    font-style: normal;
    font-weight: bold;
    color: #003333;
    margin: .5em 10px;
}


/* -----------------------------------------------------
MESSAGE BOXES
-------------------------------------------------------- */

.bm_messageBox,
.bmcp_modalContentBox,
.fieldStatus,
.bmcp_error,
.bm_FieldSetHelpBox {
    background-color:#deefef;
    background-position: top right;
    background-repeat:no-repeat;
    padding: 5px;
    margin-bottom: 1em;
    border: 1px solid #699;
    clear: both;
}

.bm_FieldSetPre {
    margin: 1em 0;
}

.bmcp_modalContentBox {
    color: #000;
    background-image: url(../img/msg_back.jpg);
    border-width: 3px;
    border-color: #fff #cff #9cc #fff;
}

.bm_messageBox {
    color: #000;
    background-image: url(../img/msg_back.jpg);
}

.bm_FieldSetHelpBox {
    color: #000;
    background-color: #ffc;
}

.fieldStatus,
.bmcp_error {
    background-image: url(../img/err_back.jpg);
    margin-bottom: 5px;
    background-color: #900;
    border-color: #600;
    color: #fff;
}

/* for inline error text */
.alert {
    color: #c00;
}

/* for ajax updates and reports */
div.bm_ajaxStat {
    color: #666;
    padding-top:.3em;
    margin-left: 27%;
}
.bm_ajaxOK {
    color: #090;
}
.bm_ajaxNotOK {
    color: #c00;
}

/* for caution messages */
div.caution {
    padding-left: 50px;
    background-image: url(../img/caution.gif);
    background-repeat: no-repeat;
    text-align:left;
}

/* for error/bug report messages on crash page only */
div#bm_ErrorBox { 
    border: 1px solid #fff;
    background: #333;
    color: #0c0;
    padding: 5px;
    margin: 5px 0;
}

div.bm_ModalMessage { /* show up below the button link */
    clear:right;
    margin-top: .5em;
}

/* a few tweaks for the button link that closes enclosing windows */
a.bmcp_ModalTrigger {
    width: 15px;
    height: 15px;
    text-indent: -10000px;
    background-image: url(../img/bmcp_close_button.gif);
    background-repeat: no-repeat;
    font-size: 0px;
    line-height: 0px;
    float:right;
}

div.bmcp_error a.bmcp_ModalTrigger {
    background-image: url(../img/bmcp_close_button_tint.gif);

}

/* -----------------------------------------------------
MODAL DIALOG
-------------------------------------------------------- */

.bmcp_modalContentBox {
    position:absolute;
    width:80%;
    margin-left:10%;
}

.bmcp_modalTint {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background-color:#033;
}

.bmcp_modalFrame {
    position:absolute;
    width:100%;
    height:100%;
    border:0px none;
    left:0;
    top:0;
}

.bmcp_modalCover {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}

/* 
-----------------------------------------------------
BASIC MESSAGE SCREEN */

#Utility {    
    width:500px;
    margin: 20px auto 5px auto;
    position: relative;
    background-color:#deefef;
    border:1px solid #9cc;
    padding-top:75px;
}

#PublicUtility {    
    margin: 20px 10% 5px 10%;
    position: relative;
    background-color:#deefef;
    border:1px solid #9cc;
}

#Utility #BigMedium {
	position: absolute;
	left: 0px;
	top: -11px;
	height: 80px;
	width: 505px;
	margin: 0;
	text-indent: -5000px;
	font-size: 0;
	line-height: 0;
	background-image: url(../img/bm_head_logo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

div.fieldBox {
    background: #deefef;
    clear: both;
    margin: 0px auto 10px auto;
    
    /*these help ie6 avoid flipping out with oversized elements */
	width: 96%;
    overflow:hidden;
}


/* 
-----------------------------------------------------
CONTROL PANEL ELEMENTS */

#bmcpCP {
	margin-top: 2px;
	margin-bottom: 1em;
	padding: 0 2%;
	background-image: url(../img/bmcp_menubar_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 17px;
}


#bmcpMainPanel {
    float: right;
    width: 78%;
}

#bmcpMetaPanel {
    margin-right: 80%;
    color: #666;
}
#bmcpMetaPanel a:link,
#bmcpMetaPanel a:visited {
    color: #366;
}
#bmcpMetaPanel a:hover {
    color: #c00;
}

.bmcpStatus {
    border: 1px solid #cddede;
    padding: 5px;
    margin: 1em 0;
}

#bmcpMetaPanel h1 { /* big medium logo */
	margin: 0 0 1em 0;
	text-indent: -5000px;
	font-size: 0;
	line-height: 0;
	background-image: url(../img/bigmedium_logo.gif);
	height: 120px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #cdd;
}

#bmcpMetaPanel h2 {
    margin:0;
    color: #366;
    font-weight: bold;
    border-bottom: 1px solid #cddede;
}

#bmcpMetaPanel h3 {
    color: #366;
    font-weight: bold;
    margin: .75em 0 0 0;
}

#bmcpBreadcrumbs {
    clear: left;
    padding: .3em 0;
    background-color: #dee;
}

#bm_CPfooter {
    text-align: center;
    border-top: 1px solid #cddede;
    padding-top: .5em;
    margin: 1em 2% 1em 2%;;
    clear:both;
    color: #999;
}

.bmcpClear {
    clear:both;
    font-size: 1px;
    line-height: 1px;
}



/* 
-----------------------------------------------------
ICON NAVIGATION */

ul#bmcpNavigation,
ul#bmcp_SetupStatus {
	margin: 8px 0px .5em 0px;
	height: 70px;
    list-style: none;
}

ul#bmcpNavigation li,
ul#bmcp_SetupStatus li {
    position: relative;
    z-index: 302; /*ie 6 needs this to let menu float above other relative items */
    margin-right: 1px;
    margin-left: 0;
    float: left;

    height: 65px;
    width: 6em;
	background-repeat: no-repeat;
	background-position: center top;
}

ul#bmcpNavigation a,
ul#bmcp_SetupStatus span {
	display: block;
	padding-top: 50px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
	color: #699;
	text-decoration: none;
	
	/* have to specify height or iewin won't do the rollover */
	height:65px; /* fake for ie5 */
    he\ight:15px; /* real value */
}


/* menu link colors and styles */
#bmcpNavigation li:hover span,
#bmcpNavigation li.iehover span { /* always highlight title of selected menu */
	background: #9cc;
	color:black;
}
#bmcpNavigation li span {
    display: block
}
ul#bmcpNavigation a:visited {
    color: #699;
}
ul#bmcpNavigation a.bmcpSelectedNav:link,
ul#bmcpNavigation a.bmcpSelectedNav:visited {
    color: #000;
    font-weight:bold;
}
ul#bmcpNavigation li:hover a,
ul#bmcpNavigation li.iehover a {
    color: black;
	background-image: none;
}

/* Submenu styles
   Technique borrowed largely from the marvelous Suckerfish technique
   http://www.htmldog.com/articles/suckerfish/dropdowns/
*/
ul#bmcpNavigation ul {
  margin: 0;
  padding: .4em 0;
  list-style: none;
  position: absolute;
  z-index: 301; /* clear message boxes etc */
  left: -9999em; /* hide from view (more browser-friendly than using display) */

  top: 62px;
  background-color: #deefef;
  border: 1px solid;
  border-color: #9cc #9cc #366 #366;
  width:15em; /* firefox 1.0.x needs this */ 
}

ul#bmcpNavigation ul li {
  width: 15em;
  height: auto;
  margin: 0;
}

ul#bmcpNavigation ul li.list-divider {
    border-top: 1px solid #9cc;
    padding-top: .8em;
    margin-top: .8em;
}

/* sublink styles */
ul#bmcpNavigation ul a,
ul#bmcpNavigation ul a:visited,
ul#bmcpNavigation ul a:hover {
  padding:.2em .5em;
  text-align: left;
  color: black;
  background-image: none;
}
ul#bmcpNavigation li:hover li a:hover,
ul#bmcpNavigation li.iehover li a:hover{
  background: #9cc;
}

/*move the dropdown into view */
ul#bmcpNavigation li:hover ul,
ul#bmcpNavigation li.iehover ul  {
  left:auto; 
}

/* fixes for select problem in ie */
* html ul#bmcpNavigation iframe {
	position: absolute;
	left: -0.25em;
	top: -0.25em;
	z-index: 0;
}

/* ICON IMAGES */

li#bmcpIconNewPage {
	background-image: url(../img/icon_newpage_roll.gif);
}
li#bmcpIconNewPage a{
	background-image: url(../img/icon_newpage.gif);
}
li#bmcpIconNewPage a.bmcpSelectedNav{
	background-image: url(../img/icon_newpage_on.gif);
}

li#bmcpIconEdit {
	background-image: url(../img/icon_edit_roll.gif);
}
li#bmcpIconEdit a{
	background-image: url(../img/icon_edit.gif);
}
li#bmcpIconEdit a.bmcpSelectedNav{
	background-image: url(../img/icon_edit_on.gif);
}

li#bmcpIconLibrary {
	background-image: url(../img/icon_library_roll.gif);
}
li#bmcpIconLibrary a{
	background-image: url(../img/icon_library.gif);
}
li#bmcpIconLibrary a.bmcpSelectedNav{
	background-image: url(../img/icon_library_on.gif);
}

li#bmcpIconLayout {
	background-image: url(../img/icon_templates_roll.gif);
}
li#bmcpIconLayout a{
	background-image: url(../img/icon_templates.gif);
}
li#bmcpIconLayout a.bmcpSelectedNav{
	background-image: url(../img/icon_templates_on.gif);
}

li#bmcpIconStyles {
	background-image: url(../img/icon_styles_roll.gif);
}
li#bmcpIconStyles a{
	background-image: url(../img/icon_styles.gif);
}
li#bmcpIconStyles a.bmcpSelectedNav{
	background-image: url(../img/icon_styles_on.gif);
}

li#bmcpIconAccounts {
	background-image: url(../img/icon_accounts_roll.gif);
}
li#bmcpIconAccounts a{
	background-image: url(../img/icon_accounts.gif);
}
li#bmcpIconAccounts a.bmcpSelectedNav{
	background-image: url(../img/icon_accounts_on.gif);
}

li#bmcpIconSettings {
	background-image: url(../img/icon_settings_roll.gif);
}
li#bmcpIconSettings a{
	background-image: url(../img/icon_settings.gif);
}
li#bmcpIconSettings a.bmcpSelectedNav{
	background-image: url(../img/icon_settings_on.gif);
}

li#bmcpIconPlugins {
	background-image: url(../img/icon_plugins_roll.gif);
}
li#bmcpIconPlugins a{
	background-image: url(../img/icon_plugins.gif);
}
li#bmcpIconPlugins a.bmcpSelectedNav{
	background-image: url(../img/icon_plugins_on.gif);
}

li#bmcpIconHelp {
	background-image: url(../img/icon_help_roll.gif);
}
li#bmcpIconHelp a{
	background-image: url(../img/icon_help.gif);
}
li#bmcpIconHelp a.bmcpSelectedNav{
	background-image: url(../img/icon_help_on.gif);
}


/* slight adjustments for the setup display */
ul#bmcp_SetupStatus li {
    height: 70px;
    width: 7.5em;
}

ul#bmcp_SetupStatus li {
	background-image: url(../img/bmcp_setup_none.gif);
}
ul#bmcp_SetupStatus li#bmcpSetup1 {
	background-image: url(../img/bmcp_setup1.gif);
}
ul#bmcp_SetupStatus li#bmcpSetup2 {
	background-image: url(../img/bmcp_setup2.gif);
}
ul#bmcp_SetupStatus li#bmcpSetup3 {
	background-image: url(../img/bmcp_setup3.gif);
}
ul#bmcp_SetupStatus li#bmcpSetup4 {
	background-image: url(../img/bmcp_setup4.gif);
}
ul#bmcp_SetupStatus li#bmcpSetup5 {
	background-image: url(../img/bmcp_setup5.gif);
}
ul#bmcp_SetupStatus li#bmcpSetup6 {
	background-image: url(../img/bmcp_setup6.gif);
}

li#bmcpSetup1 span,
li#bmcpSetup2 span,
li#bmcpSetup3 span,
li#bmcpSetup4 span,
li#bmcpSetup5 span,
li#bmcpSetup6 span {
    font-weight: bold;
    color: #000;
}


/*
-----------------------------------------------------
PULLDOWN, BUTTON, FORM FORMATS
*/


fieldset,
div.bmcpPanel {
    border: 1px solid #cddede;
    margin: 1em 0px;
    overflow:hidden; /* auto shows scrollbars in firefox 1.0.x */
    zoom:1; /* force ie to respect overflow */
}
div.bmcpPanel {
    overflow: visible;
}

legend,
h3.legend {
    border: 1px solid #9cc;
    padding: 4px;
    margin-bottom: 0.5em;
    color: #477;
    font-weight:bold;
    background-color: #bdd;
}
h3.legend {
    position: relative;
    z-index: 3;
    top: -.8em;
    width: 15em;
}

div.bm_FieldEntry {
    clear:both;
    margin-bottom: .5em;
}

a.bm_FieldSetHelpLink {
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-top: .3em;
    padding-bottom: .3em;
    background-color: #fff;
    width:25%;
    display:block;
    margin-bottom: .5em;
    background-position: 0px 4px;
    cursor: help;
}
a.bm_FieldSetHelpLink:hover {
    background-color: #ffc;
}

label, div.fieldDescription, h4.bm_labelHead {
    font-weight: bold;
    color: #666;
    display:block;
    float:left;
    clear:left;
    text-align:right;
    width:25%;
}
label.inline {
    font-weight: normal;
    color: #000;
    display: inline;
    float: none;
    clear: none;
    text-align: left;
    width:auto;
}

span.required {
    color: #c30;
    font-weight:bold;
}

div.fieldDescription {
    margin-right: 2%;
    padding-top: 4px;
    margin-bottom: 1em;
    font-weight: normal;
}

label.labelHighlight {
    color: #000;
}

div.fieldsBoxed {
    margin-left: 27%;
    border: 1px solid #cddede;
    padding: 5px;
}

.fieldsRight {
    display:block;
    margin-left: 27%;
}

input, textarea, select {
    font-style: normal;
    width: 68%;
    border: 1px solid #999;
    background-color: #dee;
    padding: 3px;
    color: #000;
}

select {
    overflow: hidden;
}

optgroup {
    border-bottom:1px solid #999;
    padding: .5em 0em;
}

.inline { width:auto; }

textarea {
    line-height:130%;
}

input.inFocus,
textarea.inFocus,
select.inFocus {
    background-color: #ffc;
    border-color: #033;
}

/* radio tab/toggle styles */
div.bm_tab_set {
    overflow:auto;
    zoom:1; /* ie will not observe overflow without width or zoom */
    border-bottom:1px solid #999;
}

label.bm_radio_tab {
    clear:right; /* clear:none more accurate, but older safaris need help */
    width:auto;
    float:left;
    text-align: left;
    border:1px solid #999;
    border-bottom: none;
    margin-right:2px;
    padding:3px 10px 3px 3px;
}

label.bm_radio_tab_select {
    background-color: #bdd;
    color: #000;
    border-color: #000;
}
label.bm_radio_tab input,
.bmcpChecklist input,
input.checkbox {
    width:auto;
    float:none;
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.tabOptContainer {
    border: 1px solid #999;
    border-top:none;
    margin-bottom: .5em;
    padding: .5em;
}

.tabOpt {
    clear:left; /* have to get clear of description or IE 6/7 trouble */
}

ul.bmcpChecklist {
    margin-left: 27%;
}

ul.bmcpChecklist li {
	margin: 0;
	padding: 0 0 .5em 1.5em;
	text-indent: -1.5em;
	list-style-type: none;
}

label.checkradio {
    clear: right; /* clear:none more accurate, but older safaris need help */
    float: none;
    text-align: left;
    color: #000;
    font-weight: normal;
    width: auto;
}

div.bmcpDividerField {
    margin-top: 1em;
    border-top: 1px solid #ddd;
    padding-top: 1em;
}
div.bmcpDividerField ul {
    margin-top: 0;
}

/*
-----------------------------------------------------
BUTTONS AND BUTTON LINKS
*/

input.bm_Submit,
a.bm_ButtonLink,
input.bm_MultipleButtons,
button {
	display: block;
	text-align: center;
	border-left: 1px solid #7aa;
	border-right: 1px solid #000;
	border-top: 1px solid #7aa;
	border-bottom: 1px solid #000;
	
	color: #033;
	padding: 3px;
	font-weight: bold;
	background-color: #fff;
	text-decoration: none;
	cursor: pointer;
	background-image: url(../img/bmcp_button_back.gif);
	background-repeat: repeat-x;
}
a.bm_ButtonLink:visited {
    color: #033;
}
input.bm_Submit,
button {
    width: auto;
    margin: 1em auto;
}

input.bm_MultipleButtons,
button.bm_MultipleButtons {
    display:inline;
    width: auto;
    margin: 1em 3em 0em 0em;
}

/*  style dimensions are a little odd on buttons because
    firefox ignores padding in sizing overall dimensions (just moves text
    inside) and safari ignores height/width for inline items, so
    we use both to set the dimensions */

button.bm_cpicker,
button.bm_cpicker:active {
    height:23px;
    width:23px;
    padding:4px 8px;
    border:1px solid #999;
    background-image:none;
    display:inline;
    margin: 0;
}

a.bm_ButtonLink {
    margin:5px;
}

input.bm_Submit:active,
a.bm_ButtonLink:active,
button:active,
a.bmcp_tritoggle:active {
    padding: 4px 2px 2px 4px;
	border-color: #000 #7aa #7aa #000;
}

a.bmcp_tritoggle {
    display:block;
    float:left;
    margin:0em 0.5em 0em 0em;
    background-image: none;
}
a.bmcp_toggleDefault {
    background-image: url(../img/bm_tritoggle_default.gif);
    background-color:transparent;
}
a.bmcp_toggleOn {
    background-color: #7aa;
}

/*
-----------------------------------------------------
TABLE ELEMENTS
*/

table.contentTable,
table.templateTable {
    border-top: 1px solid #8bb;
    line-height: 1.4em;
}

th, td {
    text-align:left;
}

thead tr,
th {
    background-color: #9cc;
}

th a {
    display: block;
    height: 1.4em; /*helps IE catch up with checkbox height */
    text-decoration: none;
    padding: 3px 20px 3px 3px;
    background-color: #9cc;
}

th.withLink {
    background-color: #dee;
}

th.sort_descend, th.sort_descend a.selected {
	background-image: url(../img/bmcp_sortdescend.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
th.sort_descend a.selected {
	background-image: url(../img/bmcp_sortdescenddark.gif);
}

th.sort_ascend, th.sort_ascend a.selected {
	background-image: url(../img/bmcp_sortascend.gif);
	background-position: right 2px;
	background-repeat: no-repeat;
}
th.sort_ascend a.selected {
	background-image: url(../img/bmcp_sortascenddark.gif);
}

th a.selected {
    background-color: #9bd;
}

th a.selected:hover,
th a:hover {
    background-color: transparent;
    background-image: none;
}

tr {
    background-color: #eff;
}

tr.odd {
    background-color: #deefef;
}
tr.current {
    background-color: #aea;
}

td.icon {
    width: 15px;
}

a.delete {
	background-image: url(../img/bmcp_delete.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 15px;
	display:block;
	font-size: 0;
	line-height: 0;
	text-indent: -99999999em;
}

/* menu help links */
div.bmcp_menuHelp {
    margin-bottom: 0.5em;
}
div.bmcp_menuHelp {
    cursor: help;
}

td.pub_status {
    background-color: #9d9;
    text-align:center;
}
td.ready_status {
    background-color: #9db;
    text-align:center;
}
td.edit_status {
    background-color: #ee9;
    text-align:center;
}
td.draft_status {
    background-color: #ecc;
    text-align:center;
}

/*
-----------------------------------------------------
NON-LABEL TABBED LIST ELEMENTS
*/

ul.tabs,
ul.subtabs {
    overflow:auto;
    margin: 0;
    width: 100%;
}
ul.tabs {
    background-color: #eff;
}

ul.tabs li  {
    margin: 0;
    margin-right: .2em;
    display:block;
    float:left;
    border-bottom: 1px solid #7aa;
    border-right: 1px solid #7aa;
    background-image: url(../img/bmcp_tab_roll_back.gif);
    background-repeat: no-repeat;
}

ul.tabs li.selected {
    border-bottom-color: #58b;
    font-weight:bold;
    background-image: url(../img/bmcp_tab_on_back.gif);
}
ul.tabs a,
ul.tabs span {
    display:block;
    padding: .2em 2em;
    text-decoration: none;
    margin-bottom: 1px; /*stops firefox from showing scrollbar on click*/
}

ul.tabs a {
    background-image: url(../img/bmcp_tab_dark_back.gif);
}

ul.tabs a:hover {
    background-image: none;
    color: black;
}


ul.subtabs {
    background-color: #deefef;
}

ul.subtabs li {
    display:inline;
    float:left;
    border-right: 1px dotted #5a8;
    width: auto;
    padding: .2em .6em;
    margin:0;
}

ul.subtabs li.selected {
    background-color: #9bd;
    font-weight: bold;
}
ul.subtabs,
ul.subtabs a,
ul.subtabs a:visited {
    color: black;
}


/*
-----------------------------------------------------
FILTER FORM
*/

div.barform {
    background-color: #deefef;
    padding: .2em .6em;
    border-top: 1px #ccc solid;
}

div.barform form,
div.barform label {
    margin: 0;
    padding: 0;
}

div.barform input,
div.barform select {
    margin: 0;
}

div.barform input.inline {
    width: 20%;
}
div.barform select {
    width: 30%;
}
div.barform select.inline {
    width: auto;
}


/*
-----------------------------------------------------
SORTABLE LIST ELEMENTS
Common to both section editor and minicontent editor
*/

.bmcp_sortable_list {
    clear: left;
    margin: 0;
    padding: 5px;
    color: #000;
  /*background-color: #fff; causes ie6 to lose it w/toggled content */
}

.bmcp_sortable_list li,
.bmcp_minicontent_module li {
    list-style:none;
    padding:0px 0px .2em 0px;
    margin: 0;

/* ie6 needs positioning and width to display nested elements properly */
position:relative;
width:100%;
zoom:1;
}

.bmcp_sortable_list div.list_titlebar {
    background-color:#fc6;
    min-height: 34px;
}

span.bmcp_handle {
    display:block;
    float:left;
    text-indent: -5000px;
    font-size: 0;
    line-height: 0;
    height: 34px;
    width: 26px;
    background-image: url(../img/bmcp_grip.gif);
    background-repeat: repeat-y;
    cursor: move;
}

div.bmcp_item_subtitle {
    margin-left:26px;
    padding: 2px 0px 2px 23px;
    color: #333;
    zoom: 1; /*ie6 needs for background color */
}

div.bmcp_mini_module {
    clear:both;
}

.bmcp_sortable_list div.bm_ajaxStat,
.bmcp_mini_module div.bm_ajaxStat {
    margin-left: 0;
}


/* orange toggle tweaks */
.bmcp_sortable_list div.list_titlebar a.toggler {
    background-image: url(../img/bmcp_untoggle_orange.gif);
}
.bmcp_sortable_list div.list_titlebar a.bmTriggered {
    background-image: url(../img/bmcp_toggle_orange.gif);
}

.bmcp_list_edit_links {
    float:right;
}
.bmcp_list_edit_links a {
    margin: 0 5px;
}




/*
-----------------------------------------------------
SECTION EDITOR ELEMENTS
Add-ons to the sortable list elements, above
*/

#AllSections a.sectionLink {
    display:block;
    background-color: #fd7;
    margin-left:26px;
    padding: 2px 0px 2px 23px;
    background-position: 11px 5px; /*toggle image for main section link */

}

div.sectionDetails {
    margin-left: 26px;
    color: #999;
    border: 1px solid #ccc;
    padding: 7px;
}

#AllSections div.home_titlebar {
    background-color: #deefef;
    background-image: url(../img/bmcp_home_arrow.gif);
    background-repeat: no-repeat;
    padding-left: 34px;
}

/* correct to blue link for homepage title */
#AllSections div.home_titlebar a.toggler {
    background-image: url(../img/bmcp_untoggle.gif);
}
#AllSections div.home_titlebar a.bmTriggered {
    background-image: url(../img/bmcp_toggle.gif);
}

#AllSections div.home_titlebar div.bmcp_item_subtitle {
    padding-left: 0;
    margin-left: 0;
    padding:0px 0px .2em 0px;
}

/*
-----------------------------------------------------
LIBRARY MENU
*/

.bmcp_libmenu li {
    list-style:none;
    margin: 0em 1em 2em 0em;
    float: left;
    width:15em;
}

.bmcp_libmenu .libTab {
    margin-left:0;
    margin-right:auto;
    width:41px;
    height: 1.5em;
    padding:2px 5px;
    text-align:center;
    background: url(../img/bmcp_libtab_back.gif) no-repeat;
    overflow:hidden;
    zoom:1;
}

.lib_preimg {
    width:60px;
    height:60px;
    margin: 0 auto;
    border:1px solid #ccc;
    padding:4px;
    position:relative;
    text-align:center;
    overflow:hidden;
    zoom:1;
}
.lib_preimg img {
    width:60px;
}

.bmcp_libmenu .libBody {
    height: 15.5em;
    overflow:hidden;
    zoom:1; /* force ie to respect overflow */
    background-color:#dee;
    border: 1px solid #9cc;
    border-top: none;
    padding: .5em;
    text-align: center;
}
.bmcp_libmenu .lib_title {
    height: 3.6em;
    overflow:hidden;
    width:100%; /* prevent overflow in ie */
}

.bmcp_libmenu .lib_meta {
    color: #999;
    border-top:1px dotted #999;
    padding-top:.5em;
    overflow:hidden;
    width:100%; /* prevent overflow in ie */
}

.bmcp_libmenu a.preview {
    display:block;
    border: 1px solid #9cc;
    border-top: none;
    background-color: white;
    padding:.5em;
    text-align:center;
}


/* mods for image-only: supplements all above */
ul.libStyleImage li {
    width:82px;
}
ul.libStyleImage .libBody {
    height: 70px;
}
ul.libStyleImage .lib_title,
ul.libStyleImage .lib_meta,
ul.libStyleImage a.preview {
    display:none;
}

/* mods for text-only: totally replaces all of above */
ul.libStyleText li {
    list-style:none;
    margin:2px 0px;
    overflow:hidden;
    zoom:1;
    background-color:#dee;
    padding:5px;
}
ul.libStyleText .libTab {
    float:left;
    width:1.5em;
    height:1.5em;
}
ul.libStyleText .lib_preimg {
    display:none;
}
ul.libStyleText .lib_title,
ul.libStyleText .lib_meta {
    width:40%;
    float:left;
    margin: 0em .5em;
}



/*
-----------------------------------------------------
MINICONTENT EDITOR ELEMENTS
Add-ons to the sortable list elements, above
*/

.bmcp_minicontent_module {
    zoom:1; /*ie7 has trouble removing list items without layout */
}

h3.bmcp_mini_heading {
    margin: .2em auto;
    color: #699;
    
}

.bmcp_minicontent_module div.bm_ajaxStat {
    margin-left: 0;
}


ul.bmcp_minicontent_module, .bmcp_sortable_list ul {
    margin: 0;
}

.bmcp_sortable_list div.bmcp_preview {
    margin-left:49px;
}

.bmcp_minicontent_module div.bmcp_item_subtitle {
    clear:left
}

.bmcp_sortable_list div.bmajaxStat {
    margin-left: 26px;
}


/* the following are for non-sortable elements, but should mirror
   the basic structure of the sortable list elements */
.bmcp_mini_nosort {
    background-color: #fff;
    clear: left;
    margin: 0;
    padding: 5px;
    color: #000;
}

.bmcp_mini_nosort div.list_titlebar {
    background-color:#dee;
    border: 1px solid #9cc;
    padding: .5em;
}

.bmcp_mini_nosort div.bmcp_item_subtitle {
    margin-left:0px;
    padding: 2px 0px;
    color: #333;
    background-color: #eff;
}

.bmcp_mini_nosort li {
    list-style:none;
    padding:.2em 0;
    margin: 0;
}

/* tabs and file browser for pointed objects */

.bmcp_mini_tabbed {
    border: 1px solid #999;
    border-top: none;
    padding: .5em;
    margin-bottom: .5em;
}

.bmcp_mini_nosort li li,
.bmcp_sortable_list li li {
    /* allow nested lists to behave normally */
    list-style-type: disc;
    padding: 0;
    margin-left: 5%;
}
.bmcp_mini_nosort li ol li,
.bmcp_sortable_list li ol li {
    list-style-type: decimal;
}
#AllSections li { /*nested sortable are an exception */
    list-style-type: none;
    margin-left: 0;   
}

/*
-----------------------------------------------------
MINICONTENT PREVIEW: General
*/

blockquote.bmcp_pullquote_big,
blockquote.bmcp_pullquote_small,
div.bmcp_document,
div.bmcp_image,
div.bmcp_audiovideo,
div.bmcp_exturl {
    display: block;
    padding: .5em 1em .5em 50px;
    margin:0;
    background-repeat: no-repeat;
    position:relative;
}

div.bmcp_document {
    background-image: url(../img/bmcp_document.gif);
}

div.bmcp_audiovideo {
    background-image: url(../img/bmcp_audiovideo.gif);
}

div.bmcp_exturl {
    background-image: url(../img/bmcp_link.gif);
}

div.bmcp_image {
    background-image: url(../img/bmcp_image.gif);
    padding-left: 60px;
}
div.bmcp_image img {
    float:left;
    margin-right: 1em;
    margin-bottom: 1em;
}


div.bmcpMediaCaption {
    margin-top: 1em;
}


/*
-----------------------------------------------------
MINICONTENT PREVIEW: Pullquotes
*/

blockquote.bmcp_pullquote_big,
blockquote.bmcp_pullquote_small {
    background-image: url(../img/bmcp_quote.gif);
}

ul.bmcp_image_list {
    height:28px;
    margin: 0;
    list-style: none;
    overflow:auto;
    zoom:1;
}
ul.bmcp_image_list li {
    float:left;
    height:25px;
    width:30px;
    margin: 0;
}
ul.bmcp_image_list a {
    height:25px;
    width:25px;
    margin-right: 5px;
    display: block;
    font-size: 0;
    line-height:0;
    text-indent:-50000em;
    background-repeat: no-repeat;
}
a.bmcp_list_button_default { background-image: url(../img/bmcp_align_default.gif); }
a.bmcp_list_button_left { background-image: url(../img/bmcp_align_left.gif) }
a.bmcp_list_button_center { background-image: url(../img/bmcp_align_center.gif) }
a.bmcp_list_button_right { background-image: url(../img/bmcp_align_right.gif) }
a.bmcp_list_button_big { background-image: url(../img/bmcp_size_big.gif); }
a.bmcp_list_button_small { background-image: url(../img/bmcp_size_small.gif) }

ul.bmcp_image_list a.bmcp_icon_button {
    text-align:center;
    text-indent: 0;
    line-height: auto;
    border: 1px solid #ccc;
    height: 20px;
    padding-top: 5px;
}
a.bmcp_icon_button:hover {
    background-color: #cee;
}
ul.bmcp_image_list a.bmcp_list_button_on {
    background-color: #cee;
    border-color: #000;
}


/*
-----------------------------------------------------
TAG AUTOCOMPLETE STYLES
*/
div.bm_tag_autocomplete {
    background:#fff;
    display:inline;
    width:100px;
    z-index:4; /*float above minicontent elements*/
}
div.bm_tag_autocomplete ul {
    border:1px solid #999;
    list-style-type:none;
    margin:0;
    padding:0;
    width:100%;
}
div.bm_tag_autocomplete ul li {
    margin:0;
    padding:3px;
}
div.bm_tag_autocomplete ul li.selected {
    background-color:#ffc;
}
div.bm_tag_autocomplete ul strong.highlight {
    color:#900;
}

/*
-----------------------------------------------------
CSS EDITOR STYLES
*/
a.bmcp_list_button_textleft { background-image: url(../img/bmcp_align_textleft.gif) }
a.bmcp_list_button_textcenter { background-image: url(../img/bmcp_align_textcenter.gif) }
a.bmcp_list_button_textright { background-image: url(../img/bmcp_align_textright.gif) }

span.bmcp_cssbox_top {
    padding-left:25px;
    background-repeat:no-repeat;
    margin-right: 3em;
    background-image: url(../img/bm_arrow_up.gif);
}
span.bmcp_cssbox_left {
    padding-left:25px;
    background-repeat:no-repeat;
    margin-right: 3em;
    background-image: url(../img/bm_arrow_left.gif);
}
span.bmcp_cssbox_right {
    padding-left:25px;
    background-repeat:no-repeat;
    margin-right: 3em;
    background-image: url(../img/bm_arrow_right.gif);
}
span.bmcp_cssbox_bottom {
    padding-left:25px;
    background-repeat:no-repeat;
    margin-right: 3em;
    background-image: url(../img/bm_arrow_down.gif);
}

/*
-----------------------------------------------------
LIBRARY BROWSER STYLES
*/

div.bmcpLib {
   overflow:hidden;
   width: 100%;  /* ie6 needs this to wrap around its floated elements */
}

div.bmcpLibBrowser {
   height: 9em;
   overflow:auto;
   background-color: #deefef;
   border:1px solid #9cc;
   width:70%;
   float:right;
}

div.bmcpLibPreview {
   width: 25%;
   float:left;
}

div.bmcpLibLegend,
div.bmcpLibStat {
   width:70%;
   float:right;
   padding: .3em 0em;
   margin: 0;
}

a.bmcpLibSortHilite {
    background-color: #eff;
    font-weight:bold;
}

span.bmcpUnPub {
	color: #666;
	font-style: italic;
}


/*
-----------------------------------------------------
IMAGE EDITOR
*/

a.bmimageUFtog {
    border:1px solid transparent;
    padding:3px;
    text-decoration: none;
    font-size:x-small;
}

a.linkSelected {
    border-color: #006;
    background-color: #ffc;
}

div.bmcpPreviewImage {
    border: solid 1px #ccc;
    padding:5px;
    margin-bottom: 1em;
    overflow:hidden;
    zoom:1; /* force ie to observe overflow */
    margin-right: 5%;
}

div.bmcpPreviewImage img {
    width: 60px;
}

/*
-----------------------------------------------------
NAVBAR STYLES
shared by both the library browser and the edit menu   */

ul.bmw_overflowNav {
   margin: .3em 0 0 0 ;
}
ul.bmw_overflowNav li {
   display:inline;
   margin:0;
}
ul.bmw_overflowNav a, span.bma_inertPage {
   border: 1px solid #9cc;
   padding: .2em .4em;
   margin: 0 .2em;
   text-decoration: none;
   line-height: 200%;
}
ul.bmw_overflowNav a.bma_thisPage {
   background-color: #9cc;
   border-color: #699;
}
span.bma_inertPage {
   color: #999;
   border-color: #ccc;
}

div.bmcp_menuNav { /* specific to the edit menu */
    border-top:1px solid #ccc;
    padding-top:.8em;
}


/*
-----------------------------------------------------
SLIDER STYLES
*/

div.sliderGroup {
    width: 400px;
    margin-left: 27%;
    margin-bottom: 1em;
}
div.slider {
    width: 400px;
    background-image: url(../img/bmcp_slider_back.gif);
    background-repeat: no-repeat;
    height:33px;
}
div.sliderKnob {
    width: 29px;
    height: 33px;
    cursor:move;
    background-image: url(../img/bmcp_slider_knob.gif);
    background-repeat: no-repeat;
}
div.priorityLegend {
    width: 400px;
    text-align:center;
}
div.priorityLegend input {
    width: auto;
    font-size: x-small;
}
span.priorityLow {
    display:block;
    float:left;
}
span.priorityHigh {
    display:block;
    float:right;
}


/*
-----------------------------------------------------
ACTION-SPECIFIC ELEMENTS
*/

div.confirmSite {
    text-align:center;
    margin-bottom: 1em;
}

.normal {
    text-align: left;
}

/* -----------------------------------------------------
SMALL DOCUMENT ICONS
-------------------------------------------------------- */

.docIconSm {
    padding-left: 20px;
    background-image: url(../img/docIconSm_generic.gif);
    background-repeat: no-repeat;
    min-height: 16px;
}
.docIconSm_gif, .docIconSm_png, .docIconSm_jpg, .docIconSm_jpeg, .docIconSm_ico,
.docIconSm_bmp, .docIconSm_jfif, .docIconSm_tif, .docIconSm_tiff, .docIconSm_psd,
.docIconSm_eps {
    background-image: url(../img/docIconSm_image.gif);
}
.docIconSm_pdf {
    background-image: url(../img/docIconSm_pdf.gif);
}
.docIconSm_doc {
    background-image: url(../img/docIconSm_doc.gif);
}
.docIconSm_xls, .docIconSm_xlw {
    background-image: url(../img/docIconSm_excel.gif);
}
.docIconSm_rtf {
    background-image: url(../img/docIconSm_rtf.gif);
}
.docIconSm_txt {
    background-image: url(../img/docIconSm_txt.gif);
}
.docIconSm_xml {
    background-image: url(../img/docIconSm_xml.gif);
}
.docIconSm_zip, .docIconSm_gz, .docIconSm_gzip, .docIconSm_taz,
.docIconSm_tgz, .docIconSm_hqx, .docIconSm_bin, .docIconSm_tar {
    background-image: url(../img/docIconSm_zip.gif);
}
.docIconSm_sit {
    background-image: url(../img/docIconSm_sit.gif);
}
.docIconSm_dmg {
    background-image: url(../img/docIconSm_dmg.gif);
}
.docIconSm_ppt, .docIconSm_pps {
    background-image: url(../img/docIconSm_powerpoint.gif);
}
.docIconSm_mpp {
    background-image: url(../img/docIconSm_project.gif);
}
.docIconSm_sxw, .docIconSm_stw, .docIconSm_sxg, .docIconSm_sdw, .docIconSm_sgl {
    background-image: url(../img/docIconSm_oo-write.gif);
}
.docIconSm_sxc, .docIconSm_stcm, .docIconSm_sdc {
    background-image: url(../img/docIconSm_oo-calc.gif);
}
.docIconSm_sxi, .docIconSm_sti, .docIconSm_sdd, .docIconSm_sdp {
    background-image: url(../img/docIconSm_oo-impress.gif);
}
.docIconSm_sxd, .docIconSm_std, .docIconSm_sda {
    background-image: url(../img/docIconSm_oo-draw.gif);
}
.docIconSm_mp3, .docIconSm_mpu, .docIconSm_m4a, .docIconSm_mid, .docIconSm_midi,
.docIconSm_rmi, .docIconSm_m4p, .docIconSm_aac, .docIconSm_aif, .docIconSm_aiff,
.docIconSm_aifc, .docIconSm_wav, .docIconSm_wma, .docIconSm_ram, .docIconSm_rm {
    background-image: url(../img/docIconSm_audio.gif);
}
.docIconSm_wmv, .docIconSm_avi, .docIconSm_mpeg, .docIconSm_mpe, .docIconSm_mpg,
.docIconSm_mp4 {
    background-image: url(../img/docIconSm_winvideo.gif);
}
.docIconSm_swf {
    background-image: url(../img/docIconSm_flash.gif);
}
.docIconSm_mov, .docIconSm_qt, .docIconSm_moov, .docIconSm_qtm {
    background-image: url(../img/docIconSm_quicktime.gif);
}

/* -----------------------------------------------------
THEMES PAGES
-------------------------------------------------------- */

div.bmcpThemeThumb {
    width:114px;
    height: 150px;
    padding: 5px 0;
    border:1px solid #cddede;
    overflow:hidden;
    float:left;
    margin: 10px;
    text-align:center;
}

div.bmcpThemeLinks {
    overflow: hidden;
    margin: 4px 0px;
    width:100%; /* helps ie6 manage the left-float overflow */
}

a.bmcpThemeAction {
    width: 40px;
    display:block;
    float: left;
    border: 1px solid #999;
    text-decoration: none;
    padding: 3px 0;
    margin-left: 5px;
    background-color: #deefef;
}
a.bmcpApplyTheme, a.bmcpApplyFirst {
    background-color: #aea;
}

div.bmcpPrefPanel { /* supplements bmcpPanel */
    width:45%;
    height:9em;
    float:left;
    margin:.5em;
}


/* -----------------------------------------------------
SECTION PROPERTIES PAGES
-------------------------------------------------------- */

ul.sectionPropList {
    margin:0;
    padding:0;
    list-style:none;
}
ul.sectionPropList li{
    margin:1em 0em 0em 0em;
    padding:5px;
    border: 1px solid #699;
    list-style:none;
    background-color:#deefef;
}
ul.sectionPropList li li {
    margin-left: 2em;
}
div.bmcpPrefLinks {
    background-color:#f8ffff;
    padding:3px;
}
div.bmcpPrefLinks ul {
	list-style-type: square;
}
div.bmcpPrefLinks li {
	list-style-type: square;
    border: none;
    background-color:transparent;
    padding:0;
    margin:0.5em 0em 0em 0em;
}
.bmcpCustom {
	background-image: url(../img/bmcp_gear.gif);
	background-repeat: no-repeat;
	padding-left:15px;
}


/* -----------------------------------------------------
COMMENT PREVIEW
-------------------------------------------------------- */
.bmc_comment {
    zoom: 1;
    overflow: hidden;
    border:1px solid #666;
    padding:1em;
    margin-bottom: 1em;
    background-color: #fff;
}
.bmc_comment_meta {
    background-color: #dee;
    padding: .1em .5em;
    overflow: hidden;
    zoom: 1;
}
.bmc_comment_name {
    font-weight:bold;
    float: left;
    width: 60%;
}
.bmc_comment_timestamp {
    float:right;
    width: 35%;
    text-align:right;
    padding-top: .2em;
}
.bmc_comment_date {
    padding-right: .5em;
    border-right: 1px solid #999;
    margin-right: .2em;
}
.bmc_comment pre {
    border:none;
    padding: 0;
}

/* -----------------------------------------------------
PAGE DIFF
-------------------------------------------------------- */
div.bmdiffContainer {
    height:300px;
    background-color:#fff;
    border: 1px solid #699;
    overflow:auto;
    padding:.5em;
}
div.bm_ModalMessage del {
    background-color: #f99;
}
div.bm_ModalMessage ins {
    background-color: #9f9;
    text-decoration: none;
}