/* ================================
    CSS STYLES FOR PORTAL 
    v4.0, 12/2007
   ================================
*/   


/* Page Header BEGINS */
/* ### background color for the header at the top of the page  */
.HeadBg {
	background-color: white ; 
}
td.headLeft {
	background-image: url(images/headLeft.jpg);
	background-repeat : no-repeat;
	background-position : left -1px ;
	width: 374px ;
	display: block ;
}
.logo {
	background-image: url(images/logoBg.jpg);
	background-repeat : no-repeat;
	background-position : right -22px ; 
	width: 100% ; padding: 20px ;padding-top: 0px ;
}
/* ### style for the text of the site title */
.SiteTitle {
    font-family:  ;
    font-size: 20px;
    font-weight: bold;
    color: #3D3D3D  ;
}

.Welcome { 
	color:  #8DBD37 ; 
} 
.longdate {
	color: #3D3D3D  ;
	 padding-right: 40px ;
}

/* ### text style for the site links (at extreme top-right of header) */
TD.SiteLink {
	font-weight: normal ;
	PADDING-RIGHT: 40PX ;
	HEIGHT: 22PX ;
	vertical-align : bottom;
	font-family:Verdana,Tahoma,Arial; 
	font-size:7pt;
}   

/* ### hyperlink style for the site links */
A.SiteLink:link, A.SiteLink:visited, A.SiteLink:hover {
	text-decoration:  underline ;
	color: #3D3D3D  ;
    font-weight: bold;
}

A.SiteLink:hover    {
	text-decoration: none  ;
}

/* ### style for separator between site links */
.Accent {
	color: #FFFFFF ;
	font-weight:  NORMAL  ;
}
#trAdmin td  {
	background-color: #EEEEEE ;
}
#trAdmin td, #trAdmin select {
	font-size: 9px;
	white-space: nowrap;
}
/* Page Header ENDS */

/* Page Background BEGINS */
/* ### background color for the content part of the pages; IMAGES in the background will display in module "design view" & should be defined in page template */
Body {
	background-color: white ; margin: 10px 10px  ;
}
table.tableMain {	
	width: 778px ;
}
td.borderLeft, td.borderRight  {
	background-image : url(images/sidesBorder.jpg);
	background-repeat : repeat-y;
}
table.tableContent {	
}
td.cellContent {	
	padding-left: 5px;
	padding-right: 5px;
}

/* 3/4/04 Styles added to replace column spacing in default.aspx & give admins more flexibility (works in IE 6.0 & NN 7.1) */
/* ### LEFT Column Navigation - see also ".OtherPagesBg" & ".PageBg" for background colors */
#tdNavigation {
	background-color: white ;
	border-right: 0px solid #DDDDDD ;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* ### LEFT Column */
#tdLeftPane {
	background-color: white ;
	border-right: 0px solid #DDDDDD ;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 10px; width: 0% ;
}
/* ### LEFT Column Content - "padding" adjusts spacing between columns & around content */
#LeftPane {
	border-right: 0px solid #DDDDDD ;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 170px;
}
/* ### MIDDLE Column - "padding" adjusts spacing between columns & around content */
#ContentPane {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	width: 49% ;
}
DIV.contentBg {	
	height: 260px ; 
	background-image : url(images/contentBg.jpg);
	background-repeat : NO-repeat ;
	background-position : -5px 0px;
}
DIV.contentGridBg {	
	height: 260px ; 
	background-image : url(/uploads/PageBg.jpg);
	background-repeat : NO-repeat ;
	background-position : -5px 0px;
}

/* ### RIGHT Column - "padding" adjusts spacing between columns & around content */
#RightPane {
	background-color: white ;
	border-left: 0px solid #DDDDDD ;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
	border-bottom: 3px solid #8DBD37 ;
}
/* Page Background ENDS */

/* Main Site Navigation BEGINS - for Left & Top, Left Only or Top Only navigation styles */
#Header_trNav td.navBar {
	background-color: white ;	
	padding-left: 2px;	
	padding-right: 2px;}
	
