/* Global CSS Stylesheet for ATLA Web Application Project */

/* Standard font within page body */
BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    COLOR: #000000;    
}

td, p, div
{
	font-size: 12px;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}

.sm {font-size:11px;}
.xsm {font-size:10px;}

/* Headers */
H1	{	
	font-family: Arial, sans-serif;
	font-size:	20px;
	color: #333366;
	}	
		
H2	{	
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333366;
	}	
		
H3	{	
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #333366;
	}	
	
H4	{	
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	}

/* Rust colored headers, added because color #993300 was frequently used,
but was not in the global style sheet */
/*	.RustH2 {		
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color:  #993300;
	}
	.RustH3 {
		font-family: Arial, sans-serif;
		font-size: 13px;
		font-weight:	bold;
		color:  #993300;
	}
	.RustH4 {
		font-family: Arial, sans-serif;
		font-size: 12px;
		font-weight:	bold;
		color:  #993300;
	}*/
	
/* Orange colored headers, added because color #FF3300 was frequently used,
but was not in the global style sheet */
/*	.OrangeH2 {		
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color:  #FF3300;
	}
	.OrangeH3 {
		font-family: Arial, sans-serif;
		font-size: 13px;
		font-weight:	bold;
		color:  #FF3300;
	}
	.OrangeH4 {
		font-family: Arial, sans-serif;
		font-size: 12px;
		font-weight:	bold;
		color:  #FF3300;
	}
	*/

TFOOT, THEAD	{	
	font-size:	12px;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	12px;
	font-weight:	bold;
	font-family: Arial, Helvetica, sans-serif;
	}
	
.Lyris	
{
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    COLOR: #000000;    
}
	
		
/*	TD	
{
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    COLOR: #000000;    
}*/


