/* CSS Document */

/*
----------------------------------------------------------------------------------------------
Website StyleSheet
Created:  10 February 2009
---------------------------------------------------------------------------------------------- */

/* Default
/* basic elements */
---------------------------------------------------------------------------------------------- */
html {
min-height:100%;
height:100%;
}
body /* Internet Explorer */
{
/*text-align: center;*/
}
body /* Mozilla Firefox alignment */
{
/*text-align: -moz-center;*/
}
body
{
margin: 0px;
color: #4a4a4a;
background:#fff url(/images/global/home_tile.jpg) 0 0 repeat-x;
}

.middleAlign {
/*min-height:100%;
height:100%;*/
/*vertical-align:middle;*/
width:100%;
text-align: center;
}

/* Form, Input, Select
 * Layout styles
---------------------------------------------------------------------------------------------- */
form{
display:inline;
}
input,
select,
label{
vertical-align:middle;
}
input.input {
width: 150px;
}

/*Eric.xiao 0304 start*/
table{
font-size:100%;
}

.cr{font-size:10px;color:#777777;text-decoration:none;font-family:arial;line-height:18px;}
.gr{font-size:10px;color:#aaaaaa;text-decoration:none;font-family:arial;}
.crsmall{font-size: 7px; font-family:Arial}
.org { font-size:10px;color:#f15a22;text-decoration:none;font-family: arial;}
.small{font-size:9px;color:#888888;text-decoration:none;font-family:arial;}
.graytd { background-color: #eeeeee}

input.newsregister{
width: 155px;
height:15px;
padding:0;
margin:0px 0 0 0;
}

/*Eric.xiao 0304 end*/
textarea.textarea{
width: 394px;
}
select_short{
line-height:16px;
width:150px;  
background-color:#fff;  
border:1px #666 solid; 
text-align:left;
}

/* A, A Img
 * Text styles
---------------------------------------------------------------------------------------------- */
sub,
sup{
vertical-align:top;
}

a img{
border:0px;
}
a{
color:#f60;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}


.ColorText01{
color: #f00;
}
.ColorText02{
color: #999;
}
.ColorText03{
color: #666;
}
.ColorText04{
color: #fff;
}
.ColorText05{
color: #f60;  /*  mid orange  */
}
.ColorText06{
color: #f90;  /*  light orange  */
}
.ColorText07{
color: #000; 
}



/* Spacing
 *Alignment
---------------------------------------------------------------------------------------------- */
.Spacing01 {
margin-top:20px !important;
}
.Spacing02 {
margin-bottom:20px !important;
}
.Spacing03 {
margin-top:10px !important;
}
.Spacing04 {
margin-top:30px !important;
}
.Spacing05 {
margin-top:48px !important;
_margin-top:50px !important;
}

.Align01{
/*float:right;*/
text-align:right;  
}
.Align02{
vertical-align:top;
}
.Align03{
float:left;
}
.Align04{
float:right;
}
.Align05{
text-align:center;  
}


/* Table
---------------------------------------------------------------------------------------------- */
table{
margin: 0px;
}


/* General 
---------------------------------------------------------------------------------------------- */
#main,
#header,
#logo,
#tagline,
.headerright,
#switch,
#switch li,
#toplinks,
#toplinks li,
.flashnav,
.flashhome,
.rollover,
.homecontent,
.homecontent .tabs,
.homecontent .left,
.homecontent .right,
.homecontent .tabs ul,
.homecontent .tabs ul li,
.homecontent .left ul,
.homecontent .left ul li,
.homecontent .left h1,
.topheader,
.topflashheader,
.toptextheader,
.sportsflash,
.mainpicContainer,
.mainpic,
.quicklinks ul,
.quicklinks ul li,
.contentContainer,
.subnav,
.subnav ul,
.subnav ul li,
.newsregister,
.newsregister h1,
.newsregister p,
.leftcontentContainer,

#breadcrumb,
#breadcrumb ul,
#breadcrumb ul li,
#contenttop,
#contenttop .left,
#contenttop .right,
#contenttop .right h1,
#contenttop .p,
#contenttop span,
#contentbtm,
#contentbtm .left,
#contentbtm .left img.mainpic,
#contentbtm .left h1,
#contentbtm .left p,
#contentbtm .right,
#contentbtm .right img.mainpic,
#contentbtm .right h1,
#contentbtm .right p,

#contentInside,
#contentInside h1,
#contentInside img.pic01,
#contentInside ul.bulletgrey,
#contentInside ul.bulletgrey li,
#contentInside h2,
#tabsContent,
#tabsContent ul,
#tabsContent ul li,



#footer,
#footer ul,
#footer ul li,
#footer p,
.clearfix,
#headerpop,
#footerpop,
#footerpop ul,
#footerpop ul li,
#footerpop p,

#interimlanding
{
position:relative;
margin:0;
padding:0;
z-index:1;
}


#main{
margin:0 auto;
width:950px;
border:none;
}


#maintext{
z-index:1;
}



/* header 
---------------------------------------------------------------------------------------------- */
#header{
margin:5px 0px 0px 0px;
height:75px;
background:url(/images/global/bg_header.jpg) 0 0 no-repeat;
}
#logo,#tagline{
float:left;
clear:none;
}
#logo{
margin:9px 0 9px 10px;
height:57px;
}
#tagline{
margin:54px 110px 6px 30px;
height:15px;
}
.headerright{
margin:6px 8px 9px 0;
width:325px;
height:60px;
float:right;
display:inline;
clear:none;
}
#switch{
margin-bottom:36px;
list-style:none;
width:325px;
height:12px;
float:right;
display:inline;
clear:none;
}
#switch li{
margin:0 0 0 0;
padding:0 20px 0 0;
float:right;
display:inline;
clear:none;
background:url(/images/global/divider_header.gif) 100% 30% no-repeat;
}
#switch li.last{
margin:0 0 0 20px;
padding:0;
background:none;
}
#toplinks{
float:right;
display:inline;
clear:none;
list-style:none;
width:325px;
height:12px;
}
#toplinks li{
margin:0 0 0 15px;
padding:0 0 0 0 ;
float:right;
display:inline;
clear:none;
}


