/***** Black Theme *****/
/* General Style Class */
a
{
	text-decoration: none;
	color: #3300FF;
}

a:hover
{
	cursor: pointer;
}

.ColorTheme
{
	background-color: #ffffff;		
}

.ColorTheme2
{
	background-color: #666666;
	background-color: #555555;
}

.ErrorColor
{
	color: #fe0c0c;
}

.LeftBg
{
	width: 26px;
	BACKGROUND-IMAGE: url(img/CompanyLeftBg.jpg);
    BACKGROUND-REPEAT: no-repeat;
}

.FooterBg
{
	height: 30px;
	font-size: 10px;
	BACKGROUND-IMAGE: url(img/FooterBg.jpg);
    BACKGROUND-REPEAT: repeat-x;
    text-align: left; 
    vertical-align: middle;
}

.Footer
{
	font-weight: bold;
}

.Logo
{
	width: 100px;
	text-align: center;
	vertical-align: top;
	BACKGROUND-IMAGE: url(img/LogoTitleBg.jpg);
	background-repeat: repeat-x;	
}

.Title
{
	height: 36px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	BACKGROUND-IMAGE: url(img/LogoTitleBg.jpg);	
}

.CultureLink
{
	width: 60px;
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
}

.CultureColor
{
	color: #ffffff;
}

.LogonButtonStyle
{
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	vertical-align: middle;
	text-align: center;	
}

.ButtonStyle
{
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	vertical-align: middle;
	text-align: center;	
}


/* End General Style Class */

/* Master Page Style */
.BodyStyle
{
	margin: 0px;
	font-family: Arial;
	font-size: 11px;
	background-color: #ffffff;
}

.MainTable
{
	width: 100%;
	background-color: #ffffff;
}

.ForgotPasswordColor
{
	color: #ffffff;
}

.MenuBackColor
{
	background-color: #424242;
}

.MenuItemStyle
{
	color: #ffffff;
	background-color: #424242;
}

.MenuItemHoverStyle
{
	font-weight: bold;
	background-color: #7F7F7F;
}

.MenuItemSelectedStyle
{
	background-color: #000000;
}

.TopMenuStyle
{
	text-align: center;
	font-size: 12px;
}

.TopMenuBorder1
{
	width: 1px;
	background-color: #222222;
}

.TopMenuBorder2
{
	width: 1px;
	background-color: #7F7F7F;
}

.TopLogin
{
	height: 28px;
	color: #ffffff;	
	vertical-align: middle;
	background-color: #424242;
	width: 100%;
	font-size: 12px		
}

.TopBanner
{
	background-color: #555555;
}

.MenuStyle
{
	width:160px;	
	text-align: left;
	font-size: 12px;
	background-color: #7F7F7F;		
}

.MenuBorder1
{
	height: 1px;
	background-color: #222222;
}

.MenuBorder2
{
	height: 1px;
	background-color: #7F7F7F;
}
/* End Master Page */

.PageTable
{
	background-color: #666666;
}

.PageCell
{
	color: #ffffff;			
	padding: 0px;
	text-align: center;
	vertical-align: middle;
	background-color: #424242;
}

.Page
{
	color: #ffffff;
}

.PageButton
{
	height: 17px;
	color: #68caff;
	border-top: 4px;
	border-bottom: 3px;
	border-right: 0px;
	border-left: 0px;
	border-style: solid;
	/*border-color: transparent;*/
	border-color: #424242;
	background-color: #424242;
}

.PageButtonSelected
{
	color: #eeee00;
	border-top: 4px;
	border-bottom: 3px;
	border-right: 0px;
	border-left: 0px;
	border-style: solid;
	/*border-color: transparent;*/
	font-size: 12px;
	font-weight: bold;
	background-color: #000000;
	border-color: #000000;
}

.PageCell a
{
	text-decoration: none;
}

.PageCell a:hover
{
	font-size: 12px;
	font-weight: bold;
	border-color: #000000;	
	background-color: #000000;	
}

.DetailInfoBackColor
{
	background-color: #ffffff;
}

.RepeaterTable
{
	border-color: #ffffff;
	background-color: #000000;	
}

.CellSpacingColor
{
	background-color: #dddddd;
}

.RepeaterHeader
{
	height: 20px;
	text-align: center;
	vertical-align: middle;		
	color: #ffffff;	
	background-color: #424242;
	padding-left: 2px; padding-top: 0px; padding-right: 2px; padding-bottom: 0px;
}

.RepeaterItem
{
	height: 20px;
	vertical-align:middle;
	background-color: #ffffff;
	padding-left: 2px; padding-top: 0px; padding-right: 2px; padding-bottom: 0px;	
}

.RepeaterAlterItem
{
	height: 20px;
	vertical-align:middle;
	background-color: #e9e9e9;
	padding-left: 2px; padding-top: 0px; padding-right: 2px; padding-bottom: 0px;	
}

