body {
  font-family:"Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, lucida, sans-serif;
  font-size:x-small;
  margin:0;
  padding:0;
}

a {
  color: #03f;
}
a:hover {
  color: #d00;
}
a img {
  border:none;
}
a.logout {
  padding:2px 20px 2px 0px;
  background: transparent url('/shared/icons/logout.png') no-repeat right center;
}

pre {
  font-family:'Lucida Console', monospace;
  font-size:1em;
  line-height:1.2em;
  color: #333;
}

table {
  padding:0;
  margin:10px 0;
  border:solid 1px #aaa;
  border-collapse:collapse;
  width:100%;
}

table.noborder, table.noborder td {
  border:none;
}

th {
  margin:0;
  padding:10px;
  text-decoration:none;
  color:#fff;
  background-color:#555;
  font-weight:bold;
  border:solid 1px #555;
  white-space:nowrap;
}

td {
  margin:0;
  padding:4px;
  vertical-align:top;
  text-align:left;
  border:solid 1px #bbb;
  font-size:x-small;
}
td.highlight {
  margin:0;
  padding:5px;
  text-decoration:none;
  color:#fff;
  background-color:#555;
  font-weight:bold;
  white-space:nowrap;
}
td.gray {
  background-color:#eee;
}
td.empty {
  text-align:center;
  font-weight:bold;
  padding:100px 4px;
  background-color:#eee;
}

hr.separator {
  margin:10px 0 20px 0;
  background: #fff url(/shared/images/leftLine.gif) no-repeat center bottom;
  height: 1px;
  border: 0 none;
  width: 300px;
}

hr.thick {
  margin:5px 0;
  padding:0;
  height:20px;
  color:#f90;
  background-color:#f90;
  border:none;
}

select {
  color:#000;
  border:1px solid #bbb;
  background-color:#fea;
  font-size:12px;
  padding:2px 4px;
}

textarea, input {
  border:1px solid #bbb;
  background-color:#fea;
  font-size:12px;
  padding:4px;
}

input.radio {
  border:none;
}

input.button {
   border-top:1px solid #ccc;
   border-left:1px solid #ccc;
   border-bottom:1px solid #999;
   border-right:1px solid #999;
   background-color:#ccc;
   padding:10px 15px;
   margin:0 5px 0 0;
}
input.button:hover {
   border-top:1px solid #f2c465;
   border-left:1px solid #f2c465;
   border-bottom:1px solid #b57c33;
   border-right:1px solid #b57c33;
   background-color:#fea;
}

input.file {
   border:none;
   background-color:#fea;
}

label {
  cursor: pointer;
}

#topmenu {
  color:#fff;
  background-color:#000;
  font-size:x-small;
  text-align:right;
  padding:10px 20px;
}

#topmenu h1 {
  display:inline;
  font-size:small;
}

#topmenu a {
  color: #f90;
  font-weight:bold;
}

#topmenu img {
  vertical-align:middle;
}

#topmenu a:hover {
  color: #d00;
}

#pdmenu {
  padding:10px 20px;
  color: #000;
  background-color:#f90;
  font-size:x-small;
}
#pdmenu ul {
  margin: 0;
  padding:0;
  list-style-type: none;
}
#pdmenu li  {
  width:180px;
  margin: 0 -1px 0 0;
  padding: 0;
  border:1px solid #000;
  text-decoration:none;
  background-color:#fff;
  float:left;
}
#pdmenu a {
  text-decoration: none;
  display: block;
  color: #000;
  background-color:#fea;
  padding: 5px;
}
#pdmenu a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #d00;
  font-weight:bold;
}
#pdmenu li ul {
  display: none;
}
#pdmenu li:hover ul {
  visibility: visible;
  display: block;
  position:absolute;
  z-index:1;
  width:180px;
  padding: 0;
  margin: 0 0 0 -1px;
  border:1px solid #999;
  border-top:1px solid #000;
}
#pdmenu li li {
  border: none;
}
#pdmenu li li a {
  padding: 4px 4px 4px 10px;
  background-color: #fff;
}
#pdmenu .delim {
  float:left;
  background:none;
  border:none;
  width:auto;
  font-weight:bold;
}
#pdmenu div.delim {
  padding:5px 7px 5px 0px;
}
#pdmenu li.delim {
  padding:5px 7px;
}
#pdmenu .nonselected {
  background-color: #fff;
}

