/*========================================================*/
/*     Cascading Style Sheet for Tranquility DNN Skin     */
/*========================================================*/

/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. Universal                                          */
/*  2. Containers                                         */
/*  3. Links                                              */
/*  4. Text                                               */
/*  5. Forms                                              */
/*  6. Main Menu                                          */ 
/*  7. Module Menus                                       */
/*========================================================*/


/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

body {
	background: #e7e7e7;
	margin: 0;
}


table, tr, td, p {
	font-family: tahoma;
	font-size: 12px;
	line-height: 1.5em;
}


/*========================================================*/
/*  2. Containers                                         */
/*========================================================*/

.SiteWidth {
	margin-top: 15px;
	align: center;
	width: 944px;
}

.HeaderLeft {
	width: 260px;
	color: #677D94;
}


.HeaderRight {
	vertical-align: top;
	padding-top: 22px;
}

.LoginTD {
	text-align: right;
}

.AdminColumn {
	padding: 0 0 0 75px;
}

.LeftColumn {
	width: 225px;
	padding: 0 15px 0 45px;
}


.RightColumn {
	padding: 0 0 10px 20px;
}

.TopRow {
	background: url(bg_top.jpg) no-repeat top center;
	height: 311px;
	text-align: right;
	padding: 0 38px 0 38px;
	font-size: 12px;
}

.TopRowAdmin {
	background: url(bg_top_admin.jpg) no-repeat top center;
	height: 311px;
	text-align: right;
	padding: 0 38px 0 38px;
	font-size: 12px;
}

.MiddleRowAdmin {
	background: url(bg_table_admin.jpg) center repeat-y;
	padding: 10px 85px 0 0;
	font-size: 12px;
}

.MiddleRow {
	background: url(bg_table_main.jpg) center repeat-y;
	padding: 10px 85px 0 0;
	font-size: 12px;
}

.BottomRow {
	background: url(bg_footer.jpg) no-repeat bottom center;
	height: 120px;
	padding: 0 65px 55px 100px;
	color: #fff;
	text-align: right;
	font-size: 12px;
}

.BottomRowAdmin {
	background: url(bg_footer_admin.jpg) no-repeat bottom center;
	height: 120px;
	padding: 0 65px 55px 100px;
	color: #fff;
	text-align: right;
	font-size: 12px;
}

.ContentLeft {
	width: 34%;
	padding-right: 10px;
}

.ContentCenter {

}

.ContentRight {
	width: 34%;
	padding-left: 10px;
}

/*========================================================*/
/*  3. Links                                              */
/*========================================================*/


