/* Copyright © 2006-09 Spiceworks, Inc.  All Rights Reserved.  http://www.spiceworks.com */
/*

primary css for the portal, not including any preference-specific stuff like colors and such

*/

body{
  font:62.5% Helvetica, Verdana, sans-serif;
  background:#eee;
  margin:0;
}
a{
  color:#003DF5;
}
a:visited{
  color:#4271FF;
}
input.text, textarea{ font-family:Helvetica, Verdana, sans-serif; }
span.highlight, em.highlight{ background:yellow; }
p.field-note{ 
  color:#666;
  font-size:10px;
  background:#efefef;
  padding:3px 2px;
  margin:0;
  border:1px solid #999;
}
#container{ background:#eee; font-size:1.2em; }
#header{
  padding:10px;
  overflow:hidden;
}
#header h2{
  margin:10px 0 0;
  font-size:3em;
  float:left;
  width:70%;
}
#header h2 a{
  color:#000;
  text-decoration:none;
}
#header h2 a img{ border:0; }
#header div.login_logout_header{
  float:right;
  width:30%;
  text-align:right;
  margin:20px 0 0;
}
#header div.login_logout_header p{ margin:0; padding:0; }
#header div.login_logout_header ul{
  margin:0;
  padding:0;
  list-style:none;
}
#header div.login_logout_header ul li{
  display:inline;
  border-left:1px solid #000;
  padding-left:5px;
}
#header div.login_logout_header ul li:first-child, #header div.login_logout_header ul li.first-child{ border-left:0; padding-left:0; }
#navigation{
  overflow:hidden;
  background:#696969;
  padding:5px 5px 0 10px;
}
body.no-nav #navigation{ height:1em; }
#navigation ul{
  list-style:none;
  margin:0;
  padding:0;
}
#navigation ul li{
  display:inline;
  margin:0;
  padding:0;
}
#navigation ul li a{
  font-size:1.3em;
  font-weight:bold;
  float:left;
  color:#fff;
  padding:3px 10px 3px 10px;
  margin:0 4px 0 0;
  text-decoration:none;
}
#navigation ul li a:hover{ color:#ddd; }
#navigation ul li.current a{
  cursor:text;
  -moz-border-radius:3px 3px 0 0;
  -webkit-border-top-left-radius:3px;
  -webkit-border-top-right-radius:3px;

  background:#fff;
  color:#000;
  border:1px solid #EEE;
  border-bottom:0;
}
#navigation ul li.current a:hover{ }
#navigation ul li.new-tab a{
  color:#444!important;
  font-size:11px;
  font-weight:normal;
  padding:3px 5px 2px 20px;
  line-height:1.3em;
  margin-top:3px;
  background:#FFFFE0 url(/images/portal/add-small.png) no-repeat 3px center;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}

#content{
  position:relative; /* so we can absolutely position elements that are direct descendents of this element and have them stay where we want them to stay */
  padding:40px 10px 10px;
}
#content #notice{
  border:1px solid #aaa;
  margin:0 0 10px;
  padding:5px 10px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  position:relative;
}
#content #notice h3 a.dismiss{
  display:block;
  text-indent:-9999px;
  width:24px;
  height:24px;
  background:transparent url(/images/icons/large-close.png) no-repeat top left;
  position:absolute;
  top:.20em;
  right:10px;
  outline:none; /* for sir fox */
}
#content #notice h3{
  font-size:1.9em;
  margin:0;
  text-align:center;
}

body.admin-logged-in, body.admin-logged-in #admin-bar {
  min-width:820px;
}



