.header
{
	font-weight: bold;
	font-size: 13px;
	color: #000000;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: normal;
}

.bodyInput
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: normal;
}

.pageBody
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	position: absolute;	
}

.dropdown
{
	height: 15; 
	font-family: Verdana; 
	font-size: 8pt; 
	border: 1px solid #3F6FC1
}
.dropdownExpanded
{
	font-family: Verdana;
	font-size: 8pt;
	border: 1px solid #3F6FC1;
	z-index: 100px;
}

.ForceSelectWidth
{
	width: 250px;
}

.button
{
	color: #000080; 
	font-family: Verdana; 
	font-size: 11px; 
	border: 1px solid #7DC622; 
	padding-left: 2px; 
	padding-right: 2px; 
	padding-top: 1px; 
	padding-bottom: 1px; 
	background-color: #E8E9EF;
}

.browseButton
{
	border-right: #7dc622 1px solid;
	padding-right: 2px;
	border-top: #7dc622 1px solid;
	padding-left: 2px;
	padding-bottom: 1px;
	font-size: 11px;
	border-left: #7dc622 1px solid;
	color: black;
	padding-top: 1px;
	border-bottom: #7dc622 1px solid;
	font-family: verdana;
	background-color: transparent;
}

.tableHeader
{
	font-weight: bold;
	font-size: 13px;
	color: #034c81;
	font-family: Verdana;
	height: 25px;
	background-color: #d8e6fb;
	font-variant: normal;
	text-decoration: none;
}

.dataHeader
{
	font-weight: bold;
	color: #034c81;
}

.tableHeaderTitle
{
	background: #f0f0f0;
}

.tableHeaderInfo
{
}

.tableHeaderColumns
{
	border:1px; 
	border-right:1px; 
	border-style:solid;
	border-color:#000000;
	font-weight: bold;
	font-size: 13px;
	color: #034c81;
	font-family: Verdana;
	height: 25px;
	background-color: #d8e6fb;
	font-variant: normal;
	text-decoration: none;
}

.tableDataRow
{
	color: #000000;
	font-variant: normal;
	text-decoration: none;
}


.tableheaderBorder
{
	font-weight: bold;
	font-size: 13px;
	color: #034c81;
	font-family: Verdana;
	height: 25px;
	background-color: #d8e6fb;
	font-variant: normal;
	text-decoration: none;
	border:solid 1px #000000;
}

.tableheaderBorderDate
{	
	font-weight: bold;
	font-size: 13px;
	color: #034c81;
	font-family: Verdana;
	height: 25px;
	background-color: #eef4e6;
	font-variant: normal;
	text-decoration: none;
}

.tableheaderBorderTopSpanner
{	
	font-weight: bold;
	font-size: 13px;
	color: #034c81;
	font-family: Verdana;
	height: 25px;
	background-color: #d8e6fb;
	font-variant: normal;
	text-decoration: none;
	border-top:solid 1px #000000;
	border-right:solid 1px #000000;
	border-left:solid 1px #000000;
}
.tableheaderBorderLeftEdge
{
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	border-bottom:solid 1px #000000;
}
.tableheaderBorderRightEdge
{
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	border-bottom:solid 1px #000000;
	border-right:solid 1px #000000;
}
.tableheaderBorderMidLow
{
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	border-bottom:solid 1px #000000;
}

.linedTable
{
	border-color:#ff3333;
	border-width:thin;
	border:1px #ff33333;
	table-layout:auto;
	BORDER-COLLAPSE: collapse
}
.tableLabelRow
{
	font-weight: bold;
	font-size: 12px;
	color: #034c81;
	font-family: Verdana;
	height: 20px;
	background-color: #eeeeee;
	font-variant: normal;
	text-decoration: none;
}

.tableLabelFooter
{
	font-size: 12px;
	color: #034c81;
	font-family: Verdana;
	height: 20px;
	background-color: #eeeeee;
	font-variant: normal;
	text-decoration: none;
}

