﻿/* background color for the content part of the pages */
Body
{
	background-color: white;
	margin: 0px;
}

.ControlPanel, .PagingTable
{
	width: 100%;
	background-color: #FFFFFF;
	border-right: #003366 1px solid;
	border-top: #003366 1px solid;
	border-left: #003366 1px solid;
	border-bottom: #003366 1px solid;
}

.SkinObject
{
	font-weight: bold;
	font-size: 8.5pt;
	color: #003366;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}

A.SkinObject:link
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:visited
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:hover
{
	text-decoration: none;
	color: #003366;
}

A.SkinObject:active
{
	text-decoration: none;
	color: #003366;
}

/* styles for LANGUAGE skinobject */
.Language
{
	vertical-align: middle;
	margin: 0px;
}

.Language img
{
	border: none;
}


/* style for module titles */
.Head
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
	color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
}

/* text style used for error messages */
.NormalRed
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
	background-color: White;
	color: Red;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
}
.DataGrid_Container
{
	background-color: Transparent;
}
.DataGrid_Footer
{
	background-color: White;
}
.DataGrid_Header
{
	background-color: Transparent;
	color: Black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.DataGrid_Item
{
	background-color: Transparent;
	color: Black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
}
.DataGrid_SelectedItem
{
	background-color: Silver;
	color: Blue;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
}

.TreeMenu_NodeSelected
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	background-color: #dcdcdc;
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link
{
	text-decoration: none;
	color: #003366;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited
{
	text-decoration: none;
	color: #003366;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover
{
	text-decoration: none;
	color: #ff0000;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active
{
	text-decoration: none;
	color: #003366;
}

/* styles used in the FileManager */
.FileManager
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 400px;
}
.FileManager_ToolBar
{
	border-bottom: black 1px solid;
	height: 25px;
}
.FileManager_Explorer
{
	height: 100%;
	border: #696969 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
}

.FileManager_FileList
{
	height: 100%;
	border: #696969 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
	overflow: auto;
}

.FileManager_MessageBox
{
	text-align: center;
	vertical-align: middle;
	background-color: White;
	padding: 25px 25px 25px 25px;
}

.FileManager_Header
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #E7E7FF;
	background-color: #9EBFF6;
	border-bottom: #696969 1px solid;
	height: 25px;
}

.FileManager_Pager
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	background-color: #EEEEEE;
	border-top: #696969 1px solid;
	height: 25px;
}

.FileManager_StatusBar
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	background-color: #dedfde;
	height: 25px;
	margin: 2px 2px 2px 2px;
}

.FileManager_Item
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	background-color: #F8F8F8;
	border-top: black 1px dashed;
	border-bottom: black 1px dashed;
}

.FileManager_AltItem
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	background-color: #EEEEEE;
	border-style: none;
}
.FileManager_SelItem
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: White;
	background-color: #99ffff;
	border-style: none;
}

.FileManagerTreeNode
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

.FileManagerTreeNodeSelected
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	background-color: #dcdcdc;
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link
{
	text-decoration: none;
	color: #003366;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited
{
	text-decoration: none;
	color: #003366;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover
{
	text-decoration: none;
	color: #ff0000;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active
{
	text-decoration: none;
	color: #003366;
}

/* styles used in the Wizard Framework */
.Wizard
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 400px;
	width: 650px;
}
.WizardButton
{
	border-right: #696969 1px solid;
	padding-right: 2px;
	border-top: #696969 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: #696969 1px solid;
	padding-top: 2px;
	border-bottom: #696969 1px solid;
	background-color: #dcdcdc;
}
.WizardHeader
{
	background: #ffffcc;
	border-bottom: black 1px solid;
	height: 40px;
}
.WizardFooter
{
	border-top: black 1px solid;
	background: #ccffcc;
	height: 25px;
	text-align: right;
}
.WizardBody
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 325px;
}
.WizardHelp
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
	padding-bottom: 5px;
	border-left: black 1px solid;
	width: 180px;
	padding-top: 5px;
	background-color: #ccffff;
}
.WizardHelpText
{
	overflow: auto;
	font-size: 8pt;
	width: 180px;
	color: black;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	height: 300px;
}
.WizardText
{
	font-size: 9pt;
	color: black;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}