.navBar div#Header_ctl02_M1, table#Header__ctl2_dlPages, .navBar div#Header__ctl2_M1 {
	border-top: 8px solid #3D3D3D ; 
}
div#Header_ctl02_M1, .navBar table#Header__ctl2_dlPages, div#Header__ctl2_M1 {
	width: 100%  ;  
}
/* ### background/border colors for the selected & unselected pages */
td.PageBg, td.OtherPagesBg {
	background-color: white ;
	border-color: ;
	text-align:center;
	border-left:1px #CCCCCC solid ;
	white-space : nowrap;
	height: 14px ;
	vertical-align: text-bottom;
	padding: 10px ;
	padding-bottom: 0px  ;
	padding-left: 20px  ;
	padding-right: 20px  ;
}

/* ### text style for the selected & unselected page */
a.SelectedPage, a.OtherPages {
	font-family: Verdana,Tahoma,Arial ;
	font-size: 7pt ;
	font-weight: bold ; 
	padding-bottom: 2px ;
	text-transform: uppercase;
}

/* ### text style for the selected page */
a.SelectedPage:link {
	text-decoration:  none ;
	color: #8DBD37 ;
}
a.SelectedPage:visited {
	text-decoration:  none ;
	color: #8DBD37 ;
}
a.SelectedPage:hover {
	text-decoration:  underline ;
	color: #8DBD37 ;
}

/* ### 12/20/02 added SubLinks */
/* ### text style for the selected page SUB LINKS*/
.SubLinks {
	font-weight: normal ;
	margin-left:  15px ;
}

/* ### text style for the unselected pages */
.OtherPages {
}

/* ### hyperlink styles of the unselected pages */
A.OtherPages:link    {
	text-decoration:  none ;
	color: #3D3D3D  ;
}
A.OtherPages:visited {
	text-decoration:  none ;
	color: #3D3D3D  ;
}
A.OtherPages:hover   {
	text-decoration:  underline ;
	color: #8DBD37  ;
}
/* Main Site Navigation ENDS */

/* Main Site Navigation BEGINS (Top DROPDOWN or Left FLYOUT styles only) */
/* ### Menu FONT */
.MI, .MIO, .SMI, .SMIO, table.MI td, table.MIO td, table.SMI td, table.SMIO td {
	font-family: Verdana,Tahoma,Arial ;
	font-size: 7pt ;
	font-weight: bold ;
} 
/* ### "Menu Item" - 1st level main navigation */
.MI td, .MIO td, td.MI, td.MIO  {
	text-decoration: none ;
	text-transform: uppercase;
	background-color: ;
	color: #3D3D3D ;
	padding-top: 8px;
	padding-bottom: 2px;
	cursor: pointer ;
	font-weight : bold;
	white-space :  ;
	height: 14px ;
	vertical-align: text-bottom;
}
td.MI, td.MIO, table.MI, table.MIO {	
	text-align:center;
	border-left:1px #CCCCCC solid ;
	padding-left: 20px ;
	padding-right: 20px ;
}
/* ### "Menu Item Over" - 1st level main navigation - OnMouseOver */
.MIO td, td.MIO {
	background-color: ;
	text-decoration: underline ;
	color: #8DBD37 ;
}

/* ### "Sub Menu Item" - 1st level of subnavigation for 1st row of main navigation  */
table.SMI td, td.SMI, table.SMIO td, td.SMIO  {
	color: #FFFFFF ; 
	background-color: #3D3D3D ;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	cursor: pointer ;
	border: 1px;
	border-top: 1px;
	border-right: 1px;
	border-left-color: #3D3D3D ;
	border-bottom-color: #3D3D3D ;
	border-top-color: #3D3D3D ;
	border-right-color: #3D3D3D ;
	border-style: solid; 
	FILTER: alpha(opacity=90);
}
/* ### "Sub Menu Item Over" - 1st level of subnavigation for 1st row of main navigation - OnMouseOver*/
table.SMIO td, td.SMIO  {
	background-color: #FFFFFF ;	
	color: #3D3D3D ;
}
.snr {
	width: 0px ; display: none ;
}
/* Main Site Navigation ENDS (Top DROPDOWN or Left FLYOUT styles only) */