.tableLabelRowLabel
{
	font-weight: bold;
	font-size: 12px;
	color: #034c81;
	font-family: Verdana;
	background-color: #eeeeee;
	font-variant: normal;
	text-decoration: none;
}


.evenRow
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	background-color: white;
	text-decoration: none;
	
}

.oddRow
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	background-color: #ecf4fe;
	text-decoration: none;
}
.disabledElement
{
	background-color: #c0c0c0;
	color: #a0a0a0;
}

.AdminOnly
{
	background-color: #5583D3;
}
.ExpiredFull
{
	background-color: #FF0000;
}
.NotYetActive
{
	background-color: #C0C0C0;
}

.thinEvenRow
{
	font-size: 11px;
	color: black;
	font-family: Verdana;
	background-color: white;
	text-decoration: none;
}

.thinOddRow
{
	font-size: 11px;
	color: black;
	font-family: Verdana;
	background-color: #ecf4fe;
	text-decoration: none;
}
.columnborder
{
	background-color: #034c81;
	width:1px;
}
.leftborder
{
	border-left:solid 1px #034c81;
}

.pageInstructions
{
	font-size: 9pt;
	color: black;
	font-family: Verdana;
	
}

.smallPageInstructions
{
	font-size: 8pt;
	color: black;
	font-family: Verdana;
}

.italicPageInstructions
{
	font-size: 9pt;
	color: black;
	font-style: italic;
	font-family: Verdana;
	text-decoration: none;
}

.pagetitle 
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #034C81;
	text-decoration: none;
	height:20px;
	background-image:  url(../images/MenuBar/Default/Images/toolgrad.gif);
	border-collapse: collapse;
	border-color:#95B7F3;
	border:1;
}

.menuBarTitle1
{
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana;
	color: #000000;
}

.menuBarTitle2
{
	font-weight: bold;
	font-size: 13pt;
	font-family: Verdana;
	color: #000000;
}

 .LimitStyle  {
	font-style:italic;
	font-size:smaller;
 }

.FunCompany
{
	font-size: 14pt;
	font-family: 'Copperplate Gothic Bold';
	
}

.UnderlineColor
{
	color: #2e458b;
}

.HL
{
	background:d0d0d0;
}

/* Date Chooser */
.InfraDateChooser
{
	border-right: gray thin solid;
	border-top: gray thin solid;
	font-size: 11px;
	border-left: gray thin solid;
	border-bottom: gray thin solid;
	font-family: comic;
	height: 10px;
	background-color: white;
}

.InfraDateChooserDropDown
{
	border-right: gray thin solid;
	border-top: gray thin solid;
	font-size: 11px;
	border-left: gray thin solid;
	border-bottom: gray thin solid;
	font-family: comic;
	height: 10px;
	background-color: white;
}

.InfraDateChooserCalendar
{
	font-size: 8px;
	color: grey;
	/*color: #034c81;*/
	font-family: Verdana;
	height: 10px;
	background-color: white;
}

/* form layout */
.formlayoutheading
{
	font-weight: normal;
	font-size: 10px;
	background-image: url(../images/MenuBar/Default/Images/partgrad.gif);
	color: #034c81;
	font-family: Verdana;
	height: 20px;	
}
.layoutcolumn
{
	font-size: 12px;
	color: #034c81;
	font-style: italic;
}
a.formlayoutheading:link {
	color: #034C81;
	text-decoration: underline;
}
a.formlayoutheading:visited {
	color: #034C81;
	text-decoration: underline;
}
a.formlayoutheading:hover 
{
	text-decoration: none;
	color: #034C81;
}

/* navigation */
a.nav:link 
{
	font-family: Verdana;
	color: #3366CC; 
	font-size: 11px; 
	text-decoration: underline ;	
}
a.nav:visited
{
	font-family: Verdana;
	font-size: 11px;
	color: #3366cc;
	text-decoration: underline;
}
a.nav:active 
{
	font-family: Verdana;
	color: #3366CC;
	font-size: 11px;
	text-decoration: underline;
}
a.nav:hover 
{
	font-family: Verdana;
	color: #579609; 
	font-size: 11px; 
	text-decoration: none;
}