/* text style used for help text rendered by modules */
.Help
{
	border-right: black 1px solid;
	padding-right: 2px;
	border-top: black 1px solid;
	padding-left: 2px;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 2px;
	border-left: black 1px solid;
	color: black;
	padding-top: 2px;
	border-bottom: black 1px solid;
	font-family: Tahoma, Arial, Helvetica;
	background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
	text-decoration: underline;
	color: #003366;
}

A.CommandButton:visited
{
	text-decoration: underline;
	color: #003366;
}

A.CommandButton:hover
{
	text-decoration: underline;
	color: #ff0000;
}

A.CommandButton:active
{
	text-decoration: underline;
	color: #003366;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	background: #dddddd;
	color: #000000;
	font-family: Verdana, sans-serif;
}


/* GENERIC */
H1
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H2
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H3
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #003366;
}

H4
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #003366;
}

H5, DT
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

H6
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

TFOOT, THEAD
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	color: #003366;
}

TH
{
	vertical-align: baseline;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}

A:link
{
	text-decoration: none;
	color: #003366;
}

A:visited
{
	text-decoration: none;
	color: #003366;
}

A:hover
{
	text-decoration: underline;
	color: #ff0000;
}

A:active
{
	text-decoration: none;
	color: #003366;
}

SMALL
{
	font-size: 8px;
}

BIG
{
	font-size: 14px;
}

BLOCKQUOTE, PRE
{
	font-family: Lucida Console, monospace;
}


UL LI
{
	list-style-type: square;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}
OL UL LI
{
	list-style-type: disc;
}

HR
{
	color: #696969;
	height: 1pt;
	text-align: left;
}

/* Module Title Menu */
.ModuleTitle_MenuContainer
{
	border-bottom: blue 0px solid;
	border-left: blue 0px solid;
	border-top: blue 0px solid;
	border-right: blue 0px solid;
}

.ModuleTitle_MenuBar
{
	cursor: pointer;
	height: 16px;
	background-color: Transparent;
}

.ModuleTitle_MenuItem
{
	cursor: pointer;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	border-left: white 0px solid;
	border-bottom: white 1px solid;
	border-top: white 1px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}

.ModuleTitle_MenuIcon
{
	cursor: pointer;
	background-color: #EEEEEE;
	border-left: #EEEEEE 1px solid;
	border-bottom: #EEEEEE 1px solid;
	border-top: #EEEEEE 1px solid;
	text-align: center;
	width: 15px;
	height: 21px;
}

.ModuleTitle_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	background-color: #FFFFFF;
	border-bottom: #FFFFFF 0px solid;
	border-left: #FFFFFF 0px solid;
	border-top: #FFFFFF 0px solid;
	border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak
{
	border-bottom: #EEEEEE 1px solid;
	border-left: #EEEEEE 0px solid;
	border-top: #EEEEEE 1px solid;
	border-right: #EEEEEE 0px solid;
	background-color: #EEEEEE;
	height: 1px;
}

.ModuleTitle_MenuItemSel
{
	cursor: pointer;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
}

/* Main Menu */
.MainMenu_MenuContainer
{
	background-color: transparent;
}
.MainMenu_MenuBar
{
	cursor: pointer;
	height: 16px;
	background-color: Transparent;
}
.MainMenu_MenuItem
{
	cursor: pointer;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	border-left: white 0px solid;
	border-bottom: white 1px solid;
	border-top: white 1px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}
