/*========================================================*/
/*     Cascading Style Sheet for Pinto 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.4em;
}

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

/* Top left padding between site and edge of browser */
.TopLeft {
	background: url(bg_top.gif) repeat-x;
	height: 54px;
	font-size: 1px;
}

/* Top right padding between site and edge of browser */
.TopRight {
	background: url(bg_top.gif) repeat-x;
	height: 54px;
	font-size: 1px;
}

/* Left side parallel to header image */
.MidTopLeft {
	background: url(bg_midtop.gif) repeat-x;
	height: 165px;
	font-size: 1px;
}

/* Menu background with no photo */
.MenuPlain {
	background: url(menu_bg_plain.jpg) no-repeat top left;
	height: 54px;
	width: 776px;
	vertical-align: bottom;
}

/* Menu background with top of handheld PC photo */
.MenuPocketPC {
	background: url(menu_bg_pocket_pc.jpg) no-repeat top left;
	height: 54px;
	width: 776px;
	vertical-align: bottom;
}

/* Menu background with top of cell phone photo */
.MenuCellPhone {
	background: url(menu_bg_cell_phone.jpg) no-repeat top left;
	height: 54px;
	width: 776px;
	vertical-align: bottom;
}

/* Menu background with top of laptop photo */
.MenuLaptop {
	background: url(menu_bg_laptop.jpg) no-repeat top left;
	height: 54px;
	width: 776px;
	vertical-align: bottom;
}

/* Menu background with top of mouse photo */
.MenuMouse {
	background: url(menu_bg_mouse.jpg) no-repeat top left;
	height: 54px;
	width: 776px;
	vertical-align: bottom;
}

/* Header background with body of handheld PC */
.GreenPocketPC {
	background: url(green_pocket_pc.jpg) no-repeat;
	height: 165px;
	width: 776px;
	font-size: 1px;
}

/* Header background with body of cell phone */
.GreenCellPhone {
	background: url(green_cell_phone.jpg) no-repeat;
	height: 165px;
	width: 776px;
	font-size: 1px;
}

/* Header background with no photo */
.GreenPlain {
	background: url(green_plain.jpg) no-repeat;
	height: 165px;
	width: 776px;
	font-size: 1px;
}

/* Header background with body of laptop */
.GreenLaptop {
	background: url(green_laptop.jpg) no-repeat;
	height: 165px;
	width: 776px;
	font-size: 1px;
}

/* Header background with body of mouse */
.GreenMouse {
	background: url(green_mouse.jpg) no-repeat;
	height: 165px;
	width: 776px;
	font-size: 1px;
}

/* Custom header background */
.Custom {
	background: url(custom_bg.jpg) no-repeat;
	height: 165px;
	width: 776px;
	font-size: 1px;
}