/* Login Box Text BEGINS */
.AccountLogin {
	color: Black ;
}
/* ### Signin & Register links - to override the default link settings */
a:link.AccountLogin, a:visited.AccountLogin, a:hover.AccountLogin {
	color:   ;
	text-decoration:  underline ;
}
/* Login Box Text ENDS */

/* Page Footer BEGINS */
td.Footer {
	padding-left: 5px ;
	padding-right: 5px ;
	vertical-align : bottom;
}
div#SKfooter  {
	font-size: 8pt ;
	color: #3D3D3D ;
	border-BOTTOM: 2px solid #E8E8E8;
	border-top: 3px solid #3D3D3D ;
	text-align : center;
	vertical-align : middle;
	background-image : url(images/footerBg.jpg);
	background-repeat : repeat-x;
	padding-top: 12px ; padding-bottom: 10px ; 
}
#SKfooter a:link, #SKfooter a:visited, #SKfooter a:hover  {
	text-transform: uppercase;
	color: #3D3D3D ;
	padding-left: 7px ;
	padding-right: 7px ;
	text-decoration : none;
}
#SKfooter a:hover	{	
	text-decoration:  underline ;
	color: #8DBD37  ; 
	}
span.copyright {
	font-size:7pt;
	padding-top:7px;
	line-height : ;
	display : block;
}
/* Page Footer ENDS */


/* GENERAL */
/* ### style for module titles */
#RightPane td.Head   {
	border-bottom: 3px solid #8DBD37 ;
	padding-bottom:8px;
}
.Head   {
	font-family: Tahoma, Arial, Helvetica, sans-serif ;
	font-size: 14pt ;
	font-weight: bold ;
	color: #8dbd37 ;
	line-height:18px;
	padding-top:10px;
	padding-bottom:11px;
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
	display : block;
	width : 100%;
}
.Head small {
	font-size: 9px ;
	font-weight: normal ;
	color: #3D3D3D ;
	text-transform : none; margin: 0px ; line-height: 12px ;
}
td.headHR {
	/*border-top: 3px solid #3D3D3D ;
	white-space: normal;*/
	display: block ;
	height: 3px ;
	background-color : #3D3D3D;
}
/* ### style of subtitles on content-edit and admin pages */
.SubHead    {
	font-size:   ;
	font-weight:  bold ;
	color:  #3D3D3D  ;
}
/* ### module title style used instead of "Head" for compact rendering by QuickLinks modules, Timeoff Admin, Admin pg */
.SubSubHead {
	font-size:  10pt ;
	font-weight:  bold ;
	color: black ;
}

/* ### text style used for most text rendered by modules */
.Normal, P, LI, TD, TH, .Message, input, textarea, select {
	font-family: Verdana, Tahoma, Arial ;
	font-size: 8pt ;
	color: #3D3D3D ;
}
/* ### Error Message style */
.NormalRed {
	font-weight: bold ;
	color: red ;
}
.NormalBold {
	font-weight: bold ;
}

TFOOT, THEAD    {
	font-family: Arial, Verdana, Helvetica, sans-serif ;
	font-size:   ;
	color:  #3D3D3D  ;
}

/* ### text style for command links used for editing content and site admininstration */
.CommandButton     {
	font-size: 11px ;
}    
/* ### hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link, A.CommandButton:visited {
	text-decoration:  underline ;
	color: #3D3D3D  ;
}
A.CommandButton:hover    {
	text-decoration:  underline ;
	color: #BBBBBB ;
}

/* ### content links: We normally use the underline (some exceptions are Main Navigation */
A:link, A:visited  {
	text-decoration:  underline ;
	color:  #3D3D3D  ;
}
A:hover {
	text-decoration:  underline ;
	color:  #8DBD37 ;
}

