/* dotPROJECT REQUIRED CLASSES */
body {
  background-color: #fff;
  margin:0px;
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  font-size: 10pt;
  padding: 0px 0px 0px 0px;
}

#popover { background-color:#F0F0F0; }

em {
  font-weight: bold;
  text-decoration: none;
  font-style: normal;
}

a:link {
  color: #08245b;
  text-decoration: none;
}

a:visited {
  color: #08245b;
  text-decoration: none;
}

a:active {
  color: red;
  text-decoration: none;
}

a:hover {
  color: #000000;
  text-decoration: underline;
}

pre {
  padding:15px;
  border: 1px solid #DDD;
  background-color: #f0f0f0;
}

td {
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  font-size: 8pt;
}

tr {
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  font-size: 8pt;
}

h1, .title {
  font-size: 16px;
  font-weight: bold;
  font-family: Verdana,Sans-Serif;
  color: #08245b;
  margin-bottom: 0px;
  margin-top: 5px;
}

h2, .subtitle {
  font-size: 12px;
  font-weight: bold;
  font-family: Verdana,Sans-Serif;
  color: #666;
  margin-bottom: 0px;
  margin-top: 15px;
}

h3 {
  font-size: 12px;
  font-weight: bold;
  font-family: Verdana,Sans-Serif;
  color: #08245b;
  margin-bottom: 0px;
  margin-top: 35px;
}

#portal-header {
  border: 1px solid #777;
  border-bottom: 0px;
  background-color: #a5cbf7;
}
#top-header {
  
    height: 2.5em;
    line-height: 2.5em;
    position:relative;
    font-weight:bold;
    width:100%;
    min-wdith: 825px;;
    background-image: linear-gradient(0deg, #00B1FF, #66E2FF);}

#portal-header-logo {
  
    vertical-align:middle;
    height:40px;
    width:40px;
    padding:0px 2px 5px 0px;
    margin: -8px -5px -8px -8px;
    border:0px;}

#portal-title {
  font-size: 0.8em;
  display:inline;
  position:absolute;
  top:0px;
  left:0px;
  color:#FFF;
  padding-left:4px;
  font-weight:bolder;
}

#logged-info {
  font-size: 0.8em;
  float:right;
  position:relative;
  margin-right:4px;
}

/* Main Module Navigation Menu */
#nav-menu {
  float:left;
  font-size: 0.8em;
  white-space: nowrap;
  background-image:url('../../themes/default_theme/images/nav-menu-bar.jpg');
  position:relative;
  width:99.9%;
  min-width:825px;;
  height: 1.75em;
  border: 0px;
  margin: 0px;
  padding: 0px 0px 1px 0px;
  border-top: 0px solid #999;
  border-left: 1px solid #E5E5E5;
  border-bottom: 1px solid #D0D0D0;
}

#nav-menu ul {
  white-space: nowrap;
  list-style: none;
  padding: 0;
  margin: 0;
  width:100%;
}

#nav-menu li {
  display: inline;
}

#nav-menu li a {
  background-image:url('../../themes/default_theme/images/nav-menu-bar.jpg');
  height: 1.75em;
  line-height: 1.75em;
  float: left;
  padding: 0em 0.4em;
  display: block;
  border: 1px solid #BBB;
  border-top: 0px;
  border-left:0px;
  border-bottom: 1px solid #D0D0D0;
  color: #0d2474;
  text-decoration: none;
  text-align: center;
}

#nav-menu li.on a, #nav-menu li.on a:hover {
  background-image:url('../../themes/default_theme/images/blank.gif');
  border: 1px solid #E5E5E5;
  border-top: 2px solid orange;
  border-left: 1px solid #999;
  border-bottom: 0px solid #FFF;
  font-weight:bold;
}

#nav-menu li a:hover {
  background-image:url('../../themes/default_theme/images/nav-menu-bar_on.jpg');
  background-repeat: repeat;
  border-top: 2px solid orange;
  border-bottom: 0px solid #FFF;
  border-left: 1px solid #999;
  border-right: 0px;
}

#nav-menu li.first a, #nav-menu li.first a:hover {
  margin-left: 0px;
}

