
/** Common Styles 

body {
	margin: 0px 20px 20px 20px;
	padding: 0;
	background: #ffffff ;
	text-align: justify;
	line-height: 20px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4C4C4C;
}
*/




/** Style for header starts here */
img, div { behavior: url(../images/iepngfix.htc) }


#header {
	width: 1005px;
	height: 150px;
	margin: 0px auto;
}

#header h1, #header h2 {
	margin: 0px;
	padding: 0;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}

#header h1 {
	float: left;
	padding: 70px 10px 10px 20px;
	font-size: 3em;
}

#header h2 {
	padding: 73px 10px 0px 0px;
	font-size: 1.4em;
}

#header_UPPER {
    width: 990px;
    height: 20px;
    background: transparent;
    color: #FFFFFF;
    float: left;
}

#header_MIDDLE {
    width: 1005px;
    height: 50px;
     padding-top: 10px;
    background: transparent;
    color: #FFFFFF;
    float: left  ;
}

#header_MIDDLE_Cht {
    width: 1005px;
    height: 50px;
     padding-top: 10px;
    background: transparent;
    color: #FFFFFF;
    float: left  ;
}
/*
#header_MIDDLE_Cht {
    width: 600px;
    height: 50px;
     padding-top: 30px;
      margin-left:130px;
    background: transparent;
    color: #FFFFFF;
    float: left  ;
}
*/
#header_BOTTOM {
    width: 1005px;
    margin-top:48px;
    background: transparent;
    color: #FFFFFF;
    height:20px;
    float: left;
    vertical-align: bottom;
    /* border: 1px dashed #FFFFFF; */
}

#eheader_BOTTOM {
    width: 1005px;
    margin-top:35px;
    background: transparent;
    color: #FFFFFF;
    height:20px;
    float: left;
    vertical-align: bottom;
    /* border: 1px dashed #FFFFFF; */
}

#pheader_BOTTOM {
  
    width:1005px;
    margin-top:29px;
    /* margin-top:30px; */
    background: transparent;
    color: #FFFFFF;
    height:20px;
    float: left;
    vertical-align: bottom;
    /* border: 1px dashed #FFFFFF; */
}

#wrapper4 {
    width: 1005px;
    margin: 0px auto;
    padding: 0px 0;
	background: transparent url(../images/patternC4.jpg) no-repeat left top;
    /*background: transparent url(../images/patternC4_xmas_2023.jpg) no-repeat left top;*/
	/*background: transparent url(../images/patternC4_newyear2020.jpg) no-repeat left top;*/     
    /* background: transparent url(../images/patternC4_xmas2018.jpg) no-repeat left top;   */
	/*background: transparent url(../images/Xmas2020_Header.jpg) no-repeat left top;*/
    /*background: transparent url(../images/patternC4_CNY2019_banner.jpg) no-repeat left top*/
	/*background: transparent url(../images/patternC4_CNY2021_banner.jpg) no-repeat left top*/
}

#wrapper4_gray {
    width: 1005px;
    margin: 0px auto;
    padding: 0px 0;
    background: transparent url(../images/patternC4_gray2.jpg) no-repeat left top;
	filter: grayscale(0%) !important;
	-webkit-filter: grayscale(0%) !important;
	-moz-filter: grayscale(0%) !important;
	-ms-filter: grayscale(0%) !important;
	-o-filter: grayscale(0%) !important;
}

#wrapper4_xmas {
    width: 1005px;
    margin: 0px auto;
    padding: 0px 0;
    
}
/*

#wrapper2 {
	width: 1005px;
	margin: 0px auto;
	padding: 0px 0;
	background: transparent url(../images/patternC5.jpg) no-repeat;
}


#wrapper1 {
	width: 1005px;
	margin: 0px auto;
	padding: 0px 0;
	background: #FFFFFF url(../images/patternC1.jpg) no-repeat left top;
}

#wrapper2a {
	width: 1005px;
	margin: 0px auto;
	padding: 0px 0;
}


#wrapper3 {
	width: 1005px;
	margin: 0px auto;
	padding: 0px 0;
	background: transparent url(../images/patternC3.jpg) no-repeat left top;
}


#wrapper5 {
	width: 1005px;
	margin: 0px auto;
	padding: 0px 0;
	background: transparent url(../images/patternC1a.jpg) no-repeat left top;
}

*/

