/* ---- CSS for Tranquility DNN Skin ---------- */
/* ---- Created by Tyler Fawcett -------------- */
/* ---- Updated March 2007 -------------------- */
/* ---- http://tfdnn.com ---------------------- */
/* ---- tf@tylerfawcett.com ------------------- */




/* ---- Universal ----------------------------- */

/* Forces browser height of 100% */
html {height: 100%;}

/* Body style */
body {margin: 0; background: #fff;}

/* Catch-all to ensure text color, font, and size consistency */
table, tr, td, p {font-family: arial; font-size: 12px; line-height: 1.4em;}



/* ---- DNN Control Panel ---------------------- */
table.ControlPanel {border-left:0px none; border-right:0px none; border-top:0px none; background:#fafafa; border-bottom:1px solid #888; }
table.ControlPanel td {padding: 0px 0 6px 0;}
table.ControlPanel td td.SubHead {padding: 3px 0 2px 0; background: #eaeaea; border-bottom: 1px solid #ddd;}
table.ControlPanel td td td.SubHead {background: ; border: 0px none;}
table.ControlPanel td td {vertical-align: middle; border: 0px none;}
table.ControlPanel table td {padding: 1px 0 0 0;}
table.ControlPanel td a {margin: 0 4px 0 4px; text-align: center;}
table.ControlPanel .ControlPanel {border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 0px none; border-bottom: 0px none; width: 0px; height: 100px; display: none}


/* ---- Containers ----------------------------- */


/* Establishes bg for viewable area */
.SiteColor {background: #e7e7e7;}

/* Maintains consistent width */
.SiteWidth {width: 952px; margin: 10px 0 10px 0;}

/* Spring photo */
.TopRow {height: 318px;	padding: 0;	background: url('bg_top.jpg') no-repeat;}

/* Spring photo - Admin */
.TopRowAdmin {height: 78px; padding: 0; background: url('bg_top_admin.jpg') no-repeat;} 

.Flashmovie {height: 109px; padding: 0; background: url('top.swf') no-repeat;}

/* Contains date/login info */
.HeaderCell {text-align: right;	padding: 6px 45px 0 0; height: 37px; font-size: 12px;}

/* For search utility */
.SearchTD {padding: 0 0 15px 0;}

/* Contains menu */
.MenuCell {padding: 0px 10px 0 227px; height: 36px;}

/* Contains menu - Admin */
.TopRowAdmin .MenuCell {padding: 0px 10px 0 60px; height: 36px;}

/* BG for everything between header and footer */
.MiddleRow {background: url('bg_middle.jpg') repeat-y; padding-left:40px; padding-right:65px; padding-top:0; padding-bottom:0}

/* BG for everything between header and footer - Admin */
.MiddleRowAdmin {background: url('bg_middle_admin.jpg') repeat-y;	padding-left:75px; padding-right:65px; padding-top:0; padding-bottom:0}

/* Holds breadcrumbs */
.Breadcrumbs {padding: 0 0 30px 10px; font-size: 13px; color: #888;	font-weight: bold;}

/* For left-hand column content */
.SideContent {width: 177px;	padding: 0 33px 0 15px;}

/* For main column content */
.MainContent {padding: 0 10px 0 0;}

/* Content in the side pane */
.ContentSide {}

/* For left column within the main content area */
.ContentLeft {width: 33%;}

/* For center column within the main content area */
.ContentCenter {width: auto;}

/* For right column within the main content area */
.ContentRight {width: 33%;}

/* Footer graphic */
.BottomRow {background: url('bg_bottom.jpg') no-repeat; height: 110px; vertical-align: bottom; text-align: right}

/* Footer graphic - Admin */
.BottomRowAdmin {background: url('bg_bottom_admin.jpg') no-repeat; height: 110px;	vertical-align: bottom;	text-align: right}

/* Contains terms/copyright info */
.FooterCell {text-align: right; padding: 0 45px 8px 0; font-size: 12px;}

/* Separator image between header and footer links */
.Bullet {background: url('bullet_grey.gif') no-repeat; height: 10px}




/* ---- Links -------------------------- */


/* Basic links */
a:link, a:visited, a:active {color: #FF0000; font-family: arial; font-weight: normal; font-size: 12px; text-decoration: underline;}
a:hover {color: #FF0000; font-family: arial; font-weight: normal; font-size: 12px; text-decoration: none;}

/* For the Register and Login/Logout links in the header */
a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active {font-weight: bold; font-size: 12px;}
a.LoginLink:hover {font-weight: bold; font-size: 12px;}

/* Defines styles for breadcrumb items */
a.BreadcrumbLink:link, a.BreadcrumbLink:visited, a.BreadcrumbLink:active {font-weight: bold; font-size: 13px;}
a.BreadcrumbLink:hover, .BreadcrumbLink {font-weight: bold;	font-size: 13px;}

/* For the links that look like buttons */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {font-weight: bold; color: #FF0000;}
a.CommandButton:hover {font-weight: bold; color: #FF0000; text-decoration: none;}




/* ---- Text ---------------------------- */


/* Style for current date token */
.CurrentDate {color: #333; font-size: 12px;}

/* Style for copyright text in footer */
.CopyrightText {color: #333; font-size: 12px;}

/* Used in admin sections */
.SubHead {font-family: arial; font-size: 12px; font-weight: bold; color: #333; padding: 0;}

.ContentSide .Normal, .ContentSide p, .ContentSide td, .ContentSide .NormalBold {font-size: 12px; color: #333;}

.Head {color: #333;	font-weight: bold; font-size: 14px;}

.Normal {font-size: 12px; color: #333;}

/* Bold colored - used for warnings and such */
.NormalRed {color: #900; font-family: arial; font-weight: bold; font-size: 12px;}

/* Normal bold text */
.NormalBold {font-family: arial; font-size: 12px; font-weight: bold;}




/* ---- Forms ----------------------------- */


select, input {font-family: arial; font-size: 12px; color: #333;}


/* Applies to text input boxes */
.NormalTextBox {color: #333; padding-left: 4px; line-height: 12px; font-family: arial; font-weight: normal; font-size: 12px; scrollbar-face-color: #fff; scrollbar-track-color: #fff; scrollbar-arrow-color: #333; scrollbar-3dlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #fff; scrollbar-darkshadow-color: #fff;}

/* Applies to the table cells that contain text input boxes */
td.NormalTextBox {padding: 0; margin: 0; background: transparent;}

.GoButton {margin-bottom: -6px;	position: absolute;}

.SearchTD a:link, .SearchTD a:visited, .SearchTD a:active, .SearchTD a:hover {width: 46px; _padding: 0 0 5px 0; height: 20px; background: url('search.gif') no-repeat; text-decoration: none; padding-left:0; padding-right:44px; padding-top:2px; padding-bottom:5px}


/* ---- Main Menu ------------------------- */


/* Container for main menu */
.MainMenu_MenuContainer {
	background: transparent;
	height: 35px;
	padding: 0;
}


/* Menu bar */
.MainMenu_MenuBar {
	background: transparent;
	height: 35px;
	padding: 0;
}


/* Applies to idle state of submenu items */
.MainMenu_MenuItem {
	font-family: arial; 
	color: #ccc;
	font-size: 12px; 
	font-weight: bold;
	border: 1px solid #222;
	padding: 3px 14px 4px 6px;
}


/* Container for submenu */
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 1px 0px 0px 1px;
	border: 1px solid #222;
	padding: 1px;
	background: #222;
	filter: alpha(opacity=90, FinishOpacity=90, Style=1);
	-moz-opacity: 0.90;
}


/* Hover state for submenu items */
.MainMenu_MenuItemSel {
	font-family: arial; 
	font-size: 12px; 
	font-weight: bold; 
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	background: #000;
	border-left: #000 1px solid;
	border-right: #000 1px solid;
	padding: 3px 14px 4px 6px;
}

.MainMenu_Idle td, .MainMenu_Selected td, .MainMenu_Active td, .MainMenu_BreadcrumbActive td {
	font-size: 12px;
	margin: 0;
	padding: 0 6px 0 0;
}

/* Idle state for main menu items */
.MainMenu_Idle { 
	height: 35px;
	background: url('menu_sep.gif') no-repeat top right;
	color: #ccc;
	font-weight: bold;
	border-left: 1px solid #fff;
	font-size: 13px 
}


/* Hover state for main menu items */
.MainMenu_Selected {
	height: 35px;
	background: url('menu_sep.gif') no-repeat top right;
	color: #fff;
	font-weight: bold;
	border-left: 1px solid #fff;
	font-size: 13px 
}


/* Selected state for main menu items */
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	height: 35px;
	background: url('menu_sep.gif') no-repeat top right;
	color: #fff;
	font-weight: bold;
	border-left: 1px solid #fff;
	font-size: 13px 
}


/* Elements we don't really need */
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon, .MainMenu_MenuBreak {
	display: none;
}



/* ---- Module Menus ------------------------- */

/* Outer cntainer for module submenu */
.ModuleTitle_MenuContainer {
	color: #333;
}


/* Inner container for module submenu */
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height: 21px;
}


/* Idle state for module submenu items */
.ModuleTitle_MenuItem {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	background: #f7f7f7;
	border-top: #f7f7f7 1px solid;
	border-left: #f7f7f7 1px solid;
	border-bottom: #f7f7f7 1px solid;
	border-right: #f7f7f7 1px solid;
	padding: 1px 10px 2px 0px;
}


/* Inner, inner container for module submenu (?) */
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 1px 0px 0px 0px;
	background-color: #f7f7f7;
	border: 1px solid #666;
	padding: 0px;
	filter: none;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);
}



/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	background: #333;
	border-left: #333 1px solid;
	border-right: #333 1px solid;
	padding: 1px 10px 2px 0px;
}

.ModuleTitle_MenuIcon {
	border: 1px solid #eee;
	padding: 0 3px 0 3px;
}

/* Elements we don't need to see */
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow {
	display: none;
}


/* SideMenu  */
.MenuHdr
{ 
	display: none;
}
.MenuItem HR
{
  background-color: #ffffff; 
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #999999;   
  margin-right: 5px; 
}

.MenuItemMouseOver
{
  background-position: right top;
  background-image: url('images/menuarrow-bg.gif');
  background-repeat: no-repeat;  border: 1px solid #00008B;
  background-color: #cccccc !important  
}

.MenuItem, .MenuItemMouseOver
{
  font-size: 8pt; font-weight: normal; padding-bottom: 1px;
  background-color: #ffffff; padding-top: 1px;
  border: #ffffff 1px solid; 
}
.MenuHdr A, .MenuHdr A:Active, .MenuHdr A:Hover, .MenuHdr A:Visited, .MenuHdr A:Link
{
  text-decoration: none; color: black; padding-top: 1px;
  padding-bottom: 1px; cursor: pointer; display: block; 
}
.MenuItem A, .MenuItem A:Active, .MenuItem A:Hover, .MenuItem A:Visited, .MenuItem A:Link, 
.MenuItemMouseOver A, .MenuItemMouseOver A:Active, .MenuItemMouseOver A:Hover, .MenuItemMouseOver A:Visited, .MenuItemMouseOver A:Link
{
  display: block;
  padding-left: 20px;
  padding-bottom: 1px;
  cursor: pointer;
  color: black;
  padding-top: 1px;
  text-decoration: none;   
  width: 100% 
}

.currentItemHighlight{ 
font-weight: bold;
}

.MenuCurrentPage
{
  color: #696969;
}



/*========================================================*/
/*  End Style Sheet                                       */
/*========================================================*/