/* SLK */
/* create date: 2009.09.16  Howe */
/* ======================================================== PUBLIC ==========================================================*/
html, body, form, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl {
	margin:0;
	padding:0;
	border:0;
}
html {
overflow-x:hidden;
}
ul li {
	list-style-type:none;
}
body {
	font-size:12px;
	color:#555;
	font-family:Arial;
	background:url(../images/bg.gif) left top repeat-x;
}
h1 {
	font-family:Tahoma;
	color:#0561ae;
	font-weight:normal;
	line-height:22px;
	font-size:20px;
}
h2 {
	font-size:18px;
	color:#000;
	line-height:20px;
}
h3 {
	font-size:14px;
	color:#333;
	line-height:20px;
}
input, select textarea {
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.centered {
	text-align:center;
}
img {
	vertical-align:middle;
}
.relative{
	position:relative;
}
input, select, textarea {
	color:#777;
	vertical-align:middle;
	margin:0;
}
a img {
	border:none;
}
img.border {
	border:1px solid #c5c5c5;
}
a img.border {
	border:1px solid #b0b0b0;
}
a:hover img.border {
	border:1px solid #238600;
}
a img.greyborder {
	border:1px solid #d4d4d4;
	padding:1px;
	background:#fff;
}
a:hover img.greyborder {
	border:1px solid #238600;
	padding:1px;
}
a img.Dis_Border{
	border:1px solid #c5c5c5;
}
a.activated img {
	border:1px solid #ffce00;
}
.DLine {
	margin:0 5px;
}
.Smallerbox {
	margin-bottom:5px;
}
.Smallbox {
	margin-bottom:10px;
}
.Midbox {
	margin-bottom:15px;
}
.box {
	margin-bottom:20px;
}
.margintop10{
	margin-top:10px;
}
ul#Lists li {
	list-style-type:none;
	padding:10px;
	display:inline-block;
}
ul#Lists li a {
	display:inline-block;
}
.Arial {
	font-family:Arial;
}
.SmallerFont{
	font-size:10px;
}
.SmallFont {
	font-size:11px;
}
.BigFont {
	font-size:14px;
}
.BigerFont {
	font-size:15px;
}
.icon {
	margin-right:5px;
}
.icon_big {
	margin-right:10px;
}
.icon_biger {
	margin-right:15px;
}
.icon_bigest {
	margin-right:29px;
}
.bold{
	font-weight:bold;
}

.ImgBox {
	width:125px;
	float:left;
}
.SelectBox {
	border:2px solid #f00;
	background:#fefcbd;
	padding:10px;
	text-align:center;
	color:#f00;
}
.messagebox{
	border:2px solid #1F5D00;
	color:#1F5D00;
}
.LineBar {
	background:url(../images/line_bar.gif) repeat-x;
	height:9px;
}
.InfoBox {
	float:left;
	margin-right:37px;
	width:425px;
}
.TipsFont {
	color:#777;
	font-size:11px;
}
.YellowBox {
	background:#fefedb;
	border:2px solid #fde377;
	padding:10px 20px;
}
label {
	float:left;
	width:100px;
	margin-right:15px;
	font-weight:bold;
	padding:3px;
	text-align:right;
}	
.FPBox a.viewall {
	color:#0961a8;
}
/*.TPBox a.viewall {
	text-decoration:none;
}
.TPBox a.viewall:hover {
	text-decoration:underline;
}*/
.RedBorder input.Text, .RedBorder .Select {
	border:1px solid #f00;
}
.RedFont {
	color:#f00;
	font-size:11px;
}
.TitleLine {
	background:url(../images/line_title_blue.gif) no-repeat;
	height:1px;
}
.NameFont {
	color:#000;
	font-size:20px;
	line-height:24px;
}
.PointsFont{
	font-size:30px;
	color:#B80000;
	line-height:40px;
}
.PF_Small {
	font-size:18px;
	color:#ff7e00;
	line-height:20px;
}
.DottedLine {
	border-bottom:1px dotted #cdcdcd;
}
.SolidLine {
	border-bottom:1px solid #cfcfcf;
}
.PointsBox {
	padding:15px;
	background:#fbfbfc;
	border:1px solid #ddd;
}
.PointsBox img {
	margin-right:10px;
}
.DateFont {
	color:#895d20;
	font-size:11px;
}
.box10 {
	width:100px;
}
.content {
	width:117px;
	float:left;
	display:inline;
	margin-left:15px;
}
.BorderRight {
	border-right:1px solid #c6c6c6;
}
.TitleBg {
	background:url(../images/bg_title.gif) no-repeat;
	padding:10px 0;
	width:235px;
}
.LSBox {
	background:url(../images/bg_bluebox.gif) left top repeat-x;
	padding:8px;
	border:1px solid #dcdcdc;
}
.SignUpBox .LSBox {
	background-image:url(../images/bg_greybox.gif);
}
.LSBox ul#Lists li {
	padding:0;
	display:block;
}
.LSBox ul#Lists li a {
	background:url(../images/icon_arrow_right.gif) left center no-repeat;
	padding-left:10px;
	color:#1c56ae;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}
