/******* Misc top-level styles ******/
#maincontent2 {margin:0 auto; width:810px;padding:10px 10px;background-color: white;}
#container {position:relative; height:600px;width:665px;background: url('../times3.png');float:left;-moz-user-select:none;-webkit-user-select:none;}

input{margin:3px 0px;}
input[type=checkbox],input[type=radio] {margin-right:5px;}
#legend, form[name=calify] {display:none}
#containerinfo {
  display: none;
  position:absolute; 
  right: 0; 
  color:white; 
  background: #82020D;
  padding:6px 10px;
  -moz-border-radius-bottomleft: 15px;
  -webkit-border-bottom-left-radius: 15px;}




/********** Schedule styles *********/
.block {
    float: left;
    width:82px;
    padding:5px;
    background-color: #D9E0FF;
    margin:-1px;
    position: absolute;
    text-align: center;
    cursor:default;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
}
.block p, .block h2, .block h4, .block input, .block hr {
    display: none;
}
.alternate{
    background:none;z-index:-1;
}
.alternate h3, .alternate h5, .alternate h6, .alternate p {
    display: none;
}
.alternateactive {
    width:80px;
    border:1px dashed #999;
    z-index:5000;
}
.col {
    width: 90px; 
    height: 600px;
    float: left; 
    border: 0px solid #888; 
    margin-right: 10px;
}
.saturday{
    width:50px;
}
.time{
    margin-right:20px;
    font: 197% georgia;
    text-align: right;
    width:85px;
}
.tick {
    height:60px;
    margin:0px;
    padding-right:5px;
    width: 83px;
    display: block;
}



/********** Sidebar styles **********/
#sidebar {float:left;margin-left:5px;}
.subpanel {padding: 10px; background-color: #FBFBFB;width:116px;margin-top:5px;}

.credits {height:64px; margin-top: 0px;}
.credits h1 {text-align: center;font-size: 297%;}

.state input[type=text] {width:100px; }
.state label {display: block;}

#cal {display:block;margin:0 auto;background-image: url("../images/ical.jpg");background-position: bottom left;width:64px;height:64px;}
#cal:hover {background-position:top left;}

.trash, .subpanel p {color:#888;}
.trash {border: 2px solid #fff; padding-top: 5px;width:98px; height:50px; background: none;margin: 0 auto;text-align:center;}
.trashActive {border: 2px dashed #999;}
.trashHover {border: 2px dashed #000;}



/********** Console styles **********/
#console {
    width:770px;
    padding:10px 20px;
    text-align: right;
    position: relative;
    overflow: visible;
}
#console p {
    padding-top:3px;
    text-align:left;
    float:left;
    font-size:92.6%;
    font-weight:bold;
}
#console p .console-error {
    color:red;
    font-size:16px;
}

#console_menu {
    position:absolute;
    right: 0px;
    margin-right: 5px;
}

#console_menu a { text-decoration: none; }
#console_menu a:hover { text-decoration: underline; }
#console_menu > a, #console_menu > a:visited{ margin-left:5px; color: white; }
#console_menu > a:after{ content: " \25BC"; font-size:85%;}
#console_menu ul a, #console_menu ul a:visited { color: black; }

#console_menu ul {
    position:absolute;
    right:0px;
    top:21px;
    background: white;
    color: black;
    text-align: left;
    float:right;
    -moz-box-shadow: 1px 1px 4px #888;
    -webkit-box-shadow: 1px 1px 4px #888;
    padding: 5px 12px 10px 12px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    width:100%;
    z-index:100;
}

#console_menu #console_menu_actions_dropdown {
    margin-right:68px;
}

#console_menu_actions_share td.first {
   width: 200px;
   max-width:230px;
   overflow: hidden;
}
 
#console_menu_actions_share { 
   position:absolute;
   right:0px;
   top:21px;
   background: white;
   color: black;
   text-align: left;
   float:right;
   -moz-box-shadow: 1px 1px 4px #888;
   -webkit-box-shadow: 1px 1px 4px #888;
   padding: 5px 12px 10px 12px;
   -moz-border-radius-bottomright: 5px;
   -moz-border-radius-bottomleft: 5px;
   -webkit-border-bottom-right-radius: 5px;
   -webkit-border-bottom-left-radius: 5px;
   width:200px;
   z-index:100;
   margin-right:68px;
   padding-top:10px;
}

#console_menu_actions_addevent {
  position:absolute;
  right:0px;
  top:21px;
  background: white;
  color: black;
  text-align: left;
  float:right;
  -moz-box-shadow: 1px 1px 4px #888;
  -webkit-box-shadow: 1px 1px 4px #888;
  padding: 5px 12px 10px 12px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  z-index:100;
  margin-right:68px;
  padding-top:10px;
  width:180px;
}

/********** Description styles ******/
.description {
    display:none;
    position:absolute;/* want fixed but broken in jquery ui 1.7*/
    top:155px;
    left: 20%;
    width: 200px;
    height:300px;
    padding: 10px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    opacity:.9;
    color:white;
    background-color: black;
    border: 1px solid #333;
    overflow:hidden;
    z-index:2;
}
.description p {
    margin-top:5px;
}
.desc_content {
    height: 100%;
    overflow:auto;
}
.description .ui-resizable-handle.ui-resizable-se {
    position:absolute;
    bottom:0;
    right:0;
    height:10px;
    width:10px;
    background:#222;
}