/* Default CSS Stylesheet for a new Web Application project */

#Top_Line1 {
    clear: both;
    width: 100%;
    max-width: none;
    min-width: 44em;
    margin: 0 auto 0 auto;
    min-height: 44em;
}

/*
body,table,td,p,ul,li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
}
*/
td *
{	
    vertical-align: top;
    
}

/*
H1
{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	font-style:	normal;
	color: Black;
	margin-bottom: 5px;
}	
*/	
H2
{	
	/* font-family: Arial, Verdana, Helvetica, sans-serif; */
	font-size: 12pt;
	font-weight: bolder;
	font-style:	normal;
	color: Black;
	margin-bottom: 3px;
}	
		
H3
{	
	/* font-family: Arial, Verdana, Helvetica, sans-serif; */
	font-size: 11pt;
	font-weight: bolder;
	font-style:	normal;
	color: Black;
	margin-bottom: 2px;
}

p, ul
{
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 16px;
}
		
TFOOT, THEAD
{
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	/* font-family: Arial, Helvetica, sans-serif; */
}	
		
TH
{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	/* font-family: Arial, Helvetica, sans-serif; */
}	

A:link
{	
	text-decoration:	none;
	color:	#3333cc;
}	
		
A:visited
{	
	text-decoration:	none;
	color:	#004080;
}	
		
A:active
{	
	text-decoration:	none;
	color:	#004080;
}	
		
A:hover
{	
	text-decoration: underline;
	color:	#3333cc;
}
	
SMALL
{	
	font-size: smaller;
}	

textarea
{
	width: 90%;
	font-size: 95%;
	/* FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; */
}

input
{
	/*font-size: 90%;*/
}

input.ToggleButton
{
	font-size: 120%;
	padding:0;
}

select
{
	/*font-size: 90%;*/
}

.ReportViewer
{
	background-color: #fff;
}

.fillerRow
{
	height: 12px;
}

input.FullWidth
{
	width: 85%;
}

input.ActivityDurationWidth
{
	width: 10%;
}

input.DatePicker
{
	width: 80px;
}

select.FullWidth
{
	width: 85%;
}

.dataLabel
{
	font-weight: bold;
	text-align: right;
	line-height: normal;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 6px;
	vertical-align: top;
}
.SubContentTable .dataLabel
{    
	text-align: left;
}

.dataLabel1
{
	font-weight: bold;
	text-align: right;
	color:Red;
	line-height: normal;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 6px;
	vertical-align: top;
}
.dataLabelLeft
{
	font-weight: bold;
	text-align: left;
	line-height: normal;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 6px;
	vertical-align: top;
}

.DataValue
{
	line-height: normal;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top;
}

.DataValue input {
    margin: 0px;
}

.DataValue2
{
	font-size: 150%;
	line-height: normal;
	vertical-align: top;
}

.DataPrompt
{
	font-weight:bold;
	font-size: 75%;
	vertical-align: top;
	line-height:normal !important;
	padding-bottom:5px;
}

FieldLabel
{
	color: #A02000;
	font-weight: bolder;
	line-height: normal;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top;
}

.Paging
{
	font-weight: bolder;
}
.Paging a
{
	font-weight: bolder;
}
.Paging span
{
	font-weight: bolder;
}

.Paging a[disabled=disabled]
{
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    text-decoration:none;
}

.InfoText
{
	font-size: 95%;
	font-style: italic;
}

.NavRecordsIndicator
{
	font-weight: bold;
	font-size: 150%;
}

.InfoText p
{
	font-style: italic;
}

.GridHeader *
{
	background-color: rgb(221,221,221);
	font-weight:  bold;
}
.GridHeader * a:Visited
{
	color: inherit;
	background-color: rgb(221,221,221);
	text-decoration: underline;
}
.GridHeader * a:Link
{
	color: inherit;
	background-color: rgb(221,221,221);
	text-decoration: underline;
}
.GridHeader * a:active
{
	color: inherit;
	background-color: rgb(221,221,221);
	text-decoration: underline;
}
.GridHeader * a:hover
{
	color: inherit;
	background-color: rgb(221,221,221);
	text-decoration: underline;
}

