/*========================================================*/
/*              CSS for Savong HomePage Page Skin             */
/*========================================================*/

/*========================================================*/
/*  1. Universal                                          */
/*========================================================*/

/* Style For HTML PAGE                   */ html { height: 100%; }
/* Style For HTML BODY                   */ body {
													font: normal 12px Arial, Helvetica, sans-serif;
													color:#7D7D7D;
													margin-top: 0px;
													margin-bottom: 0px;
													margin-left: 0px;
													margin-right: 0px;
													line-height:120%;
													
												}


/* Setting Text Throughout the skin      */ td {
													font-family:   Arial;
													margin: 0;
}
											img {border:none}
											img.greenborder {	border: 1px solid #25770F}
											
											ul li{ margin-left:20px; margin-bottom:5px}
											ul { margin-top:10px; margin-bottom:10px;}
											
											strong { color:#6DAC17}
											
											p, tr, table { color: #7D7D7D;
											font-size:12px;
											font-family: Arial, Helvetica, sans-serif;
											font-weight:normal;
											line-height:120%;
											}
											h1{	font-size:24px;
													font-weight:bold;
													color:#164792;
													line-height:120%;
													margin:0;
													padding:0;
}
											h3{ 	font-size:16px;
													font-weight:bold;
													color:#999999;
													line-height:120%;
}
											.whitetext:{color:#fff}
											.greentext:{color:#6CA91B}
/*========================================================*/
/*  2. Design Elements                                    */
/*========================================================*/


												
/*-- cell containing login and register - 2 --*/ .LoginTD {
													padding-bottom:10px;
													background-image: url(/Portals/savong/skins/savong/images/hp/menu-bottom.jpg);
													}
													
												
/*-- cell containing search                 --*/ .SearchTD {
													padding-top: 10px;
}

/*-- table containing search                 --*/ .SearchTable {
}

/*-- cell containing date                   --*/ .DateTD { 

													text-align:left; 
													vertical-align: top; 
													padding: 4px 0px 0px 0px; 
													height:20px;
}

/*-- cell containing menu                   --*/ .MenuTD {
													vertical-align: top;
													background:url(/Portals/savong/skins/savong/images/hp/menu-top-bg.jpg) top left repeat-x;
													padding-top:20px;
													padding-left:0;	
													
}

/*-- cell containing panes                  --*/ .PanesTD { 
													vertical-align: top;
}
/*-- cell containing panes                  --*/ .SolutionTD {
													padding-top:10px;
													padding-right:20px;
												color:#999;
												line-height:150%;
}
												.FooterTD{
												padding-top:10px;
												color:#ccc;
												line-height:150%;
												background:url(/Portals/savong/skins/savong/images/sub/sub-footer3.jpg) bottom left repeat-x;
												}


												.bars_left {
													background-image:url(/Portals/savong/skins/savong/images/hp/left-bar-bg.jpg);
													background-repeat:repeat-y;
													background-position:top right;
													background-color:#E6E6E6;
													
}
												.bars_right {
													background-image:url(/Portals/savong/skins/savong/images/hp/right-bar-bg.jpg);
													background-repeat:repeat-y;
													background-position:top left;
													background-color:#E6E6E6;
													
}
												.container{
													margin:0;
													padding:0;
												}

/*========================================================*/
/*  3. Content Panes                                      */
/*========================================================*/
/*-- left navigation  pane       --*/ 	.PaneNav {
													width: 100%;

}
/*-- top inside content pane       --*/ .PaneTop {
}

/*-- left content pane             --*/ .PaneLeft {
																			
}

/*-- content pane                  --*/ .PaneCenter {
													width: 100%;
													margin:0;
													padding: 25px 25px 15px 25px;
}
/*-- right content pane            --*/ .PaneRight { padding: 0px 15px 0px 15px; width: 200px;  }

/*-- bottom inside pane            --*/ .PaneBottom { width: 100%; padding: 0 10px 0 10px; }


/*========================================================*/
/*  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: #2F4D10;
													font-family: Arial;
													font-size: 11px;
													text-decoration: none;
													font-weight:normal;
													line-height:150%;
}
											.SearchFeild {
													color: #666666;
													font-family: Arial;
													font-size: 11px;
													text-decoration: none;
											}
											

/*-- login and user token hover        --*/ a.LOGIN_object:hover, a.USER_object:hover {
													color: #50841C;
													font-family: Arial;
													font-size: 11px;
													text-decoration: none;
													font-weight:normal;
													line-height:150%;
}
/*-- date token idle                   --*/ .DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active { 

													color: #999999; 
													font-family: Arial; 
													font-size: 10px; 
													text-decoration: none; }

/*-- date token hover                  --*/ a.DATE_object:hover { 

													color: #dddddd; 
													font-family:Arial; 
													font-size: 10px; 
													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: 10px; 
													text-decoration: none; 
													font-weight:bold;}

/*-- breadcrumbs token hover           --*/ a.BREADCRUMBS_object:hover { 

													color: #8FA449; 
													font-family: Arial; 
													font-size: 10px; 
													text-decoration: none; 
													font-weight:bold; }
													
/*-- terms privacy and copyright       --*/ a.FOOTER_objects {
													color:#666;
													font-size: 11px;
}

/*-- terms privacy and copyright links --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#ccc; font-size: 11px; font-weight:bold; text-decoration:none;  }

/*-- terms privacy and copyright hover --*/ a.FOOTER_objects:hover { color:#999; font-weight:bold; font-size: 11px; text-decoration:none;  }

/*========================================================*/
/*  5. Text                                               */
/*========================================================*/

/*-- most of the text on site          --*/ .normal, .Normal { 
													font-family: Arial; 
													font-size: 12px; 
													color: #7D7D7D; 
}
/*-- most of the bold text on site     --*/ .NormalBold { 
													font-family: Arial; 
													font-size: 12px; 
													font-weight: bold; 
													color: #7D7D7D;
													text-decoration:none; 
}
													
/*-- red text on site for errors       --*/ .NormalRed { 
													color: #FF705B; 
													font-family: Arial; 
													font-weight: bold; 
													font-size: 12px; 
}


/*========================================================*/
/*  6. Links                                          */
/*========================================================*/

/*-- default links visited and active  --*/ a:link, a:visited, a:active { 
													color: #6DAC17; 
													font-family: Arial; 
													font-weight: bold; 
													font-size: 12px; 
													text-decoration: underline; 
}

/*-- default links hover               --*/ a:hover { 

													color: #9DE43D; 
													font-family: Arial; 
													font-size: 12px; 
													text-decoration: underline; 
}

/*-- normal  links visited and active  --*/ a.Normal:link, a.Normal:visited { 

													color: #6DAC17; 
													font-family: Arial; 
													font-weight: bold; 
													font-size: 12px; 
													text-decoration: none; 
}

/*-- normal  links hover               --*/ a.Normal:hover { 

													color: #9DE43D; 
													font-family: Arial; 
													font-size: 12px;	
													text-decoration: none; 
}


/*-- admin button-link style           --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { 

													color: #999999; 
													border: 1px solid #cccccc; 
													background: #ffffff; 
													padding: 2px 3px 3px 4px; 
													font-family: Arial; 
													font-weight: bold; 
													font-size: 11px; 
													text-decoration: none; 
													height: 15px; 
}

/*-- admin button-link style hover     --*/ a.CommandButton:hover { 
													color: #cccccc; 
													border: 1px solid #666666; 
													background: #999999; 
													padding: 2px 3px 3px 4px; 
													font-family: Arial; 
													font-weight: bold; 
													font-size: 11px; 
													text-decoration: none; 
													height: 15px; 
}
/*-- subheadings - mostly in admin     --*/ .SubHead { 
													font-family: Arial; 
													font-size: 12px; 
													font-weight: normal; 
													color: #999999;
													padding: 0px; 
													
}
/*-- headings - mostly in admin        --*/ .Head { 
													font-size: 16px; 
													color: #666666;
													font-weight: bold;
													padding-right: 0px; 
}
/*-- search button in search form      --*/ .SearchButton { 
													background: transparent; 
													color: #666666;
													padding: 0px 0px 0px 0px; 
													cursor: hand; 
													font-size:11px; 
													margin: 0 0 0 0px;
}
/*-- Login Button      --*/               .StandardButton {       
                                                    color: #ffffff;
													background: #666; 
													font-family: Arial;
													font-size: 12px; 
													text-decoration: none;
													
}


/*========================================================*/
/*  7. Forms                                              */
/*========================================================*/

/*-- default form elements      --*/ select, input { font-family: Arial; font-size: 12px; color: #444444; }
/*-- textbox                    --*/ .NormalTextBox { color: #333333; padding-left: 4px; line-height: 12px; font-family: Arial; font-weight: normal; font-size: 12px; }
/*-- 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: 120px;
	color: #666666;
	border: 0px solid #FFFFFF;
	cursor:text;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}

/*========================================================*/
/*  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: pointer; 
													cursor: hand; 
													background-color: transparent; 
}
/*-- submenu container        --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu {
													z-index: 1000;
													cursor: pointer;
													cursor: hand;
													margin: 0 0 0 3px;
													padding: 0px;
													filter: none;
													color: #ff0000;
													
}
/*-- submenu items idle       --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem {
													height: 24px;
													color: #808080;
													font-size: 12px;
													font-weight: normal;
													background-color:#fff;
													border-top:1px solid #A0BC7A;
													border-left:1px solid #ccc;
													padding-left:15px;
													padding-right:15px;
													
																									
												}
/*-- submenu items hover      --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel {
													height: 24px;
													font-size: 12px; 
													font-weight: normal;
													text-align: left;
													cursor: hand;
													color: #ffffff;
													background:url(/Portals/savong/skins/savong/images/hp/submenu-hover-bg.jpg) top left repeat-x;
													border-top:1px solid #A0BC7A;
													border-left:1px solid #ccc;
													padding-left:15px;
													padding-right:15px;
													
													
}
/*-- menuitems idle           --*/ .MainMenu_Idle {
													height: 33px;
													color: #375812 ;
													font-size: 12px; 
													font-weight: normal;
													text-transform:uppercase;
													background-color:transparent;
													padding-right:2px;
													padding-left:0;	
													
}
									.MainMenu_Idle td {
													border-bottom:1px solid #6DA11F;}
									.MainMenu_Selected td {
													border-bottom:1px solid #6DA11F;}
									.MainMenu_Active td {
													border-bottom:1px solid #6DA11F;}
/*-- menuitems over           --*/ .MainMenu_Selected {
													height: 33px;
													color: #6DA11F;
													font-weight: normal;
													text-transform:uppercase;
													background-image: url(/Portals/savong/skins/savong/images/hp/menu-hover-bg.jpg);
													background-repeat:repeat-x;
													border-bottom:1px solid #6DA11F;
													padding-right:2px;	
													padding-left:0;					
}
/*-- menuitems active         --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive {
													height: 33px;
													color: #6DA11F ;
													font-weight: normal;
													text-transform:uppercase;
													background-color:transparent;
													border-bottom:1px solid #6DA11F;
													padding-right:2px;	
													padding-left:0;	
													
}
/*-- 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; }
									.ModuleTitle_MenuBar td { padding:0 10px; background-image:none; }
									
/*-- module menu padding      --*/ .ModuleTitle_MenuItem {
													font-size: 12px;
													color:#666;
													background-color:#fff;
													background-image:none;
													padding:0 10px;
													border:0; 
													 }
									.ModuleTitle_MenuItemSel {
													font-size: 12px; 
													color: #333;
													background-color:#ccc;
													background-image:none;
													padding:0 10px;
													border:0; 
													 }
									.ModuleTitle_MenuItem td{ 
													white-space:nowrap;
													border-top:1px solid #ccc;
													border-bottom:1px solid #ccc;
													border-left:1px solid #ccc;
													border-right:1px solid #ccc;}
/*-- not needed - module menu --*/ .ModuleTitle_MenuBreak, .MainMenuSeperator,.MainMenu_MenuBreak, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; background-image:none;}
