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

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

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

a
{
    color: #006699 ;
    text-decoration: none;
}

a:hover 
{
text-decoration: underline;
}

a.nolink, .nolink a
{
  text-decoration: none !important;
  color: #404040 ;
}
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: #006699  !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: #404040 ;
  font-weight: bold;
  white-space: nowrap;
}
TH, tr.th td
{
  text-align: left;
}
TH.numeric
{
  text-align: right !important;
}
th.center, td.center
{
  text-align: center !important;
}
.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: 0 2px 7px 2px;
  xbackground: transparent url("images/help.png") no-repeat scroll 10px 0;
}

.FormSectionTitle, .FormSectionTitle A, .FormSectionTitle div, .FormSectionTitle td, .FormSectionTitle select
{
  font-weight: normal;
  color: #15428B ;
  font-size: 14px !important;
  font-family: Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ;
}
.FormSectionTitle
{
  padding: 10px 0px 1px 0px;
  text-align: left;
  border-bottom: 1px solid #4875BE ;
}

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

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

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

.x-form-item-label
{
    font-size: 11px ;
}
.multiselect .x-form-item-label
{
    width:70px !important;
}

.mandatory
{
  padding-left: 4px;
  padding-right: 8px;
  background-position: right 25%;
  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:#404040 ;
  font-size: 11px ;
}