.boldlink {
  font-size:0.9em;
  font-weight:bold;
  margin:5px;
}

.nowrap {
  white-space: nowrap;
}

.right {
  text-align: right;
}

.nowrap-line {
  border: 0px solid #FFF;
  height:0px;
  width:100%;
  padding:0px;
  margin:0px;
  display:block;
  clear:both;
}

#module-menu {
  display:inline;
  float:left;
  position: relative;
  top: 0px;
  left: 0px;
}

#account-menu {
  display:inline;
  float:right;
  position: relative;
  top: 0px;
  right:0px;
}

#module-header {
  min-width: 825px;;
  width: 99%;
  padding:5px 0px;
  margin: 0;
  float: left;
}

#module-header ul {
  padding:0px;
  margin:0px;
}

#module-header li  {
  margin: 0px;
  border: 0px;
  list-style: none;
}

#module-icon {
  width: 38px;
  height: 38px;
  margin-right:10px;
  float: left;
}

#module-icon img {
  height: 38px;
  width: 38px;
  border: 0px;
}

#module-title  {
  white-space: nowrap;
  float: left;
}

#module-right-crumbs {
  float:right;
}

.right-crumb {
  white-space: nowrap;
  padding: 0em 0.8em;
  float: right;
  font-weight:bold;
  font-size: 0.8em;
}

.left-crumb {
  white-space: nowrap;
  padding: 0.5em 0em;
  font-weight:bold;
  font-size: 0.8em;
}

#module-crumbs {
  white-space: nowrap;
  margin: 0px;
  padding: 0px 0.3em;
  width:99%;
  font-weight:bold;
}

#module-crumbs ul {
  padding:0px;
  margin:0px;
}

#module-crumbs li  {
  margin: 0px;
  border: 0px;
  list-style: none;
}

#module-crumbs-right {
  float:right;
}

#module-crumbs-right a {
  padding-left:8px;
}

#module-crumbs-left {
  float:left;
  font-size: 0.8em;
}

.footer {
  font-size:0.75em;
  color: #888;
  width:100%;
  text-align:center;
}

.footer a {
  color: #888;
}

#render-time {
  font-size: 0.8em;
  color: #FFF;
}
.nostyle {
  display:none;
}
.visible {
  width: 98%;
  background-color:#CCC;
  border-width: 0px;
  height:1px;
}

.icon {
  vertical-align:middle;
  border:0px;
  margin-bottom:0.25em;
}

.grey {
  background-color:#CCCCCC;
}

.rounddiv {
  border:1px solid #CCC;
  margin: 3px;
  padding: 3px;
  width:100%;
  background:#FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.darker {
  background-color: #F0F0F0;
}

ul.sortlist {
  list-style-type:none;
  padding-left:0px;
  margin-left:0px;
  font-size:90%;
  width:99%;
}

.sortlist a {
  font-weight: bold;
}