.AlertTable
{
	background-color: #ff9966;
	font-weight: bold;
}
.Alert
{
	color: red;
}

.PageHeader
{
	border-color: #004080;
	border-width:thin;
	border-style: solid;
	background-color: #F0F8FF;
	width: 90%;		
}

.AddressTable
{
	border-color: #004080;
	border-width:thin;
	border-style: solid;
	
	width: 90%;		
}

.watermark
{
    color:#aaa;
    font-size:90%;
    text-align:center;
}
.DMY
{    
    display:inline;
    white-space: nowrap;
}
.DMY *
{    
    text-align:center;
    /*font-size:90%;*/
}


/* Start Audit Classes --------------------------------------------- */

.AuditTable
{
}

.AuditHeader
{
	background-color: #99b3cc;
	color: White;
	font-weight:  bold;
}

.AuditRow
{
 
}


/* END Audit Classes --------------------------------------------- */

/* Start Menu Classes --------------------------------------------- */

.menu {
	width: 17%;
	text-align: left;
	vertical-align: top;
	/* FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; */
/*	font-size: 15; */
}

.menu * {
	background-color:Transparent;
}

.menuTable
{
/*	background-color: #e7edf3; *.
/*	border-bottom-width: medium; */
	border: black thin solid;
	width:200px;
}

.menuHeader
{
/*	background-color: #99b3cc;*/
	background-color: #FF0000;
	font-size: 12pt;
	color: White;
	/* font-family: Arial, Verdana, Helvetica, sans-serif; */
	font-weight: bold;
	font-style:	normal;
	border-bottom: black thin solid;
	padding: 4px 4px 4px 4px;

}

.menuTableCellContents
{
    padding: 2px 2px 2px 2px;
}

.menuselected
{
    width: 100%;
}

.menuRow
{
    padding: 2px 0px 6px 0px;
    margin: 1px 0px 1px 0px;
}

.menuRowselected
{
    font-weight: bolder;
    padding: 2px 0px 6px 0px;
    margin: 1px 0px 1px 0px;
}

.menuRow ul
{
    margin: 1px 0px 1px 0px;
}

.menuRow ul ul
{
    margin: 1px 0px 1px 14px;
}

.menuRow ul ul ul
{
    margin: 1px 0px 1px 14px;
}

.menuRowselected ul
{
    margin: 1px 0px 1px 0px;
}

.menuRowselected ul ul
{
    margin: 1px 0px 1px 14px;
}

.menuRowselected ul ul ul
{
    margin: 1px 0px 1px 14px;
}

.menuRow li
{
    margin: 1px 0px 1px -12px;
}

.menuRowselected li
{
    margin: 1px 0px 1px -12px;
}

/* ------------ navigation ------------ */
    
  /*
    Notes:
         - This version of the navigation CSS provides a workaround for the IE whitespace bug, so you may now have as much whitespace in the menu area as you wish.
     - background arrows MUST be cut on a fully transparent background (use a GIF).
     - when creating a new colour set, the properties that need replacing are commented on the following line
     */



.menu ul,
.menu ul * {
list-stype-type: none;
margin: 0;
padding: 0;
font-size: 12px;
color: #330; 
/* unless you have list items without links in them, this colour is not seen */
}

.menu ul {
}


/* fixes ie6 + lists with block elements whitespace bug */
.menu li {
    display: inline;    
}

.menu li a {
    display: block;
    padding: 4px 6px 4px 20px;
    color: #000;
        /*  ^--- the colour of links */
    background: transparent url(/images/icon_link_prompt1.gif) 2px center no-repeat;
        /* ^--- background image is the rightfacing arrow  */
    text-decoration: none;
    border: 1px solid #cecece;
        /* ^--- this border-bottom gives us the appearance of each item being separated with space (they're not!) */
}

.menu li a:hover {
    color: #000;
    background-color: #EEEEEE;
        /* ^--- on hover */
}

.menu li.current  a{
    background-color: #dddddd;
    font-weight: bold;
}

.menu li li a  {
    padding-left: 35px;
background-position: 18px center;
}

.menu li li li a {
    padding-left: 50px;
background-position: 33px center;
}

.menu li li li li a {
    padding-left: 65px;
background-position: 48px center;   
}