a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active {
	color: #333;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

a.LoginLink:hover {
	color: #333;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}



/* hyperlink style for the unselected tabs */
a.OtherTabs:link, a.OtherTabs:visited, a.OtherTabs:active {
    text-decoration:    none;
    color: #333;
	background-color: transparent;
	border: 0;
	font-weight: bold;
}

a.OtherTabs:hover    {
    text-decoration:    underline;
    color: #333;
	background-color: transparent;
	border: 0;
	font-weight: bold;
}

a.SubHead:link, a.SubHead:visited, a.SubHead:active {
	color: #6E8E05;
	text-decoration: none;
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
}

a.SubHead:hover {
	color: #2c2c2c;
	text-decoration: none;
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
}


a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active {
	color: #6E8E05;	
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}

a.CommandButton:hover {
	color: #6E8E05;	
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

a.Normal:link, a.Normal:visited {
	color: #6E8E05;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

a.Normal:hover {
	color: #2c2c2c;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}


a:link, a:visited, a:active {
	color: #6E8E05;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}

a:hover {
	color: #2c2c2c;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}


/*========================================================*/
/*  4. Text                                               */
/*========================================================*/


.CopyrightText, .CurrentDate {
	font-family: tahoma;
	font-size: 12px;
	color: #333;
	font-weight: normal;
}


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


/* text style for the unselected tabs */
.OtherTabs {
    font-size: 12px;
    color: #333;
    font-family: tahoma;
    text-decoration: none;
}

.SelectedTab {
    color: #777;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
}

.SubHead {
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #333;
	padding: 0;
}


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


.NormalRed {
	color: #900;
	font-family: tahoma;
	font-weight: bold;
	font-size: 12px;
}

.NormalBold {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
}

/*========================================================*/
/*  5. Forms                                              */
/*========================================================*/


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

.NormalTextBox {
	color: #333;
	padding-left: 2px;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	scrollbar-face-color: #fff;
	scrollbar-track-color: #fff;
	scrollbar-arrow-color: #555;
	scrollbar-3dlight-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
}

td.NormalTextBox {
	padding: 0;
	margin: 0;
	background: transparent;
	visibility: invisible;
	border: 0;
}




/*========================================================*/
/*  6. Main Menu                                          */
/*========================================================*/



/*-- box that holds the menu --*/
.MainMenu_MenuContainer {
	background-color: transparent;
	width: 100%;
}


/*-- bar that holds the menu? --*/
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	background: #fff;
	width: 100%;
}


/*-- applies to items in submenus only --*/
.MainMenu_MenuItem {
	font-family: tahoma; 
	color: #333;
	font-size: 12px;
	background: #f6f6f6;
	font-weight: bold; 
	font-style: normal; 
	border: #f6f6f6 1px solid;
	padding: 1px 8px 1px 0px;
	font-weight: normal;
}


/*-- hover state in submenus only --*/
.MainMenu_MenuItemSel {
	font-family: tahoma; 
	font-size: 12px; 
	font-weight: bold; 
	cursor: pointer; 
	cursor: hand; 
	color: #f6f6f6;
	background: #444;
	border-left: #444 1px solid;
	border-right: #444 1px solid;
	padding: 1px 8px 1px 0px;
	font-weight: normal;
}


/*-- submenu container --*/
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 3px 0 0 0;
	background: #f6f6f6;
	padding: 1px;
	border: 1px solid #888;
	font-weight: normal;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);
}


/*-- idle state for root menu items --*/
.MainMenu_Idle {
	color: #999;
	background: transparent;
	padding: 1px 3px 3px 1px;
	font-weight: bold;
}


/*-- hover state for root menu items --*/
.MainMenu_Selected {
	color: #fff;
	background: transparent;
	padding: 1px 3px 3px 1px;
	font-weight: bold;
}


/*-- applies to the active root menu item --*/
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	color: #fff;
	background: transparent;
	padding: 1px 3px 3px 1px;
	font-weight: bold;
}


/*-- stuff we don't need to see --*/
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuBreak, .MainMenu_MenuIcon  {
	display: none;
}


/*========================================================*/
/*  7. Module Menus                                       */
/*========================================================*/


/*-- container for module menus --*/
.ModuleTitle_MenuContainer {
	color: #2c2c2c;
}


/*-- bar for module menus --*/
.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
}


/*-- menu items --*/
.ModuleTitle_MenuItem {
	font-family: tahoma; 
	color: #333;
	font-size: 12px;
	background: #f6f6f6;
	font-weight: bold; 
	font-style: normal; 
	border: #f6f6f6 1px solid;
	padding: 0px 8px 1px 2px;
	font-weight: normal;
}


/*-- submenu container --*/
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 2px 0 0 0px;
	background: #f6f6f6;
	padding: 1px;
	border: 1px solid #666;
	font-weight: normal;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);
}


/*-- hover state --*/
.ModuleTitle_MenuItemSel {
	font-family: tahoma; 
	font-size: 12px; 
	cursor: pointer; 
	cursor: hand; 
	color: #333;
	background: #ddd;
	border-left: #ddd 1px solid;
	border-right: #ddd 1px solid;
	padding: 0px 8px 1px 2px;
	font-weight: normal;
}

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

/*-- don't need this stuff --*/
.ModuleTitle_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow,     {
	display: none;
}