#content #main, body.admin-logged-in #content.no-sidebar-content #main{
  width:74%;
  max-width:1300px;
  float:left;
}
body.admin-logged-in #content.no-sidebar-content #main{ width:84%; }
#content.no-sidebar-content #main, body.dynamic-page #content.no-sidebar-content #main{
  width:auto;
  float:none;
}
#content.is-article #main{ float:none; width:100%!important; max-width:none!important; }
#content #sidebar{
  width:24%;
  max-width:800px;
  float:right;
}
body.admin-logged-in #content.no-sidebar-content #sidebar{
  width:14%;
}
body.admin-logged-in #content.no-sidebar-content #sidebar div.sidebar-placeholder{
  border:3px dashed #aaa;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  font-size:2em;
  padding:100px 20px;
  text-align:center;
  color:#999;
}
#content.is-article #sidebar, body.dynamic-page #content.no-sidebar-content #sidebar{ display:none!important; }
body.admin-logged-in #content.no-sidebar-content #sidebar h2{
  color:#999;
  text-align:center;
  font-size:2em;
  padding:100px 10px;
}
#content div.content-block{
  border:1px solid #aaa;
  margin:0 0 10px;
  padding:5px 10px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  overflow:hidden;
  position:relative;
}

/* to give a little extra breathing room for the "block operations" controls in the upper right */
body.admin-logged-in #content div.content-block{ padding-top:10px; }
#content div.placeholder-block{
  border:3px dashed #aaa;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color:#666;
  font-weight:normal;
  font-size:.8em;
  text-align:center;
}
#content div.edit-block{
  position:absolute;
  top:0;
  right:0;
  border:1px solid #aaa;
  border-top:0;
  border-right:0;
  -moz-border-radius:0 5px 0 5px;
  -webkit-border-radius:5px;
  -webkit-border-top-left-radius:0;
  -webkit-border-bottom-right-radius:0;
  padding:1px 3px 2px;
  
  background:#ffffe0;
}
#content div.edit-block ul{
  margin:0;
  padding:0;
  list-style:none;
}
#content div.edit-block ul li{
  display:inline;
  border-left:1px solid #aaa;
  padding-left:5px;
}
#content div.edit-block ul li:first-child, #content div.edit-block ul li.first-child{
  border-left:0;
  padding-left:0;
}
#content div.edit-block > ul > li > a{
  color:#bbb;
  text-decoration:none;
}
#content div.edit-block > ul > li > a, #content #page-operations > ul > li > form a {
  font-size:10px;
}
#content #main div.edit-block ul li a, #content #sidebar div.edit-block ul li a{
  padding:0 3px;
}
#content div.edit-block a.move{ cursor:move; }
#content div.edit-block a:hover{ color:#666; text-decoration:underline; }
#content div.edit-block li.disabled a{ text-decoration:line-through; cursor:text; }
#content #page-operations{
  color:#000;
}
#content #page-operations li{ 
  border-color:#000; 
}
#content #page-operations > ul > li > a, #content #page-operations > ul > li > form a{
  /* Don't modify the padding of the links inside the simple menu, which is inside the LI */ 
  padding-left:18px;
  color:#000; 
  line-height:1.3em;
}

#content.admin-logged-in #sidebar{
  width:10%;
  border:1px dashed #999;
}

/* for the various built-in content blocks
**************************************************************************************/
#content form p label{ padding-right:5px; }
#content form p.with_error input, #content form p.with_error select, #content form p.with_error textarea{ border-color:red; }
#content form.new-ticket p{
  clear:left;
  font-size:1.2em;
}
#content form.new-ticket p label{
  float:left;
  width:6em;
  padding:3px 0 0;
}
#content form.new-ticket p.button, #content form.new-ticket p.attachment{ margin-left:6em; }
#content form.new-ticket p.attachment label{ float:none; width:auto; padding-top:0; }
#content form.new-ticket p input.text{
  width:50%;
  min-width:300px;
}
#content form.new-ticket p.attachment input{ width:auto; min-width:0; }
#content form.new-ticket p.attachment a{ padding-left:5px; }
#content form.new-ticket p textarea{
  width:50.4%;
  min-width:304px;
  height:100px;
}
#content form.new-ticket div.ticket-custom-attrs p input.text{
  width:100px;
}
#content .standard-list li{
  font-size:1.4em;
  margin:5px 0;
}
#content .ticket-list li.default-hidden{ display:none; }
#content .ticket-list-show-all li.default-hidden{ display:list-item; }
#content .content-block h3.ticket-cutoff{ margin:10px 0; padding:0 0 0 40px; font-size:1.4em; font-weight:normal; }
#content .standard-list li span.simple-list-meta{
  display:block;
  font-size:11px;
  color:#444;
}
#content div.view_ticket h2{
  margin-bottom:0;
}
#content div.view_ticket p.meta{
  margin-top:0;
  font-size:11px;
  color:#666;
}
#content div.view_ticket p.body{ font-size:1.2em; }
#content div.view_ticket ol li.new-comment textarea{
  display:block;
  width:80%;
  height:8em;
}
#content div.toggle_ticket{
  text-align:center;
  font-size:1.2em;
}