/* Assigns Style to Buttons */
.buttoncontrol
{
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

/* Regular Hyperlink Style */
A:link	{	
	text-decoration:underline;
	color:	#0000cc;
	}	
		
A:visited	{	
	text-decoration:underline;
	color:#660099;
	}	
		
A:active	{	
	text-decoration:none;
	color:	#9999ff;
	}	
		
A:hover	{	
	text-decoration:none;
	color:	#3333ff;
	}
	
	
	/* Hyperlink Style for Dark B/Gs */
	
.whiteLink A:link	{	
	text-decoration:	underline;
	color:	#ffffff;
	font-size: 11px;
	}	
		
.whiteLink A:visited	{	
	text-decoration:	underline;
	color:	#ffffff;
	font-size: 11px;
	}	
		
.whiteLink A:active	{	
	text-decoration:	none;
	font-weight: normal;
	color:	#ffffff;
	font-size: 11px;
	}	
		
.whiteLink A:hover	{	
	text-decoration:	none;
	font-weight: normal;
	color:	#ffffff;
	font-size: 11px;
	}
	
/* Setting Relative Font Sizes if SMALL and BIG are used */	
SMALL	{	
	font-size:	0.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	
	
/* BLOCKQUOTE and Lists Styles */	
BLOCKQUOTE	{	
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    COLOR: #000000;
	}	

UL LI	{	
	list-style-type:	disc ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}
		

	
/*input:focus {background: linen;}*/

/* Hyperlink Style for Horizontal Navigation (all links black) */
.Hlink A:link {text-decoration:none; color: #000000; font-family:verdana; font-size: 7pt; }
.Hlink A:visited {text-decoration:none; color: #000000; font-family:verdana; font-size: 7pt; }
.Hlink A:active {text-decoration:none; color: #000000; font-family:verdana; font-size: 7pt;}
.Hlink A:hover {text-decoration:underline; color: #000000; font-family:verdana; font-size: 7pt;}
	
/* Hyperlinks Style for Headings */	
.H3link A:link {text-decoration:none; color: #0000cc; font-family:Arial; font-size: 0.9em; font-weight:bold; word-spacing:normal;
	letter-spacing:normal;}
.H3link A:visited {text-decoration:none; color: purple; font-family:Arial; font-size: 0.9em; font-weight:bold; word-spacing:normal;
	letter-spacing:normal;}
.H3link A:active {text-decoration:none; color: #0000cc; font-family:Arial; font-size: 0.9em; font-weight:bold; word-spacing:normal;
	letter-spacing:normal;}
.H3link A:hover {text-decoration:underline; color: #0000cc; font-family:Arial; font-size: 0.9em; font-weight:bold; word-spacing:normal;
	letter-spacing:normal;}
	
/* Styles for text.  Text3 style is 12px Arial - standard. */	
.Text1 {text-decoration:none; color: #663333; font-family:Arial; font-size: 16px; font-weight:bold;}
.Text2 {
text-decoration:none; 
color: #000000; 
font-family:Arial; 
font-size: 13px; 
font-weight:bold;}
.Text3 {
text-decoration:none; 
color: #000000; 
font-family:Arial; 
font-size: 12px; 
font-weight:normal;}
.Text4 {
text-decoration:none; 
color: #000000; 
font-family:Arial; 
font-size: 8pt; 
font-weight:normal;}
.Text4B {
text-decoration:none; 
color: #000000; 
font-family:Arial; 
font-size: 8pt; 
font-weight:bold;}
.Text5 {text-decoration:none; color: #000000; font-family:Arial; font-size: 12pt; font-weight:normal;}
.Itext {text-decoration:none; color: #000000; font-family:Arial; font-size: 12px; font-weight:normal; font-style:italic;}



/* FORMS STYLES */	
	.formlabel
{
	font-size: 8pt;
	vertical-align: baseline;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
}
	.textlabel
{
	font-size: 11px;
	vertical-align: baseline;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.formtablerow
{
	font-size: 11px;
	vertical-align: baseline;
	color: black;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:center ;	
}
.formtablerowselected
{
	font-size: 11px;
	vertical-align: baseline;
	color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align:center;
	background-color: #333467;
	font-weight: bold;
}


/* Assigns Style to Hyperlinks in Forms */
.formcontrol A:link	{	
	text-decoration: underline;
	color:	#0000cc;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight:normal;
	}	
	
.formcontrol A:visited{	
	text-decoration: underline;
	color:	purple;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight:normal;
	}
	
.formcontrol A:active	{	
	text-decoration: none;
	color:	#0000cc;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight:normal;
	}
	
.formcontrol A:hover	{	
	text-decoration: none;
	color:	#0000cc;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight:normal;
	}

.formtableheader
{
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #BDD6EF;
}
.formtablefooter
{
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #BDD6EF;
}
.forminstructionsheader
{
	font-weight: bold;
	list-style-position: inside;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	list-style-type: circle;
}
.forminstructions
{
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	list-style-type: disc;	
}
.forminstructionsemphasis
{
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}

/* Error Message */
.formvalidationerror
{
	font-size: 12px;
	vertical-align: baseline;
	color: red;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.formheader
{
	font-size: 16px;
	color: white;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #333467;
}

.MyATLAformheader
{
	font-size: 13px;
	color: white;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #333467;
}

.MyATLAtableheader
{
	font-size: 13px;
	color: black;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 20pt;
}

/* Used for the datagrid header row */
.datagrid	{
	font-size: 12px;
	color: white;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #333467;
	vertical-align: baseline;	
}

/* Used to set the cell background for a datagrid link, */
/* without this the link will only be colored directly  */
/* behind the link - not in the entire datagrid cell... */
.datagridLink	{
	font-size: 12px;
	color: white;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #333467;
	vertical-align: baseline;	
}

/* Used for a datagrid header row which happens to be a link */
.datagridLink A:link	{	
	text-decoration:	underline;
	font-size: 12px;
	color: white;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #333467;
	vertical-align: baseline;
}	
		
.datagridLink A:visited	{	
	text-decoration:	underline;
	font-size: 12px;
	color: white;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #333467;
	vertical-align: baseline;
}	
		
.datagridLink A:active	{	
	text-decoration:	none;
	font-size: 12px;
	color: white;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #333467;
	vertical-align: baseline;
}	
		
.datagridLink A:hover	{	
	text-decoration:	none;
	font-size: 12px;
	color: white;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #333467;
	vertical-align: baseline;
}

/* Used for the ItemStyle in the datagrid */
.datagriditem
{
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	vertical-align: baseline;	
}

.formsubheader
{
	font-weight: bold;
	font-size: 13px;
	color: black;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
}

.formpageheader
{
	font-weight: bold;
	font-size: 18px;
	color: #333467;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

/* Styles within Text Fields, Radio Buttons, Check Boxes - Must be Courier for NS 4.7 */
.formcontrol
{
	font-size: 12px;
	font-family: Arial,Verdana, Helvetica, sans-serif;
}
/* Styles for Date Text Box Control */
.CSCCalendar
{
   border-right: lightgrey ridge;
   border-top: lightgrey ridge;
   font-size: 8pt;
   filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color= 'gray' , Positive= 'true' ) progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=96, FinishX=100, StartY=0, FinishY=0) progid:DXImageTransform.Microsoft.Alpha( Opacity=100, FinishOpacity=20, Style=1, StartX=0, FinishX=0, StartY=97, FinishY=100);
   border-left: lightgrey ridge;
   border-bottom: lightgrey ridge;
   font-family: Arial, verdana, helvetica, sans-serif;
   background-color: white;
}

.CSCCalendar TABLE
{
   font-size: 8pt;
   font-family: Arial, verdana, helvetica, sans-serif;
   background-color: white;
}

.CSCCalendarNoFilter
{
   border-right: lightgrey ridge;
   border-top: lightgrey ridge;
   font-size: 8pt;
   border-left: lightgrey ridge;
   border-bottom: lightgrey ridge;
   font-family: Arial, verdana, helvetica, sans-serif;
   background-color: white;
   }
.CSCCalendarNoFilter TABLE
{
   font-size: 8pt;
   font-family: Arial, verdana, helvetica, sans-serif;
   background-color: white;
}


.CSCWeekRowsTable
{
   border-right: black 1px solid;
   border-top: black 1px solid;
   font-size: 8pt;
   border-left: black 1px solid;
   border-bottom: black 1px solid;
   font-family: Arial, verdana, helvetica, sans-serif;
   background-color: white;
}

.CSCDay
{
   cursor: pointer;  /* W3C approved hand. See http://www.xs4all.nl/~ppk/css2tests/index.html */
   cursor: hand;
}

.CSCSelectedDay
{
   background-color: gold;
   cursor: pointer;
   cursor: hand;
}
.CSCSelectedToday
{
   font-weight: bold;
   background-color: gold;
   cursor: pointer;
   cursor: hand;
}
.CSCToday
{
   font-weight: bold;
   cursor: pointer;
   cursor: hand;
}
.CSCSpecialDay
{
   cursor: pointer;
   cursor: hand;
   background-color: lemonchiffon;
}

.CSCOtherMonthDays
{
   cursor: default;
   color: gray;
}

.CSCWeekNumberColumn
{
   border-right: blue 1px solid;
   background-color: lightblue;
}

.CSCDayHeader
{
   border-bottom: blue 1px solid;
}

.CSCDayHeader TR
{
   font-size: 7pt;
   background-color: lightblue;
}

.CSCDayHeaderCell
{
   font-size: 7pt;
}

.CSCHeaderTable
{
   font-size: 8pt;
   border-bottom: blue 1px solid;
   font-family: Arial, verdana, helvetica, sans-serif;
}

.CSCHeaderRows
{
   font-size: 8pt;
   font-family: Arial, verdana, helvetica, sans-serif;
   cursor: default;
}

.CSCHeaderRows TR
{
   background-color: inherit;
}

.CSCIncrementalButtons
{
   cursor: pointer;
   cursor: hand;
   color: mediumblue;
}

.CSCIncrementalButtonsPressed
{
   cursor: pointer;
   cursor: hand;
   color: darkblue;
}

.CSCJumpButtons
{
   color: mediumblue;
   cursor: pointer;
   cursor: hand;
}

.CSCJumpButtonsPressed
{
   color: darkblue;
   cursor: pointer;
   cursor: hand;
}

.CSCCloseButton
{
   cursor: default;
}

.CSCCloseButtonPressed
{
   cursor: default;
}
.CSCHelpButton
{
   cursor: default;
}

.CSCHelpButtonPressed
{
   cursor: default;
}

.CSCFooterTable
{
}

.CSCFooterTable TABLE
{
}

.CSCFooterButton
{
   border-right: lightgrey thin outset;
   border-top: lightgrey thin outset;
   border-left: lightgrey thin outset;
   color: black;
   border-bottom: lightgrey thin outset;
   background-color: lightblue;
   font-size: 8pt;
   font-family: Arial, verdana, helvetica, sans-serif;
   cursor: pointer;
   cursor: hand;
}

.CSCFooterButtonPressed
{
   border-right: lightgrey thin inset;
   border-top: lightgrey thin inset;
   border-left: lightgrey thin inset;
   border-bottom: lightgrey thin inset;
   background-color: lightblue;
   color: black;
   font-size: 8pt;
   font-family: Arial, verdana, helvetica, sans-serif;
   cursor: pointer;
   cursor: hand;
}

.CSCFooterCurrentDate
{
}

.SD_Selectable1
{
   background-color: mistyrose;
   cursor: pointer;
   cursor: hand;
}
.SD_SelectableOM1
{
   background-color: powderblue;
   cursor: pointer;
   cursor: hand;
}
.SD_Selectable2
{
   background-color: palegoldenrod;
   cursor: pointer;
   cursor: hand;
}
.SD_SelectableOM2
{
   background-color: gainsboro;
   cursor: pointer;
   cursor: hand;
}
.SD_Unselectable1
{
   color: gray;
   background-color: mistyrose;
}
.SD_UnselectableOM1
{
   color: gray;
   background-color: powderblue;
}
.SD_Unselectable2
{
   color: gray;
   background-color: palegoldenrod;
}
.SD_UnselectableOM2
{
   color: gray;
   background-color: gainsboro;
}

.DTBToggleCalendar
{
}

.DTBToggleCalendarPressed
{
}

.DTBHelpButton
{
}

.DTBHelpButtonPressed
{
}

.MYPMonthYearPicker
{
   border-right: gray 1px solid;
   border-top: gray 1px solid;
   font-size: 8pt;
   border-left: gray 1px solid;
   border-bottom: gray 1px solid;
   font-family: Arial, verdana, helvetica, sans-serif;
   background-color: white;
}

.MYPMonthYearPicker TABLE
{
   font-size: 8pt;
   font-family: Arial, verdana, helvetica, sans-serif;
   background-color: white;
}

.MYPMonthTable
{
}

.MYPYearTable
{
}

.MYPMonthCell
{
   cursor: pointer;
   cursor: hand;
}

.MYPSelectedMonthCell
{
   background-color: gold;
   cursor: pointer;
   cursor: hand;
}


.MYPYearCell
{
   cursor: pointer;
   cursor: hand;
}
.MYPSelectedYearCell
{
   cursor: pointer;
   cursor: hand;
   background-color: gold;
}

.MYPOutOfRangeCell
{
   color: gray;
}

.MYPMoveYearsButtons
{
}

.MYPMoveYearsButtonsPressed
{
}

.MYPTogglePicker
{
}

.MYPTogglePickerPressed
{
}


.PDPContextMenu
{
   border-right: lightgrey 1px solid;
   border-top: lightgrey 1px solid;
   font-size: 8pt;
   border-left: lightgrey 1px solid;
   border-bottom: lightgrey 1px solid;
   font-family: Arial, verdana, helvetica, sans-serif;
   background-color: white;
}

.PDPContextMenu TABLE
{
   font-size: 8pt;
   font-family: Arial, verdana, helvetica, sans-serif;
   background-color: white;
}
/* End Date Text Box Styles */

/* Headings in new homepage color scheme  */

.education
{
	color:#3E5566;
	background-color: transparent;
}

.rights
{
	color:#6e6126;
	background-color: transparent;
}


.resources
{
	color:#886C9A;
	background-color: transparent;
}

.white
{
	color: #ffffff;
	background-color: transparent;
	font-weight: bold;
}
/* pullout box styles  */
td.edu {
	background-color:#d6e1e8;
	border:1px solid #5a7384;
}
td.res {
	background-color:#e6e3e8;
	border:1px solid #a58cb5;
}
td.rig {
	background-color:#f2eedb;
	border:1px solid #d76a3f;
}
p.quote {
	line-height:26px;
}
/* bottom-borders for each area */
td.edu-btm {
	border-bottom:1px dotted #5a7384;
}
td.res-btm {
	border-bottom:1px dotted #a58cb5;
}
td.rig-btm {
	border-bottom:1px dotted #d76a3f;
}
/* ad space */
div#ad-edu	{
	font-size:11px;
	padding:3px;
	border:1px solid #5a7384;
}
div#ad-res	{
	font-size:11px;
	padding:3px;
	border:1px solid #a58cb5;
}
div#ad-rig	{
	font-size:11px;
	padding:3px;
	border:1px solid #d76a3f;
}