a.navCancelled:link 
{
	font-family: Verdana;
	color: #888888; 
	font-size: 11px; 
	text-decoration: underline;
	font-style:italic;	
}
a.navCancelled:visited
{
	font-family: Verdana;
	font-size: 11px;
	color: #888888;
	text-decoration: underline;
	font-style:italic;
}
a.navCancelled:active 
{
	font-family: Verdana;
	color: #888888;
	font-size: 11px;
	text-decoration: underline;
	font-style:italic;
}
a.navCancelled:hover 
{
	font-family: Verdana;
	color: #555555; 
	font-size: 11px; 
	text-decoration: none;
	font-style:italic;
}


/* Rules Section */

.tableMessageHeader
{
	font-weight: bold;
	font-size: 13px;
	color: #034c81;
	font-family: Verdana;
	height: 25px;
	background-color: #ccff99;
	font-variant: normal;
	text-decoration: none;
}

.message
{
	font-weight: bold;
	font-style: italic;
	font-family: verdana;
	background-color: transparent;
}


.rule
{
	font-size: medium;
	color: steelblue;
	font-style: italic;
	font-family: verdana;
}


.ruleDescription
{
	
	border-right: black 1px solid;
	padding-right: 5px;
	border-top: black 1px solid;
	display: none;
	padding-left: 5px;
	background: #ccff99;
	padding-bottom: 5px;
	border-left: black 1px solid;
	width: 100%;
	padding-top: 5px;
	border-bottom: black 1px solid;
}

.completedstage
{
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: 32AB11
}

.futurestage
{
	font-weight: normal;
	font-style:italic;
	font-size: 13px;
	color: #666666;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.currentStage
{
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:32AB11;

}
.pendingStage
{
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:E70016;
}
.notapprovedstages
{
	background-color: #c0c0c0;
}
.approvedstages
{
	background-color: #32AB11;
	color:#ffffff
}
.pendingstages
{
	background-color: #E70016;
}

.rejectedstagetitle
{
	background-color: #FFFFFF;
	color:#FF1111;
	font-size: 13pt;
	font-weight: bold;
}

.rejectedotherstages
{
	background-color: #dddddd;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Decide Page Stuff*/

.smmTitle 
{
	font-family: Arial Narrow;
	font-size: 18px;
	color: #ffffff;
	line-height: normal;
	
}

.emsTitle 
{
	font-family: Arial Narrow;
	font-size: 18px;
	color: #000000;
	line-height: normal;
	
}
.emsBody
{
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	line-height: normal;
	
}
.smmBody 
{
	font-family: Verdana;
	font-size: 10px;
	color: #ffffff;
	line-height: normal;
	
}
.emsText 
{
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	line-height: normal;
	
}
.smmText 
{
	font-family: Verdana;
	font-size: 12px;
	color: #ffffff;
	line-height: normal;
	
}

/*  Menu Styles */

.mTD 
{
	background-image:url('/images/MenuBar/Default/Images/topgrad.gif'); border-bottom:#000000; border-bottom-width:thin;}
	img{background:none
}

#fixme 
{
    /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
    position: absolute; left: 0px; top: 0px;
}

div#fixme 
{
	/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
	position: fixed;
}

table#fixme 
{
  /* IE5.5+/Win - this is more specific than the IE 5.0 version */
  left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}


TD.InteriorBox {
	BORDER-TOP: black 1px solid; BACKGROUND: #ecf4fe; BORDER-BOTTOM: black 1px solid
}
TD.InteriorBoxOdd {
	BORDER-TOP: black 1px solid; BACKGROUND: #ffffff; BORDER-BOTTOM: black 1px solid
}

TD.Box {
	BORDER: black 1px solid; BACKGROUND: #ecf4fe; BORDER-BOTTOM: black 1px solid
}
.evenrowNoPad {
	BACKGROUND: #ffffff
}
.oddrowNoPad {
	BACKGROUND: #ecf4fe
}


  #tabs1 {
      float:left;
      width:650px;
          background:#ffffff;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #BCD2E6;
      }
    #tabs1 ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs1 a {
      float:left;
      background:url("/images/tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs1 a span {
      float:left;
      display:block;
      background:url("/images/tabright1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#627EB7;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#627EB7;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }

      #tabs1 .current a {
              background-position:0% -42px;
      }
      #tabs1 .current a span {
              background-position:100% -42px;
      }
      #calendarDiv{
	position:absolute;
	width:205px;
	border:1px solid #909090;
	padding:1px;
	background-color: #FFF;
	font-family:arial;
	font-size:10px;
	padding-bottom:20px;
	visibility:hidden;
}
#calendarDiv span,#calendarDiv img{
	float:left;
}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{
	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{	
	line-height:12px;
	padding:1px;
	cursor:pointer;
	padding-left:2px;
}

#calendarDiv td{
	padding:3px;
	margin:0px;
	font-size:10px;
}



