/* Global CSS Stylesheet for ATLA Web Application Project */
BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    COLOR: #000000; 
	margin:0;
	padding:0;   
}

b{font-size: 110%;}
hr{height:1px; color:#cccccc}

#maincontainer{
width: 770px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
height: 156px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 150px 0 167px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentcolumn_internal{
margin: 0 0 0 227px; border-left:2px solid #a58cb5; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 167px; /*Width of left column in pixel*/
margin-left: -770px; /*Set margin to that of -(MainContainerWidth)*/
}

#leftcolumn_int{
float: left;
width: 227px; /*Width of left column in pixel*/
margin-left: -770px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 150px; /*Width of right column*/
margin-left: -150px; /*Set left margin to -(RightColumnWidth)*/
background: #E6E3E8;
}

#footer{
clear: left;
width: 100%;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin:0 10px 0 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}


/* Navigation */
a.primary_nav:link {color:#333366; text-decoration:none}
a.primary_nav:visited {color:#333366; text-decoration:none}
a.primary_nav:hover {text-decoration: underline;}

a.primary_navOn:link {color:#333366; text-decoration:none}
a.primary_navOn:visited {color:#333366; text-decoration:none}
a.primary_navOn:hover {text-decoration: underline;}






/* Standard font within page body */


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


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


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

	
	
	/* 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: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    COLOR: #000000;
	}	


	
/*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:Verdana; font-size: 0.9em; font-weight:bold; word-spacing:normal;
	letter-spacing:normal;}
.H3link A:visited {text-decoration:none; color: purple; font-family:Verdana; font-size: 0.9em; font-weight:bold; word-spacing:normal;
	letter-spacing:normal;}
.H3link A:active {text-decoration:none; color: #0000cc; font-family:Verdana; font-size: 0.9em; font-weight:bold; word-spacing:normal;
	letter-spacing:normal;}
.H3link A:hover {text-decoration:underline; color: #0000cc; font-family:Verdana; font-size: 0.9em; font-weight:bold; word-spacing:normal;
	letter-spacing:normal;}
	
/* Styles for text.  Text3 style is 12px Verdana - standard. */	
.Text1 {text-decoration:none; color: #663333; font-family:Verdana; font-size: 16px; font-weight:bold;}
.Text2 {
text-decoration:none; 
color: #000000; 
font-family:Verdana; 
font-size: 13px; 
font-weight:bold;}
.Text3 {
text-decoration:none; 
color: #000000; 
font-family:Verdana; 
font-size: 12px; 
font-weight:normal;}
.Text4 {
text-decoration:none; 
color: #000000; 
font-family:Verdana; 
font-size: 8pt; 
font-weight:normal;}
.Text4B {
text-decoration:none; 
color: #000000; 
font-family:Verdana; 
font-size: 8pt; 
font-weight:bold;}
.Text5 {text-decoration:none; color: #000000; font-family:Verdana; font-size: 12pt; font-weight:normal;}
.Itext {text-decoration:none; color: #000000; font-family:Verdana; font-size: 12px; font-weight:normal; font-style:italic;}

a.leftNav:link, a.leftNav:visited {
	color: #333366;
	text-decoration: none;
}

a.leftNav:hover {
	color: #333366;
	text-decoration: underline;
}

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

.formtablerow
{
	font-size: 11px;
	vertical-align: baseline;
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center ;	
}
.formtablerowselected
{
	font-size: 11px;
	vertical-align: baseline;
	color: #FFFFFF;
	font-family: Verdana, Geneva, Arial, 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: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight:normal;
	}	
	
.formcontrol A:visited{	
	text-decoration: underline;
	color:	purple;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight:normal;
	}
	
.formcontrol A:active	{	
	text-decoration: none;
	color:	#0000cc;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight:normal;
	}
	
.formcontrol A:hover	{	
	text-decoration: none;
	color:	#0000cc;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight:normal;
	}

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

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

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

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

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

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

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

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

/* Styles within Text Fields, Radio Buttons, Check Boxes - Must be Courier for NS 4.7 */
.formcontrol
{
	font-size: 12px;
	font-family: Verdana,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: Verdana, Geneva, Arial, Helvetica, sans-serif;
   background-color: white;
}

.CSCCalendar TABLE
{
   font-size: 8pt;
   font-family: Verdana, Geneva, Arial, 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: Verdana, Geneva, Arial, Helvetica, sans-serif;
   background-color: white;
   }
.CSCCalendarNoFilter TABLE
{
   font-size: 8pt;
   font-family: Verdana, Geneva, Arial, 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: Verdana, Geneva, Arial, 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: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.CSCHeaderRows
{
   font-size: 8pt;
   font-family: Verdana, Geneva, Arial, 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: Verdana, Geneva, Arial, 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: Verdana, Geneva, Arial, 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: Verdana, Geneva, Arial, Helvetica, sans-serif;
   background-color: white;
}

.MYPMonthYearPicker TABLE
{
   font-size: 8pt;
   font-family: Verdana, Geneva, Arial, 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: Verdana, Geneva, Arial, Helvetica, sans-serif;
   background-color: white;
}

.PDPContextMenu TABLE
{
   font-size: 8pt;
   font-family: Verdana, Geneva, Arial, 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:0px 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;
}

.CTsubtitle{text-align:left; color:#fff; font-weight:bold; background-color:#00006B}
.CT{font-weight:bold;}