/*========================================================*/
/*   Cascading Style Sheet for Magnetic DotNetNuke Skin   */
/*              created by Tyler Fawcett                  */
/*                                                        */
/*              http://tf.johndcooper.com                 */
/*                 tf@tylerfawcett.com                    */
/*========================================================*/

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

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

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


/* Body style */
body {
	margin: 0;
	height: 100%;
}


/* Catch-all to ensure text consistency */
table, tr, td, p {
	font-family: tahoma;
	font-size: 11px;
	line-height: 1.3em;
}



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



/* Controls background for site */
.SiteColor {
	background: #d5d5d5;
	text-align: center;
}


/* Establishes width of site */
.SiteWidth {
	width: 90%;
}


/* Establishes width of site (Admin) */
.SiteWidthAdmin {
	width: 90%x;
}


/* Creates left drop shadow */
.ShadowLeft {
	width: 55px;
	background: url(shadow_left.gif) repeat-y;
	font-size: 1px;
}


/* Creates left drop shadow */
.ShadowRight {
	width: 55px;
	background: url(shadow_right.gif) repeat-y;
	font-size: 1px;
}


/* Establishes width of left edge of site area */
.LeftEdge {
	width: 12px;
}


/* Establishes top left edge of site area */
.LeftEdgeTop {
	height: 128px;
	background: url(header_01_b.gif) no-repeat;
	font-size: 1px;
}


/* Establishes middle left edge of site area */
.LeftEdgeMiddle {
	background: url(body_left.gif) repeat-y;
	font-size: 1px;
}


/* Establishes bottom left edge of site area */
.LeftEdgeBottom {
	height: 32px;
	background: url(footer_01_b.gif) no-repeat;
	font-size: 1px;
}


/* Establishes width of right edge of site area */
.RightEdge {
	width: 16px;
}


/* Establishes top right edge of site area  */
.RightEdgeTop {
	height: 128px;
	background: url(header_04_b.gif) no-repeat;
	font-size: 1px;
}


/* Establishes middle right edge of site area  */
.RightEdgeMiddle {
	background: url(body_right.gif) repeat-y;
	font-size: 1px;
}


/* Establishes bottom right edge of site area  */
.RightEdgeBottom {
	height: 32px;
	background: url(footer_04_b.jpg) no-repeat;
	font-size: 1px;
}


/* Establishes width of side content area  */
.SideBar {
	width: 183px;
}


/* Logo area */
.SideBarTop {
	height: 128px;
	background: url(header_02_b_blank.jpg) no-repeat;
	font-size: 1px;
	cursor: hand;
	text-align: center;
	padding-top: 10px;
}


/* Menu background */
.SideBarMiddle {
	background: url(menu_bg.gif) repeat-y;
	font-size: 1px;
}


/* Menu footer */
.SideBarBottom {
	height: 32px;
	background: url(footer_02_b.jpg) no-repeat;
	font-size: 1px;
}


/* Menu top cap */
.MenuHead {
	height: 37px;
	background: url(menu_top.jpg) no-repeat;
	font-size: 1px;
}


/* Content area for sidebar content */
.MenuBarContent {
	padding: 10px 24px 10px 24px;
}


/* Container for menu */
.MenuContainer {
	padding: 0 9px 0 9px;
	margin: 0;
}


/* Background for area that contains date, login, breadcrumbs */
.ContentColumnTop {
	height: 128px;
	background: url(header_03_b.gif) repeat-x;
}


/* Contains current date */
.DateCell {
	height: 42px;
	padding: 8px 0 0 10px;
}


/* Contains register/login links */
.LoginCell {
	height: 44px;
	text-align: right;
	padding: 5px 44px 2px 0;
}


/* Contains breadcrumbs */
.BreadcrumbCell {
	padding: 2px 0 0 10px;
	color: #C00;
	font-weight: bold;
}


/* Sets BG for main content area */
.ContentColumnMiddle {
	background: #fff;
	padding: 0 2px 14px 10px;
}


/* Sets background for area that contains copyright and terms links */
.ContentColumnBottom {
	height: 32px;
	background: url(footer_03_b.gif) repeat-x;
}


/* Left content */
.ContentLeft {
	width: 34%;
	padding-right: 20px;
}


/* Center content */
.ContentCenter {

}