#page {
  padding:10px;
}

#buffer {
  color:#fff;
  background-color:#f00;
  font-size:xx-small;
  font-weight:bold;
  text-align:left;
  padding:10px;
}

#comment {
  color:#999;
  font-size:xx-small;
  font-weight:normal;
  text-align:center;
  padding:5px;
}

.floatleft {
  float:left;
}

.cleaner {
  clear:both;
  font-size:0;
  width:1px;
  height:1px;
}

.command {
  padding:5px;
}
.command a.selected, .command a.selected:hover {
  text-decoration:none;
  font-size:small;
  font-weight:bold;
}

.error {
  color:#f00;
  font-size:small;
  font-weight:bold;
  text-align:left;
  padding:2px 0 2px 20px;
  background: transparent url('/shared/icons/action_stop.gif') no-repeat left center;
}

.success {
  color:#693;
  font-size:small;
  font-weight:bold;
  text-align:left;
  padding:2px 0 2px 20px;
  background: transparent url('/shared/icons/icon_accept.gif') no-repeat left center;
}

.warning {
  color:#f90;
  font-size:small;
  font-weight:bold;
  text-align:left;
  padding:2px 0 2px 20px;
  background: transparent url('/shared/icons/icon_alert.gif') no-repeat left center;
}
form .warning {
  color:#f00;
  font-size:xx-small;
  font-weight:normal;
}

.note {
  color:#999;
  font-size:small;
  font-weight:bold;
  text-align:left;
  padding:2px 0 2px 20px;
  background: transparent url('/shared/icons/icon_info.gif') no-repeat left center;
}
form .note {
  color:#000;
  font-size:xx-small;
  font-weight:normal;
}

.notebig {
  color:#555;
  font-size:small;
  font-weight:bold;
  text-align:left;
  padding:2px 0 2px 20px;
  background: transparent url('/shared/icons/icon_info.gif') no-repeat left center;
}

.colorize {
  color:#fff;
  line-height:3.5em;
  text-align:center;
  background-color:#777;
  font-weight:bold;
  font-size:1.2em;
  padding:0 1em;
  white-space:nowrap;
}

.strongize {
  color:#000;
  line-height:3.5em;
  text-align:center;
  background-color:#fea;
  font-weight:bold;
  font-size:1.2em;
  padding:0 1em;
  white-space:nowrap;
}

.strongize2 {
  color:#000;
  line-height:3.5em;
  text-align:left;
  font-weight:bold;
  font-size:1.2em;
  padding:0 1em;
  white-space:nowrap;
}

.email {
  display: inline-block;
  color:#000;
  line-height:3.5em;
  text-align:left;
  font-weight:bold;
  font-size:1.2em;
  padding:0 1em;
  white-space:nowrap;
}
.tooltip, .tooltip:link, .tooltip:visited {
  position:relative;
}

.tooltip span {
  display:none;
  position:absolute;
  top:2px;
  left:2px;
  padding:10px 20px;
  color:#000000;
  background-color:#ffffaa;
  text-align:left;
  white-space:nowrap;
  border:solid 1px black;
  z-index:1000;
  line-height:1.2em;
}
.tooltip:active span, .tooltip:hover span {
  display:inline;
}

.tooltip span ul {
  padding-left:20px;
}
div.loginouter {
   margin:50px auto;
   text-align:center;
   width:300px;
   padding:0 20px;
   border:1px solid #999;
}

div.loginouter div.head {
  position:relative;
  top:-13px;
   font-size:1.2em;
   font-weight:bold;
   text-transform:uppercase;
   border:1px solid #999;
   color:#fff;
   background-color:#1234ff;
   padding:5px;
   margin:0 0 1px 0;
}

em {
  font-style:normal;
  font-size:1.2em;
  font-weight:bold;
}

span.unentered {
  display:block;
  text-align:center;
  font-size:1.2em;
  font-weight:bold;
  color: #999;
}