.FormFieldComment
{

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

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

.body A { xcolor: #404040 ; 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;
xbackground-color:#DDDDFF;
}
.SubSectionTitle {
font-size: 12px;
font-weight: bold;
font-family: Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ;
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 ;
  xmargin: 2px 0px;
  xpadding: 2px;
  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
{
xfont-family: monospace !important;
padding:1px;
width:30px;
}

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

textarea.htmledit
{
  z-index: 1001;
}


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


table.filter td.fl, table.filter td.fi { padding-top:1px; padding-bottom: 1px; }
.fl {  }
td.fl { padding-left: 10px; text-align:right; padding-right: 2px; white-space: nowrap; width: 1%; }
td.fs { width: 90%; padding-left: 5px !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: 3px;
    text-align: center;
    white-space: nowrap;
}

table.ra td { padding:0px 2px 3px 0px; }
table.ra td:first-child { text-align:right; }
table.attTable { border-collapse: collapse; width: 100%;}
table.attTable td.attName, table.attTable td.attValue { border: 1px solid #DEDEEE ; }

#st-rhs-container .x-panel td.attValue:last-child { border-right-width:0px !important;}
#st-rhs-container .x-panel td.attName:first-child { border-left-width:0px !important;}
#set-rhs-container .x-panel table.attTable tr:first-child td { border-top-width: 0px !important; }
#st-rhs-container .x-panel table.attTable tr:last-child td { border-bottom-width: 0px; !important }
#st-rhs-container table.gridtable tbody:last-child tr.report-row td { border-bottom-width: 0px; }
.x-portlet table.gridtable tbody:last-child tr.report-row td { border-bottom-width: 0px; }

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

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

td.attName, td.attValue {
color: #404040 ;
vertical-align: top;
padding: 5px 10px;
}


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

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

.CalCell {
font-weight: bold;
}

.CalEventDesc {

text-align: left;
}

.high {
color: rgb(204,0, 0) ;
font-weight: bold;
}
.normal {
color: #404040 ;
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-amber, .signal-red, .signal-default, .signal-blue, .signal-darkgray, .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, .sig-green
{
background-image: url(images/task/bullet_green.gif);
}
.signal-amber, .sig-amber
{
background-image: url(images/task/bullet_orange.gif);
}
.signal-red, .sig-red
{
background-image: url(images/task/bullet_red.gif);
}
.signal-blue, .sig-blue
{
background-image: url(images/task/bullet_blue.gif);
}
.signal-future, .signal-na, sig-white
{
background-image: url(images/task/bullet_white.gif);
}
.signal-default, .signal-darkgray, .sig-gray
{
background-image: url(images/task/bullet_gray.gif);
}

.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: 5px; 
}#topactions a,#topactions td,#topactions 
{
  color: #eeeeff ;
  font-size: 11px ;
  font-family: Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ;
}#topactions a
{
  text-decoration: none;
  height:16px;
  line-height:20px;
}#topactions a:hover
{
    text-decoration: underline;
}
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,  .smallest select
{
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;
  padding:5px;
  font-size: 12px;
  font-family : Segoe UI, Sans-Serif, Arial, Tahoma ;
  font-weight: bold;
}

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

td.tfooter
{
    width: 100%;
    padding: 3px;
    background-color:#f3f3f3 ;
    border-bottom: 1px solid #CCCCCC ;
    border-top: 1px solid #CCCCCC ;
}
.x-portlet .tfooter
{
    border-bottom-width: 0px;
}

table.tfooter form
{
    margin: 0px;
}

.taction
{
  width: 100%;
}

.tbutton
{
  background-color: #c8deec ;
  padding: 1px 0px;
  vertical-align: middle;
  text-align: center;
}

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

div.help
{
  font-size:10px;
  color: #15428B;
  line-height:1.5;
  padding:3px 0px;
}
.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: #404040 ;
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, table.gridtable tr.grouphead0 td
{
xfont-size: 15px ;
border-bottom: 2px solid #99bbe8;
color: #3764A0
font-weight: bold;
}

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

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



tr.resource-usage-summary td.resource
{
  text-align:left !important;
  font-weight: normal;
  background-color: #ffffcc ;

}


.ruc .task-row td.a { text-decoration: underline ; }
.ruc .wx { background-image: url('images/m8.png'); background-repeat: repeat;}
.ruc td.r { width:240px !important; }
.ruc td div.r { white-space:nowrap; width:230px !important; overflow:hidden;} 

.ruc td.a { width:50px !important; text-align:center;padding-left:3px; }
.ruc td.ndy { width:26px !important; text-align:center; padding:0px !important; }
.ruc td.nwk { width:44px !important; text-align:center;  padding:2px;}
.ruc td.nmo { width:48px !important; text-align:center;  padding:2px;}

x.ruc .wx { background: transparent url('images/icons/xls_comment.png') no-repeat right top ; }
.ruc td { vertical-align: top; padding:2px 0px; }
table.usagechart, table.usagechart td { border: 1px solid #CCCCCC  ; border-spacing:0; border-collapse: collapse; }

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

.ruc div.legend { padding:5px 5px 5px 0px; text-align: right; background:#f3f3f3; border:1px solid #CCCCCC ;}

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

.ruc .vac { background:#FFD700 url(images/nw.png) no-repeat scroll 50% 50%;  color: #707070 ; }
.ruc .resource-usage-summary td.ndy { text-decoration:underline; font-size:10px !important;}

.timetill-ago { color: rgb(204,0, 0) ; font-size:9px ; }
.timetill-closeby { color: rgb(255,153, 0) ;  font-size:9px ;}
.timetill-after { color: #404040 ;  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 ;
}

table.legend
{
  margin:10px;
}

table.legend td
{
    padding:3px;
    vertical-align: middle;
}

table.legend td.ll { white-space: nowrap; } table.legend td.ll img { vertical-align:middle;}

.tesaved
{
color: #404040 ;
}
.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: #006699 ; }
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.calweek td { padding:3px; }

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 th.month { text-align: center; padding:3px 0px; background-color:#eeeeee ; }
table.smallmonth th.dayname { text-align: center; font-weight:normal; padding:2px 0px;}
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; }

span.caluser { 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 { color: #99BBE8 ; list-style:square outside none;  margin-left: 20px; }
div.adminmodule li { margin-bottom: 5px; font-size: 12px; font-family: Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ;}
div.adminmodule .state { color: #666; }
fieldset { border: 1px solid #99bbe8 ; padding: 5px; -moz-border-radius: 3px 3px 3px 3px ; -webkit-border-radius: 3px 3px 3px 3px ; border-radius: 3px 3px 3px 3px ;  }
fieldset legend.title { text-indent: 5px; font-weight: bold; color: #15428B ; font-family: Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ; font-size: 12px; }
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: #404040 ; 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; overflow: hidden; min-width:140px;}
div.as a
{
  display: block !important;
  white-space: nowrap;
  margin: 0px;
  padding: 5px 10px 5px 28px !important;
  text-decoration: none;
  font-size: 11px !important;
  font-family: Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ;
  background-repeat: no-repeat;
  background-position: 6px 50%;
}
div.as .vmore { cursor: pointer; background-color:#FFFFFF !important; color: #666666 ; }
div.as .sep { background-color:#cccccc ; width:100%; display:block; margin:0px 0px 2px 0px; }
div.as .sec { font-size: 10px ; font-family: arial, sans-serif; padding:2px 10px; color:#404040 ; background-color:#f3f3f3; border-top:1px solid #cccccc;}

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

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:#F6F6F6 ;
}
table.gridtable table tr:hover
{
    background-color: transparent;
}

table.gridtable td a, .attTable td a { text-decoration : underline; color: #404040 ; }

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

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

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 {background-color:#FFa78b ;}  /* Over */
div.ruc .x {background-color:#AFEEEE ;}  /* Exact */
div.ruc .u {background-color: #98FB98 ;}  /* Under */
div.ruc .l { background-color:#CCCCFF ;}
div.ruc table td { vertical-align: middle; font-size:9px; }


.tbimg
{
    white-space: nowrap;
}

.tbimg input, .tbimg div, .tbimg img, .tbimg span
{
    vertical-align: middle;
}
div.paneldecorator
{
  background-color: transparent ;
  margin: 0px !important;
  z-index: 200;
  overflow: hidden;
}
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; vertical-align:middle; }
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 0 100%;
  font-size: 11px ;
  font-weight: normal;
}

th a { color: #404040 ; text-decoration: underline; }

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

table.gridtable th:last-child, table.formtable th:last-child
{
    border-right-width:0px !important;
}

table.gridtable td, table.formtable td.r
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color:#EAEAEE ;
}

.x-portlet table.gridtable tfoot td, .x-portlet table.gridtable tr.total td
{
    border-bottom-width: 0px;
}
table.gridtable td, table.formtable td.r, table.formtable td.rnb
{
    padding: 4px 7px;
    vertical-align: top;
}


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, .ttitle select
{
  font-family: Segoe UI, Sans-Serif, Arial, Tahoma !important;
  color: #15428b ;
  white-space: nowrap;
}

body .ttitle, body .ttitle select
{
  font-size: 20px;
  font-weight: normal;
}

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 .ttitle, .page-header .ttitle select
{
  color: #404040 ;
  font-family: Arial, Helvetica, Sans-Serif !important;
}

.page-header .actions
{
  vertical-align:top;
  margin: 0px;
  padding: 3px 0px 3px 5px;
}
#pageTitle 
{
    background-color:#f3f3f3;
}#pageTitle .page-header .actions
{
  padding: 0px 0px 3px 5px;
  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; margin:0 5px; }

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;
}
.nowrap { white-space:nowrap; }

.feedback
{
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
}
.feedback .message
{
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 0px 24px ;
    margin:0px;
    min-width: 180px;
    line-height:16px;
}
.feedback .message, .feedback .message li, .feedback .message span, .feedback .message div
{
    font-family: Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ;
    font-size: 12px;
    line-spacing: 1.5;
}
.feedback.error { background-color : #FFDDDD ; border-bottom: 1px solid #D99 ; }
.feedback.error .message { background-image: url(images/exclamation.png) ; }
.feedback.success { background-color : #DDFFDD ; border: 1px solid #9D9 ; }
.feedback.success .message { background-image: url(images/tick.gif) ; }
.feedback.warn { background-color : #FFFFCC ; border-bottom: 1px solid #FFCC33 ; }
.feedback.warn .message { background-image: url(images/warning.gif) ; }
.feedback.info { background-color : #CCEEFF ; border-bottom: 1px solid #33CCFF ; }
.feedback.info .message { background-image: url(images/information.png) ; }

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: #404040 ;
    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; }

.italic { font-style: italic; }

.light, .light select { 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 ;
}

div.btn { margin:0 5px; }
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 !important;
}

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 img { vertical-align: text-top;}
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:18px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; margin-top:1px; }
    div.h .l2 {  margin-left: 16px ;  padding-left:18px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; margin-top:1px; }
    div.h .l3 {  margin-left: 32px ;  padding-left:18px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; margin-top:1px; }
    div.h .l4 {  margin-left: 48px ;  padding-left:18px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; margin-top:1px; }
    div.h .l5 {  margin-left: 64px ;  padding-left:18px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; margin-top:1px; }
    div.h .l6 {  margin-left: 80px ;  padding-left:18px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; margin-top:1px; }
    div.h .l7 {  margin-left: 96px ;  padding-left:18px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; margin-top:1px; }
    div.h .l8 {  margin-left: 112px ;  padding-left:18px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; margin-top:1px; }
    div.h .l9 {  margin-left: 128px ;  padding-left:18px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; margin-top:1px; }
    div.h .l10 {  margin-left: 144px ;  padding-left:18px; background: url(images/hier_b.gif) no-repeat scroll left top; padding-top:2px; margin-top:1px; }

div.h a { text-decoration :underline;}
.x-combo-list-item div.h a { text-decoration:none; color: #404040 }
/* ---------------- END HIERARCHICAL --------------- */


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

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

.x-form-empty-field
{
    color: #404040 ;
}

table.x-btn-wrap
{
}

.x-tab-panel-tbar button.x-btn-text
{
    font-size:10px;
    min-width:60px;
}

.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: square;
  padding: 0;
  margin: 0;
}
.exception ul li
{
    xbackground: 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;
}

.i-mini-action
{
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    padding-left: 12px !important;
    font-size: 10px;
    font-family: Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ;
    white-space: nowrap;
    vertical-align: middle;
    padding-right: 6px;
    line-height:12px;
}
.icon-action, .icon-link
{
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 2px bottom;
    padding-left: 22px !important;
    font-size: 10px;
    font-family: Arial, Tahoma, Microsoft Sans Serif, Arial, Sans-Serif ;
    white-space: nowrap;
    vertical-align: middle;
    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;}
.icon {  padding-left: 22px; 
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 2px center;
    height:16px;
    padding-top:2px;
    padding-bottom:2px;
}

.i-ruc { background-image: url(images/res_util.png) !important; }
.i-loading { background-image: url(images/icons/loading16x16.gif) !important; }
.i-gantt { background-image: url(images/gantt.gif) !important; }
.i-wrench { background-image: url(images/icons/wrench.png) !important; }
.i-cost-rate { background-image: url(images/icons/dollar_green.png) !important; }
.i-bill-rate { background-image: url(images/icons/dollar_purple.png) !important; }
.i-time-add { background-image: url(images/icons/time_add.png) !important; }
.i-time-miss { background-image: url(images/icons/time_missing.png) !important; }
.icon-email { background-image: url(images/icons/email.png) !important; }
.icon-rss { background-image: url(images/icons/rss.png) !important; }
.icon-audit { background-image: url(images/icons/footprint.gif) !important; }
.icon-add { background-image: url(images/icons/add.gif) !important; }
.icon-csv { background-image: url(images/icons/csv.gif) !important; }
.icon-excel { background-image: url(images/icons/page_white_excel.png) !important; }
.icon-st { background-image: url(images/icons/transition.gif) !important; }
.icon-timer { background-image: url(images/icons/stopwatch.png) !important; }
.icon-req-update { background-image: url(images/icons/request_update.png) !important; }
.icon-delete { background-image: url(images/icons/delete.png) !important; }
.icon-group { background-image: url(images/icons/group.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-security { background-image: url(images/icons/key.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-archive { background-image: url(images/icons/compress.png) !important; }
.icon-document-move { background-image: url(images/icons/doc_move.gif) !important; }
.icon-checkin { background-image: url(images/icons/checkin.png) !important; }
.icon-checkout, .icon-download { background-image: url(images/icons/checkout.png) !important; }
.x-tool-custcols, .x-tool-del, .x-tool-download, .x-tool-edit, .x-tool-more,.x-tool-trash { background-position:33% 33%;}
.x-tool-download { background-image: url(images/icons/mini_download.png) !important; }
.x-tool-custcols { background-image: url(images/icons/customize_cols.png) !important; }
.i-mini-del, .x-tool-del { background-image: url(images/icons/mini_delete.png) !important; }
.i-mini-edit, .x-tool-edit { background-image: url(images/icons/mini_edit.png) !important; }
.x-tool-more { background-image: url(images/icons/mini_gear.png) !important; }
.x-tool-trash { background-image: url(images/icons/mini_trash.png) !important; }
.icon-revert { background-image: url(images/icons/revert.png) !important; }
.icon-url { background-image: url(images/icons/link.png) !important; }
.icon-url-add { background-image: url(images/icons/link_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-white.png) !important; }
.icon-error { background-image: url(images/icons/exclamation-red.png) !important; }
.icon-mini-help { background-image: url(images/icons/question-small-white.png) !important; }
.icon-reassign { background-image: url(images/grid/reassign.png) !important; }
.icon-ical { padding-left: 42px !important; background-image: url(images/icons/ical.png) !important; }
.i-calendar { background-image: url(images/icons/calendar_view_month.png) !important; }
#bulkUpdate { background-image: url(images/icons/progress.png); }#rpu { background-image: url(images/icons/request_update.png); }#addToFav { background-image: url(images/icons/fav_add.png); }
.i-add,#add { background-image: url(images/grid/add.gif); }
.i-creditcards24 { background-image: url(images/creditcards24x24.png) !important; }#addChild { background-image: url(images/grid/add_child.gif); }
.icon-collapse-all,#cAll { background-image: url(images/grid/collapse_all.gif); }
.icon-expand-all,#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); }
.x-too-delete,#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); }
.icon-up,#move_up { background-image: url(images/grid/move_up.png); }
.icon-down,#move_down { background-image: url(images/grid/move_down.png); }
.i-filter,#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;}

.GMMainTable { border-width:0px !important; }
.GMClassReadOnly { color: #666666 !important ; }
.GMFillRow { background-color: #DFE8F6 !important ; }
.GMFilterBarRow { padding: 5px !important ;}

.GMCellSpaceEdit, .GMCellSpaceEditIcon
{ border: 1px solid #999999 !important ; background-image: none; }

td.GMCellSpaceButton .icon-action
{
    background-position:50% 0% !important;
    padding-top:16px;
    min-width:24px;
    padding-left:2px !important;
    padding-right:2px !important;
    white-space: normal;
    line-height:12px;
    color: #333333 ;
}

.GMSpaceRow { background-color:#DFE8F6 !important; }

#Grid .GMToolbarRow { 
background: transparent url('/psa/js/ext/resources/images/default/toolbar/bg.gif') repeat-x 0px 0px;
padding-top:0px; padding-bottom:2px;
border-color: #A9BFD3 ;
border-width: 1px 0 1px 0;
border-style: solid;
}

.GMCell, .GMCellPanel, .GMCellFilter, .GMCellFilterPanel, .GMHeaderDrag, .GMHeaderGroup, .GMCellUser {
    border-bottom-color: #DDE !important ;
    border-right-color: #DDE !important ;
}
.GMBodyLeft, .GMBodyMid, .GMBodyRight
{
    border-top: 1px solid #cccccc !important ;
}
.GMCellHeader, .GMCellHeaderPanel, .GMCellHeaderEmpty
{
    background-image: url(images/table_th_bg.gif) !important ;
    font-family: Tahoma, Arial, Verdana, Sans-Serif !important ;
    font-size: 11px !important ;
}

.GMHeaderText
{
    color: #404040 !important ;
}

.GMCell
{
    background-color: #FFFFFF !important ;
    font-family: Tahoma, Arial, Verdana, Sans-Serif !important ;
    font-size: 11px !important ;
}

.GMDateRight
{
    background:transparent url("images/calendar.png") no-repeat scroll right 0px !important;
}

table.tabcontainer
{
    margin-bottom:5px;
}
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: #707070 !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:#404040 ;
  text-decoration: underline !important;
}

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

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

table.tabcontainer
{
    width: 100%;
}



.a-as { width:12px;height:12px;}
.button_as { background: transparent url(images/as.png) no-repeat scroll right 50%; padding-right:14px; }
.a-as .button_as { padding-right:0px; background-position: 50% 50%;}
.hi .button_as { }
.button_as span { color: #006699 !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 ; }


tr.selected td a { text-decoration: underline !important;}


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

div.buttonList { margin:0 auto;}
td.buttonList { background-color:#F6F6FF;}
.formcontainer td.buttonList { padding:5px; background-color: transparent; }


.x-panel-header-text, .x-panel-header-text div, .x-panel-header-text span, .x-panel-header-text td, .x-panel-header-text input { font-size:12px; font-weight: normal; font-family: Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ; }

.formtitle, .formtitle span, .formtitle div, .formtitle td, .formtitle input { font-size:15px !important; font-weight: normal;}

.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: #404040 ;
    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; }


.right-align { text-align: right; }

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

.i-documents { background-image: url(images/icons/documents.png) !important;}
.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-folder-add { background-image: url(images/icons/folder_add.png) !important;}
.i-process { background-image: url(images/icons/wf.png) !important;}
.i-process-add { background-image: url(images/icons/wf_add.png) !important;}
.i-task-add { background-image: url(images/icons/task_add.png) !important;}
.i-user { background-image: url(images/icons/user.png) !important;}
.i-user-green { background-image: url(images/icons/user_green.png) !important; background-repeat: no-repeat;}
.i-user-red { background-image: url(images/icons/user_red.png) !important; background-repeat: no-repeat;}
.i-user-blue { background-image: url(images/icons/user.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;}
.i-email-go { background-image: url(images/icons/email_go.png) !important; }
.i-more-actions { background-image: url(images/icons/cog.png) !important; }

#timer_start { background-image: url(images/icons/play_green.png) !important;}
#timer_stop { background-image: url(images/icons/stop_red.png) !important;}
#timer_reset { background-image: url(images/icons/resultset_first.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; font-size:11px; }

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 { 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; border-right:1px solid #000000 !important;}
div.t-rowsep-top { height:9px; }

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

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

.completed td, .completed td a, .completed td span { color : #999999 !important; }

a.count { text-decoration: underline; color: #006699 ; 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; }
.pad3 { padding:3px;}
.page-content { padding:5px; }
.s .page-content { padding:0px; }
.underline { text-decoration: underline; }


table.security td, table.security th { padding: 4px; min-width: 65px;}
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:10px; white-space: nowrap; }

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

tr.noborder td { border:0px !important; }
.bold { font-weight: bold; }

tfoot.total td { border-top:2px solid #CCCCCC; padding-bottom:7px;  }

.a-link { width:90%; float:left; overflow:hidden;}
.a-as { width:12px; float:right;}

.grouphead0, .grouphead0 a, .grouphead0 div { font-weight: bold; text-transform: capitalize ; color: #3764A0 ;}
.ganttgroup, .ganttgroup a, .ganttgroup div { color:#CC3366 !important;text-transform: capitalize ; font-weight: bold;}

.x-tab-strip span.x-tab-strip-text { font-size: 12px; font-family : Segoe UI, Sans-Serif, Arial, Tahoma ; min-width: 60px;}

div.tabactions a { font-size: 10px; margin-right:10px;}
div.tabactions { text-align: right; background-color:#eef0ff ; padding:1px 0px 0 0; border-bottom: 1px solid #8DB2E3 ; }
xdiv.tabactions a { background-image: none !important; }

.chart-click-content { border-top: 1px solid #99bbe8; }

hr { width:100%; height:1px; color: #DDDDDD ; background-color: #DDDDDD ; border:0px solid #FFFFFF ; }

.sortlink
{
    padding-right:14px;
}

.sortlink.up
{
    background:transparent url('images/sort_up.gif') no-repeat right center ;
}
.sortlink.down
{
    background:transparent url('images/sort_dn.gif') no-repeat right center ;
}

div.acc {  min-height:100px; min-width:120px; max-width:160px; padding-top:15px; padding-bottom: 15px; }

a.acc-link { display: block; padding:4px 0px 4px 5px; white-space: nowrap; overflow: hidden; font-family: Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ; font-size: 11px; text-transform: capitalize;}

div.acc-section a.acc-link
{ 
    padding-left: 8px;
    font-size: 10px ;
}

div.acc-section .acc-section-title.acc-open 
{ 
    background-image: url('images/accordion_open.png');
}

a.acc-link.selected { background-color:#FFFFFF ; font-weight: bold ; -moz-border-radius: 3px 0px 0px 3px ; -webkit-border-radius: 3px 0px 0px 3px ; border-radius: 3px 0px 0px 3px ; ; }

div.acc-section-content { padding-left: 8px; }

div.acc-actions
{
    margin:3px 8px 5px 0px;
    border:1px solid#CCCCCC ;
    background-color:#FFFFCC ;
    padding:3px;
}
div.acc-actions a
{
    display:block;
    padding:1px 3px;
    font-size: 10px ;
}
div.acc a:hover
{
    background-color:#CCCCFF;
    text-decoration:none;
}

#toolbar .x-btn-text-icon .x-btn-icon-medium-left .x-btn-text,
#toolbar .x-btn-text-icon .x-btn-icon-medium-top .x-btn-text ,
#toolbar .x-btn-text-icon .x-btn-icon-small-top .x-btn-text
{
    font-size:12px;
    font-family: Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ;
}

#toolbar .x-toolbar
{
   background-image: url('js/ext/resources/images/default/layout/panel-title-light-bg.gif');
}

#toolbar .x-toolbar .xtb-sep
{
    height:26px;
    background-repeat:repeat-y;
}

#page-title.x-panel-header
{
    padding: 0px;
    background-image: none;
    background-color: #eef0ff;
    xbackground: transparent url('images/ptbg3.gif') repeat-x 0 0;
    border-width:0px;
    border-bottom-width:1px;
}
#page-title .x-panel-header-text .title ,
#page-title .x-panel-header-text .title a 
{ 
    font-size: 18px !important;
    color: #404040 ;
    font-weight: normal;
    font-family: Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ;
    padding-top:5px;

}
.page-path a, .page-path { font-size: 11px; font-family: Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ; color: #404040 ; }

#page-title .page-path
{
    padding-top: 0px;
    padding-bottom:0px;
    font-size: 11px !important ;
}
#container-box { padding: 0px; background-color:#FFFFFF ; }

.page-actions { padding-top: 5px; font-weight: normal; }

.page-actions a { background-image: none !important ; padding-left: 0px !important; padding-right: 8px !important; font-family:  Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ; color: #505050; text-decoration: underline; }

img#logo { height: 28px; }

.combo-simple { border-width: 0px !important; background-image: none !important; background:transparent !important; color:inherit; padding-top:0px !important;padding-bottom:2px !important; margin:0px !important; }
.combo-trig-simple { background: transparent url("images/arrow_down.gif") no-repeat 50% 50% !important; border: none !important; color: inherit; margin:0px !important;}
.x-form-field-nodec { border-width: 0px !important; background-image: none !important; background:transparent; color:inherit;}


table.addte th { padding: 5px 0px 5px 5px !important; background:transparent url("images/grid3-hrow.gif") repeat-x scroll 0 50%; font-weight:normal; }

.addte .x-item-disabled { opacity: 1 !important; color: #404040 !important;}
.addte .x-item-disabled .x-form-text { color: #404040 !important ;}
.panel-bg { background-color: #DFE8F6 ; }

table.addte .lo td { background-color:#FFFFFF !important; }



.addte .x-form-text, .addte textarea.x-form-field { background-color: transparent;}

.addte input.hhmm { padding:2px 2px !important;}
.addte td { background-color:#FFF ; }

.addte .client, .addte .project, .addte .task { width:160px !important; }
.addte .timecode { width:110px !important; }
.addte .ratetype { width:80px !important; }
.addte .day { width: 50px !important; }
.addte div.total { text-align: right; padding-right: 5px; font-weight: bold; }
table.addte  {width: 100%;}

.te-cell { border: 1px solid #CCCCCC !important; }
.te-cell-edited { border:1px solid #FF33CC !important; }

#addeditactions td { background-color: transparent; }

div.form-tab { text-align: left; padding: 10px; }
.addte input.hhmm { width : 100% !important; }
.pager-info { padding-top: 3px;}

#confirmation
{
}

#confirmation-message
{
    z-index:100000;
    padding:0px 50px;
}

.x-tip-body { line-height:1.33em !important;}
.x-menu-item-text { font-size:11px; font-family: Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ; }

.section-header
{
    margin:3px;
}
.section-header .ttitle
{
    padding: 0px !important;
    font-size: 14px !important;
    font-weight: bold;
}

fieldset.reportinput
{
    border-color: #99BBE8 ;
    border-style: solid;
    text-align: left;
    border-width: 1px 0px 0px 0px !important; -moz-border-radius: 0px 0px 0px 0px ; -webkit-border-radius: 0px 0px 0px 0px ; border-radius: 0px 0px 0px 0px ;  ;
    padding-left:10px;
}

fieldset.reportinput legend
{
    font-weight: normal;
    color: #1C417C ;
    font-size: 14px;
    font-family: Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ;
}
tr.report-row td:last-child { padding-right:22px;}

a.colsel { cursor:pointer;display:}
a.colsel:hover { background-color: #DDEEFF ; }
span.milestone, span.critical, span.hpriority, span.flag { padding:3px 4px; color:#FFFFFF ; -moz-border-radius: 3px 3px 3px 3px ; -webkit-border-radius: 3px 3px 3px 3px ; border-radius: 3px 3px 3px 3px ;  ; background-color: #808080 ; font-size:11px;}
span.critical { background-color: #cc00cc ; }
span.hpriority { background-color: #FF6633 ; }
span.milestone { background-color: ##610B5E ; }

input[type="number"] { text-align: right; }

.ruc td.ylo { background-color:#FFFF00 !important ; cursor: pointer; text-decoration:underline;color: #000000 !important ; }

td.smallmonth
{
    border:1px solid#cccccc ;
}
.project-row td { background-color:#ffffee ; }
.menu-title{
    background:#D6E3F2 ;
    border-top: 1px solid #99bbe8;
    margin:3px -3px;
    color:#15428b;
    font:bold 11px Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ;
    display:block;
    padding:5px 5px 5px 20px;
}
.menu-help
{
    font:normal 10px Segoe UI, Microsoft Sans Serif, Arial, Helvetica, Sans-Serif ;
    padding:10px 10px 10px 24px;
    color: #666666 ;
}
.monospace { font-family: monospace ; }
p.txt { padding:3px; }
.gridres { color : #333333 !important; }

.gantt-bar-project.sch-gantt-parenttask-bar .sch-gantt-progress-bar { background-color: #555 !important ; height: 10px !important; margin: 1px; }
.gantt-bar-project.sch-gantt-parenttask-bar { background-color: LightGreen ; border: 1px solid #555 !important ; height: 12px !important; padding-right:1px; }
.gantt-bar-project .sch-gantt-parenttask-arrow { border-color: #555 transparent transparent !important ; }
.sch-gantt-parenttask-bar { background-color:#ffe291 ; height: 11px; }
.sch-gantt-parenttask-bar .sch-gantt-progress-bar { background-color:#ff9900 ; height: 9px; margin: 1px; }
.gantt-bar-project { border-bottom: 1px solid#ddd !important;}

.task-done .x-grid3-cell-inner { color: #999999 ; }

.x-grid3-body .x-grid3-td-numberer { background-size: 100% ; }
.icon-toggle-expand { background-image: url(images/icons/down.png) !important; }
.icon-toggle-collapse { background-image: url(images/icons/up.png) !important; }
.icon-plus { background-image: url(images/icons/plus.png) !important; }
.icon-pencil { background-image: url(images/icons/pencil.png) !important; }
.icon-progress { background-image: url(images/icons/progress-add.png) !important; }
.icon-progress-request { background-image: url(images/icons/progress-request.png) !important; }
.icon-users { background-image: url(images/icons/users.png) !important; }
.icon-chain { background-image: url(images/icons/chain.png) !important; }
.icon-unchain { background-image: url(images/icons/chain-unchain.png) !important; }
.icon-up { background-image: url(images/icons/arrow-090.png) !important; }
.icon-down { background-image: url(images/icons/arrow-270.png) !important; }
.icon-left { background-image: url(images/icons/arrow-180.png) !important; }
.icon-right { background-image: url(images/icons/arrow.png) !important; }

.icon-nav-left-double { background-image: url(images/icons/control-double-180.png) !important; }
.icon-nav-right-double { background-image: url(images/icons/control-double.png) !important; }
.icon-nav-left { background-image: url(images/icons/nav-left.png) !important; }
.icon-nav-right { background-image: url(images/icons/nav-right.png) !important; }
.icon-nav-today { background-image: url(images/icons/today-24.png) !important; }
.icon-full-screen { background-image: url(images/icons/application-resize-full.png) !important; }
.icon-sidebar-collapse { background-image: url(images/icons/application-dock-180.png) !important; }
.icon-zoom-fit { background-image: url(images/icons/magnifier-zoom-fit.png) !important; }
.icon-zoom-in { background-image: url(images/icons/magnifier-zoom.png) !important; }
.icon-zoom-out { background-image: url(images/icons/magnifier-zoom-out.png) !important; }
.icon-calendar-day { background-image: url(images/icons/calendar-select.png) !important; }
.icon-calendar-week { background-image: url(images/icons/calendar-select-week.png) !important; }
.icon-calendar-month { background-image: url(images/icons/calendar-select-month.png) !important; }
.icon-cb-copy { background-image: url(images/icons/document-copy.png) !important; }
.icon-cb-cut { background-image: url(images/icons/scissors-blue.png) !important; }
.icon-cb-paste { background-image: url(images/icons/clipboard-paste.png) !important; }
.icon-indent{ background-image: url(images/icons/indent.png) !important; }
.icon-outdent{ background-image: url(images/icons/outdent.png) !important; }
.icon-beta { background-image: url(images/icons/splash_beta_orange.png) !important; }

.icon-progress-0 { background-image: url(images/icons/progress-0.png) !important; }
.icon-progress-25 { background-image: url(images/icons/progress-25.png) !important; }
.icon-progress-50 { background-image: url(images/icons/progress-50.png) !important; }
.icon-progress-75 { background-image: url(images/icons/progress-75.png) !important; }
.icon-progress-100 { background-image: url(images/icons/progress-100.png) !important; }
.icon-progress-on-track { background-image: url(images/icons/progress-on-track.png) !important; }

@media print 
{ 
    thead {display: table-header-group;}
    thead th { background-color:#eeeeee ; }
}

.icon-feedback { background-image: url(images/icons/balloon-sound.png) ; }