body {
  font-size:    11px;
  font-family:    Tahoma, Arial, Helvetica, Geneva, sans-serif;
  margin:     0;
  padding:    0;
  height:     100%;
  border: 0;
  height: 100%;
  color:   #F2F2F2;
  background: #1C1C1C;
}

html {
  height:     100%;
}

textarea, input.text { outline: none; }

/* --- form table styles ------------------------------------------------------------- */

.itemTable { }
.itemTable .leftTD { padding-top: 5px;  width: 140px; text-align: right; vertical-align: top; font-size: 11px; }
.itemTable .leftTD-tight { width: 140px;  text-align: right; vertical-align: top; }
.itemTable .rightTD { padding-left: 12px; font-size: 10px; line-height: 13px; color: #707070; }
.itemTable .spacerTD { height: 18px; } 
.itemTable .spacerTD-tight { height: 10px; } 
.itemTable strong {  color: #404040; }


/* --- new styles ------------------------------------------------------------- */
 
form { padding: 0; margin: 0; }

td { font-size: 11px; font-family: Tahoma, Arial, Helvetica, Geneva, sans-serif; margin: 0; padding: 0; }

.itemHeading, .subsectionHeading, .checkbox-heading { color: white; }
.input-title-selected, .checkbox-title-selected, .checkbox-option-active { color: white !important; }

/* .input-selected { border: 2px solid #fff !important; } */
.input { border: 1px solid #292929 !important; }

.checkbox-option-active { color: #FFFFFF !important; }
.checkbox-option-active .checkbox-heading { color: #FFFFFF !important; }
.checkbox-option-active .checkbox-description { color: #F2F2F2 !important; }
.checkbox-description, .checkbox-option, .checkbox-heading  { color: #909090; }
.subsectionContent { border: 0; padding: 0; }
.subsectionHeading { padding: 12px; background: #303030; }
.module-selected { background: #303030; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

#sectionDescription { margin-top: 1em; margin-bottom: 2em; line-height:  14px; }

.input-description { padding-top: 15px; color: #D2D2D2; clear: both; }
.infoRowContainer { color: #D2D2D2; width: 400px; }
strong { color: #FFFFFF !important; }
 
.input-with-error { border: 2px solid #ffeea0 !important; }
input.text-inline { background: #151515; color: #eee; }
.errorText { color: #ffeea0; margin-left: 0px; padding-left: 0px; }
.errorInlineList { margin-left: 15px; padding-bottom: 10px; padding-top: 5px; }

.contentBox { background:     transparent;     }
.contentBoxTitle { background:     transparent; margin-left:    6px; } 
.contentBoxHeader { background:     transparent; height:     0px; line-height:    0px; }
.contentBoxContent { background:     transparent; padding:    12px; padding-top:    0px; }
.contentBoxContentWide { background:     transparent; padding:    2px 20px 0px 20px; }
.contentBoxContentThin { background:     transparent; padding:    4px; padding-top:    0px; }
.contentBoxText { margin-left:    44px; padding-top:    6px; padding-bottom:   6px; padding-right:    20px; }

.subsectionHeading { font: 14px Arial; margin-bottom: 8px; }
  
.subsectionWarningThin { color: #ffffff; padding: 12px; font-size: 15px; line-height: 15px; font-weight: bold; letter-spacing: -1px; font-family: Arial; padding-left: 50px; background: #ccb546 url(/universal/images/manager/warning-box-icon.png) no-repeat 10px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.subsectionWarningThin .subsectionMessage { font-size: 11px; padding-top: 2px; letter-spacing: 0px; font-weight: normal; }
.subsectionUpdateThin { color: #ffffff; padding: 12px; font-size: 15px; line-height: 15px; font-weight: bold; letter-spacing: -1px; font-family: Arial; padding-left: 50px; background: #5C8A00 url(/universal/images/manager/update-box-icon.png) no-repeat 10px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.subsectionUpdateThin .subsectionMessage { font-size: 11px; padding-top: 2px; letter-spacing: 0px; font-weight: normal; }
.subsectionErrorThin { color: #ffffff; padding: 12px; font-size: 15px; line-height: 15px; font-weight: bold; letter-spacing: -1px; font-family: Arial; padding-left: 50px; background: #BD4700 url(/universal/images/manager/error-box-icon.png) no-repeat 10px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.subsectionErrorThin .subsectionMessage { font-size: 11px; padding-top: 2px; letter-spacing: 0px; font-weight: normal; }

.thinMessageWrapper { position: absolute; top: 10px; right: 10px; width: 360px; }

.subsectionWarning { color: #ffffff; padding: 20px; font-size: 16px; font-weight: bold; letter-spacing: -1px; font-family: Arial; padding-left: 60px; background: #ccb546 url(/universal/images/manager/warning-box-icon.png) no-repeat 15px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.subsectionWarning .subsectionMessage { font-size: 11px; padding-top: 8px; letter-spacing: 0px; font-weight: normal; }
.subsectionUpdate { color: #ffffff; padding: 20px; font-size: 16px; font-weight: bold; letter-spacing: -1px; font-family: Arial; padding-left: 60px; background: #5C8A00 url(/universal/images/manager/update-box-icon.png) no-repeat 15px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.subsectionUpdate .subsectionMessage { font-size: 11px; padding-top: 8px; letter-spacing: 0px; font-weight: normal; }
.subsectionError { color: #ffffff; padding: 20px; font-size: 16px; font-weight: bold; letter-spacing: -1px; font-family: Arial; padding-left: 60px; background: #BD4700 url(/universal/images/manager/error-box-icon.png) no-repeat 15px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.subsectionError .subsectionMessage { font-size: 11px; padding-top: 8px; letter-spacing: 0px; font-weight: normal; }

.layoutContainer { float: left; padding: 30px 30px 45px 30px; cursor: pointer; }
.layoutContainer.hover { background-color:#272727; }
.layoutContainer .heading { width: 180px; overflow: hidden; } 

.stylePreviewCubeContainer { margin: 0; padding: 0; height: 175px; width: 175px; cursor: pointer; border: 0px; }
.styleContainer { padding: 35px 30px 45px 30px; cursor: pointer; float: left; height:100%; }

.styleContainer .heading, .layoutContainer .heading { padding-bottom: 10px; cursor: pointer; }
.styleContainer .title, .layoutContainer .title, .content-title { height: 21px; width: 175px; overflow: hidden; font-size: 16px; font-weight: bold; letter-spacing: -1px; color: white; font-family: Arial; cursor: pointer; }
.styleContainer .subtitle, .layoutContainer .subtitle { font-size: 10px; font-weight: normal; cursor: pointer; color:#989898; }

.styleContainer.hover { background-color:#272727; }
.styleContainer.hover .styleActions { visibility:visible; }
.styleContainer .styleActions { visibility:hidden; }

/* ---- detached css editor ------------------------------------------- */
.detached .styleContainer { display:none !important;}
.detached #cssWrapper { height:100% !important; }
.detached .title { height: 21px; overflow: hidden; font-size: 16px; font-weight: bold; letter-spacing: -1px; color: white; font-family: Arial; left:0 !important; height:49px; }
.detached .subtitle { padding-left:10px; font-size: 10px; font-weight: normal; color:#989898; }



#noticeHeading { font-size: 24px; font-family: Arial; letter-spacing: -1px; font-weight: normal; padding-bottom: 6px; color: white;  }
#noticeSubheading { font-size: 12px; color:#888; }
#noticeButton { height: 28px; width: 150px; margin-top: 15px; }

.variableObject {
  display:          block;
  padding-left:     22px;
  background:       url(/universal/images/manager/variable.png) left center no-repeat;
  height:           16px;
}

input.file { font-size: 10px; margin-top: 5px; }    
 
.standardList tr td { border-bottom: 1px solid #303030; }
.standardList thead tr td, .standardList thead tr td:first-child { background: #000000; border-bottom: 0px; }

.standardList a:link, .standardList a:visited, .standardList a:active { color: #BDD1B8; }
.standardList a:hover { color: #ffffff; }
 a:link, a:visited, a:active { color: #BDD1B8; }
 a:hover { color: #ffffff; }

.miniNoticeWrapperFixed { width: 385px; }
 
 
/* ---- standard help objects ------------------------------------------- */

.managerHelpObject {
  display:    block; 
  background:    #000000 url(/universal/images/help-bullet.png) 11px 15px no-repeat; 
  line-height:    16px;
  color: #ddd;
  border: 0;
  padding: 16px 16px 16px 36px; margin-bottom: 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
} 

.managerInformationObject {
  display:    block; 
  background: #000000 url(/universal/images/info-bullet.png) 11px 15px no-repeat; 
  line-height:    16px;
  color: #ddd;
  border: 0;
  padding: 16px 16px 16px 36px; margin-bottom: 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
} 

.managerAlertObject {
  display:    block;  
  background:  #000000 url(/universal/images/alert-bullet.png) 11px 15px no-repeat; 
  line-height:    16px;
  color: #ddd;
  border: 0;
  padding: 16px 16px 16px 36px; margin-bottom: 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
 
 
.sectionDescription { padding: 0px 0px 25px 0px; font-size: 12px; line-height: 16px; width: 600px; }
.subsectionContent { width: 600px; }
.dialogSubtitleText { width: 350px; }
.dialogSectionTitle { color: #ffffff; padding-bottom: 12px; font-size: 15px; font-weight: bold; letter-spacing: -1px; font-family: Arial; }

.content-editable .content-draggable-element {
  border:     1px dotted #303030;
  background: #050505;
  cursor:     move;
}
.content-editable .content-draggable-boundary {
  height:     10px;
  list-style-type:  none;
  background:     transparent;
}

.empty-list-notice, .empty-list-notice strong  {
  color: #555 !important;
} 

.file-chooser { padding: 18px; height: 140px; width: 500px; overflow: auto; }
.column-option { margin-right: 5px; margin-right: 10px; float: left; padding: 2px; cursor: pointer; }

.spacerTD { height: 15px; }
 
.yui-calcontainer { font-size: 11px !important; }
.yui-calcontainer .calcell { font-size: 12px !important; }

.smallFeatureTable { width: 300px; }
.smallFeatureTable td { vertical-align: top; }            
.smallFeatureTable .leftTD { color: white; font-weight: bold; width: 20px; text-align: left; padding: 0 15px 0 0; }



/* YUI OVERRIDES */

.yui-toolbar-container  { border: 0 !important; padding: 0 !important; margin: 0 !important; height: 30px !important; }
.yui-toolbar-container fieldset { border: 0 !important; padding: 0 !important; margin: 0 !important; background: #151515 !important; }
.yui-toolbar-container fieldset legend { display: none; }

span.yui-toolbar-separator { background-color: #252525; height: 22px !important; width: 1px !important; margin: 3px 8px !important; }

.yui-skin-sam .yui-toolbar-container .yui-toolbar-titlebar { display: none; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-subcont { border: 0 !important; background: #151515 !important; padding: 0 0 0 0 !important; float: right !important; text-align: right !important; }
.yui-skin-sam .yui-toolbar-container { padding: 0; background-color: #151515 !important; }
.yui-skin-sam .yui-editor-container { border: 0 !important; padding: 0; }
.yui-skin-sam .yui-toolbar-group ul { padding: 0 !important; }
.yui-skin-sam .yui-toolbar-container h3 { color: #ccc !important; padding: 0 !important; margin: 0 !important; font-size: 9px !important; display: none !important; }
.yui-skin-sam .yui-editor-editable-container { border: 2px solid #ccc !important; }

.yui-skin-sam .yui-button { background: transparent !important; }
.yui-skin-sam .yui-button .first-child { background: transparent !important; border: 0px !important; }
.yui-skin-sam .yui-button .first-child  a { background: transparent !important; color: #151515 !important; }
.yui-skin-sam .yui-push-button { background-color: transparent !important; width: 24px !important; margin-top: 2px !important; border: 0px !important;  }
 
.yui-skin-sam .yui-toolbar-icon { padding: 2px !important; margin: 0 !important; background-position: -2px -2px !important; left: 2px !important; top: 2px !important; }

.yui-skin-sam .yui-toolbar-container .yui-button-disabled { opacity: .5; }
.yui-skin-sam .yui-toolbar-container .yui-button-selected span.yui-toolbar-icon { background-color: #202020 !important; }

.yui-skin-sam .yui-toolbar-container .yui-toolbar-undo span.yui-toolbar-icon                          { background-image: url('/universal/images/toolbar/undo.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-redo span.yui-toolbar-icon                          { background-image: url('/universal/images/toolbar/redo.png') !important; }

.yui-skin-sam .yui-toolbar-container .yui-toolbar-bold span.yui-toolbar-icon                          { background-image: url('/universal/images/toolbar/bold.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-italic span.yui-toolbar-icon                        { background-image: url('/universal/images/toolbar/italic.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-underline span.yui-toolbar-icon                     { background-image: url('/universal/images/toolbar/underline.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-strikethrough span.yui-toolbar-icon                 { background-image: url('/universal/images/toolbar/strikethrough.png') !important; }

.yui-skin-sam .yui-toolbar-container .yui-toolbar-superscript span.yui-toolbar-icon                   { background-image: url('/universal/images/toolbar/superscript.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-subscript span.yui-toolbar-icon                     { background-image: url('/universal/images/toolbar/subscript.png') !important; }

.yui-skin-sam .yui-toolbar-container .yui-toolbar-removeformat span.yui-toolbar-icon                  { background-image: url('/universal/images/toolbar/removeformat.png') !important; }

.yui-skin-sam .yui-toolbar-container .yui-toolbar-indent span.yui-toolbar-icon                        { background-image: url('/universal/images/toolbar/indent.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-outdent span.yui-toolbar-icon                       { background-image: url('/universal/images/toolbar/outdent.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-insertunorderedlist span.yui-toolbar-icon           { background-image: url('/universal/images/toolbar/insertunorderedlist.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-insertorderedlist span.yui-toolbar-icon             { background-image: url('/universal/images/toolbar/insertorderedlist.png') !important; }

.yui-skin-sam .yui-toolbar-container .yui-toolbar-ssinsertlink span.yui-toolbar-icon                  { background-image: url('/universal/images/toolbar/createlink.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-ssinsertcode span.yui-toolbar-icon                  { background-image: url('/universal/images/toolbar/code.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-ssinsertslideshow span.yui-toolbar-icon             { background-image: url('/universal/images/toolbar/insert-slideshow.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-ssinsertimage span.yui-toolbar-icon                 { background-image: url('/universal/images/toolbar/insertimage.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-ssinsertemoticon span.yui-toolbar-icon              { background-image: url('/universal/images/toolbar/insertemoticon.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-ssinsertvideo span.yui-toolbar-icon                 { background-image: url('/universal/images/toolbar/insertvideo.png') !important; }

.yui-skin-sam .yui-toolbar-container .yui-toolbar-justifyleft span.yui-toolbar-icon                   { background-image: url('/universal/images/toolbar/justifyleft.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-justifycenter span.yui-toolbar-icon                 { background-image: url('/universal/images/toolbar/justifycenter.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-justifyright span.yui-toolbar-icon                  { background-image: url('/universal/images/toolbar/justifyright.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-justifyfull span.yui-toolbar-icon                   { background-image: url('/universal/images/toolbar/justifyfull.png') !important; }

.yui-skin-sam .yui-toolbar-container .yui-toolbar-blockquote span.yui-toolbar-icon                    { background-image: url('/universal/images/toolbar/quote.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-ssdefineexcerpt span.yui-toolbar-icon               { background-image: url('/universal/images/toolbar/define-excerpt.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-ssspellcheck span.yui-toolbar-icon                  { background-image: url('/universal/images/toolbar/spellcheck.png') !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-sshtml span.yui-toolbar-icon                        { background-image: url('/universal/images/toolbar/source.png') !important; }

.yui-skin-sam .yui-toolbar-container .yui-toolbar-editingmode span.yui-toolbar-icon                   { background-image: none !important; display: none !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-heading span.yui-toolbar-icon                       { background-image: none !important; display: none !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-fontsizing span.yui-toolbar-icon                    { background-image: none !important; display: none !important; }

.yui-skin-sam .yui-toolbar-container .yui-toolbar-ssmode span.yui-toolbar-icon                        { background-repeat: no-repeat !important; background-position: 0px 2px !important; width: 72px !important; display: block !important; }
.yui-skin-sam .yui-toolbar-container .yui-toolbar-ssformat span.yui-toolbar-icon                      { background: url('/universal/images/toolbar/format-button.png') no-repeat 0px 2px !important; width: 72px !important; display: block !important; }

.yui-skin-sam .yui-toolbar-container .yui-toolbar-editingmode .first-child,
.yui-skin-sam .yui-toolbar-container .yui-toolbar-heading .first-child,
.yui-skin-sam .yui-toolbar-container .yui-toolbar-fontsizing .first-child,
.yui-skin-sam .yui-toolbar-container .yui-toolbar-ssmode .first-child { 
  margin-top: -1px !important;  
}
.yui-skin-sam .yui-toolbar-container .yui-toolbar-ssformat .first-child { 
  margin-top: -1px !important;  
}

.yui-skin-sam .yui-toolbar-container .yui-toolbar-editingmode.yui-menu-button-disabled,
.yui-skin-sam .yui-toolbar-container .yui-toolbar-heading.yui-menu-button-disabled,
.yui-skin-sam .yui-toolbar-container .yui-toolbar-fontsizing.yui-menu-button-disabled {
  background: white url('/universal/yui/assets/skins/sam/menubaritem_submenuindicator_disabled.png') 105% 50% no-repeat !important;
} 

.yui-skin-sam .yui-toolbar-container .yui-toolbar-editingmode,
.yui-skin-sam .yui-toolbar-container .yui-toolbar-heading,
.yui-skin-sam .yui-toolbar-container .yui-toolbar-fontsizing {
  border: 2px solid #cfcfcf ! important; 
  padding: 0px ! important;  
  background: #eee !important; 
  margin-top: 3px !important; 
  height: 17px !important; 
  background: white url('/universal/yui/assets/skins/sam/menubaritem_submenuindicator.png') 105% 50% no-repeat !important;
}

.yui-skin-sam .yui-toolbar-container .yui-toolbar-editingmode {
  width: 72px !important;
}

.yui-skin-sam .yui-toolbar-container .yui-toolbar-heading {
  width: 66px !important;
}

.yui-skin-sam .yui-toolbar-container .yui-toolbar-fontsizing {
  width: 50px !important;
}

.yui-skin-sam .yui-toolbar-container .yui-toolbar-ssmode {
  width: 78px !important; margin: 2px 0 0 5px !important;
} 

.yui-skin-sam .yui-toolbar-container .yui-toolbar-ssformat {
  width: 78px !important; margin: 2px 5px 0 0 !important;
}

.ssoverlay {
    font-size: 11px; 
    font-family: Tahoma, Arial;
    color: #404040;
    background: #FFF !important;
    border: 2px solid #7F8FA0;
    padding-top: 6px;
    padding-bottom: 6px;
}
.ssoverlay a {
    padding: 2px 14px 2px 14px; 
    vertical-align: middle;
    display: block !important;
    color: #202020 !important;
}
.ssoverlay a:hover {
    color: #fff !important;
    background-color: #667364;
    text-decoration: none;
}
.ssoverlay img {
    vertical-align: middle;
    height: 20px;
}
.ssoverlay-text {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 45px !important;
}
.ssoverlay-arrow {
    left: auto;
    position: absolute;
    right: 10px;
    text-align: right;
}
.ssoverlay-separator {
    border-top:1px solid #CCCCCC;
    font-size: 1px;
    margin:2px 0;
    outline-color:-moz-use-text-color;
    outline-style:none;
    outline-width:medium;
    padding:0;
    position:relative;
}
.ssoverlay-submenu {
    border-top: 2px solid #7F8FA0;
}

.configurationSidebarHeader {
    margin-bottom: 18px; font-weight: bold; font-size: 12px; background: #303030; padding: 5px 0px 4px 8px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}

.configurationSidebarDescription {
    font-size: 10px; line-height: 15px; color: #999; padding-bottom: 10px; margin-top: -8px;
}
  
.mode-button:link, .mode-button:visited, .mode-button:active {
  margin-top: 4px; -moz-outline: 0; -moz-border-radius: 11px; -webkit-border-radius: 11px; padding: 6px 10px 6px 10px; background: #252525  !important; color: #888 !important; font-size: 9px; text-transform: uppercase;
}

.mode-button:hover {
  background: #303030 !important;
} 

.mode-button.selected { 
  color: white !important; background: #404040 !important;
}

#yui-gen0 { margin-top: 7px !important; }
.yui-toolbar-group-insertitem {
	position: absolute;
	left: 25px !important;
}


/* ---- css selector UI ------------------------------------------- */

.css-field-title { font-size: 10px; padding-bottom: 3px; }
.css-field-chunk { float: left; padding-right: 10px; }
.css-field-options-wrapper { display: none; background: #050505; color: #fff; position: absolute; overflow: hidden; height: 100px; /*width: 250px; */}
.css-field-options { padding: 15px; }
.css-field-options a { color: #f5f5f5; padding-bottom: 2px; font-size: 12px; line-height: 18px; }
.css-field-options a:hover { color: #ffffff; }

.colorTextBox { width: 100px !important; }
.styleSelector { color: white !important; font-size: 12px; line-height: 20px; }
.optionCell { font-size: 13px; width: 150px; cursor: pointer; padding-bottom: 3px; }
.valueCell { font-size: 13px; width: 120px; cursor: pointer; vertical-align: center; text-transform: capitalize !important; }

.optionCellBig { font-size: 20px; width: 150px; cursor: pointer; padding-bottom: 3px; }
.valueCellBig { font-size: 20px; width: 120px; cursor: pointer; vertical-align: center; text-transform: capitalize !important; }

#pixel-slider-bg { position: relative; background: transparent url(/universal/images/slider-bg-400.gif) 5px 0 no-repeat; height: 28px; width: 210px; }
#pixel-slider-thumb { cursor: default;  }

#optionTableLarge, #optionTableFixed { display: none; }

#color-picker-container {  position: relative; width: 400px; height: 190px; }
#color-picker-container a.button { height: 1px; line-height: 1px; }
#color-picker { background-color: #050505; width: 380px; height: 220px; }

.yui-picker-controls .hd { display: none; }
.yui-picker-controls .bd { padding-top: 2px; }
.yui-picker-controls .bd li { font-family: Tahoma; font-size: 12px; }
.yui-picker-controls .bd input { font-family: Tahoma; border: 0px; font-size: 9px; }


/* ---- css more-templates-button ------------------------------------------- */

.more-templates-button {
  float: left;
  font-weight: 200;
  border-top: 1px solid #fff;
  background-color: #efefef;
  background-image: -moz-linear-gradient(#ffffff, #dddddd);
  background-image: -ms-linear-gradient(#ffffff, #dddddd);
  background-image: -webkit-linear-gradient(#ffffff, #dddddd);
  background-image: linear-gradient(#ffffff, #dddddd);
  background-color: #efefef;
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  text-shadow: 1px 0 rgba(255, 255, 255, 0.4);
  color: #111;
  font-weight: 400 !important;
  text-shadow: 0 1px 0 white;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  cursor: pointer;
  border: 1px solid #bbb;
  line-height:36px;
  width:165px;
  margin-left:-8px;
}
.more-templates-button:hover {
  background-color: #f6f6f6;
  background-image: -moz-linear-gradient(#ffffff, #e9e9e9);
  background-image: -ms-linear-gradient(#ffffff, #e9e9e9);
  background-image: -webkit-linear-gradient(#ffffff, #e9e9e9);
  background-image: linear-gradient(#ffffff, #e9e9e9);  
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e9e9e9));
}
.more-templates-button:active {
  background-color: #efefef;
  background-image: -moz-linear-gradient(#e2e2e2, #fcfcfc);
  background-image: -ms-linear-gradient(#e2e2e2, #fcfcfc);
  background-image: -webkit-linear-gradient(#e2e2e2, #fcfcfc);
  background-image: linear-gradient(#e2e2e2, #fcfcfc);
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(100%, #fcfcfc));
  background-image: linear-gradient(#e2e2e2, #fcfcfc);
}
.more-templates-button:focus {
  outline: none;
  color: #111111;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 0 0 2px  #42b1ff;
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 0 0 2px  #42b1ff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 0 0 2px  #42b1ff;  
}
.more-templates-button:active {
  background: #f9f9f9;
}

.more-templates-button .buttonContent {
  padding-left: 47px;
  padding-right: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  background-image: url(/universal/images/managementui/button-left-arrow.png);
  background-repeat: no-repeat;
  background-position: 14px 6px;
}


/* Font picker styles */
/*#font-picker-right-pane #fonts > div {*/
/*div.font {*/
  /*height: 24px;*/
/*}*/
#font-picker-right-pane-fonts > div.font {
	/*width: 200px;*/
	width: 220px;
	height: 24px;
	float: left;	
}

#font-picker-right-pane-fonts.large > div {
	/*width: 300px;*/
	width: 330px;
	height: 44px;
	float: left;	
}
#font-picker-right-pane-fonts.large > div > a{
	font-size: 22px;
}

#font-picker-right-pane-fonts > div > a {
	/*padding: 2px;*/
	margin: 3px;
	
}
#font-picker-right-pane-fonts > div > a, #font-picker-left-pane > div > a {
	padding: 0 10px 0;	
}	
#font-picker-right-pane-fonts > .selected > a, #font-picker-left-pane > .selected > a{
	/*background-color: #252525;*/
	background-color: #fff;
	color: #000;
	/*color: #4C4C4C;*/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

}

#font-picker-right-pane-fonts {
	padding-left: 15px;
	overflow-y: scroll;
	height: 155px;
}

#font-picker-right-pane {
  margin-left: 170px;
}

#font-picker-left-pane {
	float: left;
	border-right: 1px solid #222;
	padding-right: 30px;
}

#font-picker-size {
	text-align: right;
	margin-top: -10px;
	/*margin-bottom: -10px;*/
}

#font-picker-size > span {
	cursor: pointer;
	padding-left: 10px;
	/*padding: 5px;*/
	font-weight: bold;
	color: #4c4c4c;	
	margin-top: -15px;
}

#font-picker-size > .selected {
	color: whiteSmoke;
}

#button-font-size-small {
	font-size: 12px;
}
    .font-image {
      display: inline-block;
      padding-right: 3px;
      /* Since a child element has opacity=0, this is required to ensure
       * background elements don't show through.
       */
      filter: alpha(opacity=100);
    }

    #font-picker-right-pane-fonts .font-image {
      /*height: 24px;*/
      /*height: 16px;*/
      background-position: 3px 0;
    }

    .font-image > img {
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0);
      /*padding-right: 3px;*/
    }

    #font-picker-left-pane > .selected > .font-image {
    background-color: #fff;
    /*background-position: 0 -112px;*/
    color: #000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  }

  #font-picker-right-pane-fonts > .selected > .font-image {
    background-color: #fff;
    background-position: 3px bottom;
    color: #000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  }


#button-font-size-large {
	font-size: 22px;
}


/*
.wf-loading #font-picker-right-pane a, .wf-inactive #font-picker-right-pane a {
.wf-loading #font-picker-right-pane a, .wf-inactive #font-picker-right-pane a {
  color: #444;
  font-family: arial, sans-serif;	
}
*/

#font-picker-loading {
	position: relative;
	/*top: 40%;*/
	top: 40px;
	/*padding-left: 170px;*/
	margin: 0 auto;
	width: 240px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #333;
	
}


/*
.font-picker-font-grouping {
  background: red;	
  t
}
*/