/* ----- Modify the 'page_body' style to change font, page margin, etc. ---- */


BODY,TABLE
{
  FONT-SIZE: 8pt; 
  FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; COLOR: #37392f;

}


H4 
{
  FONT-SIZE: 11pt; 
  FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; 
  COLOR: #ffffff;
}


li 
{
  margin-bottom:4px;
}


/* ----------------- ADD CUSTOM STYLES BELOW.  ------------------ */
.bullet_list /*StyleList*/{margin-top: 0px;}
.bullet_list li /*StyleList*/{margin-top: 0px; list-style: none; no-repeat;}
list-style: none; background:url(images/mouse.png) no-repeat left;background-position: 0em 0.1em;}

.tab_normal {background-image:url(images/tab.png); width:73px; height:20px;background-repeat:no-repeat;}
.tab_colour {color:#ffffff;}

.fsubheading /*StyleList*/ {color:#003aa8;font-size:10pt;font-weight:bold;}
.fsmall {font-size:7pt; color: darkslategrey;}
.fmarquee {font-size:10pt;color: #557f55;}
.fspacer {margin-bottom:5px; margin-top:0px;}

.dtab_banner   {
        height:125px;
        background-image:url(images/fileye_banner.png); 
        background-repeat:no-repeat;
        }
.dtab_tabs {
        font-size:11px;
        float:left;
        position:relative; 
        font-weight:bold;
        margin-right:5px;
        width:73px;        
        height:20px;
        left: 40px;
        top: 105px;  
        line-height:20px;
        text-align:center;
        vertical-align:middle;
        background-image:url(images/tab.png);
        background-repeat:no-repeat;
        }
.dmain {
        font-weight: none;
        width:950px;
        position:relative; 
        }
.dleft {
        width:34%;  
        padding:5px;      
        background: #ffffff; 
        color: darkslategrey;
        vertical-align: top;
        }
.dmiddle {
        width:33%;     
        padding:5px;      
        background: #ffffff; 
        color: darkslategrey;
        vertical-align: top; 
        }
.dright {
        width:33%;    
        padding:5px;       
        background: #ffffff;
        color: darkslategrey;
        vertical-align: top;
        }

.dleftandright {
        width:67%; 
        padding:5px;          
        background: #ffffff; 
        color: darkslategrey;
        vertical-align: top;
        }

.breadcrumbsf /*StyleList*/ {FONT-SIZE: 8pt; FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; COLOR:#B1B0A8;}
.breadcrumbsf A:link {text-decoration: none; color: #B1B0A8}
.breadcrumbsf A:active {text-decoration: none; color: #B1B0A8}
.breadcrumbsf A:visited {text-decoration: none; color: #B1B0A8}
.breadcrumbsf A:hover {text-decoration: underline; color: black}

.bullet_numbered /*StyleList*/{margin-top: 0px;}
.bullet_numbered li /*StyleList*/{margin-top: 0px; padding: 2px 0 2px 16px;
list-style: decimal;}

.ffield/*StyleList*/ {color:#8b0000;}
.fdata/*StyleList*/ {color:#5f497a;}

.ftable /*StyleList*/ {width:100%; border-collapse:collapse;}
.ftable td, .ftable th  /*StyleList*/ {border:1px solid #d2d2d2; padding:3px 7px 2px 7px;}
.ftable th /*StyleList*/ {text-align:left; padding-top:5px; padding-bottom:4px; background-color: #63b4dc; color:#ffffff;}
.ftable tr.alt td /*StyleList*/ {color:#000000; background-color:#f2ffff;}

.normal /*StyleList*/ {font-size: 8pt; font-family: Tahoma, Arial, Helvetica, sans-serif; color: darkslategrey;text-decoration: none;}



.HiddenLink:link /*StyleList*/ {text-decoration: none; color: #434242;}
.HiddenLink:active {text-decoration: none; color: #434242;}
.HiddenLink:visited {text-decoration: none; color: #434242;}
.HiddenLink:hover {background-color: yellow; text-decoration: none; color: #434242;}


.TogglePanel         {WIDTH:100%; BORDER:1px solid #cccccc;margin-bottom:3px;}
.TogglePanel_Heading {BACKGROUND-IMAGE:url(images/col.gif); color: blue; BACKGROUND-REPEAT:no-repeat; BACKGROUND-POSITION:Left center; padding-left:20px; padding-top:4px; padding-right:4px; padding-bottom:4px; cursor:pointer; border-left:0px solid transparent; border-top:0px solid transparent; vertical-align:top;}
.TogglePanel_Body    {padding-left:20px; padding-top:4px; padding-right:4px; padding-bottom:4px; border-left:0px solid transparent; vertical-align:top;color:#557f55}



/* ------------------ Modify the styles below to add,edit or delete page status entries ---- */
.TreeNode_status_Pending
{ 
  font-family: tahoma; 
  font-size: 11px; 
  padding-top:3px;
  padding-bottom:2px;
  padding-left: 3px; 
  padding-right: 3px; 
  background-color: #A0DC2C;
}

.TreeNode_status_Incomplete
{ 
  font-family: tahoma; 
  font-size: 11px; 
  padding-top:3px;
  padding-bottom:2px;
  padding-left: 3px; 
  padding-right: 3px; 
  background-color: #A0B6FF;
}

.TreeNode_status_Needs_Review
{ 
  font-family: tahoma; 
  font-size: 11px; 
  padding-top:3px;
  padding-bottom:2px;
  padding-left: 3px; 
  padding-right: 3px; 
  background-color: #FFD016;
}


/* ----------------- TREE STYLES ------------------ */
.HiddenRow 
{ 
  display:none;
}

.RootNode 
{ 
  color:#8CB3CA;
}


.TreeView 
{ 
  padding-top:14px; 
  padding-bottom:14px;
  padding-left:12px; 
  cursor:default;


}

.TreeViewMargin
{ 
  padding-top:4px; 
  padding-left:1px; 
  cursor:default; 
}

.TreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  padding-top:3px;
  padding-bottom:2px;
  padding-left: 2px; 
  padding-right: 3px; 
}

.GrayedTreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  padding-top:3px;
  padding-bottom:2px;
  padding-left: 3px; 
  padding-right: 3px; 
  color:#AAA9A9; 
  cursor:default;
}

.HoverTreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  text-decoration:underline; 
  color:white;
  padding-top:3px;
  padding-bottom:2px;
  padding-left: 2px; 
  padding-right: 3px; 
  cursor: default; 
}

.SelectedTreeNode 
{ 
  font-family: tahoma; 
  font-size: 11px; 
  background-color: gray; 
  color:white; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 2px; 
  padding-right: 2px; 
  cursor: default; 
  border: 1px solid #3F3F3F;
}

.MultipleSelectedTreeNode
{
  font-family: tahoma; 
  font-size: 11px; 
  background-color: gray; 
  color:white; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.CutTreeNode
{
  font-family: tahoma; 
  font-size: 11px; 
  background-color: silver; 
  color:white; 
  padding-top:2px;
  padding-bottom:1px;
  padding-left: 3px; 
  padding-right: 3px; 
  cursor: default; 
}

.NodeEdit 
{
  border:1px gray solid;
  font-family: tahoma; 
  font-size: 11px;
}

.Margin
{
  background-color: #E6E6F0;
}