/* Home
------------------------------*/
.flashnav{
margin:0px 0px 0px 0px;
width:950px;
/*height:350px;*/
float:left;
display:inline;
clear:none;
z-index:11;
margin-left:auto;
margin-right:auto;
POSITION:absolute;
left:0px;
}
.flashhome{
margin-top:30px;
/*margin-top:-320px;*/
margin-bottom:25px;
width:950px;
height:350px;
float:left;
display:inline;
clear:none;
z-index:1;
}
.roller{
width:950px;
height:75px;
float:left;
display:inline;
clear:none;
z-index:11;
}


.homecontent{
margin-bottom:25px;
width:950px;
height:85px;
float:left;
display:inline;
clear:none;
text-align:left;
}

.homecontent .tabs{
width:120px;
height:85px;
float:left;
display:inline;
clear:none;
background:url(/images/global/bg_hometab.jpg) 100% 0 repeat-y;
}
.homecontent .tabs ul {
width:120px;
list-style:none;
float:left;
display:block;
clear:none;
}
.homecontent .tabs ul li {
width:120px;
height:25px;
line-height:25px;
float:left;
display:block;
clear:none;
margin-bottom:1px;
}
.homecontent .tabs ul li.selected {
padding:0px 0px 0px 10px;
width:110px;
height:25px;
line-height:25px;
color:#4d4d4d;
text-decoration:none;
background:url(/images/global/tab_white.gif) 0 0 no-repeat;
}
.homecontent .tabs ul li.selected a,
.homecontent .tabs ul li.selected a:hover {
padding:0px 0px 0px 0px;
width:110px;
height:25px;
line-height:25px;
color:#4d4d4d;
text-decoration:none;
background-color:#bdbdbd;
background:none;
}


.homecontent .tabs ul li a {
width:110px;
height:25px;
line-height:25px;
padding:0px 0px 0px 10px;
color:#4d4d4d;
background-color:#ddd;
float:left;
display:block;
clear:none;
}
.homecontent .tabs ul li a:hover {
width:110px;
height:25px;
line-height:25px;
padding:0px 0px 0px 10px;
color:#4d4d4d;
text-decoration:none;
background:url(/images/global/arrow_tab_white.gif) 0 50% no-repeat;
background-color:#bdbdbd;
}