#calendarDiv .selectBox{
	border:1px solid #e0e0e0;		
	color: #F0F0F0;
	position:relative;
}
#calendarDiv .selectBoxOver{
	border:1px solid #FFF;
	background-color: #909090;
	color: #FFF;
	position:relative;
}

#calendarDiv .topBar{
	height:16px;
	padding:2px;
	background-color: #909090;


}
#calendarDiv .activeDay{	/* Active day in the calendar */
	color:#FF0000;
}
#calendarDiv .invalidDay{	/* Outside Date Ranges day in the calendar */
	color:#C0C0C0;
	font-style:italic;
	text-decoration: line-through;
}


#calendarDiv .todaysDate{
	height:17px;
	line-height:17px;
	padding:2px;
	background-color: #e0e0e0;
	text-align:center;
	position:absolute;
	bottom:0px;
	width:201px;
}
#calendarDiv .todaysDate div{
	float:left;
}



#calendarDiv .monthYearPicker{
	background-color: #909090;
	border:1px solid #AAAAAA;
	position:absolute;
	color: #f0f0f0;
	left:0px;
	top:15px;
	z-index:1000;
	display:none;

}
#calendarDiv #monthSelect{
	width:70px;
}
#calendarDiv .monthYearPicker div{
	float:none;
	clear:both;	
	padding:1px;
	margin:1px;	
	cursor:pointer;
}
#calendarDiv .monthYearActive{
	background-color:#909090;
	color: #FFFFFF;
}

#calendarDiv td{
	text-align:right;
	cursor:pointer;
}

#calendarDiv .topBar img{
	cursor:pointer;
}
#calendarDiv .topBar div{
	float:left;
	margin-right:1px;
}


th.gridButton
{
	color: #000080; 
	font-weight:normal;
	font-family: Verdana; 
	font-size: 11px; 
	border: 1px solid #7DC622; 
	border-color: #7DC622;
	padding-left: 4px; 
	padding-right: 4px; 
	padding-top: 2px; 
	padding-bottom: 2px; 
	background-color: #E8E9EF;
	border-style:Solid;
}
.gridRow 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: normal;
    Border-Width:1px;
    Border-Color:#E0E0E0;
    Border-Style:Solid;
}
.gridTop
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
    font-weight:500;
    Border-Style:Solid;
    background:#E0E0E0;
    color:Black;
    border-color:Black;  
    Border-Width:1px;
}
.gridSelector
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
    font-weight:bold;
    Border-Style:Solid;
    background:#E0E0E0;
    color:Black;
    border-color:Black;  
}
td.gridPager
{
    background:#d8e6fb;
    border-style:Solid;
    border-width:1px;
}
.gridRowExparea
{
    background-color:#E0E0E0;
    border-style:Solid;
    border-width:1px;
}
.gridSelectedRow
{	
    background:#f0f0f0;
    background-color:#E0E0E0;
    border-style:Solid;
    border-width:1px;
}
.gridAlternateRow
{
    background:dddddd;

}
.gridUnique
{
    color:#ff979f;
}
.gridInvitation
{
    color:#1a8dff;
}
.taskCompleted
{
    color:Gray;
}    
.taskDelinquent
{
    color:Red;
}   
.taskAssigned
{
    color:Fuchsia;
}   
.taskInProgress
{
    color:White;
}   
.taskInRiskofDelinquency
{
    color:Yellow;
}   
.OutlinedBox
{
	border-collapse: collapse; 
	border-color: #c0c0c0; 
	width:100%; 
	padding:0px; 
	margin:0px; 
	border-right: #c0c0c0 1px solid; 
	border-top: #c0c0c0 1px solid; 
	border-left: #c0c0c0 1px solid; 
	border-bottom: #c0c0c0 1px solid;
}