BLOCKQUOTE, PRE {
	font-family:  Lucida Console, monospace ;
}

/* ### UN-Ordered list styles */
UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}
/* ### Ordered list styles */
OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}

HR {
	color: #DDDDDD ;
	height: 0px ;
	text-align: left; visibility: hidden ; display: none ;
}

/* MODULE-SPECIFIC */
/* MODULE:  Announcements, Events, Same Page Bookmarks - style of item titles  */
.ItemTitle    {
	font-weight:  bold ;
	color:  #3D3D3D  ;
}
/* MODULE:  "Bread Crumbs" text link styles BEGIN */
.BreadCrumbs {
	font-size:   ;
}    

A.BreadCrumbs:link, A.BreadCrumbs:visited, A.BreadCrumbs:hover {
	color:  ;
}
/* MODULE:  "Bread Crumbs" text link styles END */

/* MODULE:  "Custom Tables" text link styles BEGIN */
.CTHeader {
	font-size:  ;
	font-weight: bold ;
	background: white ;
}

tr.CTItem td, tr.CTAlternating td, tr.CTSelected td {
	font-size: ;
}

.CTItem  {
	background: white ;
	color: black ;
}
.CTAlternating {
	background: #eeeeee ;
	color: black ;
}
/* MODULE:  "Custom Tables" text link styles END */

/* MODULE:  "Date / Time" styles BEGIN */
.datetime {
	font-size:  ;
	color: #3D3D3D  ;
	font-weight:  ;
	line-height:  ;
}
/* MODULE:  "Date / Time" styles END */

/* MODULE:  Dropdown menu links Title BEGINS */
.DDLLinksTitle {
	font-family: ;
	font-size: ;
	font-weight: bold;
	color: #3D3D3D  ;
}
/* Dropdown menu links Title ENDS */