/* Right content */
.ContentRight {
	width: 34%;
	padding-left: 20px;
}


/* Bottom content */
.ContentBottom {}


/* Contains Terms link */
.FooterLeft {
	padding: 2px 0 0 11px;
}


/* Contains copyright info */
.FooterRight {
	text-align: right;
	padding: 2px 4px 0 0;
}


/* Inset chisel betwee register/login links */
.Separator {
	background: url(sep_b.gif) center no-repeat;
	width: 12px;
	visibility: visible;
}



/* Green variants */
#Green .LeftEdgeTop {
	height: 128px;
	background: url(header_01_g.gif) no-repeat;
	font-size: 1px;
}

#Green .LeftEdgeBottom {
	height: 32px;
	background: url(footer_01_g.gif) no-repeat;
	font-size: 1px;
}

#Green .RightEdgeTop {
	height: 128px;
	background: url(header_04_g.gif) no-repeat;
	font-size: 1px;
}

#Green .RightEdgeBottom {
	height: 32px;
	background: url(footer_04_g.jpg) no-repeat;
	font-size: 1px;
}

#Green .SideBarTop {
	height: 128px;
	background: url(header_02_g_blank.jpg) no-repeat;
	font-size: 1px;
	cursor: hand;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
}

#Green .SideBarBottom {
	height: 32px;
	background: url(footer_02_g.jpg) no-repeat;
	font-size: 1px;
}

#Green .ContentColumnTop {
	height: 128px;
	background: url(header_03_g.gif) repeat-x;
}

#Green .ContentColumnBottom {
	height: 32px;
	background: url(footer_03_g.gif) repeat-x;
}

#Green .Separator {
	background: url(sep_g.gif) top left no-repeat;
}






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


/* Applies to the login/logout and register/username links */
a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active  {
    text-decoration: underline;
    color: #D7D9DC;
	font-weight: normal;
}


a.LoginLink:hover    {
    text-decoration: underline;
    color: #fff;
	font-weight: normal;
}



/* Applies to the login/logout and register/username links */
#Green a.LoginLink:link, #Green a.LoginLink:visited, #Green a.LoginLink:active  {
    text-decoration: underline;
    color: #D8DED9;
	font-weight: normal;
}


#Green a.LoginLink:hover    {
    text-decoration: underline;
    color: #fff;
	font-weight: normal;
}



/* Applies to the command links (the ones that look like form buttons) */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active, .Button  {
	color: #444;	
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline;
}


a.CommandButton:hover {
	color: #444;	
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}


/* Applies to links that DNN has applied the "Normal" class to */
a.Normal:link, a.Normal:visited, a.Normal:active {
	color: #C00;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

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


/* Applies to links that DNN has applied the "Normal" class to */
#Green a.Normal:link, #Green a.Normal:visited, #Green a.Normal:active {
	color: #617764;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

#Green a.Normal:hover {
	color: #617764;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}


/* Default link syle */
a:link, a:visited, a:active {
	color: #C00;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

a:hover {
	color: #C00;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}


/* Default link syle */
#Green a:link, #Green a:visited, #Green a:active {
	color: #617764;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

#Green a:hover {
	color: #617764;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}


/* Applies to the breadcrumb links */
a.BreadcrumbLink:link, a.BreadcrumbLink:visited, a.BreadcrumbLink:active, .BreadcrumbLink {
    text-decoration: none;
    color: #C00;
	font-size: 12px;
	font-family: tahoma;
	font-weight: bold;
}


a.BreadcrumbLink:hover {
    text-decoration: underline;
    color: #C00;
	font-size: 12px;
	font-family: tahoma;
	font-weight: bold;
}


/* Applies to the breadcrumb links */
#Green a.BreadcrumbLink:link, #Green a.BreadcrumbLink:visited, #Green a.BreadcrumbLink:active, #Green .BreadcrumbLink  {
    text-decoration: none;
    color: #617764;
	font-size: 12px;
	font-family: tahoma;
	font-weight: bold;
}


#Green a.BreadcrumbLink:hover {
    text-decoration: underline;
    color: #617764;
	font-size: 12px;
	font-family: tahoma;
	font-weight: bold;
}



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


/* Specifies style of date text */
.CurrentDate {
	color: #D7D9DC;
	font-size: 11px;
	font-family: tahoma;
	font-weight: normal;
	white-space: nowrap;
}

/* Specifies style of date text */
#Green .CurrentDate {
	color: #D8DED9;
	font-size: 11px;
	font-family: tahoma;
	font-weight: normal;
	white-space: nowrap;
}