/* SU4 GridView Styles */
.SU4GridView
{

}
.SU4GridView a, .SU4GridView link
{

}
.SU4RowStle
{
	font-size: 11px;
	color: black;
	font-family: Verdana;
	background-color: white;
	text-decoration: none;
}
.SU4AltRowStle
{
	font-size: 11px;
	color: black;
	font-family: Verdana;
	background-color: #ecf4fe;
	text-decoration: none;
}
.SU4RowStle td, .SU4AltRowStle td
{
	padding-right: 4px;
	padding-left: 4px;
}
.SU4GridViewHeaderRow
{
	font-weight: bold;
	font-size: 12px;
	color: #034c81;
	font-family: Verdana;
	height: 20px;
	background-color: #eeeeee;
	font-variant: normal;
	text-decoration: none;
}

TD.InstructionNote
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	line-height: normal;
	font-style: italic;
}
/*********************************
START MODAL POPUP STYLES
*********************************/

.modalBackground {
	background-color:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
}
.modalPopup img {
	border:solid 5px #fff;
}
.modalPopup-text {
	display:block;
	color:#000;
	background-color:#fff;
	text-align:center;
	border:solid 2px #000;
	padding:10px;
}
.modalPopup-text input {
	width:75px;
}    
.modalWrap {
	padding: 2px;
	background-color:#D8CEA9;
}
.modalBody {
	background-color:#FFFFFF;
}
/*********************************
END MODAL POPUP STYLES
*********************************/

/*********************************
START Gallery STYLES
*********************************/

#container {position:relative; width:600px; height:700px; background:#888; border:1px solid #000; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;}
 
#container b#thumbs {display:block; width:590px; height:175px; overflow:auto; float:right;  border:1px solid #ccc; border-width:1px 0 1px 1px; padding:5px;}
#container img.thumb {width:75px; height:75px; }

#container a.pics {float:left; margin:7px 21px; display:inline; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; cursor:default;  }
#container a.pics img.thumb {display:block; border:0;}
 
#container a.pics span {display:none; border:0; width:580px; background:#bbb; border:1px solid #fff; text-align:center;}
#container a.pics span img {margin:10px auto; border:1px solid #000;}
 
#container a.pics:hover {white-space:normal; border:1px solid #fff;}
#container a.pics:hover span {display:block; position:absolute; left:9px; top:192px; z-index:10; height:500px;}
 
#container a.pics:active {border:1px solid #fc0;} 
#container a.pics:active span {display:block; position:absolute; left:9px; top:192px; z-index:5; height:500px;}
 
#container a.pics:focus {border:1px solid #fc0; outline:0;}
#container a.pics:focus span {display:block; position:absolute; left:9px; top:192px; z-index:5; outline:0;}
 
#container span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; color:#eee; z-index:1;}
#container span.info a {color:#000;}
#container span.info a:hover {text-decoration:none;}

/*********************************
END Gallery STYLES
*********************************/