.DataListItem
{
	height: 15px;
	vertical-align:middle;
	background-color: #ffffff;
	padding-left: 2px; padding-top: 0px; padding-right: 2px; padding-bottom: 0px;	
}

.SearchItem
{
	text-align: center;
	vertical-align:middle;	
	color: #ffffff;	
}

.TitleName
{
	height: 32px;
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;	
	color: #000000;
}

.CompanyName
{
	height: 32px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: bottom;
	text-align: left;	
	color: #000000;
}

.CompanyNameColor
{
	color: #004980;
	font-weight: bold;
}

.CompanyIntro
{
	font-size: 12px;
	text-align: justify;	
	color: #000000;
}

.CompanyProfile
{
	font-size: 12px;
	vertical-align: top;
	text-align: justify;	
	color: #000000;
}

.CompanyProfileListStyle
{
	list-style-type: decimal;
}

.GroupHeaderTitle
{
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;	
	color: #ffffff;
}

.SummaryTitle
{
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;	
	color: #000000;
}

.SummaryTitleWidth
{
	width: 15px;
}

.DetailTopSeparator
{
	height: 7px;
	background-color: #ffffff;	
}

.DetailSeparator
{
	width: 7px;
	background-color: #ffffff;		
}

.DetailBottomSeparator
{
	height: 15px;
	background-color: #ffffff;	
}

.DetailTable
{
	border-color: #ffffff;
	width: 700px;
}

.DetailHeader
{
	height: 20px;
	width: 80px;
	text-align: left;
	vertical-align: middle;		
	color: #ffffff;	
	background-color: #424242;
	border-color: #222222;
	padding-left: 2px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;
}

.DetailInfo
{
	height: 20px;
	width: 613px;	
	text-align: left;
	vertical-align: middle;		
	background-color: #ffffff;
	padding-left: 2px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;	
}

.DetailAlterInfo
{
	height: 20px;
	width: 613px;		
	text-align: left;
	vertical-align: middle;		
	background-color: #dddddd;
	padding-left: 2px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;		
}

.RegistrationHeader
{
	height: 20px;
	width: 170px;
	text-align: left;
	vertical-align: middle;		
	color: #ffffff;	
	background-color: #474747;
	padding-left: 2px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;	
}

.RegistrationInfo
{
	height: 20px;
	width: 530px;	
	text-align: left;
	vertical-align: middle;		
	background-color: #ffffff;
	padding-left: 2px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px;		
}

.SuccessItem
{
	height: 18px;
	background-color: #ffffff;
	padding-left: 2px; padding-top: 0px; padding-right: 2px; padding-bottom: 2px;			
}

.ReferenceInfo
{
	vertical-align: top;
	background-color: #ffffff;
	padding-left: 2px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px;			
}

/******************************************/
/* for the calendar control only */
.cssDTPComboBox
{
	width: 178px;
	font-size: 11px;
	color: #ffffff;
	text-align: right;	
	background-color: #333333;
}

.cssDTPClose
{
	width: 22px;	
	font-size: 11px;
	color: #ffffff;
	text-align: center;	
	background-color: #333333;
}

.cssDTPClose a
{
	color: #ffffff;
	text-decoration: none;
}

.cssDTPClose a:hover
{
	text-decoration: underline;
}


.cssDatePickerBase
{
	width: 200px;
	font-size: 11px;
	background-color: #bbbbbb;
}

.cssDatePickerBase a:hover
{
	text-decoration: underline;
}

.cssDatePickerTitle
{	
	height: 18px;
	font-weight: bold;
	color: #ffffff;
	background-color: #000000;
	font-size: 11px;
}

.cssDatePickerDayHeader
{
	height: 18px;
	color: #dddddd;
	font-size: 11px;
	font-weight: normal;
	background-color: #333333;
}

.cssDatePickerDay
{
	height: 18px;	
	font-size: 11px;
	background-color: #ffffff;	
}

.cssDatePickerWeekend
{
	color: #dddddd;
	font-size: 11px;
	background-color: #dddddd;
}

.cssDatePickerOtherMonthDay
{
	height: 18px;	
	background-color: #aaaaaa;
	color:#ffffff;
	font-size: 11px;
}

.cssDatePickerSelectedDay
{
	color: #eeee00;
	font-weight: bold;
	background-color: #000000;
	font-size: 11px;
}

.cssDatePickerToday
{
	border-color: #F0A12A;
	border-style: solid;
	border-width: 2px;
	background-color: #ffffff;
	font-size: 11px;
}

.cssDatePickerNextPrev
{
	color: #ffffff;
	background-color: #c871bf;
	font-size: 11px;
}

.cssDatePickerSelector
{
	color: blue;
	background-color: #c871bf;
	font-size: 11px;
}

/********************************************/
