body
{
	/*background-image: url(bg_body.png);*/
	text-align:center;
	margin:0px;
	padding:0px;

}

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

a:hover
{
     text-decoration: underline;
     color: #000;
     
}

a:visited
{
     color: #333;
}

#m
{
	 margin: auto;
	 width:980px;
	 text-align: left;
	 height:auto;
	 margin-top:6px;
}

#t 
{
    height:30px;
    border-bottom: dotted 1px #000; 
    margin-bottom: 8px;
    text-align:right;   
}

#t .l
{
    float:left;
}

#t .l .txt
{
     font-size:9pt;
}



.btn
{
    position:absolute;
}


#t .r
{
    float: right;


}


#b
{
    height:auto;
    width:100%;
}

#b .l
{
    float:left;
}

#b .r
{
    float:right;
}

#h
{
    
}

#h p
{
}

#h  h1
{
     padding-bottom: 0px;
     margin-bottom: 0px;
}


.iTable td
{
    padding:8px;
    border: solid 1px #f3f3f3;
    
}

img
{
 border: none;
 
}


#c .l
{
    width:180px;
    /*border: solid 1px green;*/
    float:left;
    margin-right:20px;
}



















#c .m
{
    margin-top: 10px;
    width:480px;
    /*border: solid 1px blue;*/
    float:left;
    margin-right:20px;
}

#c .r
{
    margin-top: 10px;
    width:273px;
    /*border: solid 1px yellow;*/
    float: right;
}


#nav
{
     list-style: none;
     margin:0px;
     padding: 0px;
}

#nav li
{
     list-style: none;
     border-bottom: dotted 1px gray;
}

#nav li a
{
     text-decoration: none;
     margin-top:2px;
     margin-bottom:2px;
     padding:2px;
     display:inline-block;
     width: 176px;
     color: #333;
}

#nav li a:hover
{
     background-color: #91A476;
     color: #fff;
}

#nav li a:visited
{
     color: #333;
}


.sec
{
    border:solid 1px gray;
    padding:10px;
    margin-top:30px;
}


/* --------- 11. Email  --------- */

.emailActive
{
     width:30px;
     height:20px;
     background-image: url("email_active.gif");
     background-repeat:no-repeat;
     background-position:left center;
}

.emailRedirect
{
     width:30px;
     height:20px;
     background-image: url("email_redirect.gif");
     background-repeat:no-repeat;
     background-position:left center;
}

.emailDisabled
{
     width:30px;
     height:20px;
     background-image: url("email_disabled.gif");
     background-repeat:no-repeat;
     background-position:left center;
}

.emailRedirectDisabled
{
     width:30px;
     height:20px;
     background-image: url("email_redirect_disabled.gif");
     background-repeat:no-repeat;
     background-position:left center;
}

#pnlEmailHelp
{
	white-space:normal;
    clear:both;
    font-size:10px;
    padding:10px;
}

#pnlEmailHelp td
{
    font-size:10px;
}

/* --------- 17. Info Box --------- */
.infoBox
{
    padding: 6px;
    color:#ccc;
    border: dotted 1px #ccc;
    margin:20px;
}

.infoBox h2
{
    font-size:14px;
    margin: 4px 4px 8px 4px;
}

.infoBox p
{
    margin: 4px;
}

.status
{
    border: dotted 1px #ccc;
    padding: 0 10px 10px 10px;
    background-color: #ffffcc;
}


/* --------- 18. Info Box --------- */
.box
{
    padding: 0 10px 10px 10px;
    border: dotted 1px #ccc;
    margin:0 0 10px 0;
}

.box h2
{
     background-color:Transparent;
     color:#ccc;

}


/* --------- 18. Alert Box --------- */
.alertBox
{
    padding: 0 10px 10px 10px;
    color:red;
    border: dotted 1px red;
    margin:0 0 10px 0;
}

.alertBox h3
{
    color:red;
}


.recordToolbar
{
    width: 100%;
    margin-bottom:10px;
    margin-top:10px;
    border-bottom: solid 3px #fff;
    background-color: #fff;
    padding:0px;
}

.recordToolbar ul
{
    margin: 0;
    padding:0;
}

.recordToolbar li
{
     list-style: none;
     float: left; 
}

.recordToolbar li a
{
     display:inline-block;
     margin-left:0px;
     padding: 5px 5px 2px 5px;
     text-decoration: none; 
     border-bottom: solid 3px #fff;
      
}

.recordToolbar li a:hover
{
     border-bottom: solid 3px #ccc;
}


.searchBar
{
   clear:both;
}


.searchBar table
{
   border-collapse:collapse;
   width:100%;
}

.searchBar td
{
   padding:3px;
}

/* ----- Stage Indicator Control ----- */
.stageIndicator
{
    font-family: Verdana;
    font-size: 11px;
    font-weight:bold;
    border: 0px none #a3c2e0;
    border-collapse: collapse;
    width: 100%;
    height: 26px    
}

.stageIndicatorCell
{
    background-color:#a3c2e0;  
    background-image: url(arrow-stage.gif);
    background-position: right;
    background-repeat:no-repeat; 
    padding-right: 24px;
}

.stageIndicatorCellHighlight
{
    background-color:#5788bf;
    color:White;
    background-image: url(arrow-stage.gif);
    background-position: right;
    background-repeat:no-repeat;
    padding-right: 24px;
}

.stageIndicatorCellLast
{
    background-color:#a3c2e0;  
}

.stageIndicatorCellHighlightLast
{
    background-color:#5788bf;
    color:White;
}










/* --- FORMAT FORMS --- */

.formContainer
{
    width:700px;
}


.formContainer fieldset
{
    padding: 10px;
    margin-bottom: 20px;
    border: solid 1px #666;

}

.formContainer legend
{
    font-size:14px;
    font-weight:bold;
    color:#666;
}



.formContainer label
{
    float: left;
    text-align:left;
    vertical-align:top;
    width: 200px;
    display:block;
    margin-right: 5px; 
}

.formContainer .radioList td label
{ 
    display:inline;
    float:none;
    width:auto;
    margin:4px;
    vertical-align:bottom;
}


.formContainer small
{
    color: orange;
    font-weight:bold;
}


.formContainer p
{
  text-align: left;
}

.formContainer ul
{
 margin-left: 40px; 
}

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

.formContainer .error
{
    background-color:  red;  
    border:solid 2px yellow;
}



/* Option button list is in table
.formContainer table
{
    display:inline;
}

.formContainer td label
{
 background-color:Fuchsia;
}
*/

.info
{
    margin: 30px 6px 6px 6px;
    padding: 0 15px 15px 15px;
    border: dotted 1px gray;
    background-color: #FFFFCC;
}

.info h2
{
     background-color: Transparent;
     color: #333;
     font-weight:normal;
}