#content .new-page-fields{}

#content form.login p{ clear:left; }
#content form.login p label{
  float:left;
  width:6em;
  padding:3px 0 0;
}

/* for the admin-only stuff
**************************************************************************************/
body.end-user-mode .admin-actions{ display:none!important; }
body.end-user-mode #content.no-sidebar-content #sidebar{ display:none; }
body.end-user-mode #content.no-sidebar-content #main{ width:100%; }
body.end-user-mode #content div.placeholder-block{ display:none; }
div#admin-bar{
  width:100%;
  position:fixed;
  margin:0;
  padding:10px;
  border-bottom:1px solid #666;
  background:#ffffe0;
  z-index:1000;
  font-size:1.4em;
  height:13px;
}
body.end-user-mode div#admin-bar{
  display:block!important;
}
div#admin-bar p{ margin:0; padding:0; }
div#admin-bar div.left{
  position:absolute;
  left:10px;
  top:2px;
  width:450px;
  text-align:left;
  padding-top:4px;
}
div#admin-bar div.right{
  position:absolute;
  top:2px;
  right:10px;
  text-align:right;
  padding-right:10px;
  padding-top:6px;
}

div#admin-bar div.right > a.button {
  display:block;
  float:left;
  padding:0px 10px 0px 21px;
}

body.end-user-mode div#admin-bar div.left{ }
body.end-user-mode div#admin-bar div.right{ display:none; }
div#admin-bar p span#mode-switcher{}
div#admin-bar p span#mode-switcher a{
  display:inline-block;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:#eee ;
  border:1px solid #ccc;
  padding:3px 4px 1px;
  text-decoration:none;
  color:#444;
}
div#admin-bar p span#mode-switcher a:hover{ background-color:#ddd; }
div#admin-bar p span#mode-switcher a.designer{
  -moz-border-radius-topright:0;
  -moz-border-radius-bottomright:0;
  -webkit-border-top-right-radius:0;
  -webkit-border-bottom-right-radius:0;
  border-right:0;
}
div#admin-bar p span#mode-switcher a.end-user{
  -moz-border-radius-topleft:0;
  -moz-border-radius-bottomleft:0;
  -webkit-border-top-left-radius:0;
  -webkit-border-bottom-left-radius:0;
}
div#admin-bar p span#mode-switcher a.designer, body.end-user-mode div#admin-bar p span#mode-switcher a.end-user{
  background: url(/images/layout/gradients/light_to_orange_big.png);
}
body.end-user-mode div#admin-bar p span#mode-switcher a.designer{ background:#eee }
div.admin-actions a.button{
  display:inline-block;
  padding:1px 10px 1px 21px;
  background-repeat:no-repeat;
  background-position:center left;
  color:#444;
  line-height:1.3em;
  text-decoration:none;
}
div.admin-actions a:hover{ text-decoration:underline; }
div.admin-actions a.button-jump-to{ background-image:url(/images/portal/jump-to.png); }
div.admin-actions a.button-new-article{ background-image:url(/images/portal/add.png); }
div.admin-actions a.button-add-content{ background-image:url(/images/portal/add-small.png); }
div.admin-actions a.button-add-new-content{ background-image:url(/images/portal/add.png); }
div.admin-actions a.button-remove{ background: transparent url(/images/portal/remove-small.png) no-repeat 2px 50% ; }
div.admin-actions a.button-preferences { background-image:url(/images/portal/preferences.png); }
div.admin-actions a.button-page-settings{ background-image:url(/images/portal/preferences-small.png); }
#content div.unsaved-content-block, #content div.editing-content-block{ background:#fff; }