.LSBox ul#Lists li a:hover {
	color:#238600;
	text-decoration:underline;
}
.ErrorTips {
	background:url(../images/icon_error.gif) left center no-repeat;
	padding-left:20px;
	font-size:11px;
	color:#f00;
}
.CorretTips {
	background:url(../images/icon_corret.gif) left center no-repeat;
	padding-left:20px;
	color:#205C00;
}
/* ======================================================== COLOR ==========================================================*/
.Blue {
	color:#0164b1;
}
.DarkBlue {
	color:#00529c;
}
.Black {
	color:#333;
}
.black {
	color:#000;
}
.DarkBlack {
	color:#000;
}
.White{
	color:#fff;
}
.ThinBlue {
	color:#0561ae;
}
.DarkGreen {
	color:#1f5d00;
}
.DarkBlue_bg {
	background:#07a2b4;
}
.ThinBlue_bg {
	background:#d7edfa;
}
.ThinGrey_bg {
	background:#f4f4f4;
}
.Red {
	color:#f00;
}
.DarkRed {
	color:#b80000;
}
.ThinGrey {
	color:#555;
}
.Orange {
	color:#ff7e00;
}
.ShenGray{
	color:#b0b0b0;
}
.GrayTwo{
	color:#222;
}
/* ======================================================== LINK ==========================================================*/
a {
   color:#555;
   text-decoration:none;
   cursor:pointer;
}
a:hover {
   color:#238600;
   text-decoration:underline;
}
p a {
	color:#238600;
    text-decoration:none;
}
p a:hover {
	color:#000;
	text-decoration:underline;
}
a.BlueLink {
   color:#0164b1;
   text-decoration:none;
}
a.BlueLink:hover {
   color:#238600;
   text-decoration:underline;
}
a.viewall {
	color:#0561AE;
	text-decoration:underline;
}
a.viewall:hover {
	color:#238600;
	text-decoration:none;
}
a.WhiteLink {
   color:#fff;
   text-decoration:none;
}
a.WhiteLink:hover {
   color:#238600;
   text-decoration:underline;
}
a.OrangeLink{
	color:#fff;
}
a.OrangeLink:hover{
	color:#ffce46;
}
a.GreenLink {
   color:#0561ae;
   text-decoration:underline;
}
a.GreenLink:hover {
   color:#238600;
   text-decoration:none;
}
a.ContactLink {
	background:url(../images/icon_message.gif) left center no-repeat;
	padding-left:25px;
	color:#0961a8;
	text-decoration:underline;
	width:500px;
}
a.ContactLink:hover {
	color:#238600;
    text-decoration:none;
}
.FaceBook a.ContactLink {
	background:url(../images/icon_facebook.gif) 0 center no-repeat;
	display:block;
}
a.LearnMore {
	color:#0561AE;
	text-decoration:underline;
}
a.LearnMore:hover {
	color:#238600;
	text-decoration:none;
}
a.NameLink {
	color:#222;
	text-decoration:none;
	font-weight:bold;
}
a.NameLink:hover {
	color:#238600;
	text-decoration:underline;
}
a.Download {
	background:url(../images/icon_download.gif) left center no-repeat;
	padding-left:30px;
	color:#0c6c00;
	font-weight:bold;
	text-decoration:none;
	display:inline-block;
	margin-top:5px;
	font-family:Arial;
}
a.Download:hover {
	color:#000;
	text-decoration:underline;
}
/* ======================================================== INPUT ==========================================================*/
input.Text {
	border:1px solid #d2d2d2;
	background:url(../images/bg_input.gif) repeat-x;
	padding:3px;
	width:200px;
	font-size:12px;
}
.Textarea {
	border:1px solid #d2d2d2;
	background:url(../images/bg_textarea.gif) repeat-x;
	padding:3px;
	width:410px;
	height:130px;
}
.Select {
	border:1px solid #d2d2d2;
	background:url(../images/bg_input.gif) repeat-x;
	padding:2px 3px;
	width:208px;
	font-size:12px;
}
/* ======================================================== BTN ==========================================================*/
a.GreenBtn {
	background:url(../images/btn_green_l.gif) left top no-repeat;
	float:left;
	padding-left:10px;
	height:23px;
	text-decoration:none;
}
a.GreenBtn span {
	background:url(../images/btn_green_r.gif) right top no-repeat;
	float:left;
	padding-right:10px;
	line-height:23px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
}
a.GreenBtn:hover span {
	color:#000;
	text-decoration:none;
}
a.GreyBtn {
	background:url(../images/btn_grey_l.gif) left top no-repeat;
	float:left;
	padding-left:10px;
	height:23px;
	text-decoration:none;
}
a.GreyBtn span {
	background:url(../images/btn_grey_r.gif) right top no-repeat;
	float:left;
	padding-right:10px;
	line-height:23px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	height:23px;
	_padding-top:5px;
}
a.GreyBtn:hover span {
	color:#444;
	text-decoration:none;
}
/* ======================================================== CONTAINER ==========================================================*/
.Container{
	background:url(../images/sea_background.jpg) left 460px repeat-x;
	height:100%; /* ========added by Ling 31 Jan==========*/
	position:relative;
} 
/* ======================================================== WRAPPER ==========================================================*/
.Wrapper{
   width:1000px;
   margin:0 auto;
} 
/* ======================================================== HEADER ==========================================================*/
.Header {
   width:100%;
}
.Leng {
	float:right;
	width:770px;
	padding-top:10px;
	padding-left:15px;
}
.Sar .Leng {
	width:785px;
	padding-left:0px;
}
.Leng a {
	color:#0164b1;
	text-decoration:none;
}
.Leng a:hover {
	color:#238600;
	text-decoration:underline;
}
.LoginBar {
   background:url(../images/loginbar_l.gif) left top no-repeat;
   float:right;
   padding-left:15px;
   height:25px;
   margin-top:-10px;
   margin-left:10px;
   position:relative;
   z-index:0;
}
.LoginBar span {
   background:url(../images/loginbar-r.gif) right top no-repeat;
   float:left;
   padding-right:15px;
   line-height:25px;
   height:25px;
   font-weight:bold;
   text-decoration:none;
   text-align:center;
   font-size:11px;
}
.LoginBar span a.WhiteLink {
	color:#fff;
	text-decoration:none;
}
.LoginBar span a.WhiteLink:hover {
	color:#fff;
	text-decoration:underline;
}
.ChampionBar {
	background:url(../images/bar_champion.gif) left top no-repeat;
	width:120px;
	float:right;
	margin:-10px -10px 0 10px;
	position:relative;
	z-index:1;
	line-height:25px;
	padding-left:35px;
}
.ChampionBar a {
	color:#fff;
	font-weight:bold;
	font-size:11px;
}
.ChampionBar a:hover {
	color:#fff;
	text-decoration:underline;
}
ul#Menu {
	background:url(../images/menu_bg.gif) no-repeat;
	display:block;
	padding:14px 0 4px;
	margin-left:-15px;
	position:relative;
	display:inline;
	width:785px;
}
ul#Menu li {
	float:left;
	display:inline;
	list-style-type:none;	
}
ul#Menu li a {
	float:left;
	padding-left:14px;
	height:28px;
	text-decoration:none;
}
ul#Menu li a span {
	font-size:13px;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	line-height:28px;
	padding-right:14px;
	float:left;
}
ul#Menu li a:hover {
	background:url(../images/menu_state_l.gif) left top no-repeat;	
}
ul#Menu li a:hover span {
	background:url(../images/menu_state_r.gif) right top no-repeat;	
	color:#fff;
} 
ul#Menu li a.Activated {
	background:url(../images/menu_state_l.gif) left bottom no-repeat;	
}
ul#Menu li a.Activated span {
	background:url(../images/menu_state_r.gif) right bottom no-repeat;
	color:#fff;
	
} 
/* ======================================================== CONTENT ==========================================================*/
.Content{
   width:100%;
   line-height:18px;
}  
.ListsBox ul#Lists li {
	padding:0;
	width:250px;
	float:left;
}
.UPBox {
	width:250px;
	float:left;
	margin-top:5px; /* ========added by Ling 31 Jan==========*/
}
.LPBar {
	background:url(../images/bar_latest_updates.gif) no-repeat;
	width:933px;
	line-height:27px;
	font-size:11px;
	padding:0 15px 0 45px;
	overflow:hidden;
}
/*.LPBar a {
	color:#0254a0;
	text-decoration:underline;
}
.LPBar a:hover {
	color:#238600;
	text-decoration:none;
}*/
.LPBar .DLine {
	margin:0 10px;
}
.UserUpdate_Box {
	background:url(../images/bg_user_update.gif) no-repeat;
	padding:15px 12px 15px;
	width:197px;
	height:63px;
	margin-top: 3px; /* ========added by Ling 31 Jan==========*/
}
.Thumbnails_Flash {
	padding:0 8px;
}
.Thumbnails_Flash .icon {
	margin-top:32px;
	margin-right:12px;
}
.Thumbnails_Flash ul#Lists {
	width:2000px;
	overflow:hidden;
	height:106px;
	float:left;
}.Thumbnails_Flash ul#Lists li {
	padding:0;
	float:left;
}
.Thumbnails_Flash ul#Lists li a {
	width:100px;
	height:100px;
	background-position:center center;
	background-repeat:no-repeat;
	margin-right:10px;
	border:3px solid #cfeaf9;
	filter: Alpha(Opacity=60);
	opacity:0.6;
}
.Thumbnails_Flash ul#Lists li a:hover {
	filter: Alpha(Opacity=100);
	opacity: 1;
}
/* ======================================================== FOOTER ==========================================================*/
.Footer{
   background:url(../images/footer_line.gif) left top no-repeat;
   padding:20px 20px 10px 0;
   color:#777;
}
.Footer a {
	color:#777;
	text-decoration:none;
} 
.Footer a:hover {
	color:#238600;
	text-decoration:underline;
}
/* ======================================================== POP UP ==========================================================*/
.Pop-upBox {
	background:url(../images/bg_pop-up.png) top left no-repeat;
	_background:url(../images/bg_pop-up.png) center left no-repeat;
	position:absolute; 
	left: 50%;
	top:58px;
	margin-left: -490px;
	width:962px;	
	height:607px;
	font-family:Tahoma;
	display:inline-block;
	padding:8px 8px 26px;
	z-index:5000;
}
.Pop-upBox_Small {
	background:url(../images/bg_pop-up_small.png) top left no-repeat;
	_background:url(../images/bg_pop-up_small.png) center left no-repeat;
	position:absolute; 
	left: 50%;
	top:58px;
	margin-left: -490px;
	width:962px;	
	height:506px;
	font-family:Tahoma;
	display:inline-block;
	padding:8px 8px 27px;
	z-index:5000;
}
*html .Pop-upBox{
	top:-58%;
}
*html .Pop-upBox_Small {
	top:-61.5%;
}
.Pop-upBox .Wrapper, .Pop-upBox_Small .Wrapper {
	width:98%;
	height:534px;
	overflow-y:auto;
	padding:10px 0px 0px 0px;
	position:relative;
	line-height:18px;
}
.Pop-upBox_Small .Wrapper {
	height:440px;
}
.Pop-upBox .Content, .Pop-upBox_Small .Content {
	padding:5px 24px 5px 14px;
	_padding:5px 20px 5px 14px;
	width:636px;
	float:left;
}
.Pop-upBox .SideBar, .Pop-upBox_Small .SideBar {
	padding:5px 0px 5px 15px;
	width:226px;
	float:left;
}
.Pop-upBox .SideBar .Line, .Pop-upBox_Small .SideBar .Line {
	background:url(../images/line_sidebar.png) no-repeat;
	height:10px;
}
.Thumbnails ul#Lists li, .Pop-upBox_Small .Thumbnails ul#Lists li {
	width:113px;
	height:75px;
	float:left;
	padding:0;
}
.Thumbnails ul#Lists li a, .Pop-upBox_Small .Thumbnails ul#Lists li a {
	width:100px; 
	display:block;
	height:67px;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
}