.homecontent .left{
margin-right:20px;
padding-top:5px;
/* full style - padding-left:10px;
width:500px; */
width:630px;
float:left;
display:inline;
clear:none;
/* full style - border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
background:url(/images/global/bg_hometab.jpg) 100% 0 repeat-y;*/
}
.homecontent .left ul{
margin-top:0px;
/* full style - width:490px; */
width:630px;
list-style:none;
float:left;
display:block;
clear:none;
}
.homecontent .left ul li {
padding-left:10px;
/* full style - width:480px; */
width:620px;
list-style:none;
float:left;
display:block;
clear:none;
line-height:18px;
background:url(/images/global/arrow_yellow.gif) 0 0.5em no-repeat;
}
.homecontent .left ul li.last{
float:right;
display:block;
clear:none;
text-align:right;
/* full style - background:url(/images/global/arrow_yellow.gif) 450px 6px no-repeat; */
background:url(/images/global/arrow_yellow.gif) 590px 6px no-repeat;
}
.homecontent .left ul li a,
.homecontent .left ul li a:link,
.homecontent .left ul li a:visited,
.homecontent .left ul li a:active{
color:#333;
text-decoration:none;
}
.homecontent .left ul li a:hover{
color:#f60;
text-decoration:none;
}

.homecontent .left h1{
margin-top:-9px;
margin-bottom:2px;
padding-bottom:2px;
width:630px;
float:left;
display:inline;
border-bottom:1px solid #ddd;
}

.homecontent .right{
width:300px;
height:85px;
float:left;
display:inline;
clear:none;
}



/* Inside Pages General
--------------------------------------------*/
.topheader{
margin-top:30px;
/*margin-top:-320px;*/
width:950px;
height:50px;
float:left;
display:inline;
clear:none;
text-align:left;
}
.topflashheader{
width:600px;
height:50px;
float:left;
display:inline;
clear:none;
text-align:left;
}
.toptextheader{
width:350px;
height:50px;
float:left;
display:inline;
clear:none;
text-align:left;
}


.sportsflash {
/*margin-top:-265px;*/
width:950px;
height:400px;
float:left;
display:inline;
clear:none;
}


/* Section Home
---------------------------------------------------------------------------------------------- */
.mainpicContainer{
/*margin-top:-270px;*/
width:950px;
height:150px;
float:left;
display:inline;
clear:none;
/*z-index:99;*/
}
.mainpic{
/*	full style	--	margin-right:2px;	*/
width:950px;
/*	full style	--	width:798px;	*/
height:150px;
float:left;
display:inline;
}
.quicklinks{
width:150px;
height:150px;
float:left;
display:inline;
clear:none;
}
.quicklinks ul {
list-style:none;
width:150px;
height:150px;
background:url(/images/en/quicklinks/bg_tile.gif) 0 0 repeat-y;
float:left;
display:inline;
clear:none;
}
.quicklinks ul li {
width:150px;
height:30px;
float:left;
display:block;
background:url(/images/en/quicklinks/btn_back.gif) 0 0 no-repeat;
}
.quicklinks ul li img {
float:left;
display:block;
padding:8px 13px 5px 37px; 
}
.quicklinks ul li a:hover {
float:left;
display:block;
background:url(/images/en/quicklinks/quicklinks_arrow_white.gif) 142px 7px no-repeat;
}



.contentContainer{
/*margin-top:-120px;*/
margin-right:-3px;
padding-bottom:10px;
padding-top:2px;
width:950px;
float:left;
display:inline;
background:url(/images/global/bg_content.jpg) 0 0 repeat-y;
border-bottom:8px solid #f90;
}
.subnav{
margin-right:20px;
margin-bottom:30px;
width:210px;
float:left;
display:inline;
}
.subnav ul {
width:210px;
float:left;
display:inline;
list-style:none;
}
.subnav ul li {
width:210px;
height:40px;
float:left;
display:inline;
background:url(/images/en/subnav/btnback_off.jpg) 0 0 no-repeat;
}
.subnav ul li a img {
padding:14px 45px 11px 15px; 
width:150px;
height:15px;
float:left;
display:inline;
}
.subnav ul li a:hover {
width:210px;
height:40px;
float:left;
display:inline;
background:url(/images/en/subnav/btnback_on.jpg) 0 0 no-repeat;
}

.newsregister{
margin:0 5px 0 5px;
padding:5px;
width:188px;
float:left;
display:inline;
text-align:left;
border:1px solid #ccc;
}
.newsregister h1{
padding-bottom:5px;
width:188px;
float:left;
display:inline;
}
.newsregister p{
width:188px;
float:left;
display:inline;
line-height:1.25em;
text-align:left;
}
.newsregister p.more{
margin-top:5px!important;
text-align:right;
float:right;
display:inline;
}


.leftcontentContainer{
margin-right:5px;
width:715px;
float:left;
display:inline;
text-align:left;
}