div.page-fields form div#page-attributes{}
div.page-fields form div#page-content{
  border:1px dotted #ccc;
  background:transparent url(/images/portal/separator.png) repeat-y 75% top;
  border-left:0;
  border-right:0;
  overflow:hidden;
}
div.page-fields form div#page-content dl{
  padding:10px 0;
  margin:0;
}
div.page-fields form div#page-content dl dt{
  display:block;
  font-weight:bold;
  font-size:1.5em;
  padding:0;
  margin:10px 0;
}
div.page-fields form div#page-content dl dd{
  display:inline;
  padding:0;
  margin:0;
}
div.page-fields form div#page-content dl dd a{
  float:left;
  margin:0 5px 5px 0;
  padding:3px 2px 2px;
  border:1px solid #ccc;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:#fff;
  color:#444;
  text-decoration:none;
}
div.page-fields form div#page-content dl dd.content-builtin a{
  background:#FFC0A3;
}
div.page-fields form div#page-content dl dd a:hover{
  border-color:#999;
  background:#eee;
  color:#000;
}
div.page-fields form div#page-content dl.main{
  float:left;
  width:74%;
}
div.page-fields form div#page-content dl.sidebar{
  float:right;
  width:24%;
}
p.upload-portal_image img{ display:block; border:1px solid #ccc; }
form p span.example{
  font-size:.85em;
  color:#666;
  font-style:italic;
}

div#page-settings, div#add-content{ width:390px; position:absolute; z-index:400; }
div#page-settings h2, div#add-content h2{ font-size:10px; }

#preferences {
  width:370px;
}

#preferences form p{ clear:left; }
#preferences form p label{
  float:left;
  width:7em;
  padding:8px 0 0;
}
#preferences form p.list-select label{ padding-top:3px; }
#preferences form p label.inner-label{
  float:none;
  width:auto;
}
#preferences form p label.radio-group-theme_color{
  float:left;
  margin:0 10px 8px 0;
}
#preferences form p label.radio-group-theme_color span.outer{
  float:left;
  text-indent:-9999px;
  width:1.5em;
  height:1.5em;
  margin:0 0 5px;
  border:1px solid #ccc;
}
#preferences form p label.radio-group-theme_color span span.inner{
  float:left;
  width:100%;
  height:.75em;
  margin-top:.75em;
}
#preferences form p label.radio-group-theme_color input{
  display:block;
  clear:left;
  margin:0 0 0 3px;
}

#preferences form p label.radio-item-theme-default span.outer{ background:#fff; }
#preferences form p label.radio-item-theme-black span.outer{ background:#fff; }
#preferences form p label.radio-item-theme-orange span.outer{ background:#f9eae5; }
#preferences form p label.radio-item-theme-green span.outer{ background:#e3f9d3; }
#preferences form p label.radio-item-theme-blue span.outer{ background:#e7effc; }

#preferences form p label.radio-item-theme-default span span.inner{ background:#696969; }
#preferences form p label.radio-item-theme-black span span.inner{ background:#000; }
#preferences form p label.radio-item-theme-orange span span.inner{ background:#fab693; }
#preferences form p label.radio-item-theme-green span span.inner{ background:#619e36; }
#preferences form p label.radio-item-theme-blue span span.inner{ background:#6a5de9; }

#preferences form p.example {
  font-size:0.8em;
  font-style:italic;
  margin-top:12px;
}



#jump-to{ width:200px; }
#jump-to dl{
  margin:0;
  padding:5px 0 0;
  font-size:1em;
}
#jump-to dl dt{
  color:#666;
  padding-bottom:2px;
  text-decoration:none;
}
#jump-to dl dd{
  font-size:1em;
  margin:3px 0;
  padding:0;
}
#jump-to dl dd a{}

