/*
 * Web Access Module (WAM)
 * Style sheet for formatting body content elements
 * 
 * Author: david.gibson@i-documentsystems.com
 * 
 * 
 */

/********************************************************/
/* Directly imported styles from Edinburgh style sheets */
/* header.css, portal.css								*/

.headertext {
font-weight: bold; 
font-size: 20pt; 
color: white; 
line-height: 22px; 
font-family: verdana, arial, helvetica; 
text-decoration: none;
}

.headernavtext {
font-size: 9pt; 
color: white; 
line-height: 16px; 
font-family: verdana, arial, helvetica; 
text-decoration: none;
}

div.headernavbold a, a.headernavbold {
font-weight: bold; 
font-size: 9pt; 
color: black; 
line-height: 16px; 
font-family: verdana, arial, helvetica; 
text-decoration: none;
}

a .headernavbold
{
text-decoration: none;
}

div#homepage a
{
font-weight: normal;
}


/********************************************************/

/* Provides default styles for document elements */
body, p, table, li, ol, ul
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
color: #000000;
}

/* Default table cell and data style */
td        
{
font-size: 12px;
}

/* Page body background color */
body
{
background-color: #FFFFFF;
}

img { border:none; }


/* Styles text on footer bar */
div.footertext a
{
font-size: 8pt;
color: #fff;
font-weight: bold;
text-decoration : none;
}

/* Displays navigation context */
h1
{ 
font-size: 20px; 
font-weight: bold;
color: #000000;
margin-bottom: 0px;
padding-bottom: 8px;
border-bottom: 1px solid #CC0033; 
}

/* Style for page body header1  */
h2
{
font-size: 14px; 
font-weight: bold;
color: #000000;
margin-bottom: 0px;
}

/* Style for page body header2 - not applied in default skin */
h3
{
font-size: 12px; 
font-weight: bold;
color: #000000;
}

/* Fills table cell with panel color. Usually used in conjunction with 'table.bevel' to create boxed effect */
td.panelcolor       
{
background-color: #CECECE;
}

/* Creates bevel effect on a table element */
table.bevel
{
border-top: solid 1px #BBBBBB;
border-right: solid 2px #ADABAB;
border-bottom: solid 2px #ADABAB;
border-left: solid 1px #BBBBBB;
}

/* Colors main content table */
table.backgroundfill
{
background: #FFFFFF;
}

/* Border for case file table */
table.casefileborder       
{
}

/* Table header style */
th        
{
background-color: #CC0033;
/*background-color: #938980;*/
font-size: 11px;
font-weight: bold;
text-align: left;
color: #FFFFFF;
border-top: solid 1px #5A0017;
border-right: solid 1px #5A0017;
padding-top: 5px;
padding-bottom: 5px;
}

/* Color applied to alternate table color 1 */
td.tr1
{
background-color: #cecece;
/*border-bottom:	1px #EEEEEE solid; */ 
/* Comment out to turn off line between adjacent table cells */ 
}

/* Color applied to alternate table color 2 */
td.tr2
{
background-color: #EDEBEB;
/* border-bottom:	1px #EEEEEE solid; */
/* Comment out to turn off line between adjacent table cells */ 
}

/* Color applied to in page navigation bar */
table.navbar
{
background-color: #FBEBEF;
border-bottom:	1px #CC0033 solid;
/*border-top:	1px #98AFE9 solid; */
border-left:	1px #CC0033 solid; 
border-right:	1px #CC0033 solid; 
}

/* Color applied to in page navigation bar divider*/
.navbardivider
{
color: #CC0033; 
}

/* Used in conjunction with a.atozlink (found in links.css) to style A-Z table on main search page */
td.atoztable
{
background-color: #DDDCDC;
text-align: center;
}

/* Used to style Case File labels */
.cflabel
{
color: #565047;
font-weight: bold;
font-size: 12px;
background: #FFFFFF;
}

/* Used to style Case File data */
.cfdata
{
color: #000000;
}

/* Used to style the bullet that appears before links */
.bullet
{
color: #CC0033;
font-weight: bold;
font-size: 11px;
background: #FFFFFF;
/* display: none; */
}

/* Used to style general page body labels */
.label
{
color: #565047;
font-weight: bold;
font-size: 12px;
background: #FFFFFF;
text-align: right;
}

/* Color of steps page bar */
td.stepstopbar
{
background-color: #FFFFFF;
}

/* Creates bevel effect on a steps tables and provides control over spacing between steps boxes */
table.stepsbevel
{
border-top: solid 1px #BBBBBB;
border-right: solid 2px #ADABAB;
border-bottom: solid 2px #ADABAB;
border-left: solid 1px #BBBBBB;
/* Controls vertical spacing between steps boxes */ 
margin-bottom: 10px;
}

/* Fills STEPS table with panel color */
td.stepspanel       
{
background-color: #CECECE;
}

/* Styles labels displayed on the STEPS pages */
.stepslabel
{
color: #CC3300;
font-weight: bold;
font-size: 11px;
}

/* Styles the heading on STEPS pages */
.stepsheading
{
color: #CC0033;
font-size: 20px;
padding-bottom: 8px; 
}

/* Styles the numerical indicators displayed on the STEPS pages */
.stepsnumber
{
font-size: 34px;
font-weight: bold;
color: #CC0033;
background: #ffffff;
border-right: 1px #BBBBBB solid;
}

/* Styles the text size on the STEPS pages */
.stepstext
{
font-size: 11px;
}

/* Error text style */
.errortext
{
font-size: 12px; 
font-weight: bold;
color: #CC3333;	
}

/* helper text - usually used in close proximity to form fields */
.helpertext
{
font-size: 9px; 
font-weight: normal;
color: #CC0033;	
}

/* Used to style small helper text */
.smalltext
{
font-size: 10px;
}

/* Used with iii logo */
.brandmsg
{
font-family: "Trebuchet MS";
font-size: 11px; 
font-weight: normal;
color: #001655;	
}

/* Used with brandmsg to create table border */
.brandtable
{
border-bottom: solid 1px #001655;
border-left: solid 1px #001655;
border-right: solid 1px #001655;
border-top: solid 1px #001655;
padding: 3px 3px 3px 3px;	
}