#breadcrumb{
width:715px;
height:30px;
float:left;
display:inline;
text-align:left;
border-bottom:1px solid #e7e7e7;
}
#breadcrumb ul{
width:715px;
height:30px;
float:left;
display:inline;
text-align:left;
list-style:none;
}
#breadcrumb ul li{
margin-right:20px;
padding-left:20px;
line-height:30px;
float:left;
display:inline;
text-align:left;
list-style:none;
background:url(/images/global/arrow_breadcrumb.gif) 0 1em no-repeat;
_background:url(/images/global/arrow_breadcrumb.gif) 0 1.1em no-repeat;
}
#breadcrumb ul li.first{
margin-right:20px;
padding-left:0px;
line-height:30px;
float:left;
text-align:left;
list-style:none;
background:none;
}
#breadcrumb ul li a{
color:#333;
text-decoration:none;
}
#breadcrumb ul li a:hover{
color:#f60;
text-decoration:none;
}



/* Section Home Content 
----------------------------------*/
#contenttop{
padding:20px 0px 10px 0px;
width:715px;
float:left;
display:inline;
text-align:left;
border-bottom:1px solid #e7e7e7;
}
#contenttop .left{
margin-right:5px;
width:240px;
float:left;
display:inline;
}
#contenttop .right{
width:470px;
float:left;
display:inline;
}
#contenttop h1{
width:470px;
float:left;
display:inline;
}
#contenttop p{
margin-top:5px;
margin-bottom:0px!important;
width:470px;
float:left;
display:inline;
}
#contenttop p.more{
margin-bottom:0px!important;
text-align:right;
float:right;
display:inline;
}
#contenttop a{
color:#333;
}

#contentbtm{
margin-top:10px;
padding:0 0 20px 0;
width:715px;
float:left;
display:inline;
text-align:left;
background:url(/images/global/bg_3colscontent.gif) 0 0 repeat-y;
}
#contentbtm .left{
margin-right:5px;
width:235px;
float:left;
display:inline;
}
#contentbtm .right{
margin-right:0px;
width:235px;
float:left;
display:inline;
}

#contentbtm .left img.mainpic,
#contentbtm .right img.mainpic{
padding-bottom:10px;
width:235px;
float:left;
display:inline;
}

#contentbtm .left h1,
#contentbtm .right h1{
padding:0px 5px 0px 15px;
width:215px;
height:20px;
float:left;
display:inline;
background:url(/images/global/arrow_white_b.gif) 0 0 no-repeat;
}

#contentbtm .left p,
#contentbtm .right p {
padding:10px 5px 0px 15px;
width:215px;
float:left;
display:inline;
}
#contentbtm .left p.more,
#contentbtm .right p.more {
padding:0px 10px 0px 15px;
width:210px;
text-align:right;
float:right;
display:inline;
}

#contentbtm a{
color:#333;
}



/* Inside Page Content 
----------------------------------*/
#contentInside{
padding:20px 0px 30px 0px;
margin-right:-3px;
width:715px;
float:left;
display:inline;
text-align:left;
}
#contentInside h1{
margin-bottom:10px;
margin-right:-3px;
width:715px;
float:left;
display:inline;
}
#contentInside img.pic01{
padding:0 0 10px 10px;
float:right;
display:inline;
}

#contentInside ul.bulletgrey{
margin-bottom:1.5em;
width:715px;
float:left;
display:inline;
list-style:none;
}
#contentInside ul.bulletgrey li{
padding-left:10px;
width:705px;
float:left;
display:inline;
background:url(/images/global/bullet_grey.jpg) 0 0.8em no-repeat;
}

#contentInside h2{
margin-bottom:5px;
margin-right:-3px;
width:715px;
float:left;
display:inline;
color:#f60;
}

#contentInside h3{
margin-bottom:5px;
margin-right:-3px;
width:715px;
float:left;
display:inline;
}



/* Press Release
----------------------------------------------------------------------------------------------*/
#tabsContent{
margin-bottom:20px;
width:715px;
float:left;
display:inline;
clear:none;
}
#tabsContent ul.year {
width:515px;
height:25px;
list-style:none;
float:left;
display:inline;
}
#tabsContent ul.year li {
width:70px;
height:25px;
line-height:25px;
list-style:none;
float:left;
display:inline;
margin-right:2px;
background:url(/images/global/tab_contentback_off.jpg) 0 0 repeat-x;
text-align:center;
}
#tabsContent ul.year li.selected {
width:70px;
height:25px;
line-height:25px;
color:#000;
text-decoration:none;
background:url(/images/global/tab_contentback_on.jpg) 0 0 repeat-x;
}
#tabsContent ul.year li.selected a,
#tabsContent ul.year li.selected a:hover {
width:70px;
height:25px;
line-height:25px;
color:#000;
text-decoration:none;
}

