﻿/* Main seting *************************************************************************************************/
body
{
	font-size: 0.7em;
	margin: 0px;
	font-family: Tahoma, Verdana;	
}

/* BackGround **************************************************************************************************/

/* Banner BackGround ------------------------------ Banner BackGround */
.SiteName
{}
.BannerBg
{	
	background: #038330 url('/skins/cl/Images/Bg/bann_bg.gif')
}

.BannerBg1 {
	background-position: right top; repeat-x; background-image:url('/skins/cl/Images/Bg/bann_bg.jpg'); background-repeat:no-repeat; background-attachment:scroll 
}


/* Tab Bgcolor */
.TabBg
{
	background-color:#286DB1;
	BACKGROUND: #fed36b url('/skins/cl/Images/Bg/tab_bg_02.gif')

}
.SelectedTabBg, .SelectedTab
{
	background-color:#3D7AC1;
}

/* Pane BackGround ------------------------------ Pane BackGround */
.BannerPaneBg
{	
	
}

.LeftPaneBg
{
	background: #BBE9FA;
}

.ContentPaneBg
{
	background-color:White;
}

.AddPaneBg
{
	width: 150px;	
	background-color:White;
}
.RightPaneBg
{
	background-color: #99ffcc;
}
/*------------------------------------------------ End Pane BackGround */
.Frame
{
	border-right: #105bda 1px solid;
	border-top: #105bda 1px solid;
	border-left: #105bda 1px solid;
	border-bottom: #105bda 1px solid;
	background-color: #33c4ff;
}

.LightBlueBg
{
	background-color: #C6EEFD;
}
.LightYellowBg
{
	background-color: #ffffdd;
}
.ListBoxTitleBg
{
	background: url(/skins/cl/images/Bg/XPBar.gif)  #c6eefd;
}
.ListBoxBg
{
	border-right: #8fc1e6 1px solid;
	border-top: #8fc1e6 1px solid;
	border-left: #8fc1e6 1px solid;
	border-bottom: #8fc1e6 1px solid;
	background-color: #ffffff;
}
.XPBarBg
{
	font-weight: bold;
	font-size: 0.8em;
	color: #ffff00;
	font-family: Tahoma;	
	background: url(/skins/cl/images/Bg/XPBar.gif)  #c6eefd;
}
.XpBlueBg
{
	background-color: #7fb7e1;
}

/* Menu --------------------*/
.MenuBg
{	
	BACKGROUND: #fed36b url('/skins/cl/Images/Bg/menu_bg.gif')	
}
.MenuSelectedBg
{
	background: url(/skins/cl/images/Bg/XPBar.gif) #0096ff;
	height: 22px;
}
.MenuItemSelectedBg
{
	background-color: #FFFFFF;
}
.MenuSeparatorBg
{
	background-color: red;
}

/* Line **************************************************************************************************/
.DarkLine
{
	background-color: #004073;
}
.BrownLine
{
	background-color: gainsboro;
}
.BrownLightLine
{
	background-color: aliceblue;
}

/* Text **************************************************************************************************/

/* Site title -----------------------------*/
.SiteName
{
	font-weight: bold;
	font-size: 1.3em;
	color: aqua;
	
	FILTER: shadow(color=green,Offx=1, Offy=1,Positive=true);
}

/* login - Logout ------------------------*/
.WelcomUser
{
	font-size: 0.7em;
	color: violet;
}
a.WelcomUser
{
	font-size: 0.6em;
	color: gray;
		text-decoration: none;
}
a.WelcomUser:visited
{
	font-size: 0.6em;
	color: gray;
	text-decoration:none;	
}

/* Normal text --------------------------------*/

.Normal
{
	font-size: 0.8em;
	text-align: justify;
}
.NormalBold
{	
	font-size: 0.8em;
	font-weight:bold;
}
.NormalSmall
{
	font-size: 0.7em;
}
.NormalSmallBold
{	
	font-size: 0.7em;	
	font-weight:bold;
}
.NormalTitle
{
	font-weight: bold;
	font-size: 1em;
}
.NormalSmallTitle
{
	font-weight: bold;
	font-size: 0.8em;
}
.BigTitle
{
	font-weight: bold;
	font-size: 1.1em;
	color: #cc3300;
}
.ListBoxTitle, .XPBarBg
{
	font-weight: bold;	
}

.NormalTextBox
{
	font-size: 0.8em;
}

.Node
{
	font-size: 0.7em;
}


/* Link ***************************************************** Link/
/* Top of page*/
.Header
{
	height: 14px;
	font-size: 0.7em;
	color: #ffffff;
	font-weight:bold;
}

