@charset "utf-8";
/* CSS Written by > i.sheila.wong@gmail.com------- */

/* content_main, timelines_list----------*/
.A-timeline{float:left;width:610px;margin-top:15px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.events-photo{float:left;width:102px;height:102px;margin-right:15px;background:url(../_img3/common/photo_bg.jpg) no-repeat 0 0;text-align:center;padding-top:6px;}
/*.events-photo img{width:90px;}*/
.events-info{float:left;width:350px;}
.events-info dt{font:bold 13px Verdana, Arial;color:#060;margin-bottom:10px;}
.events-info dt a{color:#060;text-decoration:none;}
.events-info dt a:hover{color:#060;text-decoration:underline;}
.events-info dd{font:11px/150% Arial, Helvetica, sans-serif;color:#333;margin-top:5px;}
.events-info dd a{color:#060;text-decoration:underline;}
.events-info dd a:hover{color:#88c77c;text-decoration:none;}
.events-tag{float:right;text-align:right;width:130px;color:#555;font-size:11px;}
.events-tag p{margin-bottom:8px;}
.events-tag p span{margin-left:5px;}
.blue-link a{color:#369;text-decoration:underline;}
.blue-link a:hover{color:#369;text-decoration:none;}

/* content_sidebar ----------------------*/
.orange-box{float:left;background-color:#fef9f0;width:288px;padding-bottom:5px;border:1px solid #fcdca7;margin-bottom:15px;}
.orange-box h6{font:bold 14px Verdana, Arial, Helvetica, sans-serif;background-color:#fdecd0;padding:4px 8px 6px;}
.orange-box h6 a, .blue-box h6 a{color:#333;text-decoration:underline;}
.orange-box h6 a:hover, .blue-box h6 a:hover{color:#333;text-decoration:none;}
.orange-box dl, .blue-box dl{float:left;clear:both;padding:8px;width:272px;}
.orange-box dl dt, .blue-box dl dt{float:left;}
.orange-box dl dt img, .blue-box dl dt img{width:40px;height:40px;margin-right:10px;}
.green-box{float:left;background-color:#f2f9e5;width:288px;padding-bottom:5px;border:1px solid #b3d465;margin-bottom:15px;}
.green-box h5{font:bold 20px Verdana, Arial, Helvetica, sans-serif;background-color:#e6f3c3;padding:4px 8px 6px;color:#060;}
.green-box h6{font:bold 16px Verdana, Arial, Helvetica, sans-serif;background-color:#e6f3c3;padding:4px 8px 6px;color:#060;}
.green-box p{padding:8px;font-size:11px;line-height:150%;}
.blue-box{float:left;background-color:#f2f8f6;width:288px;padding:0;border:1px solid #a3d9c7;margin-bottom:15px;}
.blue-box h6{font:bold 14px Verdana, Arial, Helvetica, sans-serif;background-color:#d9ede6;padding:4px 8px 6px;}
.blue-box dl dd{padding-left:50px;line-height:150%;}
.blue-box ul{padding:8px;}
.blue-box ul li{list-style-type:none;margin:8px 0;font-size:14px;}
.advertising-box{float:right;width:290px;}
.advertising-box p{margin-top:10px;}
.advertising-box p img{width:290px;border:none;}
.tag-cloud{float:left;margin:0;padding:12px 8px;}
.tag-cloud li{display:inline;margin-bottom:10px;margin-right:15px;padding:0;list-style-type:none;}
.tag-cloud li a, .tag-could li a:hover{text-decoration:none;}
.not-popular{font-size:1em;}
.not-very-popular{font-size:1.3em;}
.somewhat-popular{font-size:1.6em;}
.popular{font-size:1.9em;}
.very-popular{font-size:2.2em;}
.ultra-popular{font-size:2.5em;} 

/* timeline_list_pop --------------------*/
.pop-list{float:left;height:355px;background:url(../_img3/tabs/pop_list.gif) no-repeat 0 0;width:255px;padding:0 8px 10px 25px;margin-bottom:15px;}
.pop-list h4{line-height:120%;margin:10px 0 5px;}
.pop-list p{line-height:150%;}
.pop-list ol{margin-left:22px;line-height:150%;}

/* timelines_explore --------------------*/
.category-active{color:#369;text-decoration:none;font-size:13px;font-weight:bold;background:url(../_img3/symbol/arrow.gif) no-repeat 0 -13px;padding-left:12px;}
.lan-filter{float:right;font-size:12px;display:inline;}
.lan-filter span{margin-right:5px;font-weight:bold;color:#555;}
.lan-filter select{width:80px;height:20px;font-size:11px;font-family:verdana, arial;background-color:#f8f8f8;}

/* timelines_lists ----------------------*/
.sub-menu{float:left;width:610px;height:29px;line-height:29px;margin:5px 0 15px;padding:0;background:#ddd url(../_img3/tabs/tab_bg.gif) no-repeat 0 0;font-weight:bold;}
.sub-menu ul li{float:left;list-style-type:none;background:url(../_img3/tabs/tab_gap.jpg) no-repeat right 5px;padding:5px 12px 0;line-height:140%;}
.sub-menu a{display:block;color:#444;text-decoration:none;}
.sub-menu a:hover{color:#060;text-decoration:none;}
.sub-active{display:block;background-color:#fff;padding:0 8px 6px;border:1px solid #ababab;border-bottom:none;color:#060;}
.sub-select{float:left;padding:0;margin-bottom:10px;font-size:11px;}
.sub-select span{float:left;margin-right:8px;}
.sub-select a{display:block;float:left;margin:0 10px 0 3px;}
.sub-select strong a, .sub-select strong a:hover{text-decoration:none;color:#444;}
.red-arrow{float:left;background:url(../_img3/symbol/arrow.gif) no-repeat 0 3px;padding-left:10px;font-weight:bold;color:#444;text-decoration:none;}
.list-name{float:left;margin:0;padding:5px 8px;}
.list-name dl dt{line-height:35px;font-weight:bold;font-size:13px;color:#444;}
.list-name dl dd{float:left;}
.name-text{width:200px;height:15px;font:13px Arial, Helvetica, sans-serif;padding:3px;margin-right:5px;border-width:1px;border-style:solid;border-color:#a5acb2 #ddd #ddd #c0c0c0;background-color:#fcfcfc;}
.name-save{float:left;height:23px;width:59px;background:url(../_img3/buttons/search_menu.gif) no-repeat -2px -2px;border:1px solid #ccc;font-size:14px;padding-bottom:3px;font-family:Verdana, Arial;}

/* timelines_lists view------------------*/
.favorite-box{float:left;width:586px;background-color:#efefef;border:2px solid #f5f5f5;padding:8px 8px 5px;}
.favorite-box h6{font:bold 15px Verdana, Arial, Helvetica, sans-serif;padding:0;}
.favorite-photo{float:right;width:102px;margin-left:15px;}
.favorite-photo p{float:left;width:102px;}
.list-photo{width:102px;height:102px;background:url(../_img3/common/photo_bg.jpg) no-repeat 0 0;text-align:center;padding-top:6px;}
/*.list-photo img{width:90px;}*/
.favorite-describe{float:left;width:460px;}
.favorite-describe ol{margin:5px 0;}
.favorite-describe ol li{float:left;list-style-type:none;color:#666;margin-right:10px;font-family:Verdana, Arial;font-size:11px;}
.user-say{float:left;margin:0;font-family:Arial, Helvetica, sans-serif;width:460px;}
.user-say p{margin:10px 0;}
.user-say-info{clear:both;width:420px;padding:0 20px;line-height:150%;font-size:13px;text-align:justify;}
.left-quote{float:left;background:url(../_img3/symbol/quote.gif) no-repeat 0 5px;text-indent:-9999px;margin:0;padding:0;line-height:15px;width:15px;}
.right-quote{float:right;background:url(../_img3/symbol/quote.gif) no-repeat 0 -18px;text-indent:-9999px;margin:0;padding:0;line-height:15px;width:10px;}
.green-box .user-info{padding:0 8px;}
.green-box .user-info p{margin:10px 0;padding:0;}
.green-box .user-photo{text-align:center;margin-bottom:15px;}
.green-box .user-photo img{width:160px;background-color:#fff;padding:2px;border:1px solid #ddd;}
.green-box .user-photo h4{font:bold 14px Verdana, Arial, Helvetica, sans-serif;padding:4px 8px 6px;color:#060;}
.user-pro{background:url(../_img3/icons/profile.gif) no-repeat 0 0;padding:0 0 5px 30px;}
.user-fan{background:url(../_img3/icons/fan.gif) no-repeat 0 0;padding:0 0 5px 30px;}
.user-msg{background:url(../_img3/icons/contact.gif) no-repeat 0 0;padding:0 0 5px 30px;}
.list-edit{float:left;font:12px Verdana, Arial;background:url(../_img3/icons/edit.gif) no-repeat 0 0;margin:10px 0 0 1px;padding-bottom:2px;text-align:center;}
.list-edit a{text-decoration:none;color:#3a9029;}
.list-edit a:hover{text-decoration:none;color:#369;}
.list-like{float:left;height:25px;width:70px;font:13px Verdana, Arial;padding-left:18px;line-height:23px;background:url(../_img3/buttons/orange_bg.gif) no-repeat 0 0;margin-top:5px;}
.list-like a{text-decoration:none;color:#f3522d;}
.list-like a:hover{text-decoration:none;color:#c44f20;}
.list-share{float:left;font:13px Verdana, Arial;padding:3px 0;background:url(../_img3/buttons/green_bg.gif) no-repeat 0 0;height:20px;margin:10px 0 0 1px;text-align:center;}
.list-share a{display:block;text-decoration:none;color:#3a9029;}
.list-share a:hover{display:block;text-decoration:none;color:#2f5e25;}
.stbutton{float:left;font:12px Verdana, Arial;padding:0;margin:10px 0 0 1px;color:#3a9029;text-decoration:none;}
.help{float:right;background:url(../_img3/icons/help.gif) no-repeat 0 0;padding-left:20px;line-height:16px;}
.add-box{float:left;margin:10px 0;width:610px;}
.add-box p{line-height:150%;margin:5px 0;}
.select-list{float:right;margin-bottom:10px;width:340px;height:120px;overflow:auto;background-color:#e8edf0;border:1px solid #a8b5c5;padding:0 5px;}
.select-list label{margin-left:5px;}
.select-cover{font:12px Arial, Helvetica, sans-serif;color:#8fb010;margin-left:5px;}
.button-add{width:148px;height:35px;background:url(../_img3/buttons/button_bg.gif) no-repeat 0 -64px;border:none;font:bold 14px Verdana, Arial, Helvetica, sans-serif;color:#fff;}
.add-text{width:344px;height:15px;font:13px Arial, Helvetica, sans-serif;padding:3px;margin-left:10px;border-width:1px;border-style:solid;border-color:#a5acb2 #ddd #ddd #c0c0c0;background-color:#fcfcfc;}
.button-save{width:100px;height:28px;margin-right:15px;font:bold 13px Verdana, Arial, Helvetica, sans-serif;background:#ddd url(../_img3/buttons/button_bg.gif) no-repeat 0 -109px;border:none;}
.button-cancel{width:100px;height:28px;font:bold 13px Verdana, Arial, Helvetica, sans-serif;color:#555;background:url(../_img3/buttons/button_bg.gif) no-repeat 0 -109px;border:none;}
.close{float:right;margin-top:8px;}
.click-1{position:absolute;width:155px;height:19px;padding-top:1px;padding-left:5px;margin-top:-20px;margin-left:200px;z-index:1000;background:url(../_img3/tabs/pop_tab.gif) no-repeat 0 0;color:#333;}
.click-2{position:absolute;width:155px;height:19px;padding-top:1px;padding-left:5px;margin-top:90px;margin-left:306px;z-index:2000;background:url(../_img3/tabs/pop_tab.gif) no-repeat 0 0;color:#333;}

/* timelines_search ---------------------*/
.search-box{float:left;margin:15px 0 35px;padding:0;background:url(../_img3/tabs/search_bg.gif) repeat-x 0 24px;}
.search-menu{float:left;width:610px;margin:0;padding:0;}
.search-menu ul{float:left;padding-left:10px;}
.search-menu ul li{float:left;display:block;width:90px;text-align:center;list-style-type:none;background:url(../_img3/buttons/search_menu.gif) no-repeat 0 0;margin-right:10px;border:none;font:11px/160% Verdana, Arial;height:24px;}
.search-menu ul li a{display:block;padding:3px 0;text-decoration:none;}
.search-menu ul li a:hover{color:#eb4200;}
.search-active{background:url(../_img3/buttons/search_menu.gif) no-repeat 0 -35px;font-weight:bold;height:25px;}
.search-text{float:left;width:600px;margin:0;padding-top:15px;padding-left:10px;}
.search-text a{line-height:28px;font-size:11px;}
.search-xtime{float:left;width:298px;height:20px;font:16px Arial, Helvetica, sans-serif;padding:3px;margin-right:10px;border-width:1px;border-style:solid;border-color:#a5acb2 #ddd #ddd #c0c0c0;background-color:#fcfcfc;}
.search-xgo{float:left;width:75px;height:28px;background:url(../_img3/buttons/search_menu.gif) no-repeat -8px -70px;border:none;padding:2px 0 4px;font-size:16px;font-family:Arial;margin-right:30px;color:#75511a;}
.search-result{float:left;background:url(../_img3/symbol/arrow.gif) no-repeat 0 3px;padding-left:10px;font-size:11px;}
.A-event{float:left;border-bottom:1px solid #ddd;width:610px;margin-top:15px;padding-bottom:15px;}
.case-photo{float:left;width:94px;margin-right:10px;text-align:center;background-color:#fff;}
.case-photo img{border:1px solid #ddd;padding:1px;}
.case-date{float:left;width:90px;font-size:11px;}
.case-info{float:left;width:300px;}
.case-info dl dt{margin-bottom:10px;}
.case-info dl dt a{color:#690;text-decoration:underline;}
.case-info dl dt a:hover{color:#060;text-decoration:none;}
.case-info dl dd{font:11px Arial, Helvetica, sans-serif;color:#555;}
.case-part{float:right;font:11px Arial, Helvetica, sans-serif;width:100px;}
.case-part dl dt{margin-bottom:10px;}
.A-user{float:left;width:600px;border:1px solid #dedede;margin-top:20px;padding:5px;background-color:#fafafa;}
.A-user p{font-weight:bold;margin-bottom:15px;}
.case-intro{float:left;width:496px;}
.case-intro dl{float:left;width:496px;margin-bottom:10px;font-size:11px;}
.case-intro dl dt{float:left;font-weight:bold;width:80px;}
.case-intro dl dd{}

/* lists --------------------------------*/
.lists-box{float:left;width:610px;margin-left:25px;}
.lists-title{float:left;margin-bottom:20px;font:11px Verdana, Arial, Helvetica, sans-serif;color:#333;}
.lists-title a{color:#333;}
.amount{float:left;width:600px;background-color:#696;margin:0 0 15px 25px;font:bold 12px Arial, Helvetica, sans-serif;color:#fff;padding:2px 5px;}