#tabsContent ul.year li a {
width:70px;
height:25px;
line-height:25px;
color:#666;
font-weight:700;
text-decoration:none;
float:left;
display:inline;
}
#tabsContent ul.year li a:hover {
width:70px;
height:25px;
line-height:25px;
color:#000;
font-weight:700;
text-decoration:none;
background:url(/images/global/tab_contentback_on.jpg) 0 0 repeat-x;
float:left;
display:inline;
}


#tabsContent .pulldownmenu{
width:200px;
height:25px;
list-style:none;
float:right;
display:inline;
text-align:right;
}



#tabsContent ul.month {
margin-bottom:2px;
width:715px;
height:22px;
list-style:none;
float:left;
display:inline;
border-top:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
}
#tabsContent ul.month li {
padding:0 16px 0 16px;
float:left;
display:inline;
color:#aeaeae;
font-weight:700;
height:22px;
line-height:22px;
}

#tabsContent ul.month li.selected {
color:#f60;
height:22px;
line-height:22px;
}
#tabsContent ul.month li.selected a,
#tabsContent ul.month li.selected a:hover{
color:#f60;
height:22px;
line-height:22px;
}

#tabsContent ul.month li a{
float:left;
display:inline;
color:#666;
font-weight:700;
height:22px;
line-height:22px;
text-decoration:none;
}
#tabsContent ul.month li a:hover{
float:left;
display:inline;
color:#f60;
font-weight:700;
height:22px;
line-height:22px;
text-decoration:none;
}




#tabsContent ul.list {
width:715px;
list-style:none;
float:left;
display:inline;
}
#tabsContent ul.list li {
margin-bottom:12px;
float:left;
display:inline;
}
#tabsContent ul.list li.datehead {
width:115px;
float:left;
display:inline;
font-weight:700;
background-color:#e2e2e2;
}
#tabsContent ul.list li.titlehead {
width:600px;
float:left;
display:inline;
font-weight:700;
background-color:#e2e2e2;
}
#tabsContent ul.list li.date {
width:115px;
float:left;
display:inline;
font-weight:700;
}
#tabsContent ul.list li.title {
width:600px;
float:left;
display:inline;
}
#tabsContent ul.list li.title a {
color:#333;
text-decoration:none;
}
#tabsContent ul.list li.title a:hover {
color:#f60;
text-decoration:none;
}

img.icon {
vertical-align:bottom;
float:left;
display:inline;
}

a.grey{
color:#333;
text-decoration:none;
}
a.grey:hover{
color:#f60;
text-decoration:none;
}







/* Footer 
---------------------------------------------------------------------------------------------- */
#footer{
padding:30px 0px 10px 0px;
width:950px;
color:#666;
float:left;
display:inline;
}
#footer ul{
width:550px;
list-style:none;
height:1.5em;
float:left;
display:inline;
}
#footer ul li{
margin-right:20px;
padding-left:20px;
background:url(/images/global/divider_footer.gif) 0 0.5em no-repeat;
height:1.5em;
float:left;
display:inline;
}
#footer ul li a {
color:#666;
}
#footer ul li.first{
margin-right:20px;
padding-left:0px;
background:none;
}
#footer p{
width:400px;
height:1.5em;
float:right;
display:inline;
}
#footer p.center{
width:950px;
height:1.5em;
float:right;
display:inline;
text-align:center;
}





/* Main Pop 
---------------------------------------------------------------------------------------------- */
#mainpop{
margin:0 10px 0 10px;
width:715px;
border:none;
}


/* header Pop 
---------------------------------------------------------------------------------------------- */
#headerpop{
padding:0px 0px;
margin:5px 0px 0px 0px;
width:715px;
height:75px;
background:url(/images/global/bg_header_pop.jpg) 0 0 no-repeat;
}
/*eric.xiao 0304 start*/
#headerpop2{
padding:0px 0px;
margin:5px 0px 0px 0px;
width:596px;
height:75px;
background:url(/images/global/bg_header_pop.jpg) 0 0 no-repeat;
}
/*eric.xiao 0304 start*/