/* MODULE:  "Calendar" styles BEGIN */
/* MAIN Calendar classes - Large Monthly Calendar, Date Details and Search Results */
.CalendarMain, .DateDetail, .ItemDetail, .SearchResults {
	background: #EEEEEE;	/* border color */
}
/* Calendars - Title bar formatting */
.CalendarMain .CalendarTitle td {
	background: ;
	font-size: 10pt;
	color: #8DBD37;
	font-weight: bold;
}
/* Listing All Months and Small Calendar */
.CalendarMonths .CalendarTitle td, .CalendarSmall .CalendarTitle td {
	background: #EEEEEE;
	font-size: 13px;
	color: black;
	font-weight: bold;
	border-bottom: 1px solid #BBBBBB;
}
/* MAIN Calendar title bar formatting */
.PreviousNext a {
	font-size: 10pt;
	color: black;
	font-weight: bold;
}
/* SMALL Calendar title bar formatting - listing all Months */
.CalendarSmall td.PreviousNext a, .CalendarMonths td.PreviousNext a {
	font-size: 12px;
	color: black;
	font-weight: bold;
}
/* MAIN Calendar details - DayHeaderStyle class - for Day-Of-The-Week labels (Mon, Tues, etc.) and other title bars */
.CalendarMain .DayHeaderStyle, .CalendarSmall .DayHeaderStyle, .DateDetail .row0, .ItemDetail .row0, .SearchResults .row0 {
	font-size: 12px;
	color: white;
	font-weight: bold;
	background:  #8DBD37;
}
/* MAIN Calendar Text class - will override all other font styles defined in DayStyle, TodayDayStyle, SelectedDayStyle */
.CalendarMain .TodayDayStyle, .CalendarMain .DayStyle, .CalendarMain .WeekendDayStyle {
	font-size: 10px;
	font-weight: bold;
	color: #8DBD37;
}
.CalendarMain .CalendarText, .CalendarMain a:link.CalendarText, .CalendarMain a:visited.CalendarText, .Time {
	font-size: 10px;
	color: #8DBD37;
	text-decoration: none;
}
.CalendarMain a:hover.CalendarText {
	text-decoration: underline;
}
.Time {
	font-size: 10px;
	color: black;
	text-transform: lowercase;		/* uppercase */
}
/* DayStyle class - used when date for this month is NOT the selected date */
.CalendarMain .DayStyle, .CalendarSmall .DayStyle {
	font-size: 11px;
	background: white;
}
/* TodayDayStyle class - used when today is NOT the selected date regardless of which month is displayed */
.CalendarMain .TodayDayStyle, .CalendarSmall .TodayDayStyle {
	font-size: 11px;
	background: #EEEEEE;
}
.CalendarSmall .TodayDayStyle {
	font-weight: bold;
}
/* SelectedDayStyle class - used when day for this month IS the selected date, background color is not defined here */
.CalendarSmall .SelectedDayStyle {
	font-size: 11px;
	font-weight: bold;
}
/* WeekendDayStyle class - define background color to override the "Calendar" style for Weekend days */
.CalendarMain .WeekendDayStyle, .CalendarSmall .WeekendDayStyle {
	font-size: 11px;
	background: #CCCCCC;
}
/* OtherMonthDayStyle class - define background color to differentiate non-current months from current month */
.CalendarMain .OtherMonthDayStyle, .CalendarSmall td.OtherMonthDayStyle {
	font-size: 11px;
	color: black;
	background: #BBBBBB;
}
.CalendarSmall td, .DNavCalendar td {
	font-size: 11px;
	height: 22px;
}
.CalendarSmall, .CalendarMonths {
	border: 1px solid #DDDDDD;
	padding-top: 0px;
}
.CalendarMonths td {
	font-size: ;
	font-weight: bold;
	background: white;
}
.CalendarDescription {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #8DBD37;
}
.DateDetail .ItemName, .SearchResults .ItemName {
	font-weight: bold;
	color: ;
}
.DateDetail .CalendarName, .SearchResults .CalendarName {
	font-style: italic;
}
.DateDetail td {
	font-size: ;
}
/* Date Detail ODD rows */
.DateDetail td.row1 {
	background-color: white;
}
/* Date Detail EVEN rows */
.DateDetail td.row2 {
	background-color: #EEEEEE;
}
.ItemDetail td {
	font-size: ;
	background: white;
}
.ItemDetail .DSubHead, .DSubHead {
	color: #8DBD37;
	font-weight: bold;
}
/* Indent Date Details & Search Result details */
div.DetailIndent {
	margin-left: 10px;
}
.CalendarSearch {
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
}
.CalendarSearch input.button {
	background: #888888;
	border: 1px solid black;
	color: white;
	font-weight: bold;
}
/* Calendar Search Results */
.SearchResults .row0 td, .SearchResults .row1 td, .SearchResults .row2 td {
	font-size: 12px;
	padding: 2px;
}
.SearchResults .row1 {
	color: black;
	background: white;
}
.SearchResults .row2 {
	color: black;
	background: #EEEEEE;
}
.SearchFooter {
	color: black;
	background: #CCCCCC;
}
/* hide extra cells in the Date Details table(s) */
.hidden {
	visibility: hidden;
	display: none;
}
/* MODULE:  "Calendar" styles END */

/* MODULE:   "XML Data Grid" styles BEGIN */
/* ## Data Grid "Row styles" BEGIN ## */
/* ## HEADER & FOOTER rows  -  NOTE - the class "DGtableHeader" includes formatting for the sortable column header (anchor/link) inside the Header row, both are needed */
.DGtableHeader, .DGtableHeader a {
	background:  #3D3D3D  ;
	font-size:  11pt ;
	font-style:  normal ;
	font-weight:  bold ;
	color:  white ; 
	vertical-align: bottom ;
}
.DGtableFooter {
	background:  #3D3D3D  ;
}