span.time {
  font-family: "Lucida Console", Courier, monospace;
  display:block;
  text-align:center;
  color: #444;
}

span.date {
  display:block;
  text-align:center;
  font-size:1.2em;
  font-weight:bold;
  color: #444;
  line-height:3.5em;
}

span.day {
  font-size:1.1em;
}

span.month {
  font-weight:normal;
}

span.year {
  font-size:0.9em;
}


span.timestamp {
  display:block;
  text-align:center;
  font-size:1.1em;
  color: #444;
  line-height:3.5em;
}

span.timestamp > span.date,
span.timestamp > span.time {
  display:inline;
  text-align:left;
  padding:0;
}


/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* the input field */
input.date {
        border:1px solid #ccc;
        text-align:center;
        width:194px;            
        -moz-box-shadow:0 0 10px #eee inset;
}

/* calendar root element */
#calroot {
        margin-top:-1px;
        width:198px;
        padding:2px;
        background-color:#fff;
        font-size:11px;
        border:1px solid #ccc;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        -moz-box-shadow: 0 0 15px #666;
        -webkit-box-shadow: 0 0 15px #666;      
}

/* 03f head. contains title, prev/next month controls and possible month/year selectors */
#calhead {      
        padding:2px 0;
        height:22px;
} 

#caltitle {
        font-size:14px;
        color:#03f;  
        float:left;
        text-align:center;
        width:155px;
        line-height:20px;
        text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
        display:block;
        width:20px;
        height:20px;
        background:transparent url(/shared/icons/arrow_left.gif) no-repeat scroll center center;
        float:left;
        cursor:pointer;
}

#calnext {
        background-image:url(/shared/icons/arrow_right.gif);
        float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
        visibility:hidden;      
}

/* year/month selector */
#caltitle select {
        font-size:10px; 
}

/* names of the days */
#caldays {
        height:14px;
        border-bottom:1px solid #ddd;
}

#caldays span {
        display:block;
        float:left;
        width:28px;
        text-align:center;
}

/* container for weeks */
#calweeks {
        background-color:#fff;
        margin-top:4px;
}

/* single week */
.calweek {
        clear:left;
        height:22px;
}

/* single day */
.calweek a {
        display:block;
        float:left;
        width:27px;
        height:20px;
        text-decoration:none;
        font-size:11px;
        margin-left:1px;
        text-align:center;
        line-height:20px;
        color:#666;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;              
} 

/* different states */
.calweek a:hover, .calfocus {
        background-color:#ddd;
}

/* sunday */
a.calsun {
        color:red;              
}

/* offmonth day */
a.caloff {
        color:#ccc;             
}

a.caloff:hover {
        background-color:rgb(245, 245, 250);            
}


/* unselecteble day */
a.caldisabled {
        background-color:#efefef !important;
        color:#ccc      !important;
        cursor:default;
}

/* current day */
#calcurrent {
        background-color:#03f;
        color:#fff;
}

/* today */
#caltoday {
        background-color:#333;
        color:#fff;
}

/* CodeMirror editor */
.CodeMirror-wrapping {
  border:1px solid #bbb;
}

.CodeMirror-line-numbers {
  width: 2.2em;
  color: #aaa;
  background-color: #eee;
  text-align: right;
  padding: .4em;
  margin: 0;
  font-family: monospace;
  font-size: 10pt;
}

.showhide {
  display: none;
}

/*iframe*/
#upload_frame {
	border:0px;
	height:40px;
	width:400px;
	display:none;
  margin: 10px 0 25px 0;
}

#progress_container {
	width: 382px; 
	height: 30px; 
	border: 1px solid #aaa; 
	background-color:#ebebeb;
	display: block; 
	margin:5px 0px -15px 0px;
}

#progress_bar {
	position: relative; 
	height: 30px; 
	background-color: #f90; 
	width: 0%; 
	z-index:10; 
}

#progress_completed {
	font-size:16px; 
  font-weight: bold;
	z-index:40; 
	line-height:30px; 
	padding-left:4px; 
	color:#000;
  margin: 0 auto;
}