#add-content div.content div.float-wrapper{
  background:#fff url(/images/portal/dotted.png) repeat-y top center;
  overflow:hidden;
}
#add-content dl{
  width:49.5%;
  float:left;
  margin:0;
}
#add-content dl dt{
  font-size:1.2em;
  font-weight:bold;
  color:#999;
  text-align:center;
  margin:0 0 5px;
  padding:0;
}
#add-content dl dd{
  margin:0;
  padding:0;
}
#add-content dl dd a{
  padding:6px 5px 6px 25px;
  margin:0 5px 3px;
  background-color:#fbfbfb;
  border:1px solid #f8f8f8;
  background-position:5px center;
  display:block;
  color:#000; 
  text-decoration:none;
}
#add-content dl dd a.button-user-content-block{ background-image:url(/images/portal/user-content.png); }
#add-content dl dd a.button-builtin-new_ticket-block, #add-content dl dd a.button-builtin-open_tickets-block{ background-image:url(/images/portal/ticket-a.png); }
#add-content dl dd a.button-builtin-view_ticket-block{ background-image:url(/images/portal/ticket-b.png); }
#add-content dl dd a.button-builtin-toggle_ticket-block{ background-image:url(/images/portal/reopen.png); }
#add-content dl dd a.button-builtin-login_logout_form-block{ background-image:url(/images/portal/lock.png); }
#add-content dl dd a.button-builtin-closed_tickets-block{ background-image:url(/images/portal/check.png); }
#add-content dl dd a.button-builtin-it_articles-block{ background-image:url(/images/portal/article.png); }
#add-content dl dd a.button-builtin-open_cc_tickets-block, #add-content dl dd a.button-builtin-closed_cc_tickets-block{ background-image:url(/images/portal/cc-ticket.png); }

#add-content dl dd a:hover{
  background-color:#efefef;
  color:#000!important;
}
#add-content p.button{ clear:left; }


div#admin-bar a.portal-activator{ 
  margin-left:5px; 
  background:transparent url(/images/portal/activate.png) no-repeat left center;
  border:none;
  display:inline-block;
  padding:3px 4px 1px 20px;
  text-decoration:underline;
  color:#444;
}
div#admin-bar a.portal-activator.deactivate {
  background:transparent url(/images/portal/deactivate.png) no-repeat left center;
}

div#new-article-block textarea.wysiwyg{ height:400px; }

/* lightbox effect
**************************************************************************************/
.darkbox, .lightbox{
  left:0;
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  z-index:10000;
}
.darkbox{
  background:#000;
  -moz-opacity:0.4;
  opacity:.40;
  filter:alpha(opacity=40);
}
.lightbox div.content{
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  background:#fff;
  border:1px solid #EA592B;
  font-size:1.3em;
  margin-bottom:auto;
  margin-left:auto;
  margin-right:auto;
  margin-top:100px;
  overflow:hidden;
  padding-bottom:8px;
  text-align:left;
  width:450px;
}
.lightbox div.content > div.inner {
  padding:3px 10px;
}

.lightbox div h1{ 
  -moz-border-radius: 5px 5px 0 0;
  background-color:#EA592B;
  font-size:1.3em;
  margin:0 0 6px 0;
  padding:3px;
  text-align:center;
  font-weight:bold;
  color:#FFF;
  
}
.lightbox div h2{ font-weight:bold; }

.lightbox div.content p.button, .lightbox div.content p.btn {
  margin-bottom:0px;
}


/* CSS from the application
*************************************************************************************/
div.sui-status-message { 
  width:100%;
  padding:20px 0;
}
div.sui-status-message h3 {
  text-align:center;
  position:relative;
  top:40%;
  color:#AAA;
/*  left:-40px;*/
}
div.sui-status-message h3 span {
  color:#AAA;
  font-size:50px;
  font-weight:normal;
}
div.sui-status-message.loading h3 span { 
  background: transparent url(/images/icons/indicators/sheet-loading-circle.gif) left no-repeat;
  padding-left:40px;
  position:relative;
}