.wizard-block {
  width: 98%;
  border: 1px solid #CCC;
  background-color: #F0F0F0;
  margin: 10px;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.wizard-block p {
  position:relative;
  left:-40px;
}

.wizard-left {
  float:left;
}

.infosection {
  background: #FBF9EE;
  margin:0px;
  text-align:left;
  border:1px solid #C0C0C0;
  padding:10px;
 }

.option-tab-show {
  background-image:url('../../images/option_tab_show.gif');
  background-repeat: no-repeat;
  cursor:pointer;
  height:160px;
  width:25px;
  border:0px;
  margin:0px;
  padding:0px;
}

.option-tab-hide {
  background-image:url('../../images/option_tab_hide.gif');
  background-repeat: no-repeat;
  cursor:pointer;
  height:160px;
  width:25px;
  border:0px;
  margin:0px;
  padding:0px;
}

.sub-tab-box { margin:10px 0px; }

.bordertable{
 border: 1px black solid;
}

.button{
  border: 1px black solid;
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  font-size: 8pt;
  /*width: 100px; too small for some translations*/
}

input[type="checkbox"], input[type="radio"] {
  background: transparent;
  border: 0;
}

input[type="password"] {
  background-color: #FFF;
  z-index: 999;
}

.text{
  border: 1px solid #999999;
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  font-size: 9pt;
  color: #000000;
}

textarea {
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  font-size: 9pt;
}

.textarea {
  font-family: Arial,Verdana,Helvetica,Sans-Serif;
  font-size: 9pt;
}

textarea.small {
  border: 1px #999999 solid;
  font-family: Arial,Verdana,Helvetica,Arial,Sans-Serif;
  font-size: 8pt;
}

/* dotProject Top Banner and Top Nav Customization */
TH.banner {
  background-color: #08245b;
  color: #ffffff
}

td.nav {
  /* border: 1px solid #848284; old attempt went with top and bottom */
  border-top: 1px solid #848284;
  border-bottom: 1px solid #848284;
  background-color: #d0d0d0;
  color: #000000
}

th.blockheader {
  background-color: #f0f0f0;
  font-size: 1.2em;
}

td.weekDay  {
  height:120px;
  vertical-align: top;
  padding: 1px 1px 1px 1px;
  border-bottom: 1px solid #666666;
  border-right: 1px solid  #666666;
  text-align: left;
}

td.todaycell {
  background-color:#a5cbf7;
}

td.stddaycell {
  background-color:#d0d0d0;
}

.hiddenevent, .hiddenevent b, .hiddenevent span.event{ color:#CC1100; }

.daytag {
  vertical-align: top;
  padding: 1px 1px 1px 1px;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-bottom: 2px solid #666666;
  border-right: 2px solid  #666666;
  background-color: #ffffff;
}

div.frame {
  background: #fff;
  padding: 0.5em;
  border-width: 1px 2px 2px 1px;
  border-style: solid;
  border-top-color: #DDD;
  border-left-color: #DDD;
  border-bottom-color: #777;
  border-right-color: #777;

}

/*
**********************************
Begin IE TD buttonizing
**********************************
*/

td.clsBtnUp {
  cursor: pointer;
  color: #FFFFFF;
  padding: 0px 3px;
  border: inset 2px;
}

td.clsBtnDown {
  cursor: pointer;
  color: #FFFFFF;
  padding: 0px 3px;
  border: inset 2px;
}

td.clsBtnOn {
  cursor: pointer;
  color: #FFFFFF;
  padding: 0px 3px;
  border: outset #eeeeee 2px;
}

td.clsBtnOff {
  color: #FFFFFF;
  padding: 0px 3px;
  border: solid #559999 2px;
}

td.topBtnOff {
  color: #FFFFFF;
  padding: 0px 3px;
  border: solid #cccccc 2px;
}

td.nav {
  color: #FFFFFF;
}

/* Standard table 'spreadsheet' style */
table.tbl {
  background: #cccccc;
}

table.tbl TH {
  background-color: #d0d0d0;
  color: #08245b;
  font-size: 8pt;
  font-family: Arial,Verdana,Helvetica;
  white-space:nowrap;
  list-style-type: disc;
  list-style-position: inside;
  border: outset #D1D1CD 1px;
  font-weight: normal;
}

table.tbl TH a:link,
table.tbl TH a:visited {
  color: #08245b;
}

table.tbl TH a:hover {
  text-decoration: underline;
}

table.tbl td { background-color: #ffffff; }
table.tbl td.ltrowcolor { background-color: #ffffff; }
table.tbl td.dkrowcolor { background-color: #f0ffff; }
table.tbl td.dark { background-color: #d0d0d0; }

table.tbl1 { background: #ffffff; }

table.tbl2 { background: #c0c0c0; }

table.tbl2 TH {
  background-color: #d0d0d0;
  font-size: 8pt;
  font-family: Arial,Verdana,Helvetica;
  white-space:nowrap;
  list-style-type: disc;
  list-style-position: inside;
  font-weight: normal;
}

table.tbl2 td { background-color: #ffffff; }
table.tbl2 td.ltrowcolor { background-color: #ffffff; }
table.tbl2 td.dkrowcolor { background-color: #f0f0f0; }
table.tbl2 td.dark { background-color: #d0d0d0; }

tr.titlebar td { font-weight:bolder;background-color:#F0F0F0;border:1px solid #000;border-width:1px 1px 1px 0px;text-align:center; }
a.titlebar     { font-weight:bold; }
tr.inactive td { font-weight:normal;background-color:#F0F0F0;border:1px solid #999999;border-width:0px 1px 1px 0px;  }
tr.active   td { font:weight:bolder;background-color:#F4EFE3;border:1px solid #999999;border-width:0px 0px 1px 0px;  }

/* a 'standard' table */
table.std {
  border: solid #08245b 1px;
  background: #d6ebff;
}
table.std TH {
  background-color: #08245b;
  color: white;
  list-style-type: disc;
  list-style-position: inside;
  border: outset #D1D1CD 1px;
}

table.std td.hilite {
  background-color: #ffffff;
}

/* contacts table */
table.contacts {
  background-color: #878676;
}

table.contacts td {
  background-color: #f4efe3;
}

table.contacts td.hilite {
  background-color: #ffffff;
}

table.threesides {
  border-left:2px solid #C0C0C0;
  border-bottom:1px solid black;
  border-right:1px solid black;
  background-color:#FFFFFF;
}

/* links in header blocks */
a.hdr:link, a.hdr:active, a.hdr:visited {
  color: #ffffff;
}

/* tabbed boxes */
td.tabon {
  background: #a5cbf7;
  background: #d0d0d0;
  border-top: outset #ffffff 2px;
  border-left: outset #ffffff 2px;
  border-right: outset #cccccc 2px;
  border-bottom: none;
}
td.taboff {
  background: #d6ebff;
  background: #d0d0d0;
  border-top: solid #cccccc 1px;
  border-left: solid #cccccc 1px;
  border-right: solid #cccccc 1px;
  border-bottom: solid #cccccc 2px;
}
td.tabsp {
  border-bottom: solid #cccccc 2px;
}
td.tabox {
  background-color: #a5cbf7;
  background: #d0d0d0;
  border-left: solid #cccccc 2px;
  border-right: solid #cccccc 2px;
  border-bottom: solid #cccccc 2px;
}

/* Message styles */
.warning {
  color: red;
}
.error {
  color: red;
}

.success {
  color: green;
}

.message {
  color: #08245b;
}

.no_ {
  color: red;
}

.note {
  color: red;
  font-weight: bold;
}

.noteText {
	font-size: 1.15em;
}

.jqtooltip {
  border:1px solid #000;
  padding:5px 8px;
  background: #FFF;
  display:none;
  text-align:left;
  max-width:450px;
  font-size: 0.85em;
  -moz-box-shadow: 2px 2px 6px #777;
  -webkit-box-shadow: 2px 2px 6px #777;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.jqtipspan {
  cursor:pointer;
}

.actionsbar {
  font-weight: bold;
  font-size: 0.9em;
  padding: 1px 8px;
  display:inline;
  float:right;
  bottom: 0em;
  right: 1.1em;
  border: 1px solid #D0D0D0;
  background: #F0F0F0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.leftblock {
  float:left;
  display:block;
}

.sectiontitle {
  width: 100%;
  border: 1px solid #D0D0D0;
  font-size: 1em;
  font-weight: bolder;
  text-align: left;
  padding: 2px 5px;
  margin: 3px 0px;
  color: #000;
  background-color: #F0F0F0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.right-link {
  font-size:0.9em;
  font-weight:bold;
  float:right;
  vertical-align:middle;
}

/* popup calendar */
body.popcal {
  background-color: #f0f0f0;
}

table.poptitle {
  background-color: #ffffff;
}
table.poptitle td {
  background-color: #ffffff;
}
table.poptitle th {
  background-color: #ffffff;
  color: #000000;
  font-size: 10pt;
  font-weight: bold;
}

table.popcal {
  background-color: #cccccc;
}

table.popcal th {
  background-color: #ffffff;
  color: #000000;
  font-family: Helvetica,Arial,Sans-Serif;
  font-size: 9pt;
  font-weight: normal;
}

table.popcal td {
  background-color: #e0e0e0;
  font-family: Helvetica,Arial,Sans-Serif;
  font-size: 8pt;
  text-align: center;
}

table.popcal td.empty {
  background-color: #efefe7;
}

table.mocal td.day  {
  background-color: #666666;
  text-align: center;
}

table.popcal td.today {
  background-color: #cccccc;
}

table.popcal td.weekend {
  background-color: #eeeeee;
}

table.popcal a:link,
table.popcal a:visited {
  color: #0000ff;
  text-decoration: none;
}

table.popcal a.today:link,
table.popcal a.today:visited {
  color: #ff0000;
  font-weight: bold;
}

table.popcal a.weekend:link,
table.popcal a.weekend:visited {
  color: #777777;
}

.calarrow {
  color: #FFFFFF !important;
  font-size:1.5em;
  padding:1px;
}

/* month calendar - title area */
table.motitle {
  background-color: #999;
}
table.motitle {
  background-color: #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

table.motitle td {
  font-size:1.1em;
  background-color:wheat;
  background-color: #a5cbf7;
   background-image: linear-gradient(0deg, #00B1FF, #66E2FF);   -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
table.motitle th {
  font-size:1.1em;
  background-color:wheat;
  background-color: #a5cbf7;
   background-image: linear-gradient(0deg, #00B1FF, #66E2FF);   -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

table.motitle-hilite td {
  font-size:1em;
  background-color:wheat;
  background-color: #a5cbf7;
   background-image: linear-gradient(0deg, #00B1FF, #66E2FF);   -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

table.mocal {
  background-color: #999;
}
table.mocal th {
  background-color: #08245b;
  color: #ffffff;
}
table.mocal td {
}
table.mocal td.week {
  vertical-align: top;
  background-color: #08245b;
  height: 80px;
}
table.mocal td.empty {
  background-color: #e0e0e0;
  height: 80px;
}
table.mocal td.day  {
  background-color: #ffffff;
  color: #333366;
  text-align: left;
  vertical-align: top;
  height: 80px;
}
table.mocal td.today {
  background-color: #a5cbf7;
  color: #ffffff;
  text-align: left;
  vertical-align: top;
}

table.mocal td.weekend {
  background-color: #f8f8f8;
  text-align: left;
  vertical-align: top;
}

table.mocal .event {
}

/* mini calendar - title area */
table.minititle {
}
table.minititle td {
}
table.minititle th {
  font-weight: normal;
   font-size: 1.2.em;
}

table.minical {
}
table.minical th {
  font-weight: normal;
}
table.minical td {
}
table.minical td.week {
}
table.minical td.empty {
}
table.minical td.day  {
  background-color: #ffffff;
  border:1px solid #bbbbbb;
  text-align: center;
}
table.minical td.today, .calendar-today{
  background-color: #ffcc00;
  background-color: #a5cbf7;
  border:1px solid #bbbbbb;
  text-align: center;
}
table.minical td.scroll, .calendar-scroll {
  background-color: #ffffff;
  border:1px solid #ff0000;
  text-align: center;
}

#calendar-key {
  width:100%;
  line-height: 2em;
  text-align:left;
}

.calendar-today, .calendar-scroll {
  padding:0.2em;
  width:2em;
  line-height:1.5em;
  display:inline;
}

table.minical td.scrolltoday {
  background-color: #a5cbf7;
  border:1px solid #ff0000;
  text-align: center;
}
table.minical td.scrollweekend {
  background-color: #f0f0f0;
  border:1px solid #ff0000;
  text-align: center;
}
table.minical td.weekend {
  text-align: center;
  border:1px solid #bbbbbb;
}
table.minical .event {
}
.tipbox {
  background-color:#ffe;
  border-style:solid;
  border-left:1px solid #777;
  border-top:1px solid #777;
  border-right:2px solid #333;
  border-bottom:2px solid #333;
  font:10px Arial;
  color:#000;
}
.loginscreen {
  font-size:18px;
  text-align:center;
  line-height:40px;
  color:#FFFFFF;
}
tr.rowspacer {
  height:1px;
  background-color:#F0F0F0;
}
.sortable {
  border-collapse: collapse;
  font-size:12px;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, Verdana, sans-serif;
  border-bottom: 1px solid #CCC;
}
.sortable thead th { white-space: nowrap; }
.sortable thead th,
.sortable tfoot th {
  padding: 2px;
  text-align: center;
  border: 1px solid #CCC;
  background-color: #F0F0F0;
  color: #000;
}
.sortable thead a, .sortable thead a:visited,
.sortable tfoot a, .sortable thead a:visited {
  text-decoration:none;
  font-weight: bolder;
}
.sortable tfoot td {
  border-top: 1px solid #CCC;
}
.sortable tbody td {
  padding: 1px 2px;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
.sortable tbody tr.odd {
  background-color: #F0FFFF;
}
.sortable tbody tr.odd_highlight,
.sortable tbody tr.even_highlight {
  background-color: #FFCC99;
}
.sortable tbody tr.subodd {
  background-color: #FFF0FF;
}
.sortable tbody tr.subodd_highlight,
.sortable tbody tr.subeven_highlight {
  background-color: #DFD;
}
.sortable tbody tr.subeven,
.sortable tbody tr.even {
  background-color: #FFF;
}
.sortable td.numeric,
.sortable th.numeric {
  text-align: right;
}

.sortable .activeCell {
  cursor:pointer;
}

.sortable_list {
    list-style-position: inside;
    padding-inline-start: 10px;
  }
  .sort_list_var {
    width:425px;
    padding: 7px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    margin-bottom: 5px;
    display: inline-block
  }
  .sort_list_del {
    float:right;
    margin-top:10px;
  }
  .sortable_list_container dl {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin-block-start: 0;
    margin-block-end: 0;
  }
  .sortable_list_container dt {
    font-weight: bolder;
    float: left;
    text-align:right;
    width: 25%;
    padding: 0;
    margin: 0
  }
  .sortable_list_container dd {
    float: left;
    width: 75%;
    padding: 0;
    margin: 0
  }
  .sortable_list_save_results {
    text-align: center;
    width:452px;
    margin-left:8px;
  }
  .need_to_save_text {
    padding-left: 100px;
    color: red;
    font-weight: bold;
    display:none;
  }
  .red {
    color: red;
  }

.topalign {
  padding-top: 2px;
  vertical-align:top;
}

.widerow a {
  font-weight: bold;
}

.widerow {
  padding-top: 2px;
  vertical-align:top;
  line-height: 2em;
}

legend {
  font-weight: bold;
}
.dropshadow {
  text-align:center; margin:0px 4px;
  border: 1px solid #D0D0D0;
  background-color:#FFFFFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 2px 2px 4px #CCC;
  -webkit-box-shadow: 2px 2px 4px #CCC;
  -box-shadow: 2px 2px 4px #CCC;
  margin: 5px 0px;
}
.p-shadow {
  width: 99%;
  float:left;
  background: url(../../images/shadowAlpha.png) repeat bottom right !important;
  background: url(../../images/shadow.gif) repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow-outset  {
  background: none !important;
  background: url(../../images/shadow2.gif) repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow-inset {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  border: 1px solid #999999;
  padding: 20px 15px 15px 15px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }

.mytoday-section-bar {
  background:#E5E5E5;
  // border: 1px solid #AAA;
  text-align: center;
  font-size: 1.2em;
  font-weight:bold;
  padding:3px 10px;
  margin:0px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
}

.shadow {
  margin:5px;
  padding:5px;
  border: 1px solid #F0F0F0;
  border-right-color:#777777;
  border-bottom-color:#777777;
  background-color:#FFFFFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#project-general-info {
  min-width:600px;
  margin:0px;
  padding:5px;
}

#project-titlebar {
  font-weight:bold;
  padding:3px 10px;
  margin:5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

ul.menu a.titlebar {
  padding: 3px 5px 3px 10px;
  font-size:1.1em;
  font-weight: bold;
  display: block;
  text-decoration: none;
}

ul.menu li {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 2px 1px 0px 0px;
  padding: 0px;
}

ul.acitem li{
   -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  margin: 2px 1px 0px 0px;
  padding: 0px;
}

ul.menu li div.panel {
  background-color:#FFF;
  width:100%;
  border: 0px;
  margin:0px;
  padding:0px;
  font-size:0.8em;
}

.action-project-titlebar {
  font-weight:bold;
  font-size: 1.1em;
  padding:3px 10px;
  margin:5px 0px 0px 0px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
}
.today-action-project-table {
  margin:0px 0px 8px 1px;
  width:100%;
  border-collapse:collapse;
}
.today-action-project-table th {
  background-color:#F0F0F0;
  border:1px solid #CCC;
  border-width: 0px 1px 1px 0px;
  text-align:center;
}
.today-action-task-row {
  background-color:#D5DFED;
}
.today-action-task-row td {
  padding: 2px;
  border:1px solid #D5DFED;
  border-width: 0px 1px 1px 0px;
}
.today-action-row td, .today-action-row-odd td {
  border:1px solid #D0D0D0;
  border-width: 0px 1px 1px 0px;
}
.today-action-row-odd {
  background-color:#F0FFFF;
}

.category-tag {
  line-height:1.8em;
  background-color: #DEE7F8;
  border: 1px solid #CAD8F3;
  padding: 2px 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 2px 0px;
}

.infolist { font-size: 0.85em; margin:5px 0px; padding:0px 5px; }

.infolist-details-right { float:right; width:60%; margin:0px; padding:0px; }
.infolist-details-left  { width:40%; margin:0px; padding:0px; }

.infolist dl { margin:0px; padding:0px; }
.infolist dl dt {
  background:#E5E5E5;
  color:#333;
  float:left;
  font-weight:bold;
  margin:0px 10px 0px 0px;
  padding:3px;
  width:10em;
  text-align:right;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  white-space:nowrap;
}
.infolist dl dd {
  margin:1px 0;
  padding:5px 0;
  white-space: nowrap;
  height:1.2em;
  overflow:hidden;
}
.infolist dl dd input, .infolist dl dd img, .infolist dl dd textarea, .infolist dl dd select, .infolist dl dd label, .infolist dl dd span {
  position: relative;
  top: -5px;
}

.infolist a { font-weight:bold; }
.infolist-icon {
  height:1em;
  vertical-align:middle;
}
.infolist-title-bar, .infolist-section-bar {
  background:#E5E5E5;
  text-align: left;
  font-weight:bold;
  padding:3px 10px;
  margin:0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.infolist-section-bar {
  margin: 20px 5px 5px 5px;
}
.infolist .section-text { font-size: 1em; }
.section-text {
  font-size: 0.9em;
  margin: 2px 10px 10px 15px;
}
.infolist .tooltip { cursor:pointer; }

.footnote {
  color:#777;
  font-size:0.9em;
  text-align:center;
}

  #profile { width:850px; margin:15px 10px 25px 10px; }
  #profile-pic-leftcolumn { float: left; display:inline; }
  #profile-pic-rightcolumn { float: left; }

.inputform { text-align:left; font-size:1.2em; }
.inputform dl { margin:0px; padding:0px; }
.inputform dl dt {
  background:#E5E5E5;
  color:#333;
  float:left;
  font-weight:bold;
  margin:0px 10px 0px 0px;
  padding:3px;
  width:12em;
  text-align:right;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  white-space:nowrap;
}
.inputform dl dd {
  margin:1px 0;
  padding:5px 0;
  white-space: nowrap;
  height:1.2em;
  overflow:hidden;
}
.inputform dt label { color:#333; font-size:0.9em; font-weight:bold; }
.inputform-section-bar {
  background:#E5E5E5;
  text-align: center;
  font-weight:bold;
  padding:3px 10px;
  margin: 5px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}


  /* datepicker validation styles */
  input.error { border: 1px solid red; }
  label.error {
    background: url('../../images/icons/alert.gif') no-repeat;
    padding-left: 16px;
    margin-left: .3em;
  }
  label.valid {
    background: url('../../images/icons/checked.gif') no-repeat;
    display: block;
    width: 16px;
    height: 16px;
  }

  /* messaging */
  .actionblock { border: 1px solid #cccccc; background-color:#FFFFCC; padding: 5px; margin:2px 5px; }
  .notification {
    font-size: 12px;
    border: 1px solid #990000;
    background-color:#FFFFBB;
    padding: 5px;
    margin: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }
  .instructionlist { list-item-style:none; }
  .instructionlist li { margin: 1px 1px 3px 1px; }

/* stoplight cells */
.softred { background-color:#ED4337; }
.softgreen { background-color:#90EE90 ; }
.softyellow { background-color:#F0F0A8; }

/* jquery autocomplete */
.ac_results {
  padding: 0px;
  border: 1px solid WindowFrame;
  background-color: Window;
  overflow: hidden;
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ac_results iframe {
  display:none;/*sorry for IE5*/
  display/**/:block;/*sorry for IE5*/
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  filter:mask();
  width:3000px;
  height:3000px;
}

.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: pointer;
  display: block;
  width: 100%;
  font: menu;
  font-size: 12px;
  overflow: hidden;
}

.ac_loading {
  background : Window url('../../images/indicator.gif') right center no-repeat;
}

.ac_over {
  background-color: Highlight;
  color: HighlightText;
}

/* Alphabet selector in Users module */
.alphaselector {
  white-space: nowrap;
  display:inline;
  min-width: 600px;
}

.alphaselector ul {
  margin: 0;
  padding: 0;
  line-height:2em;
  list-style-type: none;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
  float:left;
}
.alphaselector ul li { display: inline; white-space: nowrap;}
.alphaselector ul li a {
  text-decoration: none;
  padding: .2em .1em;
  color: #333;
  background-color: #E5E5E5;
}
.alphaselector ul li a:hover {
  color: #fff;
  background-color: orange;
}
.alphaselector ul li a.selected, #alphaselector ul li a.selected:hover {
  color: #fff;
  background-color: red;
}


/* from legacy global tasks view */
  .tabspacer { width:3px; border-bottom:1px solid #CCCCCC; }
  .tabspacerleft { width:3px; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; }


/* jquery boxy */
  .boxy-wrapper { position: absolute; }
  .boxy-wrapper.fixed { position: fixed; }

  /* Modal */

  .boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }

  /* Border */

  .boxy-wrapper { empty-cells: show; }
  .boxy-wrapper .top-left,
  .boxy-wrapper .top-right,
  .boxy-wrapper .bottom-right,
  .boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }

  .boxy-wrapper .top-left { background: url('../../images/boxy/boxy-nw.png'); }
  .boxy-wrapper .top-right { background: url('../../images/boxy/boxy-ne.png'); }
  .boxy-wrapper .bottom-right { background: url('../../images/boxy/boxy-se.png'); }
  .boxy-wrapper .bottom-left { background: url('../../images/boxy/boxy-sw.png'); }

  /* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
  /* NB: these must be absolute paths or URLs to your images */
  .boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/boxy/boxy-nw.png'); }
  .boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/boxy/boxy-ne.png'); }
  .boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/boxy/boxy-se.png'); }
  .boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/boxy/boxy-sw.png'); }

  .boxy-wrapper .top,
  .boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }

  .boxy-wrapper .left,
  .boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }

  /* Title bar */

  .boxy-wrapper .title-bar {
    background-color: #333;
    padding: 6px;
    position: relative; }
    .boxy-wrapper .title-bar.dragging { cursor: move; }
      .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
      .boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }

    .boxy-close-button {
      background-image: url('../../images/boxy/close.png');
      height: 20px;
      width: 26px;
      position: relative;
      top: -4px;
      right: -4px;
    }
  /* Content Region */

  .boxy-inner { background-color: #F0F0F0; padding: 0px; }
  .boxy-content { padding: 0px; }

  /* Question Boxes */

    .boxy-wrapper .question { width: 350px; min-height: 80px; }
    .boxy-wrapper .answers { text-align: right; }

/************************
Sliding div or tr - currently only used for Event Evaluations Show All / Hide All
************************/
.slidingTR {
    padding:20px;
    margin-top:10px;
    border-bottom:5px solid #3399FF;
}