/*========================================================*/
/*              CSS for SPWD Portfolio Skin               */
/*========================================================*/

/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

/* Style For HTML PAGE                   */ html { height: 100%; }
/* Style For HTML BODY                   */ body {
													margin: 0;
													margin: 10 15 20 15;
													background-color:#939393;
													/* background-image: url(Images/Img_Background.jpg); */
													background-repeat: repeat-x;
													background-position: left top;
}

/* Setting Text Throughout the skin      */ table, tr, td, p {
													font-family: Arial; 
													font-size: 12px; 
													line-height: 1.4em; 
													margin: 0;
}
/* Setting Text Throughout the skin      */ h1 {
													font-family: Arial; 
													font-size:28px; 
													line-height: 1.4em;
													font-weight:normal;
													margin: 0; 
													color: #a9a9a9; 
													padding-bottom: 12px;
													border-bottom: #bf0f33 1px dotted;
}
/* Setting Text Throughout the skin      */ h2 {
													font-family: Arial; 
													font-size:20px; 
													line-height: 1.4em;
													font-weight:normal;
													margin: 0;
													color: #555555; 
}

/*========================================================*/
/*  2. Design Elements                                    */
/*========================================================*/

/*-- outermost table of skin -Standard      --*/ .OuterTable {
													width: 90%;
													height: 100%;
													align: center;
													background-color: #FFFFFF;
													background-repeat: repeat-x;
													background-position: left bottom;
													border: 10px solid #FFFFFF;
}
											
													
/*-- cell containing login and register - 2 --*/ .LoginTD {
													height: 0px;
													color: #555555;
													background-position: right bottom;
													padding-right: 6px;
												
}
																										
/*-- cell containing search                 --*/ .SearchTD {
											        vertical-align: top;
													height:20px;
													width:400px;
													color: #555555;
													padding-top: 0px;
													padding-right: 10px;
													padding-bottom: 10px;
													padding-left: 0px;
}
/*-- cell containing date                   --*/ .DateTD { 
													text-align:left; 
													vertical-align: top; 
													padding: 4px 0px 0px 228px; 
													height:20px;
}

/*-- cell containing menu                   --*/ .MenuTD {
													width: 100%;
													vertical-align: top;
													background-color: #4C4C4C;
}

/*-- cell containing submenu                 --*/ .MenuTD2 {
													width: 200px;
													vertical-align: middle;
													background-color: #FFFFFF;
													padding-top: 20px;
													padding-right: 0;
													padding-bottom: 0;
													padding-left: 10px;
}

/*-- cell containing panes                  --*/ .PanesTD { 
													width:100%; 
													vertical-align: top; 
													padding: 0 0 0 12px; 
}