a.Header
{	
	color: #FFFFFF;	
	text-decoration: none;	
}
a.Header:visited
{	
	color: #FFFFFF;
	text-decoration: none;
}
a.Header:active
{	
	color: #ffcc33;
	text-decoration: underline;
}
a.Header:hover
{	
	color: #ffcc33;
	text-decoration: underline;	
}

/* Footer -----------------------------*/
.Footer
{
	padding-right: 10px;
	padding-left: 10px;
	font-size: 7pt;
	padding-bottom: 6px;
	color: #ffffff;
	padding-top: 6px;
	BACKGROUND: #fed36b url('/skins/cl/Images/Bg/tab_bg_02.gif')
}

/** Normal ---------------------------*/
.NormalLink
{
	font-size: 0.8em;
}
a.NormalLink:link
{	
	color: navy;	
}
a.NormalLink:visited
{	
	color: navy;
}
a.NormalLink:hover
{	
	color: blue;
}

/* Small Link*/
.NormalSmallLink
{
	font-size: 0.7em;
	color: #333333;
	text-decoration: none;
}
a.NormalSmallLink:link
{	
	color: #333333;
	text-decoration: none;
}
a.NormalSmallLink:visited
{
	color: #333333;
	text-decoration: none;
}
a.NormalSmallLink:hover
{	
	text-decoration: underline;
}

/* Small Link List */
.SmallLinkList
{
	font-size: 0.7em;	
}
a.SmallLinkList:link
{
	color: #333333;
	text-decoration: none;
}
a.SmallLinkList:visited
{
	color: #333333;
	text-decoration: none;
}
a.SmallLinkList:hover
{	color:cc3300;
	text-decoration: underline;
}


/* Bold Link --------------------------*/
.NormalBoldLink
{
	font-weight: bold;
	font-size: 0.8em;	
}
a.NormalBoldLink:link
{
	color: #004033;
	text-decoration: none;
}
a.NormalBoldLink:visited
{
	color: #004033;
	text-decoration: none;
}
a.NormalBoldLink:hover
{
	color: #cc3300;
	text-decoration: underline;
}

/* Bold Link Underline ---------------------*/
.HotLink
{
	font-weight: bold;
	font-size: 0.8em;	
}
a.HotLink:link
{
	color: #333333;
	text-decoration: none;
}
a.HotLink:visited
{	
	color:#333333;
	text-decoration: none;
}
a.HotLink:hover
{
	color:#800000;
	text-decoration: underline;
}

/* Tabs links ------------------------------------------- Tabs Link */
.Tabs
{
	color:#FFFFFF;
	font-size: 0.8em;
	font-weight:bold;
}
a:link.Tabs
{
	color:#FFFFFF;
	text-decoration: none;
}
a:visited.Tabs 
{
	color:#FFFFFF;
	text-decoration: none;
}
a:hover.Tabs 
{	
	text-decoration:underline;
}
a:active.Tabs
{	
	text-decoration: underline;
}

/* Tabs link selected --------------------------*/
.SelectedTab
{
	font-size: 0.9em;
	color: white;
	font-weight:bold;	
}
a:link.SelectedTab
{
	color:white;
	text-decoration: none;
}
a:visited.SelectedTab 
{
	color:white;
	text-decoration: none;
}
a:hover.SelectedTab 
{	
	text-decoration:underline;
}
a:active.SelectedTab
{	
	text-decoration: underline;
}

/*----------------------------------------------------------End Tabs Link*/

/* Menu --------------------------------- Menu*/
.MenuLink
{	
	font-size: 0.7em;
	font-weight:bold;
}
a.MenuLink:link
{
	color: #336699;
	text-decoration: none;
}
a.MenuLink:visited
{
	color: #336699;
	text-decoration: none;
}
a.MenuLink:hover
{
	color:#000000;
	text-decoration: underline blink;
}

.MenuLinkBold
{
	font-weight: bold;
	font-size: 0.8em;
}
a.MenuLinkBold:link
{
	color: yellow;
	text-decoration: none;
}
a.MenuLinkBold:visited
{
	color: yellow;
	text-decoration: none;
}
a.MenuLinkBold:hover
{	
	color:red;
	text-decoration: underline blink;
}


/* Button *****************************************************/
.CommandButton
{
	font-weight: bold;
	font-size: 11px;
	color: darkred;
}
a:link.CommandButton
{	
	font-size: 11px;
	color: darkred;
	text-decoration: underline;
}
a:visited.CommandButton
{
	color: darkred;
	text-decoration: underline;
}
a:active.CommandButton 
{
	color: #ff0000;
	text-decoration: none;
}
a:hover.CommandButton 
{
	color: #ff0000;
	text-decoration: none;
}


/* Alerts *************************************/
/* Red color*/
.RedAlert
{
	font-size:0.7em;
	color:Red;	
}

/* Gray color*/
.BlueAlert
{
	font-size:0.7em;
	color:#3333ff;
}