/* End Menu Classes --------------------------------------------- */

.content {
	text-align: left;
	vertical-align: top;
	/* FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; */
}

.contentTable
{
	width: 100%;
	vertical-align: top;
	text-align: left;
/*	border: black thin solid; */
/*	background-color: #e7edf3; *.
/*	border-bottom-width: medium; */
}
.contentTable td
{
   /* padding:0 2px*/
}
.contentTableHeader
{
	background-color: #99b3cc;
	font-size: 12pt;
	color: White;
	/* font-family: Arial, Verdana, Helvetica, sans-serif; */
	font-weight: bold;
	font-style:	normal;
	border: black thin solid;
	padding: 2px 4px 2px 4px;
}
.contentTableSubHeader
{
	background-color: #99b3cc;
	font-size: 10pt;
	color: White;
	/* font-family: Arial, Verdana, Helvetica, sans-serif; */
	font-weight: bold;
	font-style:	normal;
	border: black thin solid;
	padding: 0px 4px;
}
.collapsiblePanelHeader
{
    background-color: #809EBA;
	font-size: 12pt;
	color: White;
	/* font-family: Arial, Verdana, Helvetica, sans-serif; */
	font-weight: bold;
	font-style:	normal;
	border: black thin solid;
	padding: 2px 4px 2px 4px;
}
.pageContent
{
	position: relative;
}

.pageBody
{
	/* FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; */
	vertical-align: top;
	width:100%;
	font-weight: normal;
	border: #004080 thin solid;
	vertical-align: top;
}

.breadcrumbs
{
	text-align: left;
	font-size: 8pt;
	height: 8px;
	BORDER-RIGHT: #f4f4ff thin solid;
	BORDER-TOP: #f4f4ff thin solid;
	BORDER-LEFT: #f4f4ff thin solid;
	BORDER-BOTTOM: #f4f4ff thin solid;
	padding-right:5px;
}

.content
{
	text-align: left;
	font-size: 90%;
	vertical-align: top;
	padding-left: 5px;
	line-height: 1.5pc;
}



/* -------------------------------- Message Display START ---------------------------------- */
.MessageError 
{
	color: Red;
}
.MessageError ul
{
	margin-top: 1px;
	margin-bottom: 1px;
}
.MessageInfo
{
	color: Green;
}
.MessageInfo ul
{
	margin-top: 1px;
	margin-bottom: 1px;
}
.MessageWarning
{
	color: Blue;
}
.MessageWarning ul
{
	margin-top: 1px;
	margin-bottom: 1px;
}
/* -------------------------------- Message Display END ---------------------------------- */
/* -------------------------------- System Message Display START ---------------------------------- */
.SysMessages
{
	background-color: Lime;
	margin-top: 6px;
	margin-bottom: 6px;
}
.SysMessageUrgentHeader
{
	text-decoration: underline;
	color: Red;
}
.SysMessageUrgent
{
	color: Red;
}
.SysMessageAlertHeader
{
	text-decoration: underline;
}
.SysMessageAlert
{
}
.SysMessageInfoHeader
{
	text-decoration: underline;
}
.SysMessageInfo
{
}

.SysMessageAcknowledgeButton
{
    
}

/* -------------------------------- System Message Display END ---------------------------------- */

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* Tabs */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
#tabs, #content div.resources #tabs
{
    background: transparent url(../tab_images/tabs_bg.gif) repeat-x scroll top left;
    border: none 0px #FFAA33;
    clear: both;
    display: block;
    float: left;
    margin: 1px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}

#tabs a, #content div.resources #tabs a
{
    background: transparent url(../tab_images/left_off.gif) no-repeat scroll top left;
    color: #FFFFFF;
    display: block;
    font-size: 95%;
    font-weight: bold;
    padding: 4px 4px 4px 4px;
    text-decoration: none;
}

#tabs a:hover, #content div.resources #tabs a:hover
{
    color: #002EA9;
}

#tabs ul, #content div.resources #tabs ul
{
    border: none 0px transparent;
    display: block;
    height: 100%;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 3px 0px 3px;
}

#content div.resources #tabs ul
{
    height: 2em;
    padding: 0px 3px 0px 3px;
}

