/*========================================================*/
/*     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                                       */
/*========================================================*/


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

/* Body style */
body { 
	/*height: 100%;
	margin: 0;
	background: #dfdfdf;*/
	/*background: url(images/body-bg.gif) left top repeat-x;*/
	background: #b2b2b2;
    /* background-image: url(body-bg.gif); background-repeat: repeat-x;*/
    }



/* Catch-all to ensure text consistency */
table, tr, td, p {
	font-family: "Trebuchet MS", verdana, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
}

.PageTable
{
    width: 1000px;
    padding:0 0 0 0;
}


.PageLeft
{
    background-image: url(images/bg_left.gif);
    background-repeat: repeat-y;
    width: 15px;
}

.PageMiddle
{
    background: white;
    padding:0 0 0 0;
}

.PageRight
{
    background-image: url(images/bg_right.gif);
    background-repeat: repeat-y;
    width: 15px;
}

.PageBottomLeft
{
    background-image: url(images/bg_bottom_left.gif);
    width:15px;
    height:20px;
    background-repeat: no-repeat;
}

.PageBottomMiddle
{
    background-image: url(images/bg_bottom.gif);
    height:20px;
    background-repeat: repeat-x;
}

.PageBottomRight
{
    background-image: url(images/bg_bottom_right.gif);
    height:20px;
    background-repeat: no-repeat;
}


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

.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(top.gif) repeat-x top center; 
    background: text-align: right;
    padding: 0 38px 0 38px;
    height: 50px;
    font-size: 12px;
    /*background: cornflowerblue right 50%;*/
}

.MiddleRow
{
    /*background: url(bg_table_main.jpg) center repeat-y;
    border-left: padding: 10px 85px 0 0;
    border-left: cornflowerblue thin solid;
    border-right: padding: 10px 85px 0 0;
    border-right: cornflowerblue thin solid;*/
    background: white;
}

.BottomRow
{
    /*background: url(bg_footer.jpg) no-repeat bottom center;
	height:: 120px; 
    background: cornflowerblue right 50%;
    padding: 0 65px 55px 100px; */
    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: Black;
	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: #7da42d;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

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


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

a:hover {
	color: Gray;
	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: #7da42d;
}


.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: #7da42d;
	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: normal;
}


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


/*-- applies to the active root menu item --*/
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	color: #7da42d;
	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: #7da42d;
}


/*-- 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;
}