.Thumbnails ul#Lists li a:hover, .Pop-upBox_Small .Thumbnails ul#Lists li a:hover {
	filter: Alpha(Opacity=100);
	opacity: 1;
}
.Pop-upBox h3, .Pop-upBox_Small h3 {
	font-family:Tahoma;
	color:#222;
}
.BreadCrumb a {
	color:#898989;
	font-size:11px;
	text-decoration:none;
}
.BreadCrumb a:hover {
	color:#898989;
	text-decoration:underline;
}
.IntroBox {
	background:url(../images/bg_top_introbox.gif) left top no-repeat;
	padding-top:10px;
	width:637px;
}
.IntroBox .Btm {
	background:url(../images/bg_btm_introbox.gif) left bottom no-repeat;
	padding:0 11px 10px;
	width:615px;
	display:block;
	color:#1f5d00;
}
.Quiz {
	background:url(../images/bg_btm_Quiz.gif) left bottom no-repeat;
	padding-bottom:5px;
}
.Quiz .Top {
	background:url(../images/bg_top_Quiz.gif) left top no-repeat;
	padding:10px 40px 8px 10px;
}
.Quiz .question {
	color:#025500;
	font-size:16px;
}
.Quiz ul#Lists li {
	margin-top:5px;
	*margin:0;
	padding:0;
	font-weight:bold;
}
.Pop-upBox .OthersPage, .Pop-upBox_Small .OthersPage {
	padding:10px 23px 0 23px;
}
/*.ThingsPage .OthersPage {
	padding:10px 0px 0 18px;
	width:895px;
}*/
/* ======================================================== STEP3 PAGE ==========================================================*/
.Step3Page .e-cardBox .box {
	margin:0 26px 20px;
}
/* ==================================================== SIGN UP PAGE =======================================================*/
.Sign_upPage label {
	width:125px;
}
.Sign_upBox {
	border:1px solid #dadada;
	padding:20px;
	width:540px;
}
.AccountHelpBox {
	float:right;
	width:270px;
}
.AccountHelpBox ul#Lists li {
	background:url(../images/icon_square_blue.gif) left 12px no-repeat;
	padding:5px 0 5px 15px;
}
/* ============================================== FORGOT PASSWORD PAGE =====================================================*/
.FPPage .SelectBox {
	color:#205c00;
	border-color:#55b04a;
}
/* ==================================================== PROFILE PAGE =====================================================*/
.ProfilePage .ImgBox {
	width:203px;
	margin-right:30px;
	text-align:center;
}
.UserNameBar {
	background:url(../images/bg_name_r.gif) right top no-repeat;
	float:right;
	height:20px;
	padding-right:45px;
}
.UserNameBar span.Name {
	background:url(../images/bg_name_l.gif) left top no-repeat;
	float:left;
	font-weight:bold;
	line-height:20px;
	padding-left:10px;
	font-style:italic;
	color:#fff;
	font-size:15px;
}
.ProfileBox {
	float:left;
	width:403px;
}
.ProfileBox .InfoBox {
	width:293px;
	margin-right:0px;
}
.ProfileBox .YellowBox {
	/*width:100px;*/
	text-align:center;
	float:right;
}
.ItinerariesBox ul#Lists li {
	padding:5px 0;
	display:block;
}
.ItinerariesBox ul#Lists li a img.border {
	margin-left:10px;
	padding:1px;
	background:#fff;
	border:1px solid #d4d4d4;
}
.ItinerariesBox ul#Lists li a:hover img.border {
	border:1px solid #238600;
}
/* ==================================================== EDIT PROFILE PAGE =====================================================*/
.EPPage .InfoBox {
	width:470px;
	margin-right:120px;
	margin-left:10px;
}
.EPPage .YellowBox label {
	width:168px;
}
.GenderDiv label, .Quiz label {
	width:auto;
	float:none;
	font-weight:normal;
}
/* ==================================================== THINGS PAGE =====================================================*/
.AlbumBox ul#Lists li {
	width:132px;
	height:130px;
	padding:0;
	text-align:center;
	margin-right:17px;
	float:left;
}
.ImgBorder {
	background:url(../images/border_img_top.gif) left top no-repeat;
	padding-top:6px;
	display:block;
	width:132px;
	list-style:none;
}
.ImgBorder .Btm {
	background:url(../images/border_img_btm.gif) left bottom no-repeat;
	padding:0 6px 6px;
	display:block;
	width:120px;
}
/* ==================================================== ITINERARIES PAGE =====================================================*/
.ItinerariesPage table#Lists tr td {
	padding:10px 20px;
}
.ItinerariesPage table#Lists tr.tab {
	padding:5px 0px;
}
.ItinerariesPage table#Lists tr td a {
	font-size:11px;
	color:#0961a8;
	line-height:16px;
	text-decoration:underline;
}
.ItinerariesPage table#Lists tr.SolidLine td {
	border-bottom:1px solid #a6d2ec;
}
.ItinerariesPage table#Lists tr td a:hover {
	text-decoration:none;
}
/* ======================================= WILDLIFE WATCHING PAGE ===========================================*/
.WildLifePage ul#Lists li {
	padding:10px 0;
	float:left;
	width:425px;
}
.WildLifePage .content {
	width:278px;
}
.Srilanka ul#Lists li{
	height:105px;
}
/* ======================================= PHOTOS PAGE ===========================================*/
.PhotosPage .ImgBox {
	width:500px;
	text-align:center;
}
.PhotosPage .InfoBox {
	width:346px;
	margin:0;
	background:url(../images/icon_arrow_left_grey.gif) left top no-repeat;
	padding-left:23px;
}
.PhotosPage .InfoBox h2 {
	width:170px;
	margin-top:5px;
}
.PhotosPage .Display_mibg {
	width:315px;
}
.PhotosPage ul#Lists li {
	width:100px;
	height:100px;
    display:block;
	padding:5px 7px;
	text-align:center;
	float:left;
}
/* ======================================= GALLERY PAGE ===========================================*/
.GalleryPage {
	font-family:Arial;
}
.GalleryPage img {
	margin-right:20px;
}
.GalleryBox {
	margin-right:20px;
	width:500px;
	display:inline-block;
	text-align:center;
}
.DescBox {
	width:500px;
	margin-left:198px;
}
/* ==================================================== SHARE PHOTOS PAGE =====================================================*/
.SPPage .Select {
	width:198px;
}
.SPPage ul#Lists li {
	float:left;
	width:91px;
	height:165px;
	margin-right:14px;
}
.SPPage ul#Lists li .ImgBorder {
	background:url(../images/border_share_photos.gif) no-repeat;
	padding:8px 8px 12px;
	width:75px;
}
/* ============================================== SELETE SHARE PHOTOS PAGE ==============================================*/
.SSPPage ul#Lists li {
	float:left;
	width:146px;
	height:110px;
	padding:10px 0;
}
/* ============================================== SELETE PHOTOS CATEGORY PAGE ==============================================*/
.SPCPage table#Lists tr td {
	padding:15px 10px;
}
/* ============================================== VIDEOS PAGE ==============================================*/
.VideosPage .Text {
	width:130px;
}
.VideosPage .Select {
	width:74px;
	margin-right:5px;
}
.VideosPage .YellowBox {
	padding:0px 10px;
}
.VideosBox ul#Lists li {
	width:104px;
	height:64px;
	padding:10px 17px 10px 0;
	text-align:left;
}
.VideosBox ul#Lists li span.relative {
	display:block;
}
.VideosBox ul#Lists li img.greyborder {
	border:1px solid #999;
	padding:1px;
}
/*.VideosBox ul#Lists li a:hover img.greyborder {
	border:1px solid #238600;
}*/
.PlayBtn{
	position:absolute;
	right:3px;
	bottom:3px;
}
/* ============================================== CONTACT US PAGE ==============================================*/
.ContactUsPage .Textarea {
	width:270px;
	height:70px;
}
.ContactUsPage .Content h3 {
	font-size:15px;
}
.ContactUsPage .post_btn {
	margin:0;
}
.ContactUsPage .InfoBox {
	width:335px;
	margin:0;
}
.TweetBox ul#Lists li {
	background:url(../images/ecard/icon_tweet.gif) left 5px no-repeat;
	padding:5px 0 5px 25px;
}
.TweetBox_r ul#Lists{
	width:230px;
	overflow:hidden;
}
.TweetBox ul#Lists li a{
	word-break:break-all; 
}
/*.ContactUsPage .SideBar {
	padding:5px 0 5px 12px;
	width:256px;
}*/
/* ============================================== SIGN UP LOGIN PAGE ==============================================*/
.SULPage h2 {
	font-size:16px;
	color:#111;
	font-family:Arial;
}
.SULPage label {
	width:65px;
}
.SULPage .Text {
	width:164px;
}
.SULPage .LSBox {
	margin-right:15px;
	display:inline;
}
.SULPage .AccountHelpBox {
	margin-top:20px;
}
/* ============================================== JOIN & WIN PAGE ==============================================*/
.ScorersBox {
	background:url(../images/bg_scorers.gif) no-repeat;
	padding:17px 15px;
	position:relative;
	width:195px;
	height:61px;
}
.OR {
	margin:0 25px;
}
.Rank {
	position:absolute; 
	right:-8px; 
	top:-5px;
}
.ScorersBox .content {
	width:115px;
	font-family:Arial;
	float:right;
	margin:0;
}
.ScorersBox .content .update {
	height:40px;
}
.PTSBox {
	font-size:11px;
	color:#333;
	font-family:Arial;
}
.PTSBox ol li {
	list-style:none;
	width:225px;
}
.PTSBox ol li .NumBox {
	float:left;
	width:15px;
}
.GMPBox img {
	margin:10px 32px 10px 0;
}
/* ============================================== CONTEST PAGE ==============================================*/
.ContestPage .GMPBox img {
	margin:10px 30px 10px 0;
}
/* ============================================== FLORA PAGE ==============================================*/
.FloraBox table#Lists tr td {
	padding:5px 10px;
}
.FloraBox table#Lists tr.ThinBlue_bg td {
	border-top:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
}
table#Lists {
	border-collapse:collapse;
}
/* ============================================== FLC PAGE ==============================================*/
.FLCBox ol, .FLCBox ul {
	margin-left:19px;
}
.TermsBox ol, .TermsBox ul{
	margin-left:40px;
}
.FLCBox ul li {
	list-style:disc;
}
.FLCBox .InfoBox {
	width:308px;
	margin-right:20px;
}
.FLCBox .ImgBox {
	width:125px;
}
.FLCBox .content {
	width:475px;
}
.ListsBox table#Lists tr td {
	padding:5px 0;
}
/* ============================================== USER PROFILE CHAMPION PAGE ==============================================*/
.VisitBox {
	width:195px;
	font-size:11px;
	color:#000;	
}
.UTBox ul#Lists li {
	height:50px;
	width:50px;
	background-position:center center;
	background-repeat:no-repeat;
	float:left;
	padding:0;
	margin:1px 1px 0 0;
	cursor: hand; /* for IE/win */
    cursor: pointer; /* ideal value */

}
/* ============================================== SITE MAP PAGE ==============================================*/
ul.Lists li {
	background:url(../images/icon_square.gif) left 7px no-repeat;
	margin-top:5px;
	padding-left:15px;
	list-style:none;
}
ul.Lists li li {
	background:none;
}
/* ============================================== EVENT CALENDAR PAGE ==============================================*/
.CalendarBox a {
	color:#0961a8;
	text-decoration:none;
	font-weight:bold;
	margin-right:24px;
}		
.CalendarBox a:hover {
	color:#238600;
	text-decoration:underline;
}
/* ============================================== E-CARDS SENT PAGE ==============================================*/
.ESPage .ScorersBox {
	background:url(../images/bg_scorers_green.gif) no-repeat;
}
/*=================pengdan(2009.09.30)============*/
a.commtent_btn{
	background:url(../images/commtents_ribtn.gif) right top no-repeat;
	height:33px;
	float:right;
	padding-right:15px;
	text-decoration:none;
	margin-top:-10px;
}
a.commtent_btn:hover span {
	text-decoration:underline;
}
a.commtent_btn span{
	background:url(../images/commtents_lebtn.gif) left top no-repeat;
	float:right;
	color:#fff;
	padding:1px 0 3px 10px;
	height:27px;
	font-weight:bold;
	font-style:italic;
}
.ShareBox{
	background:url(../images/share_bg.gif) left top no-repeat;
	padding:20px 5px 5px 22px;
	margin:30px 0 15px 0;
	line-height:40px;
}
.ShareBox a{
	margin-right:10px;
}
.Ball{
	background:url(../images/Ball.gif) left center no-repeat;
	padding:10px 5px 5px 60px;
	line-height:38px;
	font-size:20px;
	float:left;
	color:#0561ae;
}
a.post_btn{
	background:url(../images/post_lebtn.gif) left top no-repeat;
	padding-left:15px;
	height:28px;
	float:left;
	text-decoration:none;
	margin-top:15px;
}
a.post_btn span{
	background:url(../images/post_ribtn.gif) right top no-repeat;
	float:left;
	line-height:18px;
	height:23px;
	padding:5px 15px 0 0;
	font-weight:bold;
	color:#0561ae;
	font-size:11px;
}
.DisplayBox{
	clear:both;
	*float:left;
	margin-top:5px;
	*margin-top:5px;
}
.Display_lebg{
	background:url(../images/display_lebg.gif) left top no-repeat;	
}
.Display_ribg{
	background:url(../images/display_ribg.gif)  left top no-repeat;
}
.Display_Public{
	float:left;
	height:24px;
	width:10px;
}
.Display_mibg{
	background-color:#d4f3f1;
	float:left;
	padding:3px 11px 0px 0;
	width:95%;
	color:#000;
	font-size:11px;
	height:21px;
}
.Display_mibg .Page {
	margin-top:2px;
	margin-right:-10px;
}
.Page a{
	color:#0561ae;
	margin-left:8px;	
	font-weight:bold;
	text-decoration:underline;
}
.Page a:hover{
	color:#000;
	text-decoration:none;
}
.Page a.activated, ul.yiiPager li.selected a {
	background-color:#fff;
	padding:3px 4px;
	text-decoration:none;
	font-weight:bold;
	color:#777;
}
ul.yiiPager li {
	float:left;
	list-style:none;
}
ul.Display_list{
	display:table;
	margin-bottom:5px;
	_margin-bottom:2px;
	_float:left;
	_width:100%;
}
ul.Display_list li{
	border-bottom:1px solid #e7e7e7;
	list-style:none;
	padding:15px;
	_padding:15px 15px 0px 15px;
	display:block;
}
ul.Display_list li.activated{
	background-color:#ffffe1;
}
ul.Display_list li.activatedchamp{
	background-color:#f1fffe;
}
.activatedchamp a img.Dis_Border{
	border:1px solid #f00;
}
.DisplayText{
	width:520px;
	float:left;
	margin-left:20px;
}
.IconBtn a.submit_btn {
	background:url(../images/btn_submit_l.gif) left top no-repeat;
	padding-left:28px;
}
.IVBtn a.submit_btn {
	background:url(../images/btn_video_l.gif) left top no-repeat;
	padding-left:28px;
	height:21px;
}
.IVBtn a.submit_btn span {
	background:url(../images/btn_video_r.gif) right top no-repeat;
	line-height:21px;
	font-size:11px;
	padding:0 6px 0 0;
	height:21px;
}
a.submit_btn{
	background:url(../images/submit_lebtn.gif) left top no-repeat;
	height:23px;
	padding-left:10px;
	float:left;
	text-decoration:none;
}
a.submit_btn span{
	background:url(../images/submit_ribtn.gif) right top no-repeat;
	line-height:23px;
	color:#fff;
	float:left;
	font-weight:bold;
	padding:0px 10px 0 0;
}
a:hover.submit_btn span{
	/*color:#ffce46;*/
	color:#d1ecff;
}
.Log_tips{
	color:#555;
	float:right;
	margin-top:20px;
	font-size:11px;
	line-height:16px;
}
.Titlebar{
	background:url(../images/titlebar.gif) no-repeat;
	height:41px;
	position:relative;
	color:#fff;
	padding:10px 40px 5px 30px;
}
.Titlebar .Select {
	width:170px;
}
.backtotop{
	position:absolute;
	bottom:10px;
	left:60%;
}
.e-cardBox .box {
	margin:0 27px 20px;
	display:inline;
}
/*
#popUpMain {
	display:none;
}
*/
div#overLay {
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	background-color: #FFF; 
	filter: Alpha(Opacity=75);
	opacity: 0.75;
	z-index:999;
}
.LPBar .innerfade { 
	float:left; 
	width:815px; 
	overflow-x:hidden; 
	height:27px;
	position:relative;
}
/*=================Ajax_Gallery_slideshow page pengdan(2009.09.30)============*/
.Gallery{
	background:url(../images/GalleryTop.gif) left top no-repeat;
	width:539px;
	padding-top:20px;
}
.Gallery .Btm{
	background:url(../images/GalleryBtm.gif) left bottom no-repeat;
	width:527px;
	padding-bottom:20px;
}
.GalleryShow{
	width:569px; 
	position:relative;
	left:29px;
	margin-right:0;
}
.gallery_prev{
	left:-30px;
	position:absolute;
	top:43%;
	z-index:10000;
}
.gallery_next{
	right:0;
	left:auto;
}
.Graphic{
	text-align:left;
	float:left;
	left:22%;
	position:relative;
}
.UserAvatar{
	width:62px;
	text-align:center;
}
.QuizBold label{
	font-weight:bold;
}
.QuizBold input{
	margin:5px 0;
}
.Condition{
	width:730px; 
	margin:15px auto 10px; 
	text-align:center;
}
.New .Condition{
	width:640px;
	text-align:left;
}
.NameBox{
	max-height:15px;
	height:expression( this.scrollHeight >14 ? "14px" : "auto" );
	overflow:hidden;
	margin-bottom:2px;
}
.occupationbox{
	max-height:32px;
	height:expression( this.scrollHeight >31 ? "32px" : "auto" );
	overflow:hidden;
}
.BigWidth{
	width:750px;
}
.SmallWidth{
	width:70px;
}
.Indent{
	padding-top:20px;
}
.AircraftBaiyun{
	background:url(../images/AircraftBaiyun.jpg) 500px top no-repeat;
	height:38px;
	padding-top:35px;
	margin:-10px 0px 20px 0;
}
.Close{
	right:-15px;
	top:-10px; 
	position:absolute; 
	z-index:1;
	float:right;
}
.Pop-upBox .Wrapper .e-Card{
	padding:0px 23px 0;
}
.CardWord .InfoBox{
	margin:0 auto;
	float:none;
}
.answer{
	background-color:#f5feea;
	width:155px;
	height:50px;
	padding:10px 15px;
	margin:8px auto;
}
.Answertips{
	text-align:center;
}
.Pop-upBox .Wrapper .e-Card{
	padding:0px 23px 0;
}
/*.CardWord .InfoBox{
	margin:0 auto;
	float:none;
	width:440px;
}*/
.Champions{
	background:url(../images/bg_btm_Champions.gif) left bottom no-repeat;
	padding-bottom:8px;
}
.Champions .Top{
	background:url(../images/bg_top_Champions.gif) left top no-repeat;
	height:14px;
}
.Champions .Mid{
	background-color:#d4f3f1;
	padding:0 5px 0 7px;
	width:202px;
	font-family:Arial;
}
a.post_hear{
	background:url(../images/post_hear_l.png) left top no-repeat;
	margin-top:5px;
}
a.post_hear span{
	background:url(../images/post_hear_r.png) right top no-repeat;
}
.winpoint{
	background:url(../images/winpoint_top.gif) left top no-repeat;
	width:736px;
	padding-top:14px;
	position:relative;
	margin:0 auto;
}
.winpoint .Mid,.points_big .Mid{
	background:url(../images/winpoint_mid.gif) left top repeat-x;
	width:100%;
	padding-top:10px;
}
.points_big .Mid{
	padding-top:0;
}
.points{
	background:url(../images/pointstop.gif) left top no-repeat;
	width:646px;
	margin:0;
}
.points_big{
	background:url(../images/pointstop_big.gif) left top no-repeat;
	width:897px;
	padding-top:14px;
}
.GreenArrow{
	position:absolute;
	top:-18px;
	left: 50%;  /* ========added by Ling 31 Jan==========*/
}
.Fact ul#Lists li{
	background:url(../images/icon_green_right.gif) left 9px no-repeat;
	padding-left:15px;
	padding:4px 10px 4px 15px;
	display:table;
}
.register{
	width:260px;
	text-align:center;
	background-color:#FBE3E4;
	border:2px solid #FBC2C4;
	padding:10px 20px;
}
a.Loginbtn{
	background:url(../images/login_lef.gif) left top no-repeat;
}
a.Loginbtn span{
	background:url(../images/login_right.gif) right top no-repeat;
}
.Share{
	position:absolute;
	top:5px;
	right:70px;
	height:65px;
	width:65px;
}
.Comment{
	width:380px; 
	text-align:left;
}
.Invitebox{
	border:1px solid #d0d0d0;
	padding:5px 5px 10px 10px;
	width:275px;
	height:85px;
	overflow-y:auto;
	font-size:11px;
}
ul.options li{
	margin-bottom:5px;
}
.improvement{
	margin:-8px 0 0 -19px;
}
/* ======================================================== LING ADDED ON 31st JAN ==========================================================*/

