/*-----------------------------------------------------------------------*/
/* SiteStyleForms.css						*/
/* ActiveCampus StyleSheet						*/
/* This file comprises all display styles for ActiveCampus 1.9		*/
/* Author:  M. Taylor 12/5/06					*/
/* 						           	*/
/* Copyright:Datatel, Inc.						*/
/*-----------------------------------------------------------------------*/

/*----------------------- Base Styles ------------------------------------------*/

HR							{background-color:#000; color:#000; height:1px; border:0px;clear:both;}
INPUT, TEXTAREA, SELECT		{color:#000000; font-family:arial,helvetica; font-size:11px;margin-top:1px;margin-bottom:1px;}


/*----------------------- Basic Form Layouts-------------------------------------*/
.AC-Component				{padding:0px;background-color:#dce1e8;margin:5px 0px 0px 0px;}
.AC-Component FORM			{margin:0px; color:#333;}
.AC-ComponentBody 			{padding:6px;border:0px solid #B7AC79;}
.AC-ComponentFooter			{padding:0px;background-color:#E2E8F1;height:auto;margin:0px;padding:0px;line-height:16px;clear:both;}
.AC-ComponentHeader			{background-color:#3d506f;font-weight:bold;color:#FFFFFF;text-transform:uppercase;padding:4px;}
.AC-ComponentWrapperALT		{background-color:#F2E9C9;}
.AC-ComponentHeaderALT		{background-color:#9F2F20; font-weight:bold; color:#FFF;padding:0px; margin:0px;}

.AC-ComponentBRC, .AC-ComponentBLC, .AC-ComponentTRC, .AC-ComponentTLC		{display:none;}



/*----------------------- Div Row Construction definitions-------------------------*/
.row 						{padding-top:2px;clear:both;}
.label, .requiredlabel 		{float:left; width:auto; margin-top:3px;}
.row .input 				{float:right; width:235px; text-align:left;}
.text						{width:auto;margin-top:3px;}
.row span					{float:left;}
.spacerhc			 			{clear:both; height:0px; font-size:0px; line-height:0px;}
.spacer			 			{clear:both; height:0px; font-size:0px; line-height:0px;}
.left						{float:left;width:49%;}
.right						{float:right;width:49%;}
.AC-ButtonRow				{text-align:right; clear:both; height:20px;padding:5px;}
.AC-ButtonRow span.left 	{float:left; text-align:left;  padding:0px; }	
.AC-ButtonRow span.right 	{float:right; text-align:right; width:30%; padding:0px;}

/*----------------------- Datagrid Construction (Add Boxes)------------------------*/
.AC-DataGrid				{background-color:#fefefe; border-width:1px; border-style:solid; border-color: #3D506F;width:90%;}
.AC-DataGrid TH 			{padding:2px 2px;font-weight:bold; color:#fff; background-color:#3D506F; border-bottom:1px solid #3B61A0; text-align:left;}
.AC-DataGrid TD				{padding:2px 2px;}
.AC-DataGrid INPUT			{background-color:#3D506F; border:1px solid black; color:#fff; padding:1px;}


/*----------------------- Events Listing--------------------------------------------*/

#zone3 #Events					{background-color:#f2f4f6; padding:20px 15px; margin-top:30px;}
.academy #zone3 #Events			{background-color:#fff;}
.admissions #Events H3			{background:url(../../images/admissions/header_events.gif) no-repeat; width:162px; height:21px; margin-bottom:5px;}
.athletics #Events H3			{background:url(../../images/athletics/header_events.gif) no-repeat; width:162px; height:25px; margin-bottom:10px;}

#zone3 #Events H3				{background:url(../../images/sitewide/header_events.gif) no-repeat; width:186px; height:22px; border-bottom:1px solid #868c7d;}
.academy #zone3 #Events H3		{background:url(../../images/academy/header_events.gif) no-repeat; height:31px; border-bottom:1px solid #d4ac6c;}
#Events H3 span					{display:none;}

#AC-EventListBlock				{padding:2px 0 10px;}
#zone3 #AC-EventListBlock		{padding:5px 0 10px;}

#AC-EventListBlock .EventListItem .EventName	{margin:10px 0 10px 10px;}
.athletics #AC-EventListBlock .EventListItem .EventName			{margin:5px 0 15px;}
.athletics .EventListItem .date a								{color:#505050;}
#AC-EventListBlock .EventListItem .EventName a {text-decoration:underline; color:#505050; font-weight:normal;}
#Events .AC-BlockCtrl			{float:right; text-align:right; padding-right:6px; margin-bottom:0px;}

#AC-Eventlist .AC-EventListDescription	{clear:both;padding-bottom:1.0em;border-top:1px solid #B7AC79;}
#AC-Eventlist .EventListItem .EventName	{float:left; width:65%;height:1.2em;clear:both;font-weight:bold;}
#AC-Eventlist .EventListItem .date		{float: right;width:8em;text-align:right;font-weight:bold;}
#AC-Eventlist .EventListItem .time		{float: right;width:6em;text-align:right;}

#AC-EventForm div.row 						{clear:both; padding-top:4px;}
#AC-EventForm div.row .requiredlabel 		{float:left; width:45%; margin-top:3px;}
#AC-EventForm div.row .label 				{float:left; width:45%; margin-top:3px;}
#AC-EventForm div.row .input 				{float:right; width:45%; text-align:left;}
#AC-EventForm div.row .text					{width:45%;margin-top:3px;}
#AC-EventForm div.row .errorfield			{float:left;width:45%;margin-top:3px;color:#FF0000;font-weight:bold;}
#AC-EventForm div.spacer			 		{clear:both; height:1px; font-size:1px;}

	
/*----------------------- Events Details--------------------------------------------*/
#AC-Event				{width:455px;}	/* This is the whole container*/
#AC-EventInfo			{width:455px;padding:10px 0px;}				/* This is the header and Contact Information Area */
#AC-EventForm			{width:455px;}				/* This is where the actual form pieces are */
.Contact 				{background-color:#F2E9C9;width:200px;word-wrap:break-word;float:right;padding:5px;margin:0px 0px 5px 5px;} /* This is where the personal Contact info is */
.ContactTitle			{font-weight:bold;}
.ContactInfo			{}
.EventName				{font-weight:bold;}

ul.EventCheckbox 		{list-style:none;margin-left:1px;margin-bottom:0px;padding-left:0px;}
ul.EventRadio 			{list-style:none;margin-left:1px;margin-bottom:0px;padding-left:0px;}
ul.EventCheckbox li		{text-indent:0;padding-left:0;}
ul.EventRadio li		{text-indent:0;padding-left:0;}

/*----------------------- Login----------------------------------------------------*/
#AC-Login					{}

/*----------------------- Personalization Step 1------------------------------------*/
#AC-Step1					{}

/*----------------------- Personalization Step 2------------------------------------*/
#AC-Step2								{}
.AC-Interests							{background-color:#F2F3F6;}
.AC-InterestChildLeaf					{background-color:#F2F3F6; padding:0px;}
.AC-InterestGroup						{background-color:#3d506f; color:#fff; padding:0px;}
.AC-InterestGroup span.left				{font-weight:bold; float:left; text-align:left; width:60%;padding:3px 3px 0;}
.AC-InterestGroup input					{vertical-align:middle; margin:0; padding:0;}
.AC-InterestGroup span.right 			{float:right; text-align:right; width:30%; padding:3px 3px 0;}
.AC-InterestChildBranch					{background-color:#ffffff; border-width:1px 0px 1px 0px; border-style:solid; border-color:#B7AC79; }
.AC-InterestChildBranch	span.left		{font-weight:bold; float:left; text-align:left; width:65%;padding:4px 0px 0px 5px; }
.AC-InterestChildBranch	span.right 		{float:right; text-align:right; width:30%; padding-bottom:3px;}
.AC-InterestChildLeaf span.left			{float:left; width:40%; text-align:left; text-indent:-2.0em; padding-left:2.0em;padding-top:3px;}
.AC-InterestChildLeaf span.right 		{float:left; width:40%; text-align:left;padding-top:3px; text-indent:-2.0em; padding-left:2.0em;}
#AC-Step2 div.row 						{padding:0px; margin:0;}

/*----------------------- Personalization Step 3------------------------------------*/
#AC-Step3 					{}
.AC-ErrorList				{margin:0px 0px 10px 2em; list-style:none;}
#AC-Step3 #HSCEEBButton		{text-align:center;padding:5px;}

/*----------------------- Lost Password---------------------------------------------*/
#AC-LostPassword			{}

/*----------------------- News Display Modes--------------------------------------*/
#zone3 #News				{background-color:#f2f4f6; padding:20px 15px; margin-top:30px;}
.home #News					{padding:25px 18px 15px 35px;}
.academy #zone3 #News		{background-color:#fff;}
#News H3					{background:url(../../images/admissions/header_news.gif) no-repeat; width:162px; height:21px; padding-bottom:5px;}
.home #News H3				{background:url(../../images/home/headlines.gif) no-repeat; width:94px; height:25px;}
#zone3 #News H3				{background:url(../../images/about/header_news.gif) no-repeat; width:186px; height:22px; border-bottom:1px solid #868c7d; padding-bottom:0; margin-bottom:10px;}
.academy #zone3 #News H3	{background:url(../../images/academy/header_news.gif) no-repeat; height:31px; border-bottom:1px solid #d4ac6c;}
.athletics #News H3			{background:url(../../images/athletics/header_news.gif) no-repeat; width:162px; height:25px; padding-bottom:3px;}
.athletics .subpage #News H3	{position:relative; top:5px; margin-top:10px; padding-bottom:5px;}

#News H3 span				{display:none;}
.AC-NewsHeadline			{margin:10px 0 10px 10px;}
.athletics .subpage .AC-NewsHeadline	{margin-left:0px;}
#zone3 .AC-NewsHeadline		{margin-left:0px;}
.AC-NewsHeadline a			{text-decoration:underline; color:#505050;}
.athletics .subpage .AC-NewsHeadline a, .academy .AC-NewsHeadline a	{font-weight:normal;}

.AC-NewsOverview			{padding:8px 5px;}
.athletics .AC-NewsOverview	{padding-left:0;}
.athletics .AC-NewsOverviewHeadline a {color:#06173e;}
.AC-NewsOverview a			{text-decoration:underline; color:#505050;}
.arrows						{color:#d49737;}

.AC-NewsArchive								{padding-top:10px;}
.AC-NewsArchive	.AC-NewsHeadlineDate		{float:left; width:75px;}
.AC-NewsArchive	.AC-NewsHeadlineHeadline	{float:right; width:395px;}
.AC-NewsArchive	.AC-NewsHeadlineHeadline a	{font-weight:normal;}

#News .AC-BlockCtrl			{float:right; text-align:right; padding-right:6px; margin-bottom:20px;}
#zone3 #News .AC-BlockCtrl	{margin-bottom:0px; margin-top:5px;}
.home #News .AC-BlockCtrl	{margin-bottom:0;}

/*----------------------- News Story Display--------------------------------------*/
.AC-NewsStoryHeadline 		{font-size:16px; color:#000000; margin:1em 0em;}
.AC-NewsStoryOverview		{font-style:italic; margin:1em 0em;}
.AC-NewsStory				{margin:1em 0em;}

/*----------------------- Ask Us--------------------------------------------------*/
#AC-Askus 					{}

/*----------------------- Survey--------------------------------------------------*/
#AC-Survey				{background-color:#fff; margin-top:30px; width:189px; padding:10px 14px 24px 14px;}
#AC-Survey form			{margin:10px 0; padding:0; border-bottom:1px solid #b9883b;}
#AC-Survey .question	{margin:0 4px;}
ul.surveylist			{list-style:none;margin:10px 0px;padding:0px;}
ul.surveylist LI		{margin-left:12px;}
li.answer				{padding:0px;}
div.surveybar			{float:left;background-color:#505050;}
#AC-Survey #button		{float:right; text-align:right; margin-bottom:-2px;}
#AC-Survey .next		{float:right; text-align:right; margin-bottom:-1px;}	

/*----------------------- FAQ-----------------------------------------------------*/
#AC-FAQ					{}
.AC-FAQSearchMode		{margin:4px;}

/*----------------------- Recommend-----------------------------------------------*/
.AC-ComponentWrapper					{}
.AC-DataGrid							{width:388px;}
div.AC-RecommendRecipientAdd 			{text-align:right;font-weight:bold;display:block;clear:both;}
div.AC-RecommendRecipientAdd INPUT		{padding:5px;}
div.AC-RecommendSend 					{text-align:right; padding:5px;}


/*----------------------- Welcome Message-------------------------------------------*/
H3.AC-WelcomeMessage		{margin:5px 0px;}
.AC-WelcomeMessageLogout	{text-align:right;}

/*----------------------- Campus Visit----------------------------------------------*/
#AC-Visit LABEL					{width:220px;}
#AC-Visit .input					{width:190px;}

/*----------------------- High School Counselor------------------------------------*/
#AC-HSCListing .totals	{width:200px;}
#AC-HSCListing .totals .row .left	{width:120px;}
#AC-HSCListing .totals .row .right	{width:30px;}

#AC-HSCDetails .row {height:auto;padding:4px 0px;}
#AC-HSCDetails .FieldName {width:130px; font-weight:bold;}

#AC-HSCounselorRequest {}
#AC-HSCounselorRequest .AC-ComponentWrapper {width:450px;}

/*----------------------- TodoList Construct--------------------------------------*/
#todoComponentClosed 	{position:absolute;top:55px;left:29px;z-index:10;width:160px;height:32px;cursor:pointer;}
#todoComponentOpen 		{position:absolute;top:55px;left:29px;z-index:10;width:160px;height:32px;visibility:hidden;}
#todoComponentOpenHead 	{height:32px;cursor:pointer;}
#todoComponentOpenFoot 	{height:32px;cursor:pointer;}
#todoList 				{margin:0px;width:160px;padding:0px;}
#todoFrame				{background-image:none;background-color:#5c5c5c; color:#fff;margin:0px;padding:10px 0 0; width:158px;border-left:1px solid #fff; border-right:1px solid #fff;}
#todoItems				{width:158px;}
/*Inner Styles:  Individual task styles, link styles, and positioning data */
.todoTask, .todoTaskComplete, .todoTaskRoll 		{background-color:#5c5c5c;position:relative; width:158px;color:#fff;border-top:0px solid #CCC59B;}
.displayOffPage					{position:absolute;top:-800px;}
.displayOnPage					{position:absolute;top:32px;}
.todoTaskRow					{clear:both;height:auto; width:138px; position:relative; padding:5px 10px;}
.todoTaskRoll A					{color:#fff;}
.todoText 						{margin:0px; color:#fff; float:left; position:relative;line-height:12px;padding-bottom:3px; }
.todoText .todoTextComplete		{display:none;}
.todoText A 					{font-size:10px;color:#fff;text-decoration:none;}
.todoTaskComplete .todoText A	{color:#9c9c9c;}
.todoTaskRoll .todoText A  		{color:#9c9c9c;}
.todoText A:hover				{color:#9c9c9c;}
.todoCheckbox 					{padding:0 3px 0 0;text-align:left;float:right;width:18px;position:relative;}
.todoSeparator 					{clear: both; height:1px; font-size:1px;line-height:1px;}
.todoSeparator IMG				{width:1px;}

/*----------------------- TodoList Construct--------------------------------------*/
.AC-DirectorySearchResult	{display:block;border-bottom:1px solid black;margin-bottom:4px;padding-bottom:4px;}


/* ------ Spotlights ------ */
.AC-SpotlightList				{margin-left:0em; padding-left:0em; list-style:none;}
.AC-SpotlightListGroupHeader	{font-weight:bold;}
.AC-SpotlightListGroup 			{margin-left:1em; padding-left:1em; list-style:none;}
.AC-SpotlightListGroup LI		{padding:1px 0px;}

.AC-SpotHeader					{padding-top:10px;}
.AC-SpotDetails					{float:left; width:260px; padding-top:8px;}

.spotTitle						{margin-bottom:15px;}
.spotTitle.alumni				{background:url(../../images/sitewide/spotAlumni.gif) no-repeat; width:240px; height:30px;}
.spotTitle.student				{background:url(../../images/sitewide/spotStudent.gif) no-repeat; width:243px; height:30px;}
.spotTitle.faculty				{background:url(../../images/sitewide/spotFaculty.gif) no-repeat; width:240px; height:30px;}
.spotTitle.athletic				{background:url(../../images/sitewide/spotAthletic.gif) no-repeat; width:240px; height:30px;}

.AC-SpotlightContent 			{clear:both;width:465px;}
.AC-SpotlightImage 				{float:right; width:160px; height:146px; padding:2px;}
.AC-SpotlightImage.alumniImg	{border:1px solid #6b7b92;}
.AC-SpotlightImage.studentImg	{border:1px solid #999e90;}
.AC-SpotlightImage.facultyImg	{border:1px solid #969696;}
.AC-SpotlightImage.athleticImg	{border:1px solid #040c20;}

.AC-SpotlightTextarea			{padding-left:15px;}
.AC-SpotlightTextName			{font-size:1.2em; color:#505050;}
.AC-SpotlightFieldUnit			{padding:5px 0px;clear:both;}
.AC-SpotlightFieldName			{font-weight:bold;}
.AC-SpotlightFieldText			{}

.home .AC-SpotBlock 			{position:relative;width:268px; margin:25px 22px 0 30px;border-bottom:1px solid #bfc5d0;min-height:160px;}
*html .home .AC-SpotBlock                     {height:160px;}
.home .AC-BlockImage			{position:absolute; right:0px; bottom:0px; width:120px; height:160px; margin-bottom:0px;}
.home .AC-SpotBlockName			{color:#505050; padding-top:6px;}
.home .AC-BlockImage img		{width:120px; height:160px;}
.home .AC-BlockHeader			{width:137px;}
.home .AC-SpotBlockDetails		{padding-bottom:16px;}
.home .AC-SpotBlock .AC-BlockCtrl	{float:left; clear:both; margin-bottom:0px;padding-bottom:15px;}
.home .AC-BlockText				{float:left; width:135px; padding:0; margin:0;}
.home .AC-SpotBlock .spacer		{border-bottom:0px solid #bfc5d0; width:260px;}

.AC-BlockImage img				{width:160px; height:146px; vertical-align:bottom;}
.AC-BlockHeader					{width:160px; height:33px;}
.AC-BlockText					{color:#505050; padding:18px 14px 5px; line-height:1.5em;}
.AC-SpotBlockName				{font-size:1.1em;}
.AC-SpotBlockName strong		{color:#07173e;}
.AC-SpotBlockDetails			{}
.AC-SpotBlockBio				{}
.AC-SpotBlock .AC-BlockCtrl	{float:right; text-align:right; padding-right:10px; margin-bottom:18px;}

.AC-BlockFoot					{width:160px; height:17px; background-color:#8090a8;}
.AC-BlockFoot.blue				{background-color:#8090a8;}
.AC-BlockFoot.gray				{background-color:#505050;}
.AC-BlockFoot.green				{background-color:#555e46;}
.AC-BlockFoot.darkblue			{background-color:#111b35;}
 

/* ------ External Window ------ */
#ExternalTop					{}
.extContainer					{padding:10px; min-width:400px;}
.extHeader						{height:70px;}
.extLogo						{float:left; padding-top:5px; padding-left:15px;}
.extLink						{float:right; padding-right:17px; padding-top:21px;}