/* @Calendar
************************************************************************************************/
/* Styles for calendar popup
***************************************************************************/
div.calendar{
  z-index:501; /* right above the quick form and lightbox */
  position:relative;
  display:none;
  border:2px solid #888;
  font-size:12px;
  color:#564B47;
  cursor:default;
  background:#fff;
}
div.calendar table{
  font-size:11px;
  cursor:default;
}
/* Header part -- contains navigation buttons and day names. */
div.calendar .button{ /* "<<", "<", ">", ">>" buttons have this class */
  text-align:center;
  padding:1px;
  background:#CBD9E6 url(/images/layout/gradients/blue_to_gray_calendar.png) repeat-x;
}
div.calendar .headrow td{ background:#EFEFEF; }
div.calendar .headrow .nav{ background:#EFEFEF url(/images/icons/calendar_arrow.gif) no-repeat 100% 100%; }
div.calendar .headrow td{ border-bottom:1px solid #CCC; }
div.calendar thead .title{ /* This holds the current "month, year" */
  font-weight:bold;
  padding:1px;
  text-align:center;
  line-height:17px;
  background:#CBD9E6 url(/images/layout/gradients/blue_to_gray_calendar.png) repeat-x;
}
div.calendar thead .name{ /* Cells <TD> containing the day names */
  padding:4px 2px;
  text-align:center;
  font-size:10px;
  background:#fff;
}
div.calendar thead .weekend{ font-style:italic; /* How a weekend day name shows in header */  }
div.calendar td.button.hilite{ background:#A8BFD5; /* how it looks when hovered over */ }
div.calendar .daynames .hilite, .calendar .headrow td.button.hilite{ background:#DDD; }
div.calendar .headrow td.nav.hilite{ background:#DDD url(/images/icons/calendar_arrow.gif) no-repeat 100% 100%; }
div.calendar thead .active{ /* Active (pressed) buttons in header */
  padding:2px 0px 0px 2px;
  background-color:#ccc;
}
/* The body part -- contains all the days in month. */
div.calendar tbody .day{ /* Cells <TD> containing month days dates */
  width:2em;
  text-align:right;
  padding:4px 4px 4px 2px;
}
div.calendar tbody .day.othermonth{
  font-size:10px;
  color:#aaa;
}
div.calendar tbody .day.othermonth.oweekend{ font-style:italic; }
div.calendar table .wn{
  padding:2px 3px 2px 2px;
  background:#fff;
}
div.calendar tbody .rowhilite td{ background:#FFE1D4 url(/images/layout/gradients/orange_bar_calendar.png) repeat-x; }
div.calendar tbody .rowhilite td.wn{ background:#ebebeb; }
div.calendar tbody td.hilite{ /* Hovered cells <TD> */
  background:#fe5200;
  color:#fff;
}
div.calendar tbody td.active{ /* Active (pressed) cells <TD> */
  padding:2px 2px 0px 2px;
  border-color:#333 #fff #fff #333;
}
div.calendar tbody td.selected{ /* Cell showing selected date */
  font-weight:bold;
  padding:2px 2px 0px 2px;
  color:#fff;
  background:#fe5200;
}
div.calendar tbody td.weekend{ font-style:italic; /* Cells showing weekend days */ }
div.calendar tbody td.today{ /* Cell showing today date */
  padding:2px;
  padding-left:0;
  border:2px solid #fe5200;
}
div.calendar tbody .disabled{ color:#999; }
div.calendar tbody .emptycell{ visibility:hidden; /* Empty cells (the best is to hide them) */ }
div.calendar tbody .emptyrow{ display:none; /* Empty row (some months need less than 6 rows) */ }
/* The footer part -- status bar and "Close" button */
div.calendar tfoot .footrow{ background:#EFEFEF; /* The <TR> in footer (only one right now) */ }
div.calendar tfoot .ttip{ /* Tooltip (status bar) cell <TD> */
  padding:1px;
  text-align:center;
  border-top:#CCC 1px solid;
}
div.calendar tfoot .hilite{ /* Hover style for buttons in footer */
  padding:1px;
  background:#ebebeb;
}
div.calendar tfoot .active{ padding:2px 0px 0px 2px; /* Active (pressed) style for buttons in footer */ }
div.calendar .combo{
  /* Combo boxes (menus that display months/years for direct selection) */
  position:absolute;
  display:none;
  width:4em;
  top:0px;
  left:0px;
  cursor:default;
  background:#ebebeb;
  font-size:90%;
  padding:1px;
  z-index:100;
}
div.calendar .combo .label,
div.calendar .combo .label-IEfix{
  text-align:center;
  padding:1px;
}
div.calendar .combo .label-IEfix{ width:4em; }
div.calendar .combo .active{
  background:#ccc;
  padding:0px;
}
div.calendar .combo .hilite{
  background:#564B47;
  color:#fff;
}
div.calendar td.time{
  padding:1px 0px;
  text-align:center;
  background-color:#ebebeb;
}
div.calendar td.time .hour,
div.calendar td.time .minute,
div.calendar td.time .ampm{
  padding:0px 3px 0px 4px;
  font-weight:bold;
  background-color:#fff;
}
div.calendar td.time .ampm{ text-align:center; }
div.calendar td.time .colon{
  padding:0px 2px 0px 3px;
  font-weight:bold;
}
div.calendar td.time span.hilite{
  border-color:#333;
  background-color:#564B47;
  color:#fff;
}
div.calendar td.time span.active{
  border-color:#f00;
  background-color:#333;
  color:#0f0;
}
a.calendar_trigger img{
  border:0;
  position:relative;
  top:4px;
  margin:-4px 0 0 2px;
}

/* Simple menu 
**************************************************************************************************/
div.simple-menu div.header{
  background:#ffffe0;
  color:#444;
  text-align:right;
  border-bottom:1px solid #CCC;
  font-size:1.2em;
  font-weight:normal;
  margin:0;
  padding:2px;
  height:20px;
}
div.simple-menu h2 a{ color:#444; text-decoration:none; }

div.simple-menu form {
  margin:0;
}
div.simple-menu div.content {
  padding:5px;
}
div.simple-menu div.content form p{
  clear:left;
}
div.simple-menu div.content form p label{
  float:left;
  width:5em;
  padding-top:3px;
}
div.simple-menu div.content p.button{ 
  border-top:1px solid #CCC;
  padding:5px 0 1px 0!important;
  margin-bottom:0; 
  margin-top:10px!important; 
}

div.simple-menu {
  position:absolute;
  display:block;
  background:transparent url(/images/layout/shadowAlpha.png) no-repeat bottom right;
  width:auto;
  padding:0 7px 7px 0;
  text-align:left;
}

div.simple-menu > div.simple-menu-content {
  background-color:#FFF;
  border-left:1px solid #CCC;
  border-top:1px solid #CCC;
}

div.simple-menu ul.menu{
  border:1px solid #969696;
  border-right:0;
  border-bottom:0;
  background:#fff;
  margin:0;
  font-size:13px;
  padding:0;
  list-style:none;
  font-size:1em;
}
div.simple-menu ul.menu li{
  display:inline;
  padding:0;
  margin:0;
}
div.simple-menu ul.menu li a{
  padding:4px 5px;
  text-decoration:none;
  display:block;
  margin:0;
  cursor:pointer;
}
div.simple-menu ul.menu li span.separator{
  display:block;
  border-top:1px solid #ccc;
  height:1px;
  margin:2px 0 1px;
}
div.simple-menu ul.menu li a:hover{ 
  background-color:#ebebeb;
  text-decoration:none!important;
}
div.simple-menu.tab-more-menu ul li.active a {
  font-weight:bold;
}