.FB{
	float:right;
	height:25px;
	margin-left:0px;
	margin-top:-10px;
	padding-left:15px;
	position:relative;
}

.innerfade2{
	margin-left: 110px;
	_margin-left:0px;
}

#galleryBox{
	height: 100px;
}

ul.Champion_bullet{
	padding:0;
	margin:0;
	list-style:inside;
	list-style-type:disc;
}
ul.Champion_bullet li{
	padding:0;
	margin:0;
	list-style:inside;
	list-style-type:disc;
	font-size:11px;
}
.points_big .left_col{
	width:348px;
	padding:0px 5px 0 0px;
	background:url(../images/pointstop_link.gif) right top no-repeat;
}
.calendar_bg{
	background:url(../images/gray_link_bg.gif) left bottom repeat-x;
	padding-bottom:20px;
	margin:0 10px 0 15px;
	width:325px;
	display:inline-block;
}
.calendar{
	background:url(../images/calendar.gif) left top no-repeat;
	width:63px;
	font-weight:bold;
	padding:20px 12px 27px 12px;
}
.calendar_date{
	font-size:29px;
	color:#000;
	display:block;
	margin-top:15px;
}
.calendar_description{
	font-size:13px;
	color:#000;
	margin-left:15px;
	padding-top:5px;
	width:216px;
	font-weight:bold;
	line-height:26px;
}
.calendar_description .current_date{
	font-size:20px;
	color:#bf0500;
}
.calendar_description .current_time{
	font-size:16px;
	color:#bf0500;
}
.points_main{
	display:inline-block;
	margin:15px 15px;
}
.points_icon a{
	margin-right:10px;
}
.right_col{
	float:right;
	width:540px;
}
.points_explanation{
	padding:8px 10px 8px 15px;
	color:#333;
}
.points_explanation .explanation_title{
	color:#000;
	font-weight:bold;
	margin-bottom:10px;
	display:block;
}
.points_explanation ul li{
	background:url(../images/icon_arrow_right_blue.gif) left 4px no-repeat;
	padding-left:12px;
	margin:10px 0;
}
.lists_bottom_links{
	background-color:#fffdcf;
	border:1px solid #ffe464;
	padding:5px 0;
/*	position:absolute;
	left:0;
	top:230px;
*/
	float:left;
	margin-top:-60px;
	_margin-top:-50px;	
	
}
.lists_bottom_links a{
	padding-left:22px;
	margin:8px;
}
.lists_bottom_links a.icon_youtube{
	background:url(../images/icon_youtube.gif) 0 center no-repeat;
}
.lists_bottom_links a.icon_facebook{
	background:url(../images/icon_links_facebook.gif) 0 center no-repeat;
	padding-top:2px;
}
.lists_bottom_links a.icon_tweet{
	background:url(../images/icon_links_tweet.gif) 0 center no-repeat;
}
.right-distance{
	margin-right:15px;
}
.UPBox .reset_padding{
	padding:20px 12px;
}
.template,.template-main{
	background:url(../images/template-top.gif) right top no-repeat;
	display:inline-block;
	font-family:Tahoma;
	padding:0px 0px 26px 0;
	width:948px;
	margin-left:8px;
}
.template .Wrapper{
	background:url(../images/template1_main.gif) left top repeat-y;
	width:946px;
	padding:0px 0px 10px 20px;
	display:inline-block;
	margin-left:-1px;
	min-height:400px;
	height:expression(this.scrollHeight < 400 ? "400px" : "auto");
}
.template .Titlebar{
	background:url(../images/template-titlebar.gif) right top no-repeat;
	height:48px;
	padding-right:80px;
	padding-left:25px;
	padding-bottom:0;
	width:860px;
	
}
.template  .Content{
	width:670px;
	float:left;
	padding:10px 10px 0 0;
}
.template .SideBar{
	background:url(../images/template-SideBarbg.gif) left top no-repeat;
	float:right;
	width:236px;
	padding:10px 10px 0 14px;
	min-height:215px;
	height:expression(this.scrollHeight < 215 ? "215px" : "auto");
}
.template-main{
	background:url(../images/template-top.gif) right top no-repeat;
	width:940px;
}
.template-main .Wrapper{
	background:url(../images/template2_main.gif) left top repeat-y;
	padding:10px 20px 10px 20px;
	width:926px;
	min-height:400px;
	height:expression(this.scrollHeight < 400 ? "400px" : "auto");
}
.WildLifePage{
	width:100%;
	display:inline-block;
}
.template .template-footer{
	background:url(../images/template1_bot.gif) left top no-repeat;
	height:60px;
	display:inline-block;
	width:968px;
	margin-left:-1px;
}
.template-main .template-footer{
	background:url(../images/template2_bot.gif) left top no-repeat;
	height:60px;
}

.closing_date{
	left:368px;
	position:absolute;
	top:115px;
	font-family:Tahoma;
	font-size:15px;
	font-weight:bold;
	color:#268a02;
}
.closing_date .name{
	font-size:12px;
	color:#8f8f8f;
	font-weight:normal;
}