#tabs li, #content div.resources #tabs li
{
    background: #4983C7 url(../tab_images/right_off_wide.gif) no-repeat scroll top right;
    float: left;
    margin: 0px 1px 0px 1px;
    padding: 0px 0px 0px 0px;
}

#tabs li.current, #content div.resources #tabs li.current
{
    background: #FFFFFF url(../tab_images/right_on_wide.gif) no-repeat scroll top right;
    color: #073C82;
    float: left;
    margin: 0px 1px 0px 1px;
    padding: 0px 0px 0px 0px;
}

#tabs li.current h2, #content div.resources #tabs li.current h2
{
    background: transparent url(../tab_images/left_on.gif) no-repeat scroll top left;
    color: #DF530F;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 4px 10px;
    text-transform: none;
}

#content div.resources #tabs li.current h2
{
    padding: 3px 10px 4px 10px;
}

#tabs li h2.current, #content div.resources #tabs li h2.current
{
    background: transparent url(../tab_images/left_on.gif) no-repeat scroll top left;
    color: #DF530F;
    font-size: 1em;
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 4px 10px;
    text-transform: none;
}

#tabs li.current a, #content div.resources #tabs li.current a
{
    background: transparent url(../tab_images/left_on.gif) no-repeat scroll top left;
    color: #004A95;
    text-transform: none;
}

#tabs li.current a:visited, #content div.resources #tabs li.current a:visited
{
    background: transparent url(../tab_images/left_on.gif) no-repeat scroll top left;
    color: #004A95;
    text-transform: none;
}
/* End of Tabs --------------------------------------------- */

/* -------------------------------- Calendar Styles ---------------------------------- */
.CalendarPanel
{
	background-color: #E7EDF3;
	border: solid thin #004080;
	color: #FFFFFF;
}

.Calendar *
{
    padding: 0px 0px 0px 0px ! important;
    margin: 0px 0px 0px 0px ! important;
}

.Calendar_Movers
{
	background-color: inherit;
	color: #3333CC;
}

A.Calendar_Movers
{
	color: #88A2AA;
}

.Calendar_TitleStyle *
{
	background-color: #99B3CC;
	border: solid 2px #004080;
	color: #FFFFFF;
    /* font-family: Arial, Verdana, Helvetica, sans-serif; */
	font-size: 10pt;
	font-weight: bold;
}

.Calendar_DayHeaderStyle
{
	background-color: #99B3CC;
	border: solid 1px #FFFFFF;
	color: #FFFFFF;
    padding: 0px 2px 0px 2px ! important;
}

.Calendar_DayStyle
{
	font-weight: bold;
}

.Calendar_WeekendDayStyle
{
    background-color: #EEEEEE;
	color: #CC9966;
}
    
.Calendar_TodayDayStyle
{
	background-color: #D0E4F5;
	color: #112222;
	font-weight: bold;
}

TD.Calendar_SelectedDayStyle
{
	background-color: #FFDDDD ! important;
	font-weight: bold;
}

TD.Calendar_SelectedDayStyle *
{
	color: #7791AA ! important;
}

.Calendar_OtherMonthDayStyle
{
	background-color: #FEFEFE;
	color: #CC9966;
}

.Calendar_SelectorStyle *
{
	background-color: #FF0000;
	color: #FFFFFF;
}


.RepeatingItem_Devider
{
    border-bottom:1px dotted black;
}
.RepeatingItem_Header
{
    font-weight:bold;
}

/*Modal window*/
.modalPage
{
    /*display: none;*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px; left: 0px;
}
.modalBackground, #ProfileMenuBackground
{
    filter: Alpha(Opacity=40); 
    -moz-opacity:0.4; 
    opacity: 0.4;
    width: 100%; 
    height: 100%; 
    background-color: #000;
    position: fixed;
    z-index: 500;
    top: 0px; 
    left: 0px;
}
.modalContainer
{
    position: absolute;
    width: 600px;
    left: 50%;
    top: 40%;
    z-index: 750;
}
.modal
{
    background-color: white;
    border: solid 4px #cecece;
     position: relative;
    top: -150px;
    left: -300px;
    z-index: 1000;
    width: 600px;
    height: 300px;
    text-align:center;
}

.modal .header
{
    background-color: #dae8ed;
    font-size: 12px;
    font-weight: bold;
    padding:5px;
    min-height: 20px;
    color:Black;
}

.modal .wrapper
{
    padding: 0 20px;
    text-align:left;
}
.modal .body
{
    overflow: auto;
   /*padding: 20px;*/
   height:236px;
}