/* ### DATA rows - can be formatted so that ever other row uses different formatting */
.DGrowOdd {
	background:  #EEEEEE ; 
	vertical-align: top ;
}
.DGrowEven {
	background:  white ; 
	vertical-align: top ;
}
/* ## Data Grid "Row styles" END ## */

/* ### Data Grid "Cell TEMPLATE" styles BEGIN - Use these classes if  you wish to override the "Row Styles" above with different styles per column ### */
/* ### STEP 1:  Copy the ".DG#filename" class (including the brackets and everything in between) to the "Cell Styles" section(below)  */
/* ### STEP 2:  Modify the # sign to correspond to the columns in the Data Grid:  0 = first column, 1 = second column, etc.  */
/* ### STEP 3:  Modify the word "filename" in the class to match the actual filename for the Data Grid  */
/* ### STEP 4:  Modify the other properties in the class as desired  */
/* ### STEP 5:  Do  Steps 1-4 for each column formatting you wish to override in your Data Grid  */
.DG#filename {
	font-size: 8pt ;
	color: Black ;
	text-align: left ;
	background-color:  ;
	width: 75px ;
}
/* ### Data Grid "Cell TEMPLATE" styles END ### */

/* ### Data Grid custom (per data grid file) "Cell styles" BEGIN ### */



/* ### Data Grid custom (per data grid file) "Cell" styles END ### */
/* MODULE:   "XML Data Grid" styles END*/


/* MODULE:   "Survey" styles BEGIN*/
.SurveyQuestion  {
	color: #3D3D3D  ;
}
/* ### SurveyPanel class is used in the survey results */
.SurveyPanel  {
	color: red ;
	background-color: #dddddd ;
}
/* ### radio button text styles BEGIN*/
.SurveyOption  {
	color: black ;
}
/* ### radio button text styles END*/
/* ### Submit link text styles BEGIN*/
a.SurveyButton  {
	color:  ;
	font-weight: bold ;
}
/* ### Submit link text styles END*/
/* MODULE:   Survey styles END*/

/* MODULE:  "Search" page styles BEGIN */
/* ### "hightlight" class will format the word(s) searched in the search results */
.highlight {
	font-weight : bold;
	color : Black;
}

A.resultLink:link, A.resultLink:visited,  A.resultLink:hover {
    color:   ;
}
.resultTitle {
	font-weight : bold;
}
.resultType {
	color : Silver;
}
.resultNone {
	color : Red;
}
/* MODULE:  "Search" page styles END */

.pnlContent {
    text-align: left;
}
.pnlContent p {
	padding-left: 10px;
	padding-right: 10px; margin: 10px ;
}

.row0  {
    font-weight:bold;
    background-color: #EEEEEE ;
    vertical-align:  bottom ;
}
/* table data ODD # rows */
.row1 {
	background-color: #FFFFFF ;
}
/* table data EVEN # rows */
.row2 {
	background-color: #EEEEEE ;
}
/* MODULE: "Registration" styles BEGIN */
.rLogin {
    width: 760px;
    height: 100%;
    padding: 15px 0px 15px 15px;
 }
.rLogHeadText {
    font-weight: bold;
    white-space: nowrap;
    font-size: 20px;
    color: #274b19;
    font-family: Arial, Verdana, Helvetica, sans-serif, "Times New Roman" ;
}
.rLogText {
    width: 135px;
    vertical-align: top;
    padding-top: 5px;
    font-weight: bold;
    display: inline;
    float: left;
}
.rLogDiv {
    border: solid 0px black;
    background-color: #EEEEEE;
    padding: 10px;
    width: 760;
}
.rLogHeadDiv {
    margin: 0 5 5 5;
    padding-top: 0px;
}
.rLogField {
    white-space: nowrap;
    height: 1px;
    padding-bottom: 0px;
    padding-top: 5px;
    display: inline;
}
/* MODULE: "Registration" styles END */