/*-- middle content section                 --*/ .MiddleRow {
	padding: 0 0px 0 14px;
	background-color: #FFFFFF;
	background-image: url(/Portals/12/Skins/SPWD/Images/Portfolio/Img_GreyBkgd.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

/*-- Top Header section                 --*/ .TopRow {
													background-image: url(/Portals/12/Skins/SPWD/Images/Portfolio/Bkgd_Redbkgd.gif);
													height: 72px;
													background-color: #8A1A28;
}


/*========================================================*/
/*  3. Content Panes                                      */
/*========================================================*/

/*-- top inside content pane       --*/ .PaneTop { width: 100%; padding: 0 0px 0 0px;}

/*-- left content pane             --*/ .PaneLeft { padding: 0 10px 10px; width: 33%; }

/*-- content pane                  --*/ .PaneCenter {
														padding: 20 20px 20 20px;
														background-color: #DDDCDC;
}
/*-- right content pane            --*/ .PaneRight { padding: 0 10px 0 10px; width: 33%; }

/*-- bottom inside pane            --*/ .PaneBottom { width: 100%; padding: 0 10px 0 10px; }

/*-- bottom menu content pane      --*/ .PaneMenuBottom { width: 100%; padding: 5px 5px 0 5px; }

/*========================================================*/
/*  4. Tokens                                             */
/*========================================================*/

/*-- login and user token idle         --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #555555; font-family: Arial; font-size: 11px; font-weight:bold; text-decoration: none; }

/*-- login and user token hover        --*/ a.LOGIN_object:hover, a.USER_object:hover { color: #AE0F2E; font-family: Arial; font-weight:bold; font-size: 11px; text-decoration: none; }
/*-- date token idle                   --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { color: #999999; font-family: Arial; font-size: 11px; text-decoration: none; }

/*-- date token hover                  --*/ a.DATE_object:hover { color: #dddddd; font-family: Arial; font-size: 11px; text-decoration: none; }

/*-- breadcrumbs token idle            --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #777777; font-family: Arial; font-size: 11px; text-decoration: none; font-weight:bold;}

/*-- breadcrumbs token hover           --*/ a.BREADCRUMBS_object:hover { color: #444444; font-family: Arial; font-size: 11px; text-decoration: none; font-weight:bold; }
/*-- terms privacy and copyright       --*/ .FOOTER_objects { color:#555555; font-size: 11px; }

/*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#555555; font-weight:bold; text-decoration:none; }

/*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color:#555555; font-weight:bold; text-decoration:none;  }

/*========================================================*/
/*  5. Text                                               */
/*========================================================*/

/*-- most of the text on site          --*/ .normal, .Normal { 
													font-family: Arial; 
													font-size: 11px; 
													color: #666666; 
}
/*-- most of the bold text on site     --*/ .NormalBold { 
													font-family: Arial; 
													font-size: 11px; 
													font-weight: bold; 
													color: #555555; 
}
													
/*-- red text on site for errors       --*/ .NormalRed { 
													color: #AE0F2E; 
													font-family: Arial; 
													font-weight: bold; 
													font-size: 11px; 
}



/*========================================================*/
/*  6. Links                                          */
/*========================================================*/

/*-- default links visited and active  --*/ a:link, a:visited, a:active { 
													color: #555555; 
													font-family: Arial; 
													font-weight: bold; 
													font-size: 11px; 
													text-decoration: underline; 
}

/*-- default links hover               --*/ a:hover { 
													color: #AD0F2E; 
													font-family: Arial; 
													font-size: 11px; 
													text-decoration: underline; 
}

/*-- normal  links visited and active  --*/ a.Normal:link, a.Normal:visited { 
													color: #999999; 
													font-family: Arial; 
													font-weight: bold; 
													font-size: 11px; 
													text-decoration: none; 
}

/*-- normal  links hover               --*/ a.Normal:hover { 
													color: #AD0F2E; 
													font-family: Arial; 
													font-size: 11px;	
													text-decoration: none; 
}

/*-- admin button-link style           --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { 
													color: #555555; 
													border: 1px solid #ABABAB; 
													background: #EFEFEF; 
													padding: 2px 3px 3px 4px; 
													font-family: Arial; 
													font-weight: bold; 
													font-size: 11px; 
													text-decoration: none; 
													height: 20px; 
}

/*-- admin button-link style hover     --*/ a.CommandButton:hover { 
													color: #AD0F2E; 
													border: 1px solid #868686; 
													background: #DFDFDF; 
													padding: 2px 3px 3px 4px; 
													font-family: Arial; 
													font-weight: bold; 
													font-size: 11px; 
													text-decoration: none; 
													height: 20px; 
}
/*-- subheadings - mostly in admin     --*/ .SubHead { 
													font-family: Arial; 
													font-size: 11px; 
													font-weight: normal; 
													color: #999999; 
													padding: 0; 
													
}
/*-- headings - mostly in admin        --*/ .Head { 
													font-size: 11px; 
													color: #999999; 
													background: transparent; 
													font-weight: normal; 
													padding: 0;
}
/*-- search button in search form      --*/ .SearchButton { 
													background: transparent; 
													padding: 13px 17px 4px 13px; 
													cursor: hand; 
													font-size:1px; 
													margin: 0 0 0 0px;
}

/*========================================================*/
/*  7. Forms                                              */
/*========================================================*/

/*-- default form elements      --*/ select, input { font-family: Arial; font-size: 11px; color: #555555; }
/*-- textbox                    --*/ .NormalTextBox { color: #333333; padding-left: 4px; line-height: 12px; font-family: Arial; font-weight: normal; font-size: 11px; }
/*-- textbox container          --*/ td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility: invisible; border: 0; }
/*-- textbox used for search    --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:19px; background: transparent; width: 174px; color: #888; padding: 4px 0px 0px 8px; border: 0px solid #FFFFFF; cursor:text;}
/*========================================================*/
/*  8. Main Menu and Module Menus                         */
/*========================================================*/

/*-- box that holds the menu  --*/ .MainMenu_MenuContainer { 
													background-color: transparent;  
													width: 100%; 
}
/*-- bar that holds the menu  --*/ .MainMenu_MenuBar { 
													cursor: hand; 
													background: #FFFFFF;  
													width: 164px; 
}
/*-- submenu container        --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu {
													z-index: 1000;
													cursor: hand;
													margin: 0 0 0 1px;
													padding: 0px;
													font-weight: normal;
													filter: none;
													color: #555555;
													border: 0;
}
/*-- submenu items idle       --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { 
													font-family: Arial;  
													color: #666666; 
													font-size: 11px; 
													font-weight: normal; 
													font-style: normal; 
													padding: 0px 30px 0px 22px; 
													height: 22px; border: 0;
													background-color: #E5E5E5; 
													filter: none;
}
/*-- submenu items hover      --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { 
													font-family: Arial; 
													font-size: 11px; 
													font-weight: normal; 
													cursor: hand; 
													color: #FFFFFF; 
													padding: 0px 30px 0px 22px; 
													height: 22px; border: 0;
													background-color: #7A7A7A;
													filter: none;
}
/*-- menuitems idle           --*/ .MainMenu_Idle {
													color: #FFFFFF;
													padding: 0;
													height: 22px;
													font-weight: bold;
													background-color: #4C4C4C;
}
/*-- menuitems over           --*/ .MainMenu_Selected {
													color: #FFFFFF;
													padding: 0;
													height: 22px;
													font-weight: bold;
													background-color: #585858;
}
/*-- menuitems active         --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive {
													color: #FFFFFF;
													padding: 0;
													height: 22px;
													font-weight: bold;
													background-color: #487886;
}

/*-- menuitems idle2           --*/ .MainMenu_Idle31 {
													color: #555555;
													padding: 0;
													height: 22px;
													font-weight: bold;
													background-color: #FFFFFF;
}
/*-- menuitems over2           --*/ .MainMenu_Selected2 {
													color: #AE0F2E;
													padding: 0;
													height: 22px;
													font-weight: bold;
													background-color: #FFFFFF;
}
/*-- menuitems active2         --*/ .MainMenu_Active2, .MainMenu_BreadcrumbActive2 {
													color: #AE0F2E;
													padding: 0;
													height: 22px;
													font-weight: bold;
													background-color: #FFFFFF;
}
/*-- not needed - main menu   --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }
/*-- module menu continer     --*/ .ModuleTitle_MenuContainer { color: #2c2c2c; }
/*-- module menu bar          --*/ .ModuleTitle_MenuBar { cursor: pointer; cursor: hand;}
/*-- module menu padding      --*/ .ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 5px 0 0; }
/*-- not needed - module menu --*/ .ModuleTitle_MenuBreak, .MainMenuSeperator,.MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; }

/*==========================================================*/
/*  End Style Sheet                                         */
/*==========================================================*/


