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


/* BG for entire viewable area */
.SiteColor {
	background: #e4e4e4;
}


/* Table that contains the logo and date cells */
.DateTable {
	margin-bottom: -15px;
	z-index: 1000;
	position: relative;
	margin-top: 0px;
	width: 100%;
}


/* Contains the logo */
.LogoCell {
	padding: 10px;
}


/* Provides the angled BG to the left of the date */
.DateCellA {
	background: url(/Portals/_default/Skins/PintoSKN/date_a.gif) no-repeat transparent bottom right;
	height: 23px;
	width: 23px;
}


/* Cell containing the date */
.DateCellB {
	background: url(/Portals/_default/Skins/PintoSKN/date_b.gif) repeat-x bottom right;
	height: 23px;
	width: 1px;
	padding: 0 16px 3px 12px;
}


/* Contains the TopPane */
.ContentTop {
	padding: 0px 15px 0px 15px;
}


/* Contains the LeftPane */
.ContentLeft {
	width: 25%;
	padding: 0px 0px 0px 15px;
}


/* Contains the ContentPane */
.ContentCenter {
	width: 50%;
	padding: 0px 15px 0px 15px;
}


/* Contains the RightPane */
.ContentRight {
	width: 25%;
	padding: 0px 15px 0px 0px;
}


/* Contains the BottomPane */
.ContentBottom {
	padding: 0px 15px 0px 15px;
}


/* Contains the Breadcrumb table */
.BreadcrumbCell {
	padding: 10px 15px 10px 15px;
	margin-top: 5px;
}


/* For the breadcrumbs */
.BreadcrumbTopL {
	border-bottom: 1px solid #a4a4a4;
	padding: 0 0 8px 0;
}


/* For the login/logout links */
.BreadcrumbTopR {
	border-bottom: 1px solid #a4a4a4;
	padding: 4px 0 4px 0;
	text-align: right;
	color: #a4a4a4;
}


/* Border for the bottom of the breadcrumbs */
.BreadcrumbBottom {
	border-bottom: 1px solid #fff;
}


/* Contains the footer table */
.FooterContainer {
	height: 38px;
	margin: 0;
	padding: 0;
	background: #e4e4e4;
	border-bottom: 1px solid #666;
}


/* Contains the left part of the footer */
.FooterLeft {
	height: 38px;
	width: 25%;
	background: url(/Portals/_default/Skins/PintoSKN/footer_l.gif) repeat-x bottom transparent;
}


/* Contains footer connector */
.FooterJoint {
	height: 38px;
	width: 59px;
	background: url(/Portals/_default/Skins/PintoSKN/footer_joint.gif) no-repeat bottom transparent;
}


/* Contains the footer text */
.FooterRight {
	height: 38px;
	width: auto;
	background: url(/Portals/_default/Skins/PintoSKN/footer_r.gif) repeat-x bottom transparent;
	text-align: right;
	padding-right: 20px;
	padding-bottom: 2px;
	color: #8597A9;
}


/* Left part of the menu */
.MenuBarSpacer {
	width: 15px;
	background: url(/Portals/_default/Skins/PintoSKN/tab_spacer.gif) bottom right repeat-x;
}


/* Left part of the menu */
.MenuBarA {
	width: 10px;
	background: url(/Portals/_default/Skins/PintoSKN/tab_start.gif) bottom right transparent;
}


/* Connector part of the menu */
.MenuBarB {
	width: 140px;
	background: url(/Portals/_default/Skins/PintoSKN/tab_end.gif) bottom no-repeat transparent;
}


/* Right part of the menu */
.MenuBarC {
	background: url(/Portals/_default/Skins/PintoSKN/tab_end_bg.gif) bottom repeat-x transparent;
}






/*========================================================*/
/*  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: #fff;
	background-color: #6A8196;
	border: 0;
	padding: 0px 1px 1px 2px;
	font-weight: bold;
}


/* Applies (yep, you guessed it!) to the links in the footer */
a.FooterLink:link, a.FooterLink:visited, a.FooterLink:active {
	color: #B9C3CC;
	text-decoration: none;
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
}