.MainMenu_MenuIcon
{
	cursor: pointer;
	background-color: #EEEEEE;
	border-left: #EEEEEE 1px solid;
	border-bottom: #EEEEEE 1px solid;
	border-top: #EEEEEE 1px solid;
	text-align: center;
	width: 15px;
	height: 21px;
}
.MainMenu_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	background-color: #FFFFFF;
	border-bottom: #FFFFFF 0px solid;
	border-left: #FFFFFF 0px solid;
	border-top: #FFFFFF 0px solid;
	border-right: #FFFFFF 0px solid;
}
.MainMenu_MenuBreak
{
	border-bottom: #EEEEEE 1px solid;
	border-left: #EEEEEE 0px solid;
	border-top: #EEEEEE 1px solid;
	border-right: #EEEEEE 0px solid;
	background-color: #EEEEEE;
	height: 1px;
}
.MainMenu_MenuItemSel
{
	cursor: pointer;
	color: black;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	background-color: #C1D2EE;
}
.MainMenu_MenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-top: #FFFFFF 0px solid;
}
.MainMenu_RootMenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
}

/* LEGACY STYLES from DNN 1-2 */
.HeadBg
{
	background-color: #CCCCCC;
}

.TabBg
{
	background-color: black;
}

.SelectedTab
{
	font-weight: bold;
	font-size: 8.5pt;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}

A.SelectedTab:link
{
	text-decoration: none;
	color: white;
}

A.SelectedTab:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.SelectedTab:hover
{
	text-decoration: none;
	color: #cccccc;
}

A.SelectedTab:active
{
	text-decoration: none;
	color: #eeeeee;
}

.OtherTabs
{
	font-weight: bold;
	font-size: 8.5pt;
	color: white;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}

A.OtherTabs:link
{
	text-decoration: none;
	color: white;
}

A.OtherTabs:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.OtherTabs:hover
{
	text-decoration: none;
	color: #cccccc;
}

A.OtherTabs:active
{
	text-decoration: none;
	color: #eeeeee;
}

.PagingTable
{
	height: 33px;
}

/*
.LabelEditOverClass
{	
	cursor: pointer;
	text-decoration: underline overline;
}
*/

.LabelEditTextClass
{
	border: solid 1px red;
	background-color: Transparent;
}

.LabelEditWorkClass
{
	/*background: url(/DotNetNuke/images/dnnanim.gif) no-repeat right;*/
	border: solid 0px red;
	background-color: Transparent;
}

/* style for the DNNTextSuggest control select menu */
.SuggestTextMenu
{
	border: solid 1px black;
	white-space: nowrap;
	background: white;
}
/* style for the DNNTextSuggest control selected menu node */
.SuggestNodeOver
{
	background-color: navy;
	color: White;
}


/*Edit In Place Tool Bar Classes*/
.eipbackimg
{
	border: outset 1px; /*give toolbar a 3D look*/
	position: absolute; /*needed so it doesn't take up space */
	margin-top: -22px; /*specify toolbar to be just above text */
	white-space: nowrap; /* makes toolbar horizontal */
	background: url(../../images/eip_toolbar.gif);
	background-color: #99cccc;
	height: 22px;
}

.eipbuttonbackimg
{
	width: 21px;
	height: 21px;
	cursor: pointer; /*change mouse to pointer when hover over button*/
	display: -moz-inline-box; /* Gecko proprietary  (ORDER IS IMPORTANT HERE!)*/
	display: inline-block; /* supported by Opera and ? */
}

.eipbutton_edit
{
	background: url(../../images/eip_edit.gif) no-repeat 100% center;
}
.eipbutton_save
{
	background: url(../../images/eip_save.gif) no-repeat 100% center;
}
.eipborderhover
{
	border: outset 1px;
}

/* used to collapse panes without any content in them */
.DNNEmptyPane
{
	width: 0px;
}

