  
  
        
  body
{
  margin: 0px;
  padding: 0px;
}

body, td, p, li, th, div, span, button
{
  font-family:  Tahoma, Arial, Verdana, Sans-Serif ;
  font-size: 11px ;
}
#container 
{}
#header {
background: transparent url(images/hd-bg.gif) repeat-x scroll 0 93%;
border:0pt none;
padding-top:5px;
}

div#toolbar
{
    xtext-align: left !important;
}

th
{
    font-size: 11px ;
    font-weight: bold;
}

a
{
    xcolor: #385F95;
    color: #3764a0 ;
    text-decoration: none;
}

a:hover 
{
text-decoration: underline;
}

a.nolink, .nolink a
{
  text-decoration: none !important;
  color: #333333 ;
}
a.nolink:hover, .nolink a:hover
{
  text-decoration: underline !important;
}

A.action:hover
{
    color: rgb(204,0, 0) ;
    text-decoration: underline;
}

A.action
{
    text-decoration: none;
    font-weight: normal;
    color: #3764A0  !important;
}
TH.number
{
  text-align: right !important;
}
td.right { text-align: right !important; }
TD.number, TD.numeric, TD.hhmm
{
  text-align: right !important; white-space: nowrap;
}
TH, TH.numeric, tr.th td
{
  color: #333333 ;
  font-weight: bold;
  white-space: nowrap;
}
TH, tr.th td
{
  text-align: left;
}
TH.numeric
{
  text-align: right !important;
}
TH.center
{
  text-align: center;
}
.total
{
  font-weight: bold;
}

.delayed
{
  color: rgb(204,0, 0) ;
  font-weight: normal;
}

.sa-page-title
{
  font-size: 19px ;
  font-weight: bold;
  font-family: Segoe UI, Sans-Serif, Arial, Tahoma ;
  color: #15428b ;
}

.formcontainer
{
  margin: 0px;
  padding: 5px;
}

.FormHelpComment
{
  text-align: left;
  padding:3px 10px;
}

.FormSectionTitle, .FormSectionTitle A
{
  font-weight: bold;
  font-size: 11px ;
}
.FormSectionTitle
{
  padding: 10px 0px 3px 0px;
  text-align: left;
  border-bottom: 2px solid #99BBE8;
}

.FormFieldInput
{
    vertical-align: top;
    font-size: 11px ;
    text-align: left;
}

.FormFieldLabelBG
{
    text-align: right;
    vertical-align: top;
}

.FormFieldLabel
{
  color:#000000 ;
  text-align: right;
  padding-right: 5px;
  font-size: 11px ;
  vertical-align: top;
}

.mandatory
{
  padding-left: 4px;
  padding-right: 8px;
  background-position: right top;
  background-repeat: no-repeat;
  background-image: transparent;
  white-space: nowrap;
  background-image: url(images/mand.gif);
}

td.FormFieldInput, td.FormFieldLabelBG
{
    padding: 3px 5px 3px 0px;
}
.x-panel-header { text-align: left; }

.FormFieldText
{
  color:#333333 ;
  font-size: 11px ;
}

.FormFieldComment
{

color:#333333 ;
font-size: 10px ;
}

.ETitle { font-weight: bold; font-size: 11px ;}