/*---------------------------------------------*/
.Time
{
	font-size: 0.8em;
	color: #3C5E80;
}
.TimeSmall
{
	font-size: 0.7em;
	color: #3C5E80;
	font-family:Arial;
}

/* Root Path  ------------------------------*/
.RootPath
{
	font-size: 0.7em;
	color: #FFFFFF;
}
a.RootPath.link
{
	color: #FFFFFF;
	text-decoration: none;
}

a.RootPath:visited
{
	color: #FFFFFF;
}
a.RootPath:hover
{
	text-decoration:underline;
}


/* Path ------------------------------*/
.Path
{
	font-weight: bold;
	font-size: 0.7em;
	color: #CC6600;
}
a.Path.link
{
	color: #CC6600;
	text-decoration: none;
}

a.Path:visited
{
	color: #CC6600;	
}
a.Path:hover
{
	text-decoration: none;
}


/* Path 1 ------------------------------*/
.Path1
{
	font-weight: bold;
	font-size: 0.7em;
	color: darkgreen;
}
a.Path1.link
{
	color: darkgreen;
	text-decoration: none;
}

a.Path1:visited
{
	color: darkgreen;
}
a.Path1:hover
{
	text-decoration: none;
}

/* Path 2 ------------------------------*/
.Path2
{
	font-weight: bold;
	font-size: 0.7em;
	color: #003399;
}
a.Path2.link
{
	color: #003399;
	text-decoration: none;
}

a.Path2:visited
{
	color:#003399;
}
a.Path2:hover
{
	text-decoration: none;
}
/* Rotator ------------------------------*/
.Rotator
{
	border-right: gold 1px solid;
	padding-right: 3px;
	border-top: darkgoldenrod 1px solid;
	padding-left: 3px;
	font-size: 11px;
	padding-bottom: 3px;
	border-left: darkgoldenrod 1px solid;
	width: 450px;
	cursor: default;
	padding-top: 3px;
	border-bottom: gold 1px solid;
	height: 25px;
	background-color: #FFE4CA;
}
.RotatorTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 0.7em; COLOR: darkred;
}
.RotatorItem {
	BORDER-RIGHT: bisque 1px solid; BORDER-TOP: bisque 1px solid; BORDER-LEFT: bisque 1px solid; CURSOR: hand; BORDER-BOTTOM: bisque 1px solid
}
.RotatorItemOver {
	BORDER-RIGHT: #ffa500 1px solid; BORDER-TOP: white 1px solid; BORDER-LEFT: white 1px solid; CURSOR: hand; BORDER-BOTTOM: #ffa500 1px solid; BACKGROUND-COLOR: #ffce80
}
.RotatorItemDown {
	BORDER-RIGHT: white 1px solid; BORDER-TOP: #ffa500 1px solid; BORDER-LEFT: #ffa500 1px solid; CURSOR: hand; BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR: #ffce80
}

/* PhotoGallery -----------------------------*/
.PhotoGalleryBg
{
	background: white;
}

/*******************************************************************/
/*
.MenuContainer
{
	border-right: red thin solid;
	border-top: red thin solid;
	border-left: red thin solid;
	border-bottom: red thin solid;
	background-color: blue;
}
*/


.MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:22;
}

.MenuItem
{
	font-weight: bold;
	font-size: 0.7em;
	cursor: pointer; 
	cursor: hand; 
	color: #FFFFFF;
}

.MenuIcon {
	cursor: pointer; 
	cursor: hand; 	
	text-align: center; 
	width: 10; 
	height: 22;
}

.SubMenu
{	
	cursor: pointer; 
	cursor: hand; 
	border-left: lightblue 1px solid;
	border-right: lightblue 1px solid;
	border-top: lightblue 1px solid;	
	border-bottom: lightblue 1px solid;
	background-color:#286DB1;	
}

.MenuBreak {

	border-bottom: red 10px solid; 
	border-left: red 10px solid; 
	border-top: red 10px solid;  
	border-right: red 10px solid; 
	background-color: red; 
	height: 10px;
}

.MenuItemSel
{
	font-weight: bold;
	font-size: 0.7em;
	cursor: pointer; 
	cursor: hand; 
	color: #FFFFFF;
	text-decoration: underline;
}

.MenuArrow {
	font-family: webdings; 
	font-size: 0.8em; 
	cursor: pointer; 
	cursor: hand; 
}

.RootMenuArrow {
	font-family: webdings; 
	font-size: 0.8em; 
	cursor: pointer; 
	cursor: hand;
}
.AdvTable
{
	border-right: #f17100 4px solid;
	border-top: #f17100 4px solid;
	border-left: #f17100 4px solid;
	border-bottom: #f17100 4px solid;
}