/* used to set the different module align options - from module settings */
.DNNAlignleft
{
	text-align: left;
}
.DNNAlignright
{
	text-align: right;
}
.DNNAligncenter
{
	text-align: center;
}

/* Login Styles */
.LoginPanel
{

}

.LoginTabGroup
{
	
}

.LoginTab {
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #FFF;
	border: 1px #25569a solid;
}

.LoginTabSelected{
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #FFF;
	background-position: 0% -41px;
	border: 1px #25569a solid;
}

.LoginTabHover
{
	float: left;
	background: url("../../images/tablogin_gray.gif") left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #555;
	border: 1px #C00 solid;
	cursor:pointer;
}

.LoginContainerGroup
{
	clear: both;
	padding-top: 5px;
}

.LoginContainer
{
	
}

textarea, input, select
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
}


/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
}
.skinmaster {
	height: 100%;
	background-color: #f3f5fa;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}
.skinheader {
}
.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}
.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.leftpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.contentpane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.rightpane {
	width: 175px;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding-left: 6px;
	padding-right: 4px;
	padding-top: 6px;
}
.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #8da4d3; 
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(gradient_LtBlue.jpg);
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}


/* CALENDAR CSS */
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_container TABLE td { height: 20px; border-bottom: none;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(arrow-left.gif);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(arrow-right.gif);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}
/* /CALENDAR CSS */


/* ADVANCE TOOLTIPS */
#dhtmltooltip
{
	position:absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 11000;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 11001;
	visibility: hidden;
}
/* /ADVANCE TOOLTIPS */


/* MODAL POPUP */
/* MODAL POPUP */
.ModalBackground 
{
    background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;    
}

.ModalPopupContainer
{
    background-color: White; 
}

.ModalPopup_Content
{
    padding: 4px 4px 4px 4px;
}

/*Modal popup style 1*/
.ModalPopup
{
    width: 100%;
    border-bottom: solid 1px red;
    border-left: solid 1px red;
    border-right: solid 1px red;
}

.ModalPopup_Header
{
    background: url(gridHeaderBg.jpg);
    height: 24px;
    cursor: move;
    vertical-align: middle;
    padding: 4px 0px 0px 0px;
    color: White;    
}

/*Modal popup style 2 - facebox style*/
.ModalPopup2
{

}

.ModalPopup_Header2
{
    height: 24px;
    cursor: move;
    vertical-align: middle;
    padding: 4px 0px 0px 0px;
    font-weight: bold;
    border-bottom: solid 1px gray;
}

.ModalPopup2 .b {
  background:url(b.png);
}

.ModalPopup2 .tl {
  background:url(tl.png);
}

.ModalPopup2 .tr {
  background:url(tr.png);
}

.ModalPopup2 .bl {
  background:url(bl.png);
}

.ModalPopup2 .br {
  background:url(br.png);
}

.ModalPopup2 .tl, .ModalPopup2 .tr, .ModalPopup2 .bl, .ModalPopup2 .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

.ModalPopup2 .footer {
    text-align: right;
    padding-right: 5px;
    padding-top: 10px;
    height: 30px;
}

.ModalPopup2 .content {
    background-color: White;
    padding: 4px 4px 4px 4px;
}
/* /MODAL POPUP */


/* NAVIGATE MENU */

.jquerycssmenu
{
    
}

.jquerycssmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*float: right;*/
}

/*Top level list items*/
.jquerycssmenu ul li{
	position: relative;
	display: inline;
	float: left;
	line-height: 23px;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
	display: block;
	padding: 0px 10px 0px 10px;
	color: white;
	text-decoration: none;
	background: transparent url(pinkbg.gif) top right no-repeat;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial; 
	font-size: 9pt;
}

.jquerycssmenu ul li a:visited
{
	color: white;
	text-decoration: none;
}