a.FooterLink:hover {
	color: #fff;
	text-decoration: none;
    font-family: tahoma;
    font-size: 11px;
    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: #B9C3CC;	
	background: #6A8196;
	border-top: 1px solid #ADB9C4;
	border-left: 1px solid #ADB9C4;
	border-bottom: 1px solid #405972;
	border-right: 1px solid #405972;
	padding: 1px 4px 2px 5px;
	font-family: tahoma;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}


a.CommandButton:hover {
	color: #fff;
	background: #7E91A2;
	border-top: 1px solid #ADB9C4;
	border-left: 1px solid #ADB9C4;
	border-bottom: 1px solid #405972;
	border-right: 1px solid #405972;
	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: #5F7A95;
	font-family: tahoma;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

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


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

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


/* For breadcrumb links */
a.BreadcrumbLink:link, a.BreadcrumbLink:active , a.BreadcrumbLink:visited {
	color: #444;
	font-family: tahoma;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	margin: 0 3px 0 3px;
	padding: 2px 4px 1px 4px;
}

a.BreadcrumbLink:hover {
	margin: 0 3px 0 3px;
	text-decoration: none;
    color: #fff;
	background-color: #6A8196;
	border: 0;
	padding: 2px 4px 1px 4px;
	font-weight: bold;
}





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


/* For container headers */
.Head {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
	width: 100%;
}


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


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


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


/* Bold, but still relatively normal, text */
.NormalBold {
	color: #444;
	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: #C4CCD3;
	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 {
	height: 68px;
	background: url(/Portals/_default/Skins/PintoSKN/tab_bg_off.gif) bottom repeat-x transparent;
	padding: 0px; 
}


/* Menu bar */
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height: 68px;
	padding: 0px; 
	background: url(/Portals/_default/Skins/PintoSKN/tab_bg_off.gif) bottom repeat-x transparent;
}


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


/* Container for submenu */
.MainMenu_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 submenu items */
.MainMenu_MenuItemSel {
	font-family: tahoma; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal;
	cursor: pointer; 
	cursor: hand; 
	color: #fff;
	background: #666;
	border-left: #666 1px solid;
	border-right: #666 1px solid;
	padding: 1px 4px 2px 2px;
}


/* 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 {
	font-family: tahoma; 
	color: #ADB9C4;
	font-size: 11px; 
	font-weight: bold; 
}


/* Hover state for main menu items */
.MainMenu_Selected {
	height: 68px;
	background: transparent;
	color: #fff;
}


/* Selected state for main menu items */
.MainMenu_Active, .MainMenu_BreadcrumbActive {
	height: 68px;
	background: url(/Portals/_default/Skins/PintoSKN/tab_bg_on.gif) bottom repeat-x;
	color: #fff;
}


/* Left side of tab for deselected main menu items */
.MainMenu_LeftOff {
	padding-left: 6px;
	height: 68px;
	background: url(/Portals/_default/Skins/PintoSKN/tab_left_off.gif) bottom left no-repeat #e4e4e4;
}


/* Left side of tab for selected main menu items */
.MainMenu_LeftOn {
	padding-left: 6px;
	height: 68px;
	background: url(/Portals/_default/Skins/PintoSKN/tab_left_on.gif) bottom left no-repeat #e4e4e4;
}


/* Right side of tab for deselected main menu items */
.MainMenu_RightOff {
	padding-right: 7px;
	height: 68px;
	background: url(/Portals/_default/Skins/PintoSKN/tab_right_off.gif) bottom right no-repeat #e4e4e4;
}


/* Right side of tab for selected main menu items */
.MainMenu_RightOn {
	padding-right: 7px;
	height: 68px;
	background: url(/Portals/_default/Skins/PintoSKN/tab_right_on.gif) bottom right no-repeat #e4e4e4;
}







/*========================================================*/
/*  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: #666;
	border: #666 1px solid;
	padding: 1px 4px 2px 2px;
}


/* Elements we don't need to see */
.ModuleTitle_MenuArrow,
.ModuleTitle_RootMenuArrow,
.ModuleTitle_MenuBreak,
.ModuleTitle_MenuIcon {
	display: none;
}
.NewsletterHead {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #698198;
}




/*========================================================*/
/*  End Style Sheet                                       */
/*========================================================*/