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

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 {
  font-size: 0.85em;
  border: 1px solid #777;
  border-bottom: 0px;
}
#top-header {
  height: 1.5em;
  line-height: 1.5em;
  position:relative;  
  font-weight:bold; 
  width:100%;
  min-width:800px;
  background-image: url('../default/images/titlegrad.jpg');
  background-repeat: repeat-y;
}

#portal-title {
  display:inline; 
  position:absolute; 
  top:0px; 
  left:0px; 
  color:#FFF;
  padding-left:4px;  
}

#logged-info {
  float:right;
  position:relative;
  margin-right:4px;  
}

#nav-menu { 
  white-space: nowrap;
  background-image:url('../../images/nav-menu-bar.jpg');
  position:relative; 
  width:100%;
  min-width:785px;
  height: 1.75em;
  border: 0px;
  padding-bottom:1px;
  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('../../images/nav-menu-bar.jpg');
  height: 1.75em;
  line-height: 1.75em;
  float: left;
  padding: 0em 0.8em;
  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('../../images/white.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('../../images/nav-menu-bar_on.gif');
  background-repeat: repeat;
  border-top: 2px solid orange;
  border-bottom: 0px solid #FFF;
  border-left: 1px solid #999;
}

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

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

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

.footer {
	font-size:0.8em;
	width:100%;
	text-align:center;
}

#render-time {
	font-size: 0.8em;
	color: #FFF;
}
.nostyle { 
  display:none;
}

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

.grey {
  background-color:#CCCCCC;
}

bordertable {
	border: 1px black solid;
}

.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;
}


.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;
}

.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; }

/* 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;
}

/* 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;
}

/* month calendar - title area */
table.motitle {
	background-color: #666666;
}
table.motitle td {
	background-color: #d0d0d0;
}
table.motitle th {
	background-color: #d0d0d0;
	font-size: 10pt;
}

table.mocal {
	background-color: #777777;
}
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: #ffffff;
	height: 80px;
}
table.mocal td.day  {
	background-color: #e0e0e0;
	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: #f0f0f0;
	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 {
	background-color: #ffcc00;
	background-color: #a5cbf7;
  border:1px solid #bbbbbb;
	text-align: center;
}
table.minical td.scroll {
  background-color: #ffffff;
  border:1px solid #ff0000;
	text-align: center;
}
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;
}
.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,
.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: #FDD;
}
.sortable tbody tr.even {
  background-color: #FFF;
}
.sortable td.numeric,
.sortable th.numeric {
  text-align: right;
}
legend { 
  font-weight: bold;
}
.dropshadow {
	text-align:center; margin:0px 4px; 
	border: 1px solid #F0F0F0; 
	border-right-color:#777777; 
	border-bottom-color:#777777; 
	background-color:#FFFFFF;
}
.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;
  }
  
  
  /* 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 { border: 1px solid #FF0000; background-color:#FFFFCC; padding: 5px; margin: 2px 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;
}

/* 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: #111; 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; }
    
  /* Content Region */
  
  .boxy-inner { background-color: #F0F0F0; padding: 0 }
  .boxy-content { padding: 15px; }
  
  /* Question Boxes */

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