/* ### Mail Center - Modal Popup styles BEGIN ### */
.modalBackground {
	background-color: gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalPopup {
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: gray;
	padding: 3px;
	width: 500px;
}
.text, .text td {	
	font-size: 11px;
	color: #333333;
}	
.button, button {
	border: 1px solid #D5D5D5;
	border-bottom: 1px solid #C2C2C2;
	border-right: 1px solid #C2C2C2;
	font-family: Verdana, Arial;
	font-size: 9px;
	font-weight: bold;
	color: #666666;
	background-position: top;
	background-color: white;
	height: 18px;
	width: 60px;
	vertical-align: middle;
}
.ContextMenuPanel {
	border: 1px solid #868686;
	z-index: 1000;
	background: repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
	width: 150px;
}
.ContextMenuBreak {
	margin: 1px 1px 1px 32px;
	padding: 0;
	height: 1px;
	overflow: hidden;
	display: block;
	border-top: 1px solid #C5C5C5;	
}
a.ContextMenuItem {
	margin: 1px 0px 1px 0px;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 2px 9px 2px 16px;
	white-space: nowrap;
	font-weight: normal;
	font-size: 8pt;
}
a.ContextMenuItem-Selected {
	font-weight: bold;
}
a.ContextMenuItem:hover {
	background-color: #FFE6A0;
	color: black;
	border: 1px solid #D2B47A;
	padding: 1px 9px 1px 15px;
}
.dropImage {
	background-color: #FAFAFA;
	position: relative;
	vertical-align: bottom;
}
/* ### Mail Center - Modal Popup styles END ### */

/* ### Mail Center - Popup styles BEGIN ### */
.popupControl {
	background-color: #EEEEEE; 
	position: static;
	visibility: hidden;
	text-align: left;
	/*display: none;*/
	border-style: solid;
	border-color: #233040;
	border-width: 2px;
	padding: 15px 5px 5px 5px;
	width: 300px;
}
/* ### Mail Center - Popup styles END ### */

/* MODULE:  Mail Center styles BEGIN */
.grdName {
	white-space: nowrap; 
	background-color: LightGrey; 
	font-weight: bold;
	border: none 0px black;
	width: 100%;
}
.grdListName {
	white-space: nowrap; 
	font-weight: bold;
	border: none 0px black;
	width: 100%;
}
.grdListDel {
	white-space: nowrap; 
	vertical-align: middle;
	font-weight: bold;
	width: 13px;
	border: none 0px black;
}
.grdDel {
	white-space: nowrap; 
	vertical-align: middle;
	font-weight: bold;
	width: 13px;
	border: none 0px black;
	background-color: LightGrey; 
}
A.viewEmail:link, A.viewEmail:visited, A.viewEmail:hover {
	text-decoration: none;
	font-size: 10pt;
	font-weight: normal;
}
A.viewContact:link, A.viewContact:visited, A.viewContact:hover {
	text-decoration: none;
	font-size: 10pt;
	font-weight: normal;
}
.emailCenter {
	white-space: nowrap;
	text-decoration: none;
	color: black;
	width: 100%;
}
.emailSubject {
	color: #003399;
	text-decoration: underline;
}
.emailDelete {
	white-space: nowrap; 
	vertical-align: middle;
	width: 13px;
}
table.vEmail td {
	border-bottom: solid 1px #eae9e1;
	white-space: nowrap; 
	text-decoration: none;
	font-weight: normal;
	border: none 0px black;
	padding: 0px 0px 0px 0px;
	cursor: hand;
	margin: 0px 0px 0px 0px;
}
table.vContact td {
	border-bottom: solid 1px #eae9e1;
	white-space: nowrap; 
	text-decoration: none;
	font-weight: normal;
	border: none 0px white;
	padding: 1px 1px 1px 1px;
	cursor: hand;
	margin: 1px 1px 1px 1px;
}
table.vList td {
	border-bottom: solid 1px #eae9e1;
	white-space: nowrap; 
	text-decoration: none;
	font-weight: normal;
	border: none 0px white;
	padding: 1px 1px 1px 1px;
	cursor: hand;
	margin: 1px 1px 1px 1px;
}
.cntTitle {
	white-space: nowrap; 
	vertical-align: top;
	font-weight: bold;
	font-size: 9pt;
}
.cntTxt {
	vertical-align: top;
	font-weight: normal;
	color: #808080;
	font-size: 9pt;
}
#divPane2 {
	position: relative;
	z-index: 1;
}
#divPane3 {
	position: relative;
	z-index: 1;
}
#progressDiv {
	background-color: #E0E0E0;
	filter: alpha(opacity=50);
	moz-opacity: .50;
	opacity: .50;
	height: 95%;
	width: 95%;
	position: absolute;
	z-index: 2;
}
#progressDiv2 {
	height: 100px;
	color: black;
	font-weight: bold;
	width: 200px;
	background-color: white;
	vertical-align: middle;
	text-align: center;
	top: 25%;
	left: 20%;
	position: absolute;
	z-index: 3;
}
table.mailTable {
	background: #c3daf9;
	height: 300px;
}
table.mailTable td.cell {
	border: solid 1px #002d96;
	vertical-align: top;
	background: white;
}
div.cellHeader {
	height: 28px;
	background: #033893 repeat-x;
	cursor: default;
}
div.cellHeader div {
	color: white;
	font: bold 16px Arial, Verdana, Sans-serif;
	padding-top: 4px;
	margin-left: 2px;
}
.wrapCell {
	font-size: 1px;
}
/*#MessageBody {
	border: solid 1px black;
	background: white;
	font: normal 11px Arial, Verdana, Sans-serif;
	height: 95%;
	padding: 4px;
	overflow: auto;
}*/
table.messagesGrid {
	font: normal 11px Arial, Verdana, Sans-serif;
	color: black;
}
table.messagesGrid td {
	border-bottom: solid 1px #eae9e1;
}
table.messagesGrid td span {
	color: #808080;
}
tr.gridHeader {
	background: #ece9d8;
	font: normal 11px Arial, Verdana, Sans-serif;
	padding: 3px 0px;
}
tr.gridHeader td {
	border-bottom: solid 3px #d2cfbe;
	border-top: solid 1px #d4d0c8;
	cursor: default;
}
/* MODULE:  Mail Center styles END */