/** Style for menu starts here */


#bodyframe
{
    float: left;
    width: 1005px;
/*    height:580px; */
    height:auto;
	background: transparent url(../images/patternC5_1.jpg) repeat;

/*    border: 1px dashed #CCCCCC; */
}

#leftcontent
{
    float: left;
    width: 204px;
    height: auto;

/*    background: #ffffff; */
    padding: 1px;
    margin: 1px;
}

#leftcontent_Top
{
    float: right;
    width: 200px;
    height:20px;
	background: transparent url(../images/leftsideContainerTop.gif) no-repeat right top;

/*    background: #ffffff; */
/*
	background-image: url(../images/leftsideContainerTop.png);
	background-repeat: no-repeat;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/leftsideContainerTop.png,sizingMethod='scale');
*/
}

#leftcontent_Middle
{
    float: right;
    width: 200px;
	background: transparent url(../images/leftsideContainerMiddle.gif) repeat right top;

/*    background: #ffffff; */
/*
	background-image: url(../images/leftsideContainerMiddle.png);
	background-repeat: repeat;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/leftsideContainerMiddle.png,sizingMethod='scale');
*/
}

#leftcontent_Bottom
{
    float: right;
    width: 200px;
    height:21px;
	background: transparent url(../images/leftsideContainerBottom.gif) no-repeat right top;

/*    background: #ffffff; */
/*
	background-image: url(../images/leftsideContainerBottom.png);
	background-repeat: no-repeat;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/leftsideContainerBottom.png,sizingMethod='scale');
*/
}


#rightcontent
{
    float: left;
    width: 796px;
/*    background: #ffffff; */
     padding: 0px;
     margin: 0px;

}

#menuframe
{
    /*background: transparent url("images/bgOFF.gif") repeat-x top left; */
    /* border-bottom: 4px solid #336666; */
    display:block;
	width: 794px;
    padding-left:160px; 
    float: right;
    height: 33px;
}

#menuframe2
{
    /*background: transparent url("images/bgOFF.gif") repeat-x top left; */
    /* border-bottom: 4px solid #336666; */
    display:block;
/*    width: 794px;
     padding-left:160px; */
    width: 990px;
     padding-left:0px;
    float: right  ;
    

/*    height: 44px;
    background: url(images/default/img03.jpg) no-repeat left top;
 */
}


#rightcontentbottom
{
    float: left;
    width: 796px;
 
    /*
	background-image: transparent url(../images/ContentContainer.png);
	background-repeat: no-repeat;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/ContentContainer.png,sizingMethod='scale');
*/
}

#rightcontentbottom2
{
    float: left;
    width: 787px;
    background: transparent url(../images/bottom_content.jpg) no-repeat  top right; 
 
    /*
	background-image: transparent url(../images/ContentContainer.png);
	background-repeat: no-repeat;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/ContentContainer.png,sizingMethod='scale');
*/
}



#rightcontentbottom_LEFT
{
    float: left;
    width: 565px;
    height:auto;
/*    background: #ffffff; */
     padding-left: 10px;
    padding-top : 10px;
    margin: 1px;
}


#rightcontentbottom_RIGHT
{
    float: left;
    width: 210px;
/*    background: #ffffff; */
    padding: 1px;
    margin: 1px;
}


#rightcontentbottom_MOVIE
{
    float: left;
   width: 205px; 
    height:160px;

	background: transparent url(../images/movie.gif) no-repeat right top;
/*
	background-image: url(../images/movie.png);
	background-repeat: no-repeat;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/movie.png,sizingMethod='scale');
*/
}


#RCB_Container_TOP
{
    float: right;
    width: 200px;
    height:20px;
	background: transparent url(../images/leftsideContainerTop.gif) no-repeat right top;
   
 /*   
    float: left;
    width: 204px;
	background-image: url(../images/rightContainer_Top.png);
	background-repeat: no-repeat;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/rightContainer_Top.png,sizingMethod='scale');
*/
}

#RCB_Container_MIDDLE
{
    float: right;
    width: 200px;
	background: transparent url(../images/leftsideContainerMiddle.gif) repeat right top;    
 /*   
    float: left;
    width: 204px;
	background-image: url(../images/rightContainer_middle.png);
	background-repeat: repeat;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/rightContainer_middle.png,sizingMethod='scale');
 */
}