/* Breadcrumb container */
.BreadcrumbFrame {
	padding: 0 0 10px 0;
	color: #aaa;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

/* Cell containing date text */
.DateTD {
	padding: 105px 0 0 252px;
}

/* Cell containing logo */
.LogoTD {
	width: 280px;
	height: 165px;
	background: url(custom_logo.jpg) no-repeat;
	cursor: hand;
	font-size: 1px;
}

/* Cell containing search */
.SearchTD, .SearchTD:active {
	width: 66px;
	height: 27px;
	background: url(Search.jpg) no-repeat transparent;
	padding: 0px;
}

.SearchTD:hover    {
	width: 66px;
	height: 27px;
	background: url(Search_Highlight.jpg) no-repeat transparent;
	padding: 0px;
}

/* Gradient to the right of the header */
.MidTopRight {
	background: url(bg_midtop.gif) repeat-x;
	height: 165px;
	font-size: 1px;
}

/* Page background left of content */
.MidLeft {
	background: #dedede;
	font-size: 1px;
}

/* Content background */
.MidCenter {
	background: url(bg_stripe.jpg) repeat-y;
	height: 1px;
	width: 776px;
}

/* Page background right of content */
.MidRight {
	background: #dedede;
	font-size: 1px;
}

/* Background for bottom left of screen */
.BottomLeft {
	background: #dedede;
	font-size: 1px;
}

/* Background for bottom center of screen */
.BottomCenter {
	background: url(bg_bottom.jpg) no-repeat top left #dedede;
	height: 70px;
	width: 776px;
	font-size: 1px;
}

/* Background for bottom right of screen */
.BottomRight {
	background: #dedede;
	font-size: 1px;
}

/* Left side of footer */
.FooterLeft {
	background: #dedede;
	font-size: 1px;
}

/* Center of footer */
.FooterCenter {
	background: #dedede;
	width: 776px;
}

/* Right side of footer */
.FooterRight {
	background: #dedede;
	font-size: 1px;
}

/* Footer container */
.FooterFrame {
	text-align: center;
	color: #aaa;
	padding-right: 20px;
}

/* Inserts shadow on left side of first menu item */
.MenuEdgeLeft {
	width: 12px;
	height: 40px;
	background: url(tab_edge_left.gif) no-repeat;
}

/* Inserts shadow on right side of last menu item */
.MenuEdgeRight {
	width: 34px;
	height: 40px;
	background: url(tab_edge_right.gif) no-repeat;
	position: relative;
	margin-left: -3px;
}

/* Padding for left-hand feature content */
.LeftContentCell {
	width: 187px;
	padding: 0 5px 0 30px;
}

/* Container for left content */
.LeftContentFrame {
	border-top: 1px solid #c7c7c7;
	border-bottom: 1px solid #fff;
}

/* Contains login/user TDs */
.LoginFrame {
	border-top: 1px solid #c7c7c7;
}

/* Contains register/user link */
.LoginFrameL {
	padding: 4px 2px 6px 12px;
	border-top: 1px solid #fff;
}

/* Contains login/logout link */
.LoginFrameR {
	padding: 4px 12px 6px 2px;
	text-align: right;
	border-top: 1px solid #fff;
}

/* Pads main content */
.RightContentCell {
	padding: 0 25px 0 14px;
}

/* Contains main content */
.RightContentFrame {
	padding: 0;
}

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

/* Applies to the login/logout and register/username links */
a.LoginLink:link, a.LoginLink:visited, a.LoginLink:active  {
    text-decoration: none;
    color: #444;
	background-color: transparent;
	border: 0;
	padding: 0px 1px 1px 2px;
	font-weight: bold;
}

a.LoginLink:hover    {
    text-decoration: none;
    color: #060;
	background-color: transparent;
	border: 0;
	padding: 0px 1px 1px 2px;
	font-weight: bold;
}

/* Applies to the command links (the ones that look like form buttons) */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active, .Button  {
	color: #000;	
	background: #D6D6D6;
	border-top: 1px solid #8B8B8B;
	border-left: 1px solid #8B8B8B;
	border-bottom: 1px solid #444444;
	border-right: 1px solid #444444;
	padding: 1px 4px 2px 5px;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

a.CommandButton:hover {
	color: #039;
	background: #D6D6D6;
	border-top: 1px solid #8B8B8B;
	border-left: 1px solid #8B8B8B;
	border-bottom: 1px solid #444444;
	border-right: 1px solid #444444;
	padding: 1px 4px 2px 5px;
	font-family: tahoma;
	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: #4D7A03;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

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

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

a:hover {
	color: #039;
	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  {
    text-decoration: underline;
    color: #4D7A03;
	font-size: 12px;
	font-family: tahoma;
	font-weight: bold;
}

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

/* Applies to the footer links */
a.FooterLink:link, a.FooterLink:visited, a.FooterLink:active  {
    color: #4D7A03;
	font-weight: normal;
	text-decoration: underline;
}

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

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

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

/* For container headers */
.Head {
	font-size: 14px;
	color: #000080;
	font-weight: bold;
	font-family: Verdana;
	width: 100%;
	margin-top: 0px; 
	margin-bottom: 0px;
	line-height:1.5;  
}

.LargeHead {
	font-size: 18px;
	font-family: Verdana;
	color: #000080;
	font-weight: bold;
	width: 100%;
	margin-top: 0px; 
	margin-bottom: 0px;
	line-height:2;  
}

.SubHead {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	font-family: Verdana;
	margin-top: 0px;
	margin-bottom: 12px;
	line-height:1.5;
}

.LargeSubHead {
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	font-family: Verdana;
	margin-top: 0px;
	margin-bottom: 12px;
	line-height:1.5;
}
.Normal {
	color: #444;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	line-height:1.5;
	margin-top: 6px;
	text-align: justify;
}

.NormalLeft {
	color: #444;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	line-height:1.5;
	margin-top: 6px;
	text-align: left;
}

.NormalBold {
	color: #444;
	font-family: Verdana;
	font-weight: bold;
	margin-top: 6px;
	font-size: 11px;
}

.NormalRed {
	color: #900;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	margin-top: 6px;
}

.NormalSmall {
	color: #000000;
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;
	margin-top: 6px;
	text-align: justify;
}

.CopyrightText {
	color: #444;
	font-weight: normal;
}

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

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

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

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

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

/* Container for main menu */
.MainMenu_MenuContainer {
	background: url(menu_bg.gif) bottom repeat-x transparent;
	height: 40px;
	background: transparent;
	padding: 0px;
}

/* Menu bar */
.MainMenu_MenuBar {
	background: url(menu_bg.gif) bottom repeat-x transparent;
	cursor: pointer; 
	cursor: hand; 
	height: 40px;
	padding: 0px; 
	background: transparent;
}

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

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

/* Hover state for submenu items */
.MainMenu_MenuItemSel {
	font-family: tahoma; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	background: #333;
	border-left: #333 1px solid;
	border-right: #333 1px solid;
	padding: 1px 4px 2px 1px;
}

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

/* Inserts a small space between main menu items */
.MainMenu_MenuBreak {
	width: auto;
	border: 0;
}

/* Idle state for main menu items */
.MainMenu_Idle {
	height: 40px;
	padding: 15px 2px 2px 0;
	background: url(tab_bg.gif) bottom repeat-x transparent;
	color: #aaa;
}

/* Hover state for main menu items */
.MainMenu_Selected {
	height: 40px;
	padding: 15px 2px 2px 0;
	background: url(tab_bg.gif) bottom repeat-x transparent;
	color: #222;
}

/* Selected state for main menu items */
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	height: 40px;
	padding: 15px 2px 2px 0;
	background: url(tab_bg_on.gif) bottom repeat-x;
	color: #222;
}

/* Left side of tab for deselected main menu items */
.MainMenu_LeftOff {
	padding-left: 9px;
	height: 40px;
	background: url(tab_left.gif) bottom left no-repeat transparent;
}

/* Left side of tab for selected main menu items */
.MainMenu_LeftOn {
	padding-left: 9px;
	height: 40px;
	background: url(tab_left_on.gif) bottom left no-repeat transparent;
}

/* Right side of tab for deselected main menu items */
.MainMenu_RightOff {
	padding-left: 9px;
	height: 40px;
	background: url(tab_right.gif) bottom right no-repeat transparent;
}

/* Right side of tab for selected main menu items */
.MainMenu_RightOn {
	padding-left: 9px;
	height: 40px;
	background: url(tab_right_on.gif) bottom right no-repeat transparent;
}

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

/* Outer container 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; 
	color: #666;
	font-size: 11px; 
	font-weight: bold; 
	border: #f6f6f6 1px solid;
	padding: 1px 4px 2px 2px;
}

/* Inner, INNER(?) container for module submenu (?) */
.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	margin: 2px 0px 0px -6px;
	background-color: #f6f6f6; 
	filter: none; 
	border: #666 1px solid;
	padding: 1px;
}

/* Hover state for module submenu items */
.ModuleTitle_MenuItemSel {
	font-family: tahoma; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	background: #444;
	border: #444 1px solid;
	padding: 1px 4px 2px 2px;
}

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