.modal .footer
{    
    bottom: 0;
    height: 30px;
    margin-top: 12px;
    position: absolute;
    width: 600px;
    background-color:#fff;
}
.modal .footer a:Link
{
    color: #1E90FF !important;
    text-decoration: none !important;
    font-weight: bolder;
}
.modal .footer a:Hover
{
    color: #1E90FF !important;
    text-decoration: underline !important;
    font-weight: bolder !important;   
}

/* ------------------------            Web Part Zone Styles         ------------------------ */
#wz1
{
    width: 47%;
    float: left;
    text-align: center;
    padding-right: 4pt;
}

#wz2    
{
    width:47%;
    float:left;
    text-align: center;
}

.WebPartBorder
{
    border-style: inset;
    border-width: thin;
    border-color: black;
    width: 100%;
    height: 300px;
    overflow:scroll;
    margin-bottom: 12pt;
}

.WebPartPadding
{
    
    margin: 5pt, 5px, 5pt, 5pt;
    width: 96%;
}

.WebPartLabel
{
    width:200px;
    display:block;
    float:left;
}
/* ------------------------          End Web Part Zone Styles       ------------------------ */

.RepeatingItemContainer
{
    margin: 0px 10px 10px; 
    padding:4px;
    border:1px solid #ccc;
}

.RepeatingItemContainerSelected
{
    background-color: #d7e2ea;
}


.PageHeaderBanner
{
    background-color: #4D95BF;
    border: none;
    color: #FFFFFF;
    /* font-family: "Franklin Gothic Medium"; */
    font-size: 23px;
    font-style: normal;
    font-weight: normal;
    padding:  5px 0px 5px 10px;
    margin: 0px 6px 0px 6px;
    text-align:left;
    
    vertical-align: middle;
    height: 29px;
}
/* ---------------------------- Styles for unauthenticated pages --------------------------- */
#FixedPageWidthDiv
{
  /*width: 1024px;*/
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  /* What was this for? Target Min screen size is 1024 x 768 */
}

.loginInformation 
{
    padding: 0px, 0px, 0px, 100px;
    text-align: left;
}

.loginInformation p, .loginInformation h2 
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}


.LoginRecoverControls
{
    font-weight: bold;
    margin: 0px auto 0px auto; 
    text-align: left;
    width: 275px;
}
/* ------------------------ End of Styles for unauthenticated pages ------------------------ */
.Invisible
{
    visibility: hidden;
}

#Page
{
    min-height:400px;
}

#ProfileMenuItems
{
    background-color: white;
    border: 2px solid #cdf;
    padding: 5px;
    position: absolute;
    right: 5px;
    text-align: right;
    z-index: 501;
}

#ProfileMenu a
{
    display: block;
    font-weight: bold;
    margin: 5px 3px;
}

.loginInformation
{
    padding: 20px;
}

.loginInformation td
{
    padding:3px 2px;
}
.ListContainer div
{
    margin-bottom:5px;
}

.GridHeader ~ tr:hover
{
    background-color:#DCE7F5;
}

.GridItemNoBorder td, .GridItemNoBorder th
{
    border: 0;
}

.ItemSelector
{
    border: 1px solid #cde;
    padding-bottom:10px;
    width:98%;
}
          
#breadcrumb-box {
    background-color: rgb(221, 221, 221);
    border-top: 1px solid black;
    clear: both;
    color: #000000;
    height: 25px;
    padding-left: 9px;
    padding-top: 4px;
    position: relative;
    font-size:12px;
}
tr .Selected
{
    background-color: #f7f6f7;
    font-weight:bold;
}

.ActionButtons a
{
    font-size:1.2em;
    font-weight:bold;
    margin-right:5px;
}

.VAlignMiddle
{
    vertical-align:middle !important;
}
td.VAlignMiddle * 
{
    vertical-align:middle !important;
}