.jquerycssmenu ul li a:hover{
	color: #990000;
	background: transparent url(pinkbgover.gif) top left;
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;	
	list-style: disc inside;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
	float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
	top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
	/*width: 50px; /*width of sub menus*/
	color: black;
	/*padding-left: 25px;*/
	margin: 0;
	/*background:	#AABDE6 url(arrows_subMenu.gif) left no-repeat;*/
	background:	url(subMenuBg3.png);
	border-bottom: 1px solid white;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial; 
	font-size: 9pt;
	display: block;
	height: 23px;
}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
	/*background:	#CFDEFF url(arrows_subMenu.gif) left no-repeat;*/
	background:	url(subMenuBg3_hover.png);
	color: black;
}

.jquerycssmenu ul li ul li a:visited{ /*sub menus hover style*/
    color: black;
}

/*----------------------------------------------------------------------------------
    /JQUERY NAVIGATE MENU STYLE
----------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------
    JQUERY STYLE
----------------------------------------------------------------------------------*/

.jquery-button{
    padding: .4em 1em .4em 20px;
    text-decoration: none;
    position: relative;
}

.jquery-button span.ui-icon{
    margin: 0 5px 0 0;
    position: absolute;
    left: .2em;
    top: 50%;
    margin-top: -8px;
}

.jquery-grid-button{
    padding: .3em 1em .3em 20px;
    text-decoration: none;
    position: relative;
    font-size: 8pt;
}

.jquery-grid-button span.ui-icon{
    margin: 0 5px 0 0;
    position: absolute;
    left: .2em;
    top: 50%;
    margin-top: -8px;
}

/*----------------------------------------------------------------------------------
    /JQUERY STYLE
----------------------------------------------------------------------------------*/


/* NEW DESIGN FROM LAM */

/*
	Reset Browser Configuration
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, embed, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
}

/*
	Global Style
*/
body{
	color:#333333;
	font-family:Tahoma,Verdana,Arial;
	font-size:12px;
	background: #ccc;
	text-align: center;
	line-height: 18px;
}
a:link {
	color: #CC0000;
	text-decoration: none;
}

    a:visited {
	    text-decoration: none;
	    color: #CC0000;
    }
    a:hover {
	    text-decoration: underline;
	    color: #CC0000;
    }
    a:active {
	    text-decoration: none;
	    color: #CC0000;
    }

/*
	Website Constructions
*/
.PageWrapper{
	margin: 10px auto;
	width: 990px;
	background: #fff;
	text-align: left;
}

.body{
	padding: 0 0 20px 0;
}
    /* 3 cols layout */
    .left-col{
	    width: 218px;
	    float: left;
    }
    .center-col{
	    width: 516px;
	    float: left;
    }
    .right-col{
	    float: left;
	    width: 255px;
    }

    /* 2 cols with big col on the right layout */
    .left-col-2ColsLayout-R{
	    width: 218px;
	    float: left;
    }
    .right-col-2ColsLayout-R{
	    float: left;
	    width: 771px;
    }
    
    /* 2 cols with big col on the left layout */
    .left-col-2ColsLayout-L{
	    width: 734px;
	    float: left;
    }
    .right-col-2ColsLayout-L{
	    float: left;
	    width: 255px;
    }

/*
	Header
*/
.PageHeader{
	background: url(logo_hr2b1.jpg) no-repeat;		
}
	.navigation{
		background:  url(slogan_hr2b.jpg) no-repeat;
		height: 29px;
		margin: 0 0 0 69px;
	}
		.navigation-content{
			float: right;
		}
		.func-language{
			float: right;
			padding-right: 10px;
			padding-top: 5px;
		}
	.breadcum{
		padding: 24px 5px 2px 5px;
		text-align: left;
		margin: 0 0 0 69px;
	}
	    .member-login{
		    float: right;
		    text-align: right;
	    }
	    .sitemap-path{
		    float: left;
	    }	    
	.banner	{
	    height: 231px;
	    clear: both;
	    overflow: hidden;
	}