.body A { xcolor: #333333 ; color: #333366; text-decoration:none; }
.simple A {  font-weight:normal; color:#707070 ; }

.ThreadLink {
color: #707070 ;
}


.FormActions
{
text-align: center;
}

.StdBg
{
background-color:#FFFFFF ;
}

.ConfirmBackground
{
background-color:#ffcc99 ;
}

div.Section div.SectionTop div.SectionTitle
{
font-weight: bold;
font-size: 11px ;
float: left; white-space: nowrap;
text-align: left;
padding: 2px 2px 2px 0px;
color: #333 ;
font-family: Segoe UI, Sans-Serif, Arial, Tahoma ;
}
div.Section div.SectionTop div.SectionActions { float: right; white-space: nowrap; text-align: right; padding: 2px 4px 2px 2px; }

.SubSectionBackground,.SubSectionTitle
{
color: #000000;
background-color:#DDDDFF;
}
.SubSectionTitle {
font-size: 9px ;
font-weight: bold;
padding: 5px;
margin-right: 2px;
margin-left: 2px;
background-repeat: no-repeat;
}


.ro input.input
{
    background-color:#EEEEEE ;
}
input.dummy
{
}

input.input,input.hhmm, .dummy-text-box, input.readonly, select.input
{
  font-size: 11px ;
  margin: 0px;
  vertical-align: middle;
}
select.input { padding: 1px; }
select.input, .x-form-field, .x-combo-list-item
{
  font-family: Tahoma, Arial, Verdana, Sans-Serif ;
  font-size: 11px ;
}
select.monospace
{
    font-family: monospace !important;
    font-size: 11px ;
}

input.input,input.hhmm, .dummy-text-box, input.readonly
{
    font-family: Tahoma, Arial, Sans-Serif, Tahoma, Arial, Verdana, Sans-Serif ;
}


input.readonly
{
  background:#eee none; font-style: italic;
}

.dummy-text-box
{
    background-color:#FFF ;
    overflow: hidden;
    padding: 1px 0px 1px 0px;
}
.dummy-text-box:active
{
    border-color: rgb(204,0, 0) ;
}


input.hhmm
{
font-family: monospace !important;
}

textarea.input
{
border: 1px solid  #b5b8c8  ;
}

textarea.htmledit
{
  z-index: 1001;
}


select.actionselector { font-size: 11px ; }

/* .tfilter select, .tfilter input, .tfilter td, .tfilter { font-size: 10px !important; } */

table.filter td.fl, table.filter td.fi { padding-top:1px; padding-bottom: 1px; }
.fl {  }
td.fl { padding-left: 15px; text-align:right; padding-right: 3px; white-space: nowrap; width: 1%; }
td.fs { width: 90%; padding-left: 20px !important; }
td.fi {white-space: nowrap;}

span.sb
{
    background-color : #15428b ;
    color: #EEEEFF !important;
    font-size: 10px ;
    padding: 2px;
}

input.img
{
  vertical-align: bottom;
}

input.submitlink
{
font-family: Tahoma, Arial, Verdana, Sans-Serif ;
font-size:9px ;
background-color: transparent;
text-decoration: underline;
border: none;
cursor: pointer;
text-transform: uppercase;
color: #15428b ;
}

.buttonList button, .tfooter button { padding-left:10px !important ; padding-right: 10px !important; }

table.buttonList td.buttonList
{
    padding: 5px;
    text-align: center;
    white-space: nowrap;
}

table.attTable { border-collapse: collapse; width: 100%;}
table.attTable, table.attTable td.attName, table.attTable td.attValue { border: 1px solid rgb(238, 238, 238) !important; }

td.attName {
background-color: #F1F7FB ;
width: 10%;
text-align:right;
}

table.view td.attName { font-weight: bold; white-space: nowrap; }

td.attName, td.attValue {
color: #333333 ;
vertical-align: top;
padding: 3px 5px 3px 5px;
line-height: 15px;
}


td.attValue
{
background-color: #FFFFFF ;
}

table.report table td.attName, table.gridtable table td.attName
{
font-size: 10px ;
text-align: left;
white-space: nowrap !important;
}

table.report table td.attValue, table.gridtable table td.attValue
{
font-size: 10px ;
text-align: left;
width: 95% !important;
border-left: 1px solid #EEEEEE ;
}

.CalHeading {
background-color:#EEEEEE ;
color: #3834D0;
letter-spacing: 1px;
}

.CalCell {
font-weight: bold;
letter-spacing: 1px;
}

.CalEventDesc {

text-align: left;
}

.high {
color: rgb(204,0, 0) ;
font-weight: bold;
}
.normal {
color: #333333 ;
font-weight: normal;
}
.low {
color: rgb(0,0, 204) ;
font-weight: normal;
}

.empty-list
{
  color: #707070 ;
  padding: 10px;
  font-style: italic;
  font-size: 10px !important ;
}

.highlight { color: #000; background-color:#FF0 ; }

div.email-note
{
font-weight: bold;
background-color: gold;
margin-top: 10px;
margin-bottom: 10px;
padding: 5px;
}

.new {
font-weight: normal;
color:#CC0000 ;
background-color: yellow;
}

.money {
padding-right: 2px;
text-align: right;
white-space: nowrap;
}

.signal-green, .signal-orange, .signal-red, .signal-default, .signal-blue, .signal-completed, .signal-future, .signal-na
{
padding-left: 16px;
padding-right: 4px;
background-position: left center;
background-repeat: no-repeat;
background-image: transparent;
white-space: nowrap;
}
.signal-green
{
background-image: url(images/task/bullet_green.gif);
}
.signal-orange
{
background-image: url(images/task/bullet_orange.gif);
}
.signal-red
{
background-image: url(images/task/bullet_red.gif);
}
.signal-blue
{
background-image: url(images/task/bullet_blue.gif);
}
.signal-future, .signal-na
{
background-image: url(images/task/bullet_white.gif);
}
.signal-default, .signal-completed
{
background-image: url(images/task/bullet_gray.gif);
}

.critical
{
background: transparent url(images/task/critical.gif) no-repeat scroll 3px center;
}

.text {
}
.dummy {
}
#my 
{
width: 100%;
}
#mylhs { vertical-align: top; padding-left: 0px; padding-top:0px;}#myrhs { vertical-align: top; padding-left: 5px; padding-right: 0px; padding-top:0px; }


.holiday { color: rgb(204,0, 0) ; }


form,ul,ol
{
margin-top: 0px;
margin-bottom: 0px;
}
form
{
    display: block;
}
form.inline
{
display:inline;
padding: 0px !important;
margin: 0px !important;
}

#footer 
{
  background-image: url(images/table_footer_bg.gif);
  padding: 5px;
  vertical-align: middle !important;
  font-weight: bold;
  color: #707070 ;
}

table#topactions
{
  padding:0px;
}#topactions td.topaction
{
  padding-left: 20px; height:20px;
}#topactions a,#topactions td,#topactions 
{
  color: #eeeeff ;
  font-size: 11px ;
}#topactions a
{
  text-decoration: underline;
  height:16px;
  line-height:20px;
}

A.logo, A.logo:hover
{
  color:#eeeeee ;
  text-decoration:none;
  font-size: 15px !important;
  font-family: Segoe UI, Sans-Serif, Arial, Tahoma ;
  font-size: 17px;
  font-weight: bold;
  padding: 5px;
}


.tipsummary
{
font-weight: normal;
}

.linkBox
{
}
.smallest
{
font-size: 9px ;
}

.filterbox
{
background-color:#FFFFFF ;
}

.tcontainer
{
  border: 1px solid #99bbe8 ; width: 100%;
}

.x-panel-body .tcontainer
{
  border: 0px !important;
}

.tcontainer .ttitle, .scontainer .ttitle, .mcontainer .ttitle, .formcontainer div.ttitle,  body .s .ttitle
{
  padding: 7px 5px;
}
.tcontainer tr.ttitle td, .scontainer tr.ttitle td
{
  border-bottom: 2px solid #99BBE8;
}

.tfilter
{
  vertical-align: middle;
  text-align: left;
  padding: 5px;
  border-bottom: 1px solid #99bbe8;
}

.gtfilter
{
    padding:3px;
    border-bottom: 1px solid #99bbe8;
}
.tdescription
{
  padding-top: 2px;
  padding-bottom: 2px;
}

.tfooter
{
    background-image: url(images/table_footer_bg.gif);
    padding: 3px 10px 3px 0px;
    width: 100%;
}

table.tfooter form
{
    margin: 0px;
}

.taction
{
  width: 100%;
}

.tbutton
{
  background-color: #c8deec ;
  padding: 3px;
  background-repeat: no-repeat;
  background-position: left bottom;
  vertical-align: middle;
  text-align: center;
}


div.mcontent td.tcontent div.tcontentdiv
{    min-height: 10em ;
 
  height: auto ;
}

div.row-selectable tr.selected td
{
    background-color:#ff6 !important;
}
.mfhelp
{
font-size: 9px ;
color: #707070 ;
padding-left: 5px;
}
.icomment, .icomment A, .icomment span
{
  color: #707070 !important;
  font-size: 9px !important;
  font-weight: normal;
  text-decoration: none;
}


table.view
{
border: 1px solid #999;
}

table.selector select.input { min-width: 150px; }

table.selector tr th
{
font-weight: bold;
color: #333333 ;
padding: 0px;
}

table.selector tr td
{
padding: 0px;
}

table.report
{
width: 100%;
}

table.report tr, table.report td
{
border-bottom: 1px solid #EEEEEE ;
}

table.report td, table.report th
{
padding: 3px 5px !important;
vertical-align: top;
empty-cells: show;
}

table.report th
{
vertical-align: middle;
font-weight: bold;
border-bottom: 2px solid #CCCCCC ;
border-top: 1px solid #CCCCCC ;
font-size: 11px ;
}

table.report td.grouphead0
{
font-size: 15px ;
border-bottom: 2px solid #99bbe8;

}

table.report tr.grouphead1 td.grouphead1
{
font-size: 13px ;
border-bottom: 1px solid #99bbe8 !important;
}

table.report tr.grouphead1 td { border-bottom: 1px solid rgb(255,255,255) !important;}

table.report tr.grouphead2 td.grouphead2, table.gridtable td.grouphead2
{
border-bottom: 1px solid #99bbe8 !important;
font-size: 11px ;
}
table.report tr.grouphead2 td { border-bottom: 1px solid rgb(255,255,255) !important;}

tr.total, tr.total td
{
font-weight: bold !important; text-align: right !important;
}

td.total
{
    padding-top:5px !important ;
    padding-bottom:5px !important ;
}

tr td.nostyle { border-bottom: 1px solid rgb(255,255,255) !important; }
tr.total td.label
{
    font-weight: normal !important;
    color:#bbbbbb ;
    text-align: left !important;
}

table.report tr.gtotal, table.report tr.gtotal td
{
    background-color:#f6f6f6;
border-left: 0px;
border-right: 0px;
font-weight: bold;
text-align: right;
}

table.reporthdr { width: 900px; margin-bottom:10px; }
table.reporthdr td.logo { text-align : right; vertical-align: middle; }
table.reporthdr td.logo a.logo { font-size: 26px !important; font-weight: bold; color: #999999 !important; }
table.reporthdr td.title { font-size: 21px; font-weight: bold; padding-bottom: 4px; border-bottom: 1px dotted #1C417C ; color: #1C417C ; font-family: Segoe UI, Sans-Serif, Arial, Tahoma ; }
table.reporthdr td.date { padding-bottom: 5px; color: gray;}
table.reporthdr td.desc { font-size: 13pt; color: #707070 ; }

.exceeded-plan
{
color: red;
text-align: right;
}

.priority
{
text-align: center;
}

TD.gantt-row
{
white-space: nowrap;
border:0px;
padding:0px !important;
margin:0px !important;
border-left: 1px solid rgb(225, 225, 225) ;
}

div.gantt-row-div
{
  xheight: 100% !important;
  white-space: nowrap;
  border:0px;
  padding:0px !important;
  margin:0px !important;
  overflow: hidden;
  height:26px;
}

div.grw
{
  min-height: 36px;
  height: auto !important;
  height:36px;
}

.gantt-row, .ganttweekhead
{
  padding: 0px !important;
  margin: 0px !important;
  white-space:nowrap;
  font-weight:normal;
}

TH.gantt-row
{
  text-align: left;
}
div.ganttweekhead
{
  vertical-align: bottom !important;
  text-align: left !important;
  float:left;
  font-size: 8px;
}
 .bg, .mbg
{
  z-index: 1;
  vertical-align: text-top; /* this is important */
  padding:0px !important;
  margin:0px !important;
  height:100%;
}

.mbg { width: 89px; }
.bg  { width: 14px; }

.mbg
{
border-right: 1px solid#dddddd !important;
}

 .p
{
  z-index: 2;
  position: relative;
  height: 8px;
  margin: 0px !important;
  padding: 0px !important;
}
 .pc
{
  z-index: 3;
  position: relative;
  height: 4px;
}

.hours {text-align: right;}
.warnhours   {text-align: right; background-color:rgb(204,0, 0) ; color:#FFF ; }
.hours   {text-align: right;}
.resource-used-free
{
    font-size: 9px ;
    color: #707070 ;

}
.resource-th th , .resource-day-row th
{
    font-weight: normal !important;
    background-color:#FFF !important;
}
.resource-day-row th
{
    text-align: right;
}
.resource-th
{
}

TR.resource-usage-summary
{
}
TR.resource-usage-summary TD
{
text-align:right !important;
background-color:#ffffcc ;
}
TR.resource-usage-total TD
{
text-align:right !important;
}
TR.resource-usage-summary table td
{
    border-top: 0px;
}
TR.resource-usage-summary TD.resource
{
  text-align:left !important;
  font-weight: normal;
  padding:5px !important;

}

.ruc .task  { font-size: 10px ; }
.ruc td.project { font-weight: normal; padding:4px !important; }

.ruc td { vertical-align: top; }

.ruc .byproject tr.project td {  background-color:#ffffdd ; }

table.usagechart, table.usagechart td { border: 1px solid #CCCCCC !important ; border-spacing:0; border-collapse: collapse; }



.ruc .nw, td.nw, th.nw { background-color:#f0f0f0 !important; }

.ruc td.vac { background: url(images/vacation.gif) no-repeat scroll 50% 50%;  color: #707070 ; }
.ruc td.ch { background: url(images/holiday.gif) no-repeat scroll 50% 50%;  color: #707070 ; }
.ruc .vaclabel { color: #707070 ; font-weight: normal ; }

.timetill-ago { color: rgb(204,0, 0) ; font-size:9px ; }
.timetill-closeby { color: rgb(255,153, 0) ;  font-size:9px ;}
.timetill-after { color: #333333 ;  font-size:9px ;}
.ualloc { border: 1px solid#FFF ; font-size: 9px ;}

.sortkeys
{
display: inline;
}
.mstable
{
}
.msheading
{
font-weight: bold;
font-size: 11px ;
font-family: Segoe UI, Sans-Serif, Arial, Tahoma ;
color: #333 ;
}
.msactions
{
text-align: left;
background-color: #F1F7FB ;
}
.msactions a
{
padding-right: 10px;
}
.mpath
{
font-size:9px ;
}

.tlegend
{

  padding-left: 10px;
  border-width: 0px 1px 1px 1px; border-style: solid ; border-color:#BBBBBB ;
}

.tlegend td, .tlegend li, .tlegend
{
  color: #707070 ;
  font-size: 10px ;
}

.tlegend ul
{
 list-style: circle;
}

.tesaved
{
color: #333333 ;
}
.teforapp
{
color:#FF9900 ;
}
.teapp
{
color: #0000FF;
}
.teproc
{
color: #00CC00;
}
.terej
{
color:#FF0000 ;
}
div.log-lines
{
width:90%;
height:480px;
overflow: scroll;
font-size: 9px ;
line-height: 16px;
font-family: monospace;
border: 1px solid#cccccc ;
}

.today { background-color: #FFCC99 ; }

table.calhead { width: 100%; border-collapse: collapse; }
table.calhead th { white-space: nowrap; text-align: center; font-weight: normal; }
table.calhead th a:link { color: #3764A0 ; }
table.calhead th.active { text-transform: uppercase; font-size: 13px ; font-weight: bold; }

table.calmonth { width: 100%; border-collapse: collapse; border: 1px solid #CCCCCC ; }
table.calmonth th, table.calmonth td.day, table.calmonth td.prevnext { border: 1px solid #CCCCCC  ; }
table.calmonth th { height:10px; background-color: #E6E6E6 ; text-align: center; }
table.calmonth th.week, table.calmonth td.week { background-color: #F6F6F6 ; font-weight: normal; }
table.calmonth td.prevnext { background-color: #F1F1F1 ; }
table.calmonth a.daynum:link {  font-size: 13px ; }
td.day, td.prevnext { padding: 5px 3px 5px 3px; }

table.calweek { width: 100%; border-collapse: collapse; border: 1px solid #CCCCCC ; }
table.calweek td.spacer { border-bottom: 1px solid #CCCCCC ; }
table.calweek td.date a:link { padding-left:4px; font-weight: bold; }
table.calweek td.caltime { width: 20%; white-space: nowrap; }
table.calweek td.detail { text-align: left; vertical-align: top; padding-left: 5px; }

table.calday { width: 100%; border-collapse: collapse; border: 1px solid #CCCCCC ; }
table.calday th { border-bottom: 1px solid #CCCCCC ; }
table.calday td { padding-left: 10px; }
table.calday td.caltime { width: 120px; white-space: nowrap; }
table.calday td.detail { padding-left: 5px; height:15px; text-align: left;}

table.calyear { width: 100%; border-collapse: collapse; }
table.calyear td.monthname { text-align: center; background-color:#ededed ; white-space: nowrap; }
table.calyear td.monthname a:link { font-size: 11px ; font-weight: bold; font-family: Tahoma, Arial, Verdana, Sans-Serif ; }
table.calyear tr.dayname td { background-color:#ededed ; white-space: nowrap; font-family: monospace; color: #444466; }
table.calyear tr.day td { white-space: nowrap; background-color:#fafafa ; font-family: monospace; }

table.smallmonth { border-collapse: collapse; border: 1px solid #CCCCCC ; }
table.smallmonth th.month { text-align: center;  }
table.smallmonth th.dayname { text-align: center; }
table.smallmonth td { text-align: center; }
table.smallmonth td a.hasevents:link { color: rgb(0,204, 0) ; font-weight: bold; }

td.caltime { white-space: nowrap; padding: 3px !important; }

div.caluser .name { font-size: 11px ; font-weight: bold; color: #707070 ; }
.caltask { font-size: 11px ; background-color: #66FFFF; padding-left: 2px; padding-right: 2px; }
.calproject {font-size: 11px ; background-color:#FF66FF ; padding-left: 2px; padding-right: 2px; }
.caltime {font-size: 11px ;}

.doc-co-self { color: rgb(204,0, 0) ; }
.doc-co-stale { color: rgb(204,0, 0) ; }


td.adminmodule { vertical-align: top; }
div.adminmodule { margin: 10px; }
div.adminmodule .ttitle { font-weight: bold;  }
div.adminmodule ul { list-style-image: url('images/icons/bullet_admin.png'); margin-left: 20px; }
div.adminmodule li { margin-bottom: 5px; }
div.adminmodule .state { color: #666; }
fieldset { border: 1px solid #99bbe8 ; padding: 5px; }
fieldset legend.title { text-indent: 5px; font-weight: bold; }
fieldset.adminmodule fieldset.adminmodule
{
    border-width: 2px 0px 0px 0px !important;
}

div.popup-layer
{
  position: absolute;
  background-color: transparent;
  z-index: 2;
  xpadding: 2px 0px 2px 0px !important;
  padding: 0px !important;
  margin:0px !important;
}
.overdiv-bg { border: 2px solid #999; background-color:#ff6 ; }
.overdiv-txt { background-color: rgb(255,255, 102) ; color: #333333 ; font-size: 9px ; font-family: Tahoma, Arial, Verdana, Sans-Serif ;}
optgroup { font-style: normal; font-weight: bold; padding-top: 10px; }

.post-summary
{
    font-weight: bold;
}

.posted-by
{
    border-right: 1px solid #EEEEEE ;
}

.red
{
    color: rgb(204,0, 0) ;
}
#files_list 
{
    border: 1px solid#ccc ;
    background-color:#fff ;
}#files_list input
{
    border: 1px solid #666;
    background-color:#999;
    margin: 1px;
    padding: 1px;
    font-size: 9px ;
}
table.taskname td
{
    padding: 0px;
    margin: 0px;
}
#feedbackpanel 
{
    padding: 5px;
    position:absolute;
    background-color:#FFFF99 ;
    opacity: 0.8;
    width: 240px;
    border: 1px solid #000000;
}

#ajaxfeedback 
{
white-space: nowrap;
width: 125px;
color:#FFFFFF ;
vertical-align: middle;
text-align: center;
font-size: 10px ;
padding: 2px;
background-color:#CC0000 ;
}

div.as { text-align: left;}
div.as a
{
  display: block !important;
  white-space: nowrap;
  margin: 0px;
  padding: 3px 10px 3px 25px !important;
  text-decoration: none;
  font-size: 10px !important;
  font-family: arial, sans-serif;
  background-repeat: no-repeat;
  background-position: 2px 50%;
}
div.as .sec { font-size: 10px ; font-family: arial, sans-serif; padding:3px 10px; color:#333333;}

div.as a:hover
{
  color: #ffffff !important;
  background-color: #666666 !important ;
  display: block !important;
  text-decoration: none !important;
}

div.hr
{
    height:1px;
    border-top:1px solid#CCCCCC ;
}
div.as  hr
{
  height:1px;
  color:#cccccc !important;
}

span.openpanel
{
  background: url(images/las.gif) no-repeat bottom right;
  padding-right: 12px;
  cursor: pointer;
  text-decoration: underline;
  margin-right: 12px;
}

span.openpanel:hover, span.openpanel a:hover
{
  text-decoration: none;
  color: rgb(204,0, 0) ;
}
img.asimg { cursor: pointer; }

table.gridtable  tr:hover
{
  background-color:#FAFAFF ;
}
table.gridtable table tr:hover
{
    background-color: transparent;
}

div.left,span.left
{
  float: left;
}

div.right,span.right
{
  float: right;
}

xdiv.ruc table {  border: 1px solid #CCCCCC ; border-collapse: collapse; }
div.ruc td, div.ruc th { padding: 1px 2px 1px 2px !important; margin: 0px !important; }

div.ruc_legend .x { background-color: rgb(0,0, 204)  ; }
div.ruc_legend .u { background-color: #0d7b08 ; }
div.ruc_legend .o { background-color: rgb(204,0, 0)  ; }

div.ruc .o {  color:#FFFFFF ; background-color: rgb(204,0, 0) ; height:100%;}  /* Over */
div.ruc .x { background-color: rgb(0,0, 204) ;  color:#FFFFFF ;  height:100%;}  /* Exact */
div.ruc .u {color:#FFFFFF ; background-color: #0d7b08; height:100%;}  /* Under */
div.ruc .n { text-align: right; } /* NUMBER */
div.ruc .l { background-color:#CCCCFF ; }
div.ruc table td { vertical-align: middle; }


.tbimg
{
    white-space: nowrap;
}

.tbimg input, .tbimg div, .tbimg img, .tbimg span
{
    vertical-align: middle;
}
div.paneldecorator
{
  background-color:#FFFFFF ;
  margin: 0px !important;
  padding: 4px;
  z-index: 200;
}
div.paneldecorator input.btn
{
  font-size: 11px !important;
}
input.cb
{
    vertical-align: middle;
    margin: 1px 3px;
    padding: 0;}
div.cb-list
{
    height: 120px;
    overflow: auto;
    border: 1px solid #CCCCCC ;
}
img { border:0px; }
img.clickable, img.sort { cursor: pointer; }
img.sort { vertical-align: bottom; }

table.grid
{
  border: 1px solid #157fb8 ;
  border-collapse: collapse;
}
table.grid td
{
  padding: 2px 12px 2px 12px;
}

table.gridtable
{
  border-spacing: 0px;
  border-collapse: collapse;
  border-bottom: 0px;
  width: 100%;

}
table.gridtable th, table.formtable th, .ruc table thead td
{
  background:#F9F9F9 url(images/grid3-hrow.gif) repeat-x scroll 0pt bottom;
  font-size: 11px ;
  font-weight: normal;
}

table.gridtable th, table.formtable th
{
  text-align: left;
  padding: 3px 7px;
  vertical-align: middle;
  border-right: 1px solid #D0D0D0 !important;
  line-height: 15px;
}

table.gridtable td, table.formtable td.r
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color:#E3E3E3 ;
}
table.gridtable td, table.formtable td.r, table.formtable td.rnb
{
    padding: 3px 7px;
    vertical-align: top;
    text-align: left;
}


table.gridtable td td, table.gridtable td th, table.gridtable th th
{
  border: 0px;
  padding: 0px;
}

.popup-layer table.gridtable { width: 100%; }


span.action
{
  color:#FF6666 !important;
}

.tablesection1
{
    border-bottom:2px solid #99BBE8 !important;
    padding:3px;
}

.tablesection2
{
  font-weight: bold;
}

.ttitle, .ttitle a
{
  font-family: Segoe UI, Sans-Serif, Arial, Tahoma ;
  color: #15428b ;
  white-space: nowrap;
}

body .ttitle
{
  font-size: 15px ;
  font-weight: bold;
}

body .s .ttitle
{
  font-size: 13px ;
}

body .s .s .ttitle, .small-font .s .ttitle, .tablesection1 .ttitle
{
  font-size: 11px !important;
  font-weight: bold;
  border-bottom: 0px;
  font-family: Segoe UI, Sans-Serif, Arial, Tahoma ;
}

.tablesection2 .ttitle, .tablesection2 .ttitle a, .tablesection2 .ttitle div, .tablesection2 .ttitle span
{
  font-size: 11px !important;
  font-weight: bold;
  border-bottom: 0px;
  padding: 3px 0 3px 0;
}

.tablesection2 .ttitle
{
    border-bottom: 1px solid #99BBE8;
}
.tablesection1 .right, .tablesection2 .right
{
    font-size: 10px ;
}


div.pagepath
{
  background-color:#FAFAFA ;
  text-align: left;
  padding: 2px 0px 2px 12px;
  border-bottom: 1px solid #c8deec ;
}
div.pagepath, div.pagepath a
{
}
div.pagepath a
{
  text-decoration: none ;
}

.page-header
{
    margin-top:5px;
    border-bottom:1px solid #99BBE8 ;
}
.page-header .ttitle
{
  padding: 0px 0px 3px 5px;
  font-weight: bold;
  color: #002163;
}

.page-header .actions
{
  vertical-align:top;
  margin: 0px;
  padding: 0px 0px 2px 5px;
}
#pageTitle .page-header .actions
{
  padding: 0px 0px 5px 5px;
  background-color:#FFFFFF ;
  background-image: none;
}

.actions a.action { min-width:80px; }
.page-header .actions input.input
{
  margin: 0px;
  padding:1px;
  font-size: 10px ;
}
.page-header .actions a { text-underline-style: dotted; text-decoration: underline; line-height:18px; }

table.formtable
{
  border-collapse: collapse ; /* important because otherwise borders overlap */
}
table.formtable td.r
{
    vertical-align:top;
}
table.formtable td.actions
{
    text-align: center;
    vertical-align: middle;
    background-image: url(images/table_footer_bg.gif);
    padding: 4px 10px 2px 2px;
}
.formtable-actions
{
  text-align: right;
  border: 0px;
  padding: 10px 20px 10px 10px;
}


table.lo, table.lo td, table.lo th
{
  margin: 0px !important;
  padding: 0px !important;
  border: 0px !important;
}
.nowrap
{
    white-space:nowrap;
}
/*
table.multiselect td, table.multiselect th
{
border-bottom:1px solid  rgb(225, 225, 225) !important;
padding: 0px 5px 0px 5px !important;
margin: 0px !important;
vertical-align: middle;
}

table.multiselect th
{
    border-top: 1px solid  rgb(225, 225, 225) !important;
    border-bottom: 1px solid  rgb(225, 225, 225) !important;
}
table.multiselect td td
{
    border-bottom-width: 0px !important;
    padding: 1px !important;
}
*/
.feedback
{
    margin-top: 5px;
    margin-bottom: 5px;
}
.feedback .error, .feedback .success, .feedback .info
{
    padding: 10px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.feedback .error
{
    background-color:#FDD ;
    border: 2px solid#D99 ;
}
.feedback .success
{
    padding-left: 30px;
    padding-right: 30px;
    background:#DFD url(images/tick.gif) no-repeat  10px 50%;
    border: 2px solid #9D9 ;
}
.feedback .info
{
    background-color:#FFC ;
    border: 1px solid#FF0 ;
}


input.go
{
    border: 1px solid rgb(204, 204, 204) !important;
    background: transparent url(images/button_bg.gif) repeat-x scroll top left;
    font-size: 10px ;
    font-family: Tahoma, Arial, Verdana, Sans-Serif ;
    white-space: nowrap;
    color: #333333 ;
    cursor: pointer;
}
.small, .small td, .small p, .small div, .small li, .small a, .small th, .small span
{
    font-size: 11px !important ;
}

.capitalize
{
    text-transform: capitalize;
}

.light
{
    color: #707070 !important;
}
.smaller, .smaller td, .smaller p, .smaller div, .smaller li, .smaller a, .smaller th, .smaller span
{
    font-size: 10px !important ;
}


.big, .big td, .big p, .big div, .big li, .big a, .big th, .big span
{
    font-size: 13px !important ;
}

.bigger, .bigger td, .bigger p, .bigger div, .bigger li, .bigger a, .bigger th, .bigger span
{
    font-size: 15px !important ;
}

input.btn {
    padding: 2px 5px 2px 5px;
    min-width: 60px;
    text-align:center;
    font-family: Tahoma, Microsoft Sans Serif, Arial, Sans-Serif ;
    font-size: 11px ;
}

.link-like-text a
{
  text-decoration: none;
  color: #707070 ;
}

td.indent
{
  background-color:#FFF !important;
  border-top: 1px solid#FFF !important;
}

table.gantthead td.day
{
    text-align: center !important;
    font-size: 10px !important;
    letter-spacing: -1px;
}

table.gantthead td.month
{
    font-size: 11px ;
    padding-left: 3px !important;
    border-bottom: 1px solid #EEEEEE !important ;
}
table.gantthead td
{
    padding: 0px !important;
    margin: 0px !important;
    border-width: 0px !important;
    empty-cells: show;
}
table.gantthead
{
    border-collapse: collapse;

}

table.gantthead td.nav
{
    text-align: center;
    border-bottom: 1px solid #EEEEEE !important;
}
div.legend { padding: 5px; }
div.legend table td.ll { padding: 3px; white-space: nowrap; }


div.pagination_controls
{
  font-color: #444444 !important;
  font-size: 11px !important;
}

div.report a { text-decoration: none; }

.ce { font-size: 11px ; }

/* ---------------- BEGIN HIERARCHICAL ----------------- */
div.h { }
div.h .l0 {  }  div.h .l1 {   padding-left:16px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; }
    div.h .l2 {  margin-left: 16px ;  padding-left:16px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; }
    div.h .l3 {  margin-left: 32px ;  padding-left:16px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; }
    div.h .l4 {  margin-left: 48px ;  padding-left:16px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; }
    div.h .l5 {  margin-left: 64px ;  padding-left:16px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; }
    div.h .l6 {  margin-left: 80px ;  padding-left:16px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; }
    div.h .l7 {  margin-left: 96px ;  padding-left:16px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; }
    div.h .l8 {  margin-left: 112px ;  padding-left:16px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; }
    div.h .l9 {  margin-left: 128px ;  padding-left:16px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; }
    div.h .l10 {  margin-left: 144px ;  padding-left:16px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; }
/* ---------------- END HIERARCHICAL --------------- */


/* ---------------- EXT JS --------------- */

textarea.multisel
{
    /*padding-top:1px; padding-bottom:1px;*/
}

.x-form-empty-field
{
    color: #333333 ;
}
.x-form-field {
    /* font: 11px Tahoma, Arial, Verdana, Sans-Serif; */
}

table.x-btn-wrap
{
}

.search-item {
    /* font:normal 11px tahoma, arial, helvetica, sans-serif; */
    font: 11px Tahoma, Arial, Verdana, Sans-Serif !important;
    padding:3px 10px 3px 10px;
    border:1px solid#fff ;
    border-bottom:1px solid#eeeeee ;
    white-space:normal;
    color:#555;
}
.search-item h3 {
    display:block;
    font:inherit;
    font-weight:bold;
    color:#222;
}

.search-item h3 span {
    float: right;
    font-weight:normal;
    margin:0 0 5px 5px;
    width:100px;
    display:block;
    clear:none;
}

/* ---------------- END EXT JS --------------- */

.red { color: rgb(204,0, 0) ; }
.summary { font-weight: bold !important; }


/* ---------------- END   TG ----------------- */
.msg .title { padding-left: 30px;
    padding-right: 10px;
        background: transparent url(images/tick.gif) no-repeat  10px 50%;
}
.msg .x-box-mc
{
xfont-size:14px;
}#msgdiv {
position:absolute;
left:35%;
top:10px;
width:280px;
z-index:20000;
}

/* ------------------- VALIDATION ERRORS ------------------ */
.confirmation .error, .confirmation .success
{
    width: 480;
    padding: 5px;
    margin: 10px;
}
.confirmation .error
{
    border: 1px solid#D99 ;
}
.confirmation .success
{
    border: 1px solid #9D9 ;
}
.exception ul
{
  list-style-position: inside;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.exception ul li
{
    background: transparent url(images/bullet_error.png) no-repeat scroll left top;
    padding-left: 20px;
    font-size: 11px ;
    text-align: left;
    line-height: 1.5;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

.icon-action, .icon-link
{
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 2px bottom;
    padding-left: 22px;
    font-size: 10px;
    font-family: Arial, Tahoma, Microsoft Sans Serif, Arial, Sans-Serif ;
    white-space: nowrap;
    vertical-align: moddle;
    padding-right: 2px;
    line-height:18px;
}
.icon-action
{
    height: 16px;
}
.icon-link
{
    font-size: 11px ;
    font-family: Tahoma, Microsoft Sans Serif, Arial, Sans-Serif ;
    padding-top:2px;
    padding-bottom:2px;
}


.mail-footer { display: none;}
a.icon {  padding-left: 22px; 
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 2px center;
    height:16px;
    padding-top:2px;
    padding-bottom:2px;
}

.icon-email { background-image: url(images/icons/email.png) !important; }
.icon-add { background-image: url(images/icons/add.gif) !important; }
.icon-st { background-image: url(images/icons/transition.gif) !important; }
.icon-delete { background-image: url(images/icons/delete.png) !important; }
.icon-subscribe { background-image: url(images/icons/email_go.png) !important; }
.icon-unsubscribe { background-image: url(images/icons/email_delete.png) !important; }
.icon-texpand { background-image: url(images/icons/tree_plus.png) !important; }
.icon-tcollapse { background-image: url(images/icons/tree_minus.png) !important; }
.icon-open { background-image: url(images/icons/open.png) !important; }
.icon-refresh { background-image: url(images/icons/refresh.png) !important; }
.icon-tick { background-image: url(images/icons/tick.png) !important; }
.icon-edit { background-image: url(images/icons/pencil.png) !important; }
.icon-clone,.icon-copy { background-image: url(images/icons/copy.png) !important; }
.icon-document-add { background-image: url(images/icons/page_white_add.png) !important; }
.icon-comment-add { background-image: url(images/icons/comment_add.png) !important; }
.icon-save { background-image: url(images/icons/disk.png) !important; }
.icon-favorite { background-image: url(images/favorite.png) !important; }
.icon-print { background-image: url(images/icons/printer.png) !important; }
.icon-update { background-image: url(images/icons/progress.png) !important; }
.icon-recent { background-image: url(images/icons/recent.png) !important; }
.icon-filter { background-image: url(images/bullet_magnify.png) !important; }
.icon-help { background-image: url(images/icons/question.png) !important; }
.icon-reassign { background-image: url(images/grid/reassign.png) !important; }#bulkUpdate { background-image: url(images/icons/progress.png); }#addToFav { background-image: url(images/icons/fav_add.png); }#add { background-image: url(images/grid/add.gif); }#addChild { background-image: url(images/grid/add_child.gif); }#cAll { background-image: url(images/grid/collapse_all.gif); }#xAll { background-image: url(images/grid/expand_all.gif); }#undo { background-image: url(images/icons/undo.png); }#copy { background-image: url(images/icons/copy.png); }#delete { background-image: url(images/icons/delete.png); }#pickColumns { background-image: url(images/grid/columns.gif); }#changeProject { background-image: url(images/icons/move_task.png); }#reassignTasks { background-image: url(images/grid/reassign.png); }#refreshGrid { background-image: url(images/icons/refresh.png); }#fixGrid { background-image: url(images/grid/fix.png); }#kbdShortcuts { background-image: url(images/keyboard.png); }#indent { background-image: url(images/grid/indent.png); }#outdent { background-image: url(images/grid/outdent.png); }#move_up { background-image: url(images/grid/move_up.png); }#move_down { background-image: url(images/grid/move_down.png); }#toggle_filter { background-image: url(images/grid/filter.png); }

body.mceContentBody
{
    font-family: Tahoma, Arial, Verdana, Sans-Serif !important ;
    font-size: 11px !important ;
}

.x-combo-list { z-index: 30000 !important;}

.GTable { border: 0px; }
.GHeadText,.GGroupText, .GText,.GTextB,.GTextM,.GNumber,.GNumberB,.GNumberM,.GIText,.GINumber,.GLines,.GTextArea, .GHtml,.GRadio, .GIHtml,  .GGroupCustom, .GCfgMenuItem, .GCfgMenuHover, .GMenuItem, .GMenuHover, .GPagerItem, .GPagerHover, .GSimplePager, .GMessage, .GPageMessage, .GCell div, .GCell span, .GCellNE div, .GCellNE span
{
    font-family: Tahoma, Arial, Verdana, Sans-Serif ;
    font-size: 11px ;
}
.GSelect, .xGButton, .xGButtonSpace,.GButtonSpaceChecked, .GToolbarImg,.GToolbarImgHover,.GToolbarImgChecked,.GToolbarImgHoverChecked, .GCfgMenuHeader, .GPagerCaption  {
    font-family: Tahoma, Microsoft Sans Serif, Arial, Sans-Serif ;
    font-size: 11px ;
}
.GPickHover, .GPickSelHover, .GPickWD, .GPickSa, .GPickSu, .GPickSel, .GPickNow, .GPickWDNE, .GPickSaNE, .GPickSuNE, .GPickSelNE, .GPickNowNE, .GPickOM, .GPickOMNE 
{
    font-family: Tahoma, Microsoft Sans Serif, Arial, Sans-Serif ;
    font-size: 11px ;
}

.GControlPanel
{
    border: 1px solid#CCCCCC ;
}
.GSpaceCell, .GSpaceCellNE, .GSpaceSelectCell, .GSpaceCheckboxCell {
    border:0px;
    white-space:nowrap;
}
.GPanel, .GPanelTop
{
    padding: 0 2px 0 0px ;
}

.GPanel,.GPanelHover,.GSpacePanel,.GSpacePanelHover,.GFixedPanel,.GFixedPanelHover,.GFilterPanel,.GFilterPanelHover, .GFillRow, .GSpace, .GSearch, .GPager
{
    background-color:#F9F9F9 ;
}
.GPanelHover,.GPanelTopHover,.GSpacePanelHover,.GFixedPanelHover,.GFilterPanelHover {
background-color:#EEEEEE ;
}
.GHeaderNoSort, .GPanelTop, .GControlPanel, .GPanelx
{
    background-image: url(images/table_th_bg.gif);
}
.GControlPanelCell { background:transparent;}

.GCell, .GCellNE, .GHeader, .GHeaderNoSort, .GHeaderHover, .GHeaderNoSortHover, .GPanel, .GPanelHover, .GPanelTopHover, .GPanelTop, .GHeaderHoverMulti, .GHeaderGroup, .GHeaderGroupFocus,.GHeaderGroupDelete
{
  border-bottom:1px solid #EEEEEE ;
  border-right:1px solid #EEEEEE ;
}

.GPage
{
  border-top:1px solid #EEEEEE ;
}

.GMessage
{
    background:#f3f3f3 ;
    border: 2px solid#cccccc ;
}

.GMenu
{
    background:#f9f9ff ;
    border: 1px solid#cccccc ;
    padding:3px;
}

.GToolbar { background-color: #FFFFFF ; border-top: 0px; border-bottom:1px solid #999999 ; }

.GToolbarCell { background-color: transparent; font-size:10px; font-family: arial;}

.GMenuItem td, .GMenuHover td { padding: 3px; font-size: 11px ; font-family: Tahoma, Microsoft Sans Serif, Arial, Sans-Serif ; }

.GInputLike { background-color: #ffffff !important; border: 1px solid #cccccc !important; padding-bottom:2px; }


div.tabcontainer {
  float:left;
  width:100%;
  background: transparent url('images/tab_bg.gif') repeat-x scroll center bottom;
  line-height:normal;
  }

div.tabcontainer ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }

div.tabcontainer li {
  float:left;
  background:url('images/tableft-blue-sm.gif') no-repeat left top;
  margin:0 0 0 0;
  padding:0 0 0 6px;
  font-size: 11px ;
}

div.tabcontainer a
{
  float:left;
  display:block;
  background:url('images/tabright-blue-sm.gif') no-repeat right top;
  padding:6px 14px 6px 7px;
  text-decoration:none !important;
  font-weight: normal;
  cursor: default;
  outline: 0px;
  color: #333333 !important;
  min-width: 60px;
  text-align: center;
}

div.tabcontainer .browsable a
{
  cursor: pointer;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac */
div.tabcontainer a {float:none;}
/* End IE5-Mac hack */
div.tabcontainer .browsable a:hover 
{
  color:#333;
  text-decoration: underline !important;
}

div.tabcontainer .current 
{
  background-position:0% -37px;
}

div.tabcontainer .current a
{
  background-position:100% -37px;
  color: #333333 !important ;
  padding-bottom:7px;
  font-weight:bold;
}

table.tabcontainer
{
    width: 100%;
}



.button_as { background: transparent url(images/as.png) no-repeat scroll bottom right; padding-right:14px; }
.button_as span { color: #3764A0 !important; }


table.tip-table td, .tip-table span, .tip-table div, .tip-table a { font-size: 10px ; }

table.tip-table td {vertical-align: top; padding: 2px 0px 2px 5px; }

table.tip-table td.l { white-space: nowrap; text-align: right; }


table.pp { border-collapse: collapse; margin-top:1px; }
table.pp td { border: 1px solid#ccc ; }
table.pp td.trigger { background-color: #999; }

span.sortable { cursor: move; white-space: nowrap;}
ul.sortable { list-style-type: none; margin: 0px; padding: 0px; width: 100%; }
ul.sortable li { padding-top: 7px; padding-bottom:7px;  margin: 0px; margin-left: 20px; }


#celoxis-notice { font-size: 10px ; background-color:#ffffcc ; }

#page-path { text-align: left; font-size: 10px ; padding: 3px 20px 1px 10px; background-color:#f8efdf ; }

.gridtable .primary a, .gridtable .ActionLink a { color: #3764A0 ; }
.gridtable a { color: #333333 ; }


div.mceListBoxMenu, div.mceMenu, div.mce_forecolor, div.mce_backcolor { z-index: 30000 !important; }


table.banner { margin: 3px 0px; }

.FormHelpComment table.banner,#my table.banner { 
    width: 98%; 
    margin:3px; 
}

.banner td.banner { text-align: justify; padding:2px !important; }
.banner td.banner div.body { padding-right:10px; }
.banner.error {border: 1px solid #f5c1c2 ; background-color: #ffebeb ; }
.banner.warn {border: 1px solid #e6e5d8; background-color: #ffffdd ; }
.banner.notice, .banner.help {border: 1px solid #cfdfe5 ; background-color: #ffffff ; }
.banner.success { background-color: #DFD; border: 1px solid #9D9 ; }
table.banner a { text-decoration: underline !important; }

.key, .key-desc { padding:2px; }
.key { font-weight: bold; text-align: right; padding-right:5px; }
.key-desc { padding-left: 5px;  }

#licenseWarning
{
    padding: 4px 10px 3px 24px;
    border: 1px solid gold;
    font-size: 10px;
    font-weight: normal;
    color: #333333 ;
    background:#FFFFDD url(images/warning.gif) no-repeat scroll 3px 50%;
}

div.ta ul, div.ta ol, ul.regular, ol.regular
{
    list-style-position: inside !important;
    padding-left: 20px !important;
}

div.ta ul, ul.regular
{
    list-style-type: disc !important;
}
div.ta ol, ol.regular
{
    list-style-type: decimal !important;
}
div.ta strong { font-weight: bold;}
div.ta em { font-style: italic;}
div.ta blockquote { margin: 10px 20px; padding: 5px; }


.filterbar { padding: 5px; background-color: #ffffff; border-bottom:1px solid #999999; }
.right-align { text-align: right; }

.tab-loading { padding: 20px; text-align: center; }

.i-report { background-image: url(images/icons/report.png) !important;}
.i-project { background-image: url(images/icons/project.png) !important;}
.i-task { background-image: url(images/icons/task.png) !important;}
.i-forum { background-image: url(images/icons/forum.png) !important;}
.i-folder { background-image: url(images/icons/folder.png) !important;}
.i-process { background-image: url(images/icons/wf.png) !important;}
.i-user { background-image: url(images/icons/user.png) !important;}
.i-add { background-image: url(images/add.png) !important;}
.i-pie { background-image: url(images/icons/chart_pie.png) !important;}
.i-bar { background-image: url(images/icons/chart_bar.png) !important;}
.i-table { background-image: url(images/icons/table.png) !important;}
.i-search { background-image: url(images/icons/search.png) !important;}
.timer-start { background-image: url(images/play.gif) !important;}
.timer-stop { background-image: url(images/stop.gif) !important;}
.timer-reset { background-image: url(images/rewind.gif) !important;}
.i-email-go { background-image: url(images/icons/email_go.png) !important; }

span.disk-usage-green { color: rgb(0,204, 0) !important; }
span.disk-usage-red { color: rgb(204,0, 0) !important; }


tr.group td 
{ 
    padding-top: 10px; 
    border-bottom:2px solid #99BBE8;
}

button.mail
{
    padding:3px 6px;
}

tr.sel td { background-color: #FFFF99; }

blockquote .mail-footer { display: none; }
.sts { color: #15428b ; font-weight: bold; }

table.stip
{
    border:3px solid #FFCC33;
    margin-top:10px;
    margin-bottom:10px;
}
table.stip td
{
    background-color:#FFFFCC ;
}

table.audit-row tr td { padding: 3px 0px !important; }

img.tree-xc { cursor: pointer; height:16px; width:16px; vertical-align: middle; }

div.t-row, div.t-rowsep-top, div.t-rowsep-bottom { border-left:1px solid #000000 !important; }
div.t-row, div.t-rowsep-top { border-left:1px solid #000000 !important; border-bottom: 1px solid #DDDDDD ; }
div.t-row { height: 23px; }
div.t-rowsep-bottom { height: 11px; border-bottom: 1px solid #000000 !important;}
div.t-rowsep-top { height:9px; }

div.t-gantt-name {height: 23px; width: 240px; float:left; overflow:hidden; white-space: nowrap; vertical-align: top; margin-right: 3px; text-overflow: ellipsis; }
div.t-gantt-name div.ti { padding-top:3px; }

a.completed { color: #AAAAAA !important; }
#confirmation { z-index: 100000; width:400px; position: absolute; left:35%; top: 70px;   }

a.count { text-decoration: underline; color: #3764A0 ; font-size: 9px; background-position: left center; background-repeat: no-repeat; padding-left:12px; padding-right:4px;  }

img.ta { margin-right: 1px; margin-left:4px; text-align: top; }

.draggable { cursor: move; }
.lpad5 { padding-left: 5px; }
.lpad10 { padding-left: 10px; }
.lpad15 { padding-left: 15px; }
.rpad5 { padding-right: 5px; }
.rpad10 { padding-right: 10px; }
.rpad15 { padding-right: 15px; }
.page-content { padding:5px; }
.underline { text-decoration: underline; }
.cchart { padding: 3px; }


table.security td, table.security th { padding: 3px; }
table.security, table.security td { border:1px solid#cccccc ; border-collapse: collapse; }
table.security td.pbox.even { text-align: center;  background-color:#F0F0F0 ;}
table.security td.pbox.odd { text-align: center;  background-color:#F9F9F9 ;}
table.security td.role { padding-left: 10px; padding-right:20px; }

.EBody { padding:5px 20px 10px 20px; }
td.ETitle.banner { padding:10px !important;}