#RCB_Container_BOTTOM
{
    float: right;
    width: 200px;
    height:21px;
	background: transparent url(../images/leftsideContainerBottom.gif) no-repeat right top;    
 /*   
    float: left;
    width: 204px;
	background-image: url(../images/rightContainer_Bottom.png);
	background-repeat: no-repeat;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/rightContainer_Bottom.png,sizingMethod='scale');
 */
}


#menu {
	width: 1005px;
	height: 50px;
	margin: 0px auto;
}

#menu ul {
	margin: 0px;
	padding: 0 0 0 20px;
	list-style: none;
	
}

#menu li {
	display: inline;
	
}

#menu a {
	display: block;
	float: left;
	border: none;
	background: url(images/img05.jpg) no-repeat left 55%;

	padding: 14px 30px 10px 12px;
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover {
	color: #D7D7BD;
}

/** Style for wrapper starts here */


/** Style for content starts here */

#content {
	width: 1005px;
	margin: 0px auto;
}

#content h2 {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px #CCCCCC dashed;
}

#content p {
}

#content a {
	text-decoration: none;
}

#right {
	float: right;
	width: 800px;
	padding: 0px 0px;
}

#right ul {
	margin: 0 3em;
	padding: 0;
	list-style: none;
}

#right li {
	margin-bottom: 8px;
	padding-left: 10px;
	/* background: url(images/img06.jpg) no-repeat 0 7px; */
	line-height: 17px;
}

#right .post {
}

#left {
	float: left;
	width: 200px;
	padding: 0px 0px;
	background: #EDEDED;
}


#left ul {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
}

#left li {
	padding-left: 10px;
	background: url(images/img04.gif) no-repeat left 50%;
}


/** Style for footer starts here */

#footer {
	clear: both;
	width: 1005px;
    height: 92px;
/*	text-transform: uppercase; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    background: transparent url(../images/footer.jpg) no-repeat left top;
}


#footer .links {
	float: left;
    width: 92%;
	margin: 0px;
    margin-top:7px;
	text-align: right;
}

#footer .description {
	float: left;
    width: 92%;
    margin-top:1px;
	text-align: right;
}

#footer .copyright {
	float: left;
    width: 90%;
    margin-top:5px;
	text-align: right;
	font-size: 10px;
}

#footer .copyright2 {
	float: left;
    width: 90%;
    margin-top:10px;
	text-align: right;
	font-size: 10px;
}


#footer a {
	text-decoration: none;
	color: #3790CA;
}


.langtext {
	/* color: #ffffff; */
	color: #333333; /* for light color theme festival background */
}


.membernametext {
	/* color: #0066ff; */
	color: #333333;
	text-shadow: 1px 0 2px #ffffff; /* for light color theme festival background */
}


.logintimetext {
	/* color: #0066ff; */
	color: #333333;
	text-shadow: 1px 0 2px #ffffff; /* for light color theme festival background */
}


/*************************************************************************************/
/*                         CSS for Phone List END                                    */
/*************************************************************************************/


.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color:  #B8CDFF;
    color: red;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}

input.formbutton {
    cursor:pointer;
    border:1px outset #82A4BC;
    color:#0b3a90;
    height:28px;
    padding-top:3px;
    padding-bottom:4px;
    background: url(../images/btn_bg.gif) 0px 0px;
}

input.formbutton:hover {
    background-position:0px -30px;
    color:#3263bd;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.hr-text {
	 line-height: 1em;
	 position: relative;
	 outline: 0;
	 border: 0;
	 color: black;
	 text-align: center;
	 height: 1.5em;
	 opacity: 0.5;
}
 .hr-text:before {
	 content: '';
	 background: linear-gradient(to right, transparent, #818078, transparent);
	 position: absolute;
	 left: 0;
	 top: 50%;
	 width: 100%;
	 height: 1px;
}
 .hr-text:after {
	 content: attr(data-content);
	 position: relative;
	 display: inline-block;
	 color: black;
	 padding: 0 0.5em;
	 line-height: 1.5em;
	 color: #818078;
	 background-color: #fcfcfa;
}