/* "Accordion" styles BEGIN */
.accordionHeader {
                     border: 1px solid #2F4F4F;
                     color: white;
                     background-color: #2E4D7B;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
                     padding: 5px;
                     margin-top: 5px;
                     cursor: pointer;
}
#master_content .accordionHeader a {
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}
#master_content .accordionHeader a:hover {
	background: none;
	text-decoration: underline;
}
.accordionContent {
                     background-color: #D3DEEF;
                     border: 1px dashed #2F4F4F;
                     border-top: none;
                     padding: 5px;
                     padding-top: 10px;
}
/* "Accordion" styles END */


.bracketBoxTop {
	background-image: url(../../uploads/bracketBgTop.gif) ;
	background-repeat: no-repeat ;
                background-position: 0px top ;
}
.bracketBoxSides {
	background-image: url(../../uploads/bracketBgSides.gif) ;
	background-repeat: repeat-y ;
                width: 282px ;
}
.bracketBoxAnimated {
	background-image: url(../../uploads/bracketTextAnimated.gif) ;
	background-repeat: no-repeat ;
                background-position: 17px -30px ;
}
.bracketBoxAnimated UL {
	margin-bottom: 5px ;
}
.bracketBoxBottom {
	background-image: url(../../uploads/bracketBgBottom.gif) ;
	background-repeat: no-repeat ;
                background-position: 0px bottom ;
}

.CalListHR {
                background-color: #8DBD37 ;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
                font-color: white;
}