/*
*************************************************
*	CSS for Tranquility DNN Skin
*	Created by Tyler Fawcett
*	Updated March 2007
*	http://tfdnn.com
*	tf@tylerfawcett.com
*************************************************
*/
/*
*************************************************
*	Modified by Edward C. DeGagne
*	South Village Software
*	13 June 2009
*	http://www.southvillagesoftware.com
*	svsinfo@southvillagesoftware.com
*************************************************
*/
/*
*************************************************
*	Universal Style Classes
*************************************************
*/
/* Forces browser height of 100% */
html
{
	height: 100%;
}
body
{
	margin: 0;
	background: #fff;
}
/* Catch-all to ensure text color, font, and size consistency */
table, tr, td, p
{
	font-family: tahoma;
	font-size: 12px;
	line-height: 1.4em;
}
/*
*************************************************
*	DNN Control Panel Style Classes
*************************************************
*/
table.ControlPanel
{
	background: #fafafa;
	border: 0;
	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: transparent; 
	border: 0;
}
table.ControlPanel td td
{
	vertical-align: middle; 
	border: 0;
}
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: 0; 
	border-bottom: 0; 
	width: 0px; 
	height: 100px; 
	display: none;
}
/*
*************************************************
*	Skin specific Style Classes
*************************************************
*/
/* Establishes background for viewable area */
.SiteColor
{
	background: #e7e7e7;
}
/* Maintains consistent width */
.SiteWidth
{
	width: 952px; 
	margin: 10px 0 10px 0;
}
/* "Spring" header photo - Normal */
.TopRow
{
	height: 318px;
	padding: 0;
	background: url(images/bg_top.jpg) no-repeat;
}
/* "Spring" header photo - Admin */
.TopRowAdmin
{
	height: 318px;
	padding: 0;
	background: url(images/bg_top_admin.jpg) 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 - Normal */
.MenuCell
{
	padding: 0px 10px 0 256px;
	height: 36px;
}
/* Contains menu - Admin */
.TopRowAdmin .MenuCell
{
	padding: 0px 10px 0 60px;
	height: 36px;
}
/* Contains logo */
.LogoCell
{
	padding: 25px 70px 0px 0px;
}
/* BG for everything between header and footer - Normal */
.MiddleRow
{
	background: url(images/bg_middle.jpg) repeat-y;
	padding: 0 65px 0 40px;
}
/* BG for everything between header and footer - Admin */
.MiddleRowAdmin
{
	background: url(images/bg_middle_admin.jpg) repeat-y;
	padding: 0 65px 0 75px;
}
/* Holds breadcrumbs */
.Breadcrumbs
{
	padding: 0 0 17px 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 - Normal */
.BottomRow
{
	background: url(images/bg_bottom.jpg) no-repeat;
	height: 110px;
	vertical-align: bottom;
	text-align: right;
}
/* Footer graphic - Admin */
.BottomRowAdmin
{
	background: url(images/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(images/bullet_grey.gif) no-repeat;
	height: 10px;
}
/*
*************************************************
*	Links Style Classes
*************************************************
*/
/* Basic links */
a:link, a:visited, a:active
{
	color: #6E8E05; 
	font-family: tahoma; 
	font-weight: normal; 
	font-size: 12px; 
	text-decoration: underline;
}
a:hover
{
	color: #6E8E05; 
	font-family: tahoma; 
	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: #6E8E05;
}
a.CommandButton:hover
{
	font-weight: bold; 
	color: #6E8E05; 
	text-decoration: none;
}
/*
*************************************************
*	Text Style Classes
*************************************************
*/
/* 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: tahoma; 
	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: tahoma; 
	font-weight: bold; 
	font-size: 12px;
}
/* Normal bold text */
.NormalBold
{
	font-family: tahoma; 
	font-size: 12px; 
	font-weight: bold;
}
/*
*************************************************
*	Forms Style Classes
*************************************************
*/
select, input
{
	font-family: tahoma; 
	font-size: 12px; 
	color: #333;
}
/* Applies to text input boxes */
.NormalTextBox
{
	color: #333; 
	padding-left: 4px; 
	line-height: 12px; 
	font-family: tahoma; 
	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: 2px 44px 5px 0; 
	_padding: 0 0 5px 0; 
	height: 20px; 
	background: url(images/search.gif) no-repeat;
	text-decoration: none;
}
/*
*************************************************
*	Menu Style Classes
*************************************************
*/
/* 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: tahoma; 
	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: tahoma; 
	font-size: 12px; 
	font-weight: bold; 
	cursor: pointer; 
	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(images/menu_sep.gif) top right no-repeat transparent;
	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(images/menu_sep.gif) top right no-repeat transparent;
	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(images/menu_sep.gif) top right no-repeat transparent;
	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 Menu Style Classes
*************************************************
*/
/* Outer cntainer for module submenu */
.ModuleTitle_MenuContainer
{
	color: #333;
}
/* Inner container for module submenu */
.ModuleTitle_MenuBar
{
	cursor: pointer; 
	height: 21px;
}
/* Idle state for module submenu items */
.ModuleTitle_MenuItem
{
	font-family: tahoma, 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;  
	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: tahoma, 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;
}
/*
*************************************************
*	End Style Sheet
*************************************************
*/