/*
	Container Style
*/
.container-yellow,.container-red,.container-grey{
	padding: 10px;
	margin: 5px;
	border: 1px solid #cb0401;
	background:  url(container_ybg.jpg) repeat-x;
}
	.header{
		color: #CC030B;
		font-size: 12px;
		font-weight: bold;
		padding-bottom: 10px;
	}		
.container-red{
	background: none;
	padding: 0;
}
	.container-red .inner{
		padding: 10px;
	}
	.container-red .header{
		background:  #e43729 url(container_rbg.jpg) repeat-x;
		border-bottom: 1px solid #cb0401;
		padding: 5px;
		color: #fff;
		font-size: 14px;
	}

.container-grey{
    background:  url(container_gbg.jpg) repeat-x;
}

.headline{
	background:  #e43729 url(bar_nav.jpg) repeat-x;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
	padding: 8px 10px;	
}
.body-inner{
	padding: 5px;
}

/*
	Container Content
*/
.topic-list,.topic-list-bullet{
	list-style-type: none;
}
	.topic-list li,.topic-list-bullet li{
		list-style-type: none;
		border-bottom: 1px dotted #CCCCCC;
		padding: 5px 0;
	}
	.topic-list-bullet li{
		background:  url(topjob_bullet.jpg) no-repeat 0 7px;
		padding: 5px 0 5px 20px;
	}
	.img{
		float: left;
		margin: 0 10px 10px 0;
	}


/*
	Footer
*/
.footer{
	text-align: center;
	padding: 10px 0;
	background: #E7E7E7;
}

/*
	Form
*/
form{
	padding: 5px 0 10px;
}
	textarea, input, select {
		font-family:Tahoma,Verdana,Arial;
		font-size:12px;
	}
.input-text{
	float: left;
	margin-right: 5px;
}
	

/*
	ClearFix
*/			
.clear{font-size:0;line-height:0;height:0;clear:both;overflow: hidden;display: block;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}

/*----------------------------------------------------------------------------------
    /PAGE STYLE FROM LAM
----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------
    OTHER CUSTOM STYLE
----------------------------------------------------------------------------------*/

.input-table td{
    padding: 0 4px 0 4px;
}

.news-header{
	color: #CC030B;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: left;
}

.inner-header{
	color: #CC030B;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: left;
}
/*----------------------------------------------------------------------------------
    OTHER CUSTOM STYLE
----------------------------------------------------------------------------------*/

.newsitem-list a:link
{
	color: #333333;
	text-decoration: none;	
}
.newsitem-list a:hover
{
	color: #333333;
	text-decoration:underline;	
}
.newsitem-list a:visited
{
	color: #333333;
	text-decoration: none;	
}
.newsitem-list a:active
{
	color: #333333;
	text-decoration: none;	
}

#left_form
{
	width:200px;
	float:left;
}

#right_form
{
	width:400px;
	float:left;
}




/*----------------------------------------------------------------------------------
	RATTING AJAX CONTROL
---------------------------------------------------------------------------------*/

.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(FilledStar.png);

}

.emptyRatingStar {
    background-image: url(EmptyStar.png);
}

.savedRatingStar {
    background-image: url(SavedStar.png);
}
.Rating
{
	margin:0px;
	padding:0px;
}

/*----------------------------------------------------------------------------------
	SHARE THIS
---------------------------------------------------------------------------------*/

.ShareThisModuleModule_tbl td
{
    border-bottom:#CCCCCC dotted 1px;
    vertical-align: middle;
    height: 30px;
}

.ShareThisModuleModule_tbl input, .ShareThisModuleModule_tbl textarea, .ShareThisModuleModule_tbl select
{
    font-size: 9pt;
    font-family: Tahoma, Verdana, Arial;
}

.ShareThisModuleModule_headerText1
{
    font-size: 11pt;
    font-weight: bold;
    text-transform: uppercase;
    color: Gray;
}