#logopop,#taglinepop{
float:left;
clear:none;
}
#logopop{
margin:9px 0 9px 10px;
height:57px;
}
#taglinepop{
margin:54px 110px 6px 30px;
height:15px;
}
.headerrightpop{
margin:6px 8px 9px 0;
padding:0px 0px;
width:325px;
height:60px;
float:right;
display:inline;
clear:none;
}
#switchpop{
padding:0px 0px;
margin:0 0 36px 0;
list-style:none;
width:325px;
height:12px;
float:right;
display:inline;
clear:none;
}
#switchpop li{
margin:0 0 0 0;
padding:0 20px 0 20px;
float:right;
display:inline;
clear:none;
background:url(/images/global/divider_header.gif) 100% 30% no-repeat;
}
#switchpop li.last{
margin:0 0 0 20px;
padding:0;
background:none;
}
#toplinkspop{
float:right;
display:inline;
clear:none;
list-style:none;
width:325px;
height:12px;
}
#toplinkspop li{
margin:0 0 0 15px;
padding:0 0 0 0 ;
float:right;
display:inline;
clear:none;
}


/* Footer Pop
---------------------------------------------------------------------------------------------- */
#footerpop{
padding:30px 0px 10px 0px;
width:715px;
color:#666;
float:left;
display:inline;
}
#footerpop ul{
width:715px;
list-style:none;
height:1.5em;
float:left;
display:inline;
}
#footerpop ul li{
margin-right:20px;
padding-left:20px;
background:url(/images/global/divider_footer.gif) 0 0.5em no-repeat;
height:1.5em;
float:left;
display:inline;
}
#footerpop ul li a {
color:#666;
}
#footerpop ul li.first{
margin-right:20px;
padding-left:0px;
background:none;
}
#footerpop p{
width:715px;
height:1.5em;
float:left;
display:inline;
text-align:center;
}


/*eric.xiao0227*/

.press a,
.press a:visited,
.press a:link
{
color:#4a4a4a;
text-decoration:none;
}



.press a:active,
.press a:hover
{
color:#f60;
text-decoration:none;
}
/*eric end*/



/* Interim Only 
----------------------------------------------------------------*/
#interimlanding{
width:950px;
height:500px;
float:left;
display:inline;
text-align:left;
background:url(/images/global/bg_interim_landing.gif) 0 0 no-repeat;
}
#interimlanding img.clickhere{
margin:360px 0 0 225px;
}
#interimlanding .clickhereflash{
float:left;
display:inline;
width:145px;
height:45px;
margin:419px 0 0 211px;
}

body.landing{
background:none !important;
}
.headerlanding{
background:none !important;
}

#topname{
float:right;
display:inline;
}




/* Investors Relations Main Page CSS 
----------------------------------------------------------------------------------------------*/
table.stockquoteright {
width:180px;
margin:0 0 20px 0;
padding:0;
}

table.stockquoteright tr td {
padding:0px 3px 0px 3px;
background-color:#e5e5e5;
}
table.stockquoteright tr td.head {
background-color:#f60;
color:#fff;
font-weight:700;
}
table.stockquoteright tr td.right {
text-align:right;
}
table.stockquoteright tr td.yellow {
background-color:#ffc !important;
}
table.stockquoteright tr td.white {
background-color:#fff !important;
}



/* Calender 
---------------------------------------------------------------------------------------------- */
.calenderlinks{
float:right;
text-align:right;
display:inline;
}
.calenderlinks span{
color:#999;
}


table.calender {
margin-top:5px;
width:100%;
float:left;
display:inline;
}
table.calender tr th {
font-weight:400;
padding:2px;
background-color:#ddd;
text-align:center;
color:#333;
}
table.calender tr th.weekday {
font-weight:700;
padding:2px;
background-color:#f90;
text-align:center;
color:#333;
}
table.calender tr td {
font-weight:400;
padding:2px;
height:100px;
background-color:#e5e5e5;
vertical-align:top;
width:96px;
}
table.calender tr th.red,
table.calender tr td.red {
color:#c00;
}
table.calender tr th.monthname,
table.calender tr td.monthname {
background-color:#f60;
color:#fff;
font-weight:700;
}
table.calender tr td.coming {
background-color:#ff6;
}
table.calender tr td.past {
background-color:#ffffb7;
}


table.calender,
table.calender tr th a,
table.calender tr td a
{
color:#333;
text-decoration:none;
}
table.calender,
table.calender tr th a:hover,
table.calender tr td a:hover
{
color:#f60;
text-decoration:none;
}


.calenderContent {
position:relative;
top:0px;
left:100px;
z-index:99;
border:1px solid #999;
padding:10px;
margin:0;
width:250px;
background-color:#fff;
float:left;
display:inline;
}