/* For form labels, among other things */
.SubHead {
	font-size: 11px;
	color: #C00;
	font-weight: bold;
}


/* Applies to the majority of text in the site */
.Normal {
	color: #333;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
}


/* Bold, but still relatively normal, text */
.NormalBold {
	color: #333;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
}


/* Bold red text for alerts and such */
.NormalRed {
	color: #900;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
}


/* Copyright text */
.CopyrightText {
	color: #D7D9DC;
	font-weight: normal;
}

/* Copyright text */
#Green .CopyrightText {
	color: #D8DED9;
	font-weight: normal;
}



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


/* For the TDs that contain form fields */
td.NormalTextBox {
	padding: 3px;
	color: #C00;
	margin: 0;
	background: transparent;
	visibility: invisible;
}


/* For the form fields themselves */
.NormalTextBox {
	color: #C00;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
}


/* Catch-all for form elements */
select, input {
	font-family: tahoma;
	font-size: 11px;
	color: #C00;
}


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



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


/* Container for main menu */
.MainMenu_MenuContainer {	
	background: transparent;
	padding: 0px;
	width: 100%;
	margin: 0;
}


/* Menu bar */
.MainMenu_MenuBar {
	padding: 0px; 
	background: transparent;
	width: 100%;
	margin: 0;
}


/* Applies to idle state of submenu items */
.MainMenu_MenuItem {
	font-family: tahoma; 
	color: #C00;
	font-size: 11px;
	font-weight: normal;  
	border: #fafafa 1px solid;
	padding: 2px 10px 3px 2px;
}


/* Hover state for submenu items */
.MainMenu_MenuItemSel {
	font-family: tahoma; 
	font-size: 11px; 
	font-weight: normal; 
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	background: #C00;
	border-left: #C00 1px solid;
	border-right: #C00 1px solid;
	border-top: #999 1px solid;
	border-bottom: #222 1px solid;
	padding: 2px 10px 3px 2px;
}

/* Container for submenu */
.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 0px 0px 0px 1px;
	background: #fafafa;
	border: #bbb 1px solid;
	padding: 0px;
}





/* Elements we don't really need to see */
.MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon, .MainMenu_MenuBreak {
	display: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.MainMenu_Idle td {
	padding: 1px 2px 2px 5px;
	margin: 0;
	height: 21px;	
	border-top: 1px solid #f6f6f6;
	border-bottom: 1px solid #e4e4e4;
	width: 164px;
	font-weight: bold;
}

.MainMenu_Selected td, .MainMenu_Active td, .MainMenu_BreadcrumbActive td {
	padding: 1px 2px 2px 5px;
	margin: 0;
	height: 21px;
	border-top: 1px solid #929ba2;
	border-bottom: 1px solid #636a72;
	width: 164px;
	font-weight: bold;
}

#Green .MainMenu_Selected td, #Green .MainMenu_Active td, #Green .MainMenu_BreadcrumbActive td {
	border-top: 1px solid #91a194;
	border-bottom: 1px solid #647167;
}


/* Idle state for main menu items */
.MainMenu_Idle {
	background: transparent;
	color: #CC0000;
}


/* Idle state for main menu items */
#Green .MainMenu_Idle {
	background: transparent;
	color: #617764;
}


/* Hover state for main menu items */
.MainMenu_Selected {
	background: #C00;
	color: #fff;
}


/* Hover state for main menu items */
#Green .MainMenu_Selected {
	background: #758777;
	color: #fff;
}


/* Selected state for main menu items */
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	background: #C00;
	color: #fff;
}


/* Selected state for main menu items */
#Green .MainMenu_Active, #Green .MainMenu_BreadcrumbActive {
	background: #758777;
	color: #fff;
}









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

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


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


/* Idle state for module submenu items */
.ModuleTitle_MenuItem {
	font-family: tahoma, sans-serif;
	font-size: 11px;
	color: #222;
	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 #999;
	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, verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #222;
	background: #ddd;
	border-left: #ddd 1px solid;
	border-right: #ddd 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                                       */
/*========================================================*/