/* Copyright 2007 SpaceBuilder.cn. All Rights Reserved. */

/* general style  */
 * {margin: 0px auto;padding: 0px;} 
body, h1, p, input, textarea, select { font: 12px Arial, Helvetica, sans-serif, "ËÎÌå"; }
ol, ul{ list-style: none;}
hr{ border: 0; border-top: 1px solid #cacaca; height: 1px; }
img{ border: 0;}
a { color: #069; text-decoration: none; }
a:hover { color: #f60; text-decoration: underline; }

/* layout */ 
#commonDoc{}
#commonHeader{ background: #f2f9e0; width: 978px; margin: 0 auto; overflow: auto; zoom: 1; }
#commonContent{ width: 978px; margin: 0 auto; padding: 6px;}
#commonLeftColumn{ float: left; }
#commonCenterColumn{ float: left; }
#commonRightColumn{ float: right;}
.containerLeft { width: 228px; padding-right: 6px; overflow: hidden; }
.containerCenter { width: 369px; overflow: hidden; }
.containerRight { width: 369px; overflow: hidden; }
.containerRightNarrow { width: 230px; overflow: hidden; }
.containerLeftIn { width: 742px; overflow: hidden; }
.containerRightIn { width: 744px; overflow: hidden; }
.containerCenterNoAround { width: 978px; overflow: hidden; }
.commonContentArea{ background: #fff; text-align: left;}
.clear { clear: both; }

/* top toolbar */
.topbarMenuPage { background: url(../Images/bg_x.gif) no-repeat left top; }
.topbarMenuOn { background: url(../Images/bg_x.gif) no-repeat center -320px; position: absolute; top: 0px; right: 10px; width: 33px; height: 30px;}
.commonTopWrap { background: url(../Images/bg_page.gif) no-repeat right top; padding-left: 7px; }
.commonTopPanel { background: url(../Images/bg_x.gif) repeat-x center -280px ; height: 30px; }
.siteLogo { float: left; width: 30%; }
.siteLogoLink { background: url(../../../../Images/topbar_logo.png) no-repeat center center; display: block; width: 170px; height: 30px; }
* html .siteLogoLink { background-image: url(../../../../Images/topbar_logo.gif); }
.siteMenu { float: right; width: 65%; }
.siteMenu a { color: White; text-decoration: none; }
.siteMenu a:hover { text-decoration: underline; }
.topbarMenuOff { width: 20px; float: right; padding-top: 5px; margin-left: 10px; }
.topbarMenuUserInfo {}
.topbarMenuUserInfoAt { float: right; padding-top: 8px }
.topbarUserInfoLink { line-height: 30px; height: 30px; display: inline-block; padding-left: 6px; padding-right: 2px; }
.topbarUseRunwrap { background: url(../../../../Utility/Icons/unwrap.gif) no-repeat center center; padding-right: 9px; }
.topbarMenuSiteInfo { float: right; }
.topbarMenuSiteInfo p { line-height: 30px; }
.chromestyleUser { float: right; margin-right: 30px; }
.chromestyleUser ul li, .chromestyleUser ul li a:hover { color: #fff; }
.chromestyle:after{ content: "."; display: block; height: 0; visibility: hidden; }
.chromestyle ul li{ display: inline; }
.dropmenudiv{ position: absolute; top: 0; border: 1px solid #ccc; z-index: 100; background-color: #333; width: 100px; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); }
.dropmenudiv a{ display: block; margin: 5px; line-height: 24px; text-decoration: none; text-indent: 10px; color: #fff; }
* html .dropmenudiv a{ width: 100%; }
.dropmenudiv a:hover{ background: url(../Images/bg_x.gif) repeat-x center -281px; text-decoration: none; color: #fff; }

/* login Area */
.login { padding-top: 30px }
.loginName { width: 120px; float: left; }
.loginName p { text-align: right; height: 30px; line-height: 25px; }
.loginForm { width: 300px; float: left; }
.loginForm p{ height: 30px; line-height: 25px; }/*

/* pageheader */
.logo { width: 250px; height: 80px; float: left; margin: 20px 0px 0px 20px; background: url(../../../../Images/logo.gif) no-repeat; }
.pageNav { display: block; margin: 30px 10px 10px 0px; text-align: right; float: right; white-space: nowrap; }
.pageNav li { display: block; float: left; white-space: nowrap; overflow: hidden }
.pageNav li a { display: block; background: url(../Images/Channels_navbg.gif) no-repeat; font-size: 14px; color: #333; min-width: 40px; text-align: center; padding-top: 55px; text-decoration: none; white-space: nowrap; margin-left: 0px; padding-left: 5px; padding-right: 5px; }
* html .pageNav li a { width: 40px; padding-left: 5px; padding-right: 5px; }
.pageNav li a:hover { color: #f30}

.pageNav li a.navHome { background-position: center 0px; }
.pageNav li a.navNews { background-position: center -200px; }
.pageNav li a.navFriend { background-position: center -400px; }
.pageNav li a.navBlog { background-position: center -600px; }
.pageNav li a.navPhoto { background-position: center -800px; }
.pageNav li a.navBookmark { background-position: center -1000px; }
.pageNav li a.navClub { background-position: center -1200px; }
.pageNav li a.navEvent { background-position: center -1400px; }
.pageNav li a.navFile { background-position: center -1600px; }
.pageNav li a.navSearch { background-position: center -1800px; }
.pageNav li a.navForum { background-position: center -2000px; }

.pageNav li a.navHome:hover { background-position: center -100px; }
.pageNav li a.navNews:hover { background-position: center -300px; }
.pageNav li a.navFriend:hover { background-position: center -500px; }
.pageNav li a.navBlog:hover { background-position: center -700px; }
.pageNav li a.navPhoto:hover { background-position: center -900px; }
.pageNav li a.navBookmark:hover { background-position: center -1100px; }
.pageNav li a.navClub:hover { background-position: center -1300px; }
.pageNav li a.navEvent:hover { background-position: center -1500px; }
.pageNav li a.navFile:hover { background-position: center -1700px; }
.pageNav li a.navSearch:hover { background-position: center -1900px; }
.pageNav li a.navForum:hover { background-position: center -2100px; }

.pageNav li a.navHomeCurrent { background-position: center -100px; color: #069; }
.pageNav li a.navNewsCurrent { background-position: center -300px; color: #069; }
.pageNav li a.navFriendCurrent { background-position: center -500px; color: #069; }
.pageNav li a.navBlogCurrent { background-position: center -700px; color: #069; }
.pageNav li a.navPhotoCurrent { background-position: center -900px; color: #069; }
.pageNav li a.navBookmarkCurrent { background-position: center -1100px; color: #069; }
.pageNav li a.navClubCurrent { background-position: center -1300px; color: #069; }
.pageNav li a.navEventCurrent { background-position: center -1500px; color: #069; }
.pageNav li a.navFileCurrent { background-position: center -1700px; color: #069; }
.pageNav li a.navSearchCurrent { background-position: center -1900px; color: #069; }
.pageNav li a.navForumCurrent { background-position: center -2100px; color: #069; }

/* breadcrum and search */
.commonContentTopWrap { background: #f3ffeb; border: #b1d990 1px solid; margin-bottom: 6px; padding: 6px; clear: both; }
.commonBreadCrumbArea{ float: left; line-height: 20px;}
.commonBreadCrumbArea a{ color: #000; }
.commonBreadCrumbArea a:hover{ color: #f60; text-decoration: underline; }
.searchArea { text-align: right; }

/* page element */
.commonSideMenuContent { padding-left: 20px; padding-right: 20px }
.commonSideMenuContent li { line-height: 25px; }
.commonSideMenuContent li a { padding-left: 20px; }
.commonHotTag {}
.commonHotTag li { display: block; float: left; white-space: nowrap; line-height: 26px; height: 28px; margin-right: 10px; }
.commonHotTag li a { white-space: nowrap; }
.commonHotTag li em { color: #666; margin-left: 3px; font: normal 11px Tahoma; }
.inContentClass li { float: left; width: 95px; line-height: 26px; height: 28px; }
.inContentClass li em { color: #666; margin-left: 6px; font: normal 11px Tahoma; }
.inContentClassSelected { font-weight: bold; float: left; width: 95px; line-height: 26px; height: 28px; }

/* News */
.newsPhotoHot { height: 268px; text-align: center; padding-top: 20px; }
.newsPhotoHot p { line-height: 25px; }
.newsPictureArea li { padding-top: 6px; text-align: center; }
.newsPictureArea li p{ line-height: 30px; height: 30px; overflow: hidden; padding: 0 5px; }
.newsPicture { border: #ccc solid 1px; width: 120px; height: 90px; padding: 1px; margin: 0 auto; overflow: hidden; }
.newsTabWrap { margin-bottom: 6px; }
.newsSortArea { overflow: hidden; zoom: 1; }
.newsSortListModule { width: 50%; overflow: hidden; float: left; clear: none; }
.newsSortListModule h2 { font-size: 12px; height: 25px; text-align: left; color: #000; border-bottom: dotted 1px #ccc; margin: 6px; }
.newsTitleList { margin: 6px; }
.newsTitleList li { line-height: 25px; height: 25px; overflow: hidden; float: none; }
.newsTitleList li cite { float: right; width: 80px; font-style: normal; line-height: 25px; overflow: hidden; color: #666; }
.newsViewArea { padding: 30px; }
.newsViewArea h1 { font-size: 24px; font-weight: bold; line-height: 48px; border-bottom: dashed #ccc 1px; text-align: center; }
.newsViewArea h2 { font-size: 12px; font-weight: normal; color: #666; line-height: 30px; text-align: center; }
.newsViewArea p { font-size: 14px; line-height: 28px; padding-top: 14px; text-indent: 28px; }

/* Friend */
.memberPortraitList { display: block; }
.memberPortraitList li { width: 72px; float: left; overflow: hidden; display: block; }
.memberPortraitList li p { line-height: 25px; height: 25px; width: 66px; text-align: center; padding-left: 3px; padding-right: 3px; overflow: hidden; text-overflow: ellipsis; }
.portrait { width: 160px; padding: 1px; background: #fff; border: solid #ccc 1px; margin: 10px auto; overflow: hidden; }
.portraitMiddleSized { border: #ccc solid 1px; width: 46px; height: 46px; padding: 1px; overflow: hidden; margin: 3px auto; }
.portraitMiddlingSized { border: #ccc solid 1px; width: 75px; height: 75px; padding: 1px; overflow: hidden; }
.portraitMini { width: 25px; height: 25px; padding: 1px; border: solid #ccc 1px; float: left; margin: 3px; overflow: hidden; }
.friendList li { width: 135px; float: left; margin-bottom: 10px; margin-left: 10px; }
.friendList li p { line-height: 25px; height: 25px; text-align: center; overflow: hidden; }
.friendListFull {}
.friendListFull li { width: 49.9%; height: 80px; float: left; }
.friendListFullPortrait { width: 25%; float: left; }
.friendListFullContent { float: left; width: 70%; }
.friendListFull p { line-height: 18px; height: 18px; overflow: hidden; }
.friendSearchResults {}
.friendSearchResults li { width: 352px; float: left; padding: 6px; display: block; background: url(../../../../Utility/images/ccc.gif) repeat-x bottom; }
.friendSearchResultsPortrait { width: 100px; float: left; }
.friendSearchResultsPortrait p { line-height: 22px; height: 22px; overflow: hidden; color: #666; }
.friendSearchResultsPortrait .portraitMiddlingSized { margin-bottom: 9px; }
.friendSearchResultsContent { float: right; width: 240px; }
.friendSearchResultsContent h1 { line-height: 22px; height: 22px; overflow: hidden; font-weight: bold }
.friendSearchResultsContent p { line-height: 22px; height: 22px; overflow: hidden; color: #666; }
.friendSearchResultsOption { line-height: 28px; overflow: hidden; color: #666; clear: both; }

/* Blog */
.blogList {}
.blogListHeader, .blogListItem { padding: 10px; border-bottom: dotted #ccc 1px; color: #666; clear: both; }
.blogListItem:hover { background: #eee; cursor: default; }
.blogListPlace, .blogListPlaceFirst, .blogListPlaceSecond, .blogListPlaceThird { background: url(../../../../Utility/images/img_bg.gif) no-repeat; width: 16px; float: left; text-align: center; font-weight: bold; font-size: 8pt; line-height: 16px; margin-right: 6px; }
.blogListPlaceFirst { background-position: 0px -128px; color: #fff; }
.blogListPlaceSecond { background-position: -16px -128px; color: #fff; }
.blogListPlaceThird { background-position: -32px -128px; color: #fff; }
.blogListPlace { background-position: -48px -128px; }
.blogListTitle { line-height: 16px; }
.blogListAuthor { width: 100px; float: right; line-height: 16px; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.blogListComment, .blogListView { width: 40px; float: right; line-height: 16px; padding-left: 10px; }
.blogListRating, .blogListTime { width: 130px; float: right; line-height: 16px; padding-left: 10px; }
.blogList_l { margin-bottom: 10px;}
.blogList_l p { line-height: 18px; height: 18px; overflow: hidden; }
.blogPhotobox li { width: 140px; float: left; text-align: center; padding-top: 13px; padding-bottom: 12px; background-position: 30px top; background-repeat: no-repeat; }
.blogPhotobox p{ line-height: 25px; height: 25px; overflow: hidden; }
.serialNumber01 { background-image: url(../../../../Utility/Icons/serial_number_01.gif); }
.serialNumber02 { background-image: url(../../../../Utility/Icons/serial_number_02.gif); }
.serialNumber03 { background-image: url(../../../../Utility/Icons/serial_number_03.gif); }
.serialNumber04 { background-image: url(../../../../Utility/Icons/serial_number_04.gif); }
.serialNumber05 { background-image: url(../../../../Utility/Icons/serial_number_05.gif); }
.serialNumber06 { background-image: url(../../../../Utility/Icons/serial_number_06.gif); }
.serialNumber07 { background-image: url(../../../../Utility/Icons/serial_number_07.gif); }
.serialNumber08 { background-image: url(../../../../Utility/Icons/serial_number_08.gif); }
.serialNumber09 { background-image: url(../../../../Utility/Icons/serial_number_09.gif); }
.serialNumber10 { background-image: url(../../../../Utility/Icons/serial_number_10.gif); }
.blogPhotoList { border: #ccc solid 1px; width: 46px; height: 46px; padding: 1px; margin: 0px auto; overflow: hidden; }
.blogPictureArea li { width: 146px; float: left; padding-top: 6px; text-align: center; }
.blogPictureArea li p{ line-height: 30px; height: 30px; overflow: hidden; padding: 0 5px; }
.blogPicture { border: #ccc solid 1px; width: 120px; height: 90px; padding: 1px; margin: 0 auto; overflow: hidden; }
.blogClassentry dt { float: left; }
.blogClassentryModule { width: 345px; padding: 10px; overflow: hidden; }
.blogClassentryModule h2 { font-size: 12px; height: 25px; text-align: left; color: #000; border-bottom: dotted 1px #ccc; }
.blogClassentryModule ul { margin-top: 5px; }

/* Photo */
.galleryCommend { padding-left: 10px; }
.galleryCommendShow { width: 460px; height: 345px; overflow: hidden; float:left; }
.galleryCommendList { width: 220px; height: 345px; overflow: hidden; float:left; margin-left: 15px; margin-right: 1px; text-align: left; }
.galleryCommendListRow { display: block; height: 73px; white-space: nowrap; overflow: hidden; }
.galleryCommendListArea { display: inline-block; float: left; width: 70px; height: 73px; }
.galleryCommendMiniature { width: 50px; height: 50px; }
.imageListTabloid { padding: 20px 0px 0px 15px; }
.imageListTabloid li { display: block; width: 140px; height: 140px; float: left; text-align: center; }
.imageListTabloid li img { border: solid #ccc 1px; padding: 1px; }
.imageListTabloid li p { line-height: 22px; height: 22px; overflow: hidden; text-align: center; color: #666; padding-left: 10px; padding-right: 10px; }
.imageListTabloidFull { padding: 20px 0px 0px 15px; }
.imageListTabloidFull li { display: block; width: 133px; height: 140px; float: left; text-align: center; overflow: hidden }
.imageListTabloidFull li img { border: solid #ccc 1px; padding: 1px; }
.imageListTabloidFull li p { line-height: 22px; height: 22px; overflow: hidden; white-space: nowrap; text-align: center; padding-left: 10px; padding-right: 10px; color: #666; }
.imageListTabloidFullRating { padding-left: 35px; }
.imageListTabloidFirstpage { padding-top: 14px; }
.imageListTabloidFirstpage li { width: 115px; height: 118px; float: left; text-align: center; overflow: hidden; }
.imageListTabloidFirstpage li img { border: solid #ccc 1px; padding: 1px; }
.imageListTabloidFirstpage li p { line-height: 25px; height: 25px; width: 114px; overflow: hidden; white-space: nowrap; padding-left: 3px; padding-right: 3px; text-overflow: ellipsis; }
.galleryOrderTop .portraitMiddleSized { margin: 3px 10px 3px 3px; float: left }
.galleryOrderTop li { display: block; overflow: hidden; padding: 6px; }
.galleryOrderTop li p { line-height: 25px; height: 25px; overflow: hidden; display: block; }

/* Bookmark */
.discoverNews{ border-bottom: dashed #ccc 1px; margin-bottom: 6px; display: block; display: inline-block; }
.discoverDiggArea { float: left; width: 90px; }
.discoverDigg{ text-align: center; width: 50px; margin: 0 auto; }
.discoverCount { margin-bottom: 6px; }
.discoverCount a { display: block; height: 40px; padding-top: 10px; text-align: center; background: url(../../../../Utility/images/img_bg.gif) no-repeat -10px -30px; }
.discoverCount a:hover { background-position: -70px -30px; text-decoration: none; }
.discoverVote{ background: url(../../../../Utility/images/img_bg.gif) no-repeat -10px -85px; }
.discoverVote a{ display: block; text-align: center; line-height: 22px; text-decoration: none; }
.discoverVote a:hover { text-decoration: none; background: url(../../../../Utility/images/img_bg.gif) no-repeat -70px -85px; }
.discoverVote .ed { color: #666; line-height: 22px; }
.newsBody{ float: left; width: 630px; }
.newsBody h1 { font-size: 14px; line-height: 28px; }
.newsBody h2 { font-size: 12px; font-weight: normal; line-height: 25px; color: #666; }
.newsContent{ line-height: 25px; }
.newsContentImg { float: left; padding: 5px; }
.newsSummary{ line-height: 25px; color: #666; }
.news_source{ clear:both; color:#1F9B45; margin-bottom:3px;padding-top:3px}
.newsKeyword{ line-height: 25px; color: #666; }
.newsTools{ line-height: 25px; color: #666; }
.newsTools .comments { background: url(../../../../Utility/Icons/comment.gif) no-repeat left center; padding-left: 20px; }
.commentList li { margin: 10px; border-bottom: dashed #ccc 1px; display: inline-block; }
.commentList li h5 { font-size: 12px; font-style: normal; font-weight: normal; display: block; float: left; clear: right; width: 90%; padding-left: 10px; line-height: 20px; }
.commentList li em { font-style: normal; font-weight: normal; color: #666; display: block; float: left; white-space: nowrap; width: 90%; padding-left: 10px; margin-bottom: 6px; }
.commentList li p { line-height: 25px; text-indent: 2em; display: block; clear: both; word-wrap: break-word; }
.favoriteFriendList li {padding: 10px; border-bottom: dashed #ccc 1px; }
.favoriteFriendList li h5 { font-size: 12px; font-style: normal; font-weight: normal; text-align: left; line-height: 25px; }
.favoriteFriendList li p em { font-style: normal; font-weight: normal; color: #666;}
.favoriteFriendList li p { line-height: 25px; margin: 10px auto; text-indent: 2em; }
.addBookmark { width: 700px; margin: 20px auto; }

/* Club */
.clubHot { padding: 6px 0 1px 6px; overflow: auto; zoom: 1; }
.clubHotPortrait { float: left; width: 50px; }
.clubHotInfo { float: right; }
.clubHotInfo p { line-height: 25px; height: 25px; overflow: hidden; }
.clubHotInfo p cite { float: right; font-style: normal; color: #666; }
.clubIntro { height: 25px; overflow: hidden; line-height: 25px; clear: both; } 
.clubHotRolloutArea { padding-top: 1px; }
.clubHotRollout { padding: 6px 0px 7px 6px; overflow: auto; zoom: 1; }
.clubHotPortraitRollout { float: left; width: 50px; }
.clubHotInfoRollout { float: right; width: 150px; }
.clubHotInfoRollout p { line-height: 25px; height: 25px; overflow: hidden; }
.clubHotInfoRollout p cite { float: right; font-style: normal; color: #666; }
.clubIntro { height: 25px; overflow: hidden; line-height: 25px; clear: both; } 
.createClub li { line-height: 25px;}
#clubHotArticle { width: 369px; float: left;}
#clubNewArticle { width: 369px; float: right;}
#clubHotArticle .clubHotInfo, #clubNewArticle .clubHotInfo { width: 290px; }
.clubListFull { clear: both;}
.clubListFull li { border-bottom: dotted #ccc 1px; display: block; padding: 10px; overflow: hidden; }
.clubListFullPortrait { float: left; width: 75px; }
.clubListFullContent { float: right; width: 600px; }
.clubListFull cite { float: right; font-style: normal; color: #666; }
.clubListFull p { line-height: 25px; text-align: left; }
.clubIntroduce { clear: both; line-height: 25px; }
.clubPortrait { width: 160px; padding: 1px; border: solid #ccc 1px; margin: 10px auto; overflow: hidden; }
.clubPortraitMiddleSized { border: #ccc solid 1px; width: 46px; height: 46px; padding: 1px; overflow: hidden; margin: 0px auto; }
.clubPortraitMini { width: 25px; height: 25px; padding: 1px; border: solid #ccc 1px; float: left; margin: 3px; }
.clubPortraitList li { width: 72px; float: left; }
.clubPortraitList li p { line-height: 25px; height: 25px; text-align: center; overflow: hidden; }
.clubAreas { display: block; }
.clubAreas li { float: left; line-height: 25px; margin-right: 20px; white-space: nowrap; }
.clubAreas li a { white-space: nowrap; }
.clubAreas li em { color: #666; font-style: normal; }
.clubCategoryList { padding: 10px; overflow: auto; zoom:1; clear: both; }
.clubCategoryBasal { padding-left: 25px; }
.clubCategoryBasal li { float: left; display: block; margin-right: 6px; line-height: 25px; padding-right: 10px; white-space: nowrap; }
.clubCategoryBasal li a { white-space: nowrap; }
.clubCategoryBasal li a.clubCategoryCurrent { font-weight: bold; }
.clubCategoryBasal li em { font-style: normal; color: #666; padding-left: 3px; }
.clubCategoryParent { display: block; overflow: auto; zoom:1; margin-bottom: 6px; }
.clubCategoryParent strong { display: block; padding-left: 25px; font-weight: normal; color: #666; line-height: 30px; background: url(../../../../Utility/Icons/categoryArrow.gif) no-repeat left center; }
.clubCategoryParent strong a { font-weight: bold; margin-right: 10px; }
.clubCategoryGrand { margin-bottom: 6px; display: block; }
.clubCategoryGrandName { display: block; display: inline-block; padding-left: 25px; font-weight: bold; font-size: 14px; line-height: 35px; border-bottom: dashed #ccc 1px; margin-bottom: 6px; }
.clubCategoryGrandAmount { font-style: normal; font-weight: normal; font-size: 12px; color: #666; padding-left: 3px; }

/* Event */
.createEvent li { line-height: 25px;}
.eventPictureArea li { width: 146px; float: left; padding-top: 6px; text-align: center; }
.eventPictureArea li p{ line-height: 30px; height: 30px; overflow: hidden; padding: 0 5px; }
.eventPicture { border: #ccc solid 1px; width: 120px; height: 90px; padding: 1px; margin: 0 auto; overflow: hidden; }
.eventPictureListArea li { display: block; float: left; height: 320px; width: 49%; }
.eventPictureTitle{ font-weight: bold; color: #333; line-height: 28px; text-align: left; width: 240px; margin: 0 auto;}
.eventPictureListMiniature { width: 240px; margin: 0 auto 6px; overflow: hidden; }
.eventPictureListInfo { width: 240px; margin: 0 auto; }
.eventPictureListInfo p{ line-height: 25px; height: 25px; overflow: hidden; clear: both; }
.eventPictureListInfo p em { width: 65px; display: block; float: left; line-height: 25px; overflow: hidden; text-align: right; font-style: normal; }
.eventContent { overflow: hidden; display: inline-block; }
.eventContent p { line-height: 25px; clear: both; color: #666; }
.eventContent p em { display: block; float: left; font-style: normal; width: 90px; text-align: right; margin-right: 10px; color: #000; }
.eventListFull { clear: both;}
.eventListFull li { border-bottom: dotted #ccc 1px; display: block; padding-top: 10px;}
.eventListFullPictureArea { float: left; width: 75px; }
.eventListFullContent { float: right; width: 620px; }
.eventListFull cite { float: right; font-style: normal; color: #666; }
.eventListFull p { line-height: 25px; text-align: left; }
.eventIntroduce { clear: both; }
.eventListFullPicture { border: #ccc solid 1px; width: 46px; height: 46px; padding: 1px; overflow: hidden; margin: 0px auto; }
.thematic { font-size: 14px; font-weight: bold; text-align: center; line-height: 25px; }
.thematicInfo { overflow: hidden; }
.thematicInfo p { line-height: 25px; clear: both }
.thematicInfo p em { display: block; float: left; font-style: normal; width: 90px; text-align: right; margin-right: 10px; }
.eventCategoryList { padding: 10px; overflow: auto; zoom:1; clear: both; }
.eventCategoryBasal { padding-left: 25px; }
.eventCategoryBasal li { float: left; display: block; margin-right: 6px; line-height: 25px; padding-right: 10px; white-space: nowrap; }
.eventCategoryBasal li a { white-space: nowrap; }
.eventCategoryBasal li a.eventCategoryCurrent { font-weight: bold; }
.eventCategoryBasal li em { font-style: normal; color: #666; padding-left: 3px; }
.eventCategoryParent { display: block; overflow: auto; zoom:1; margin-bottom: 6px; }
.eventCategoryParent strong { display: block; padding-left: 25px; font-weight: normal; color: #666; line-height: 30px; background: url(../../../../Utility/Icons/categoryArrow.gif) no-repeat left center; }
.eventCategoryParent strong a { font-weight: bold; margin-right: 10px; }
.eventCategoryGrand { margin-bottom: 6px; display: block; }
.eventCategoryGrandName { display: block; display: inline-block; padding-left: 25px; font-weight: bold; font-size: 14px; line-height: 35px; border-bottom: dashed #ccc 1px; margin-bottom: 6px; }
.eventCategoryGrandAmount { font-style: normal; font-weight: normal; font-size: 12px; color: #666; padding-left: 3px; }

/* file */
.file {}
.fileHeader, .fileItem { padding: 12px; border-bottom: dotted #ccc 1px; color: #666; clear: both; }
.fileItem:hover { background: #eee; }
.fileIcon { width: 16px; float: left; }
.fileName { margin-left: 26px; line-height: 16px; }
.fileAuthor { width: 100px; float: right; line-height: 16px; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fileDownloadHow, .fileComment, .fileHit { width: 40px; float: right; line-height: 16px; padding-left: 10px; }
.fileSize, .fileUploadTime { width: 65px; float: right; line-height: 16px; padding-left: 10px; }
.sortList { display: block; overflow: hidden; zoom: 1; }
.sortList dt { float: left; }
.sortModule { width: 345px; padding: 10px; overflow: hidden; }
.sortModule h2 { font-size: 12px; height: 25px; text-align: left; color: #000; border-bottom: dotted 1px #ccc; }
.sortModule ul { margin-top: 5px; }
.fileList { display: block; clear: both; padding: 6px; }
.fileList li { padding: 10px 6px; background: url(../../../../Utility/images/ccc.gif) repeat-x bottom; display: block; display: inline-block; clear: both; }
.fileListHeader { height: 30px; padding: 6px; }
.fileListHeader h1 { display: block; float: left; font-size: 14px; font-weight: bold; line-height: 28px; margin-right: 6px }
.fileListHeader div a { line-height: 28px;}
.fileList p { line-height: 25px; }
.fileListInfo { color: #666; }
.filetitleList li { line-height: 25px; height: 25px; overflow: hidden; float: none; text-overflow: ellipsis; }
.filetitleList li cite { float: right; width: 5.5em; text-align: right; font-style: normal; line-height: 25px; text-overflow: ellipsis; overflow: hidden; margin-left: 5px; color: #666; }

/* Search */
#searchCover { margin-top: 150px; }
#searchCover h1 { text-align: center; font-size: 14px; font-weight: bold; color: Green; }
#searchCover h1 img { vertical-align: middle; }
#searchResults { margin-bottom: 6px;}
#searchResults h1 { font-size: 14px; font-weight: bold; color: Green; display: block; margin-bottom: -20px; }
#searchResults h1 img { vertical-align: middle; }
.searchResultsList li { margin: 25px; }
.searchResultsList h3 { font-size: 14px; font-weight: normal; line-height: 25px; }
.searchResultsList em { color: #666; line-height: 25px; font-style: normal; }
.searchResultsList p { line-height: 25px; }
.searchResultsPhoto li { float: left; width: 168px; height: 250px; border: solid #fff 1px; overflow: hidden; padding: 6px; margin-bottom: 25px }
.searchResultsPhoto li:hover { border: solid #ccc 1px; }
.searchResultsPhoto .innerPhoto { width: 150px; margin: auto; }
.searchResultsPhoto .innerPhoto img { vertical-align: baseline; }
.searchResultsPhoto .innerPhoto p { color: #666; line-height: 20px; }
.noResult { padding: 30px; display: block; display: inline-block }
.noResult h1 { font-weight: normal; line-height: 50px; padding-left: 20px; background: url(../../../../Utility/Icons/exclamation.gif) no-repeat left center; }
.noResult dd { line-height: 35px; font-weight: bold; font-size: 14px; }
.noResult dt { line-height: 28px; }
.searchResultsOther li { line-height: 25px; text-indent: 30px; }
.searchResultsHint { line-height: 28px; text-align: right; color: #666; }
.searchResultsAt { background: #f3ffeb; border-top: dashed #b1d990 1px; border-bottom: dashed #b1d990 1px; margin-bottom: 6px; padding: 6px; clear: both; }
.searchResultsAt p { line-height: 25px; color: #666; }
.searchResultsAtGray { background: #F5F5F5; border-top: dashed #ccc 1px; border-bottom: dashed #ccc 1px; margin-bottom: 6px; padding: 6px; clear: both; }
.searchResultsAtGray p { line-height: 25px; color: #666; }

/* login info */
.registerArea { width: 750px; margin: 0 auto;}
.registerArea fieldset { border-top: #ccc 1px dashed; border-right: 0px; border-bottom: 0px; border-left: 0px; }
.registerArea legend { font-size: 14px; font-weight: bold; background: #fff; padding: 3px; line-height: 30px; }
.registerArea legend em { color: #f30; font-size: 12px; font-weight: normal; font-style: normal; }
.loginArea { width: 750px; margin: 0px auto; padding: 20px }
.loginCue { list-style-type: circle; margin-left: 25px; }
.loginCue li { line-height: 25px; }
.loginFrame { width: 450px; border: solid #ccc 1px; margin: 0 auto 20px; }
.loginFrame h1 { line-height: 30px; font-size: 14px; font-weight: bold; background-color: #eee; padding-left: 6px; padding-right: 6px; }
.loginFrame h1 em { display: block; float: right; line-height: 30px; font-size: 12px; font-style: normal; font-weight: normal; }
.loginFrameInput { padding: 30px 20px; }
.loginFrameLogo { float: left; width: 40%; height: 170px; border-right: dashed #ccc 1px; background: url(../../../../Images/loginLogo.gif) no-repeat center top; }
.loginFrameContent { float: left; width: 55%; }
.inviteContentArea { padding: 20px; }
.inviteContentArea h1 { font-size: 14px; font-weight: bold; line-height: 30px; padding-top: 6px; }
.inviteContentArea p { line-height: 30px; font-size: 14px; }

/* join club apply */
.applyArea { width: 600px; margin: 0 auto; }
.applyHeader {}
.applyHeaderPortrait { float: left; width: 90px; }
.applyHeaderContent { float: right; width: 500px; }
.applyHeaderContent h1 { font-size: 14px; font-weight: bold; line-height: 28px; }
.applyHeaderContent p { line-height: 25px; color: #666; }
.applyLeaveword h1 { font-size: 14px; font-weight: bold; line-height: 28px; }
.applyLeaveword p { line-height: 25px; color: #666; }

/* Links */
#commonLink{ background: #fff; border: #99cc33 1px solid; width: 964px; text-align: center; margin: 0 auto; padding: 6px; clear: both; text-align: left; }
#commonLink dl { list-style: none;}
#commonLink dt { display: block; float: left; line-height: 35px; font-weight: bold; }
#commonLink dd { display: block; float: left; margin-left: 10px; }
#commonLink dd a { line-height: 35px; }

/* footer */
#commonFooter{ background: url(../Images/bg_footer.gif) repeat-x center top; width: 978px; text-align: center; margin: 0 auto; padding-top: 10px; height: 100px; }
#commonFooter p { line-height: 25px; }
.SpaceBuilder { font: italic bold 12px Tahoma; }
.SpaceBuilder a { color: #069; text-decoration: none;}
.SpaceBuilder a:hover { color: #f60; text-decoration: none;}

/* common style ------------------------------------------------------------------------- */
/* modules */
.module { margin-bottom: 6px; clear: both; }
.moduleHeader { background: url(../Images/bg_x.gif) no-repeat left -39px; padding-left: 7px;}
.moduleHeaderContainer { color: #333; height: 22px; padding: 10px 6px 0 18px; text-align: left; font-weight: bold; background: url(../Images/bg_page.gif) no-repeat right -39px; }
.moduleHeaderContainer h1 { font-weight: bold; }
.moduleHeaderTitle { cursor: pointer; }
.expanderPanelButtonOpened, .expanderPanelButtonClosed { float: right; display: block; width: 16px; height: 16px; background: url(../Images/bg_x.gif) no-repeat; cursor: pointer; }
.expanderPanelButtonOpened { background-position: left -390px; }
.expanderPanelButtonClosed { background-position: left -370px; }
.moduleFrameCenter {background: url(../Images/bg_y.gif) repeat-y left; padding-left: 6px;}
.moduleFrameCenterContainer { background: url(../Images/bg_y.gif) repeat-y right;}
.moduleFrameContent { padding: 6px 6px 6px 0; overflow: hidden; }
.moduleFrame { background: url(../Images/bg_x.gif) no-repeat left -107px; clear: both;  padding-left: 7px;}
.moduleFrameContainer { background: url(../Images/bg_page.gif) no-repeat right -107px; height: 7px;}
.moduleFrameContentBottom { height: 7px; line-height: 7px; }
.moduleFrameContentLoose { padding: 15px;}
.simpleFolderArea{ text-align: left; }
.simpleFolderTitle { border-bottom: dashed #ccc 1px; padding: 11px 10px 3px; color: #333; font-weight: bold; height: 20px; }
.simpleFolderTitle em { display: block; float: right; }
.expanderPanelLightButtonOpened, .expanderPanelLightButtonClosed { float: right; display: block; width: 16px; height: 16px; background: url(../Images/bg_x.gif) no-repeat; cursor: pointer; }
.expanderPanelLightButtonOpened { background-position: left -430px; }
.expanderPanelLightButtonClosed { background-position: left -410px; }
.simpleFolderContent { padding: 6px; overflow: hidden; }
.simpleFolderBottom { clear: both;}
.wrap { margin-bottom: 6px; clear: both; }
.wrapHeader { background: url(../Images/bg_x.gif) no-repeat left -119px; padding-left: 7px; }
.wrapHeaderContainer { background: url(../Images/bg_page.gif) no-repeat right -119px; line-height: 7px; height: 7px; }
.wrapContent { background: url(../Images/bg_y.gif) repeat-y left; padding-left: 7px; }
.wrapContentContainer { background: url(../Images/bg_y.gif) repeat-y right; padding-right: 7px; overflow: hidden; }
.wrapBottom { background: url(../Images/bg_x.gif) no-repeat left -147px; padding-left: 7px; }
.wrapBottomContainer { background: url(../Images/bg_page.gif) no-repeat right -147px;  line-height: 7px; height: 7px;}

/* Tab page */
.generalTabs{ display: block; height: 27px; /*background: url(../Images/bg_x.gif) repeat-x center -469px;*/ clear: both; border-bottom: solid #D6EBAD 1px; }
.generalTabs li{ float: left; display: block; background: url(../Images/bg_x.gif) no-repeat left -204px; padding-left: 4px; line-height: 27px; }
.generalTabs li a{ display: block!important; background: url(../Images/bg_page.gif) no-repeat right -204px; text-align: center; margin-right: 3px; color: #333; padding-left: 6px; padding-right: 10px; line-height: 27px; }
.generalTabs li a:hover{ text-decoration: underline; color: #069; }
.generalTabs li.selected{ background: url(../Images/bg_x.gif) no-repeat left -164px; border-bottom: solid 1px #fff; }
.generalTabs li.selected a{ background: url(../Images/bg_page.gif) no-repeat right -164px; font-weight: bold; border-bottom: solid 1px #fff; }
.generalTabs li.selected a:hover{ text-decoration: underline; }
.generalTabs li.leftExplain { background: none; }
.generalTabs li.rightExplain { background: none; text-align: right; float: right; }
.generalTabs li.rightExplain a { background: none; }
.generalTabsContent{ clear: both; padding-top: 6px; overflow: hidden; }

/* space div */
.space6 { height: 6px; clear: both; font-size: 1px; }
.spaceLine { background: url(../../../../Utility/images/ccc.gif) repeat-x bottom; height: 6px; clear: both; font-size: 1px; }
.spaceLineM10 { background: url(../../../../Utility/images/ccc.gif) repeat-x bottom; height: 6px; clear: both; font-size: 1px; margin: 10px; }

/* text */
a.blacktext { color: #333; text-decoration: none; }
a.blacktext:hover { color: #f60; text-decoration: underline; }
.textRoutine p { line-height: 25px; text-align: left; text-indent: 2em; }
.textCenter { text-align: center; clear: both; padding: 10px; }
.commonTitle { font-weight: bold; font-size: 14px; line-height: 25px; text-align: left; clear: both; padding: 10px; }
.commonSubTitle { line-height: 25px; color: #666; }
.commonSubTitle a { padding-left: 3px; padding-right: 3px; clear: both; }
.right { text-align: right; }
.left { text-align: left; }
.more { clear: both; line-height: 25px; text-align: right; margin-right: 6px }
.contentList li { overflow: hidden; white-space: nowrap; clear: both; display: block; display: inline-block; line-height: 25px; height: 25px; }
.contentList li p { line-height: 25px; height: 25px; float: left; overflow: hidden; } 
.contentList li em { font-style: normal; font-weight: normal; margin-left: 6px; color: #666; }
.explainArea { background: #F5F5F5; border-top: dashed #ccc 1px; border-bottom: dashed #ccc 1px; margin: 6px auto; padding: 6px; clear: both; }
.explainArea h1 { font-size: 14px; font-weight: bold; line-height: 28px; }
.explainArea p { line-height: 25px; color: #666; }
.titleListDefault li { line-height: 20px;  overflow: hidden; float: none; }
.titleListDefault li cite { float: right; width: 6em; font-style: normal; line-height: 25px; overflow: hidden; color: #666; margin-left: 10px; }

/* Ico link style */
.icoLinkUpdate { background: url(../../../../Utility/Icons/update.gif) no-repeat left center; }
.icoLinkSignUp { background: url(../../../../Utility/Icons/raisehand.gif) no-repeat left center; }
.icoLinkInvite { background: url(../../../../Utility/Icons/icon_friendAdd.gif) no-repeat left center; }
.icoLinkWriteMessage { background: url(../../../../Utility/Icons/icon_write.gif) no-repeat left center; }
.icoLinkPicture { background: url(../../../../Utility/Icons/picture.gif) no-repeat left center; }
.icoLinkHelp { background: url(../../../../Utility/Icons/help.gif) no-repeat left center; }
.icoLinkIE { background: url(../../../../Utility/Icons/ie.gif) no-repeat left center; }
.icoLinkIEuninstall { background: url(../../../../Utility/Icons/ie_uninstall.gif) no-repeat left center; }
.icoLinkFirefox { background: url(../../../../Utility/Icons/firefox.gif) no-repeat left center; }

/* Tag Styles */
.tagLevel10 a { color: #ff6f28; font-size: 30px; }
.tagLevel9 a {color: #a1ca00; font-size: 28px; }
.tagLevel8 a {color: #00afca; font-size: 26px;}
.tagLevel7 a { color: #2988a4; font-size: 24px; }
.tagLevel6 a { color: #ff5858; font-size: 22px; }
.tagLevel5 a { color: #a03ee9; font-size: 20px; }
.tagLevel4 a { color: #c43e00; font-size: 18px; }
.tagLevel3 a { color: #52a32a; font-size: 16px; }
.tagLevel2 a { color: #882254; font-size: 14px; }
.tagLevel1 a { color: #069; font-size: 12px;}

/* toolbar */
.toolbarArea { padding: 10px; clear: both;}
.toolbarArea a, .toolbarButton { padding-left: 20px; padding-right: 20px; }
.selectedToolbarButton { font-weight: bold; padding-left: 20px; padding-right: 20px; }

/* dataGrid */
.tableGrid { width: 100%; border: 0px; border-collapse: collapse; border-spacing: 0px; }
.tableGrid th { padding: 3px; border: none; font-weight: normal; color: #666; white-space: nowrap; border-bottom: #ccc dotted 1px; }
.tableGrid td { padding: 3px; background: url(../../../../Utility/images/ccc.gif) repeat-x bottom; overflow: hidden; white-space: nowrap; }
.tableGrid td p { line-height: 20px; }
.tableGrid span { display: block; height: 25px; line-height: 25px; overflow: hidden; white-space: normal; cursor: pointer; }
.gridHeader{ line-height: 25px; font-weight: bold; text-align: left; color: #666; }
.gridHeader2{ line-height: 25px; font-weight: bold; text-align: left; color: #666; }
.gridFooter{ line-height: 25px; color: #000000; font-weight: bold; background-color: #D9DFC1; }
.gridItem{ line-height: 25px; color: #666; }
.gridAltItem{ background-color: #f9f9f9; line-height: 25px; }
.gridEditItem{ background-color: #FFFFff; line-height: 25px; }
.gridSelectedItem{ background-color: #FFFFff; line-height: 25px; }

/* PagingArea */
.commonPagingArea{ font-size: 9pt; padding: 5px; margin-left: 3px; margin-right: 3px; }
.commonPagingArea a{ text-decoration: none; color: #666666; }
.columnText, a.columnText,{ font-size: 9pt; color: #333333; font-weight: 500; }
a.columnText:hover{ color: #FF3300; }
.currentPage{ font-size: 13px; font-weight: bold; color: #FF6600; }

.paging { clear: both; padding: 6px 10px; height: 25px; float: none; margin-bottom: 6px; }
.paging_l { float: left; line-height: 25px;}
.paging_r { float: right; }
.paging_r a { text-decoration: none; padding: 2px 6px; border: solid #ccc 1px; display: inline-block; }
.paging_r a:hover { color: #fff; text-decoration: none; background: #069; }
.paging_r a.pagingSelect { color: #f30; padding: 2px 6px; text-decoration: none; font-weight: bold; display: inline-block; border: solid #ccc 1px; }
.paging_r a.papagingSelect:hover { color: #ff3300; text-decoration: underline; }
.currentPage{ font-weight: bold; color: #f60; padding: 2px 6px; display: inline-block; }
.pagingFull { padding: 2px 20px; color: #666; float: right; display: inline-block; }

/* from style  */
.commonFormArea{ width: 100%;}
.commonFormTitle{ background: url(../../../../Utility/images/ccc.gif) repeat-x bottom; font-weight: bold; padding: 3px; line-height: 26px; text-align: center; clear: both; }
.commonFormDescription{ padding: 3px; line-height: 26px; vertical-align: top; }
.commonFormFieldName{ text-align: right; padding: 3px; line-height: 26px; vertical-align: top; }
.commonFormFieldDescription{ color: #666; padding: 3px; line-height: 26px; vertical-align: top; }
.commonFormField{ padding: 3px; vertical-align: top; }

.textBox{ border: solid #ccc 1px; padding: 2px 1px; }
.textBoxWaterMarked { background-color: #F0F8FF; color: gray; }
.SearchBox { border: solid #ccc 1px; margin: 0; padding: 3px 1px 2px; }
.textBoxSearch{ border: solid #ccc 1px; margin: 2px 0; padding: 2px 1px; }
.passwordBox { border: 1px solid #ccc; }
.radiobutton {}
.radiobutton td,.radiobutton th {padding:0px; margin:0px; }
.radiobutton label {padding:0px 5px 0px 0px; margin:0px; }
.checkbox {}
.dropDownList {}
.textareaBox { border: 1px solid #ccc; }
.fileUpload { background: transparent; border: 1px solid #ccc; padding: 2px 1px; }
.noteRequired { margin: auto 5px; color: #f00; }

.commonImageTextButton{ display: inline-block; padding: 4px; margin: 1px; border: solid 1px #888; background-color: #eeeeee; color: #333333; background-repeat: no-repeat; background-position: 1px 1px; padding-left: 22px; }
.commonImageTextButton:hover{ text-decoration: underline; padding: 5px; padding-left: 21px; padding-top: 3px; background-position: 0px 0px; background-color: #dddddd; }
.inputButton{ margin-right: 10px; height: 22px; cursor: pointer; padding-top: 3px; border: 1px solid #87a3c1; color: #069; background: url(../../../../Utility/images/btn_bg.gif) #ddf0ff repeat-x 0 -453px; }
.commonButton{ display: inline-block; border: solid 1px #87a3c1; background: url(../../../../Utility/images/btn_bg.gif) repeat-x 0 -453px; white-space: nowrap; padding: 6px 6px 3px; font-size: 12px; line-height: 1em; }
.commonButton:hover{ background: url(../../../../Utility/images/btn_bg.gif) repeat-x 0 -251px ; text-decoration: none; }
.smallImageButton{ padding: 0px; padding-left: 5px; padding-right: 5px; }
.pagingTextfield { width: 27px; height: 19px; line-height: 21px; color: #999; border: 1px #ccc solid; padding: 0px 2px; margin: auto 6px; }
.pagingBtnGo { background:  url(../../../../Utility/images/btn_bg.gif) repeat-x -773px; border: 1px #ccc solid; padding: 1px; font: bold 11px Tahoma; }

/* Help Icon */
.helpIcon{ }
.helpIcon img{ height: 20px; width: 16px; vertical-align: middle; }
a.helpIcon{ height: 20px; background: url(../../../../Utility/Icons/help_out.gif) left center no-repeat; padding-right: 3px; padding-left: 3px; }
a.helpIcon:hover{ background: url(../../../../Utility/Icons/help_hover.gif) left center no-repeat; cursor: help; }

/* Rating */
.ratingStar { display: block; width: 16px; cursor: pointer; background: url(../../../../Utility/images/img_bg.gif) no-repeat; line-height: 16px; }
.filledRatingStar { 	background-position: 0px -160px; }
.emptyRatingStar {	background-position: -16px -160px; }
.savedRatingStar { 	background-position: -32px -160px;}

/* Skin Select */
.skinSelect { display: block; overflow: hidden; padding: 20px; }
.skinSelect li { width: 100px; height: 160px; float: left; display: block; display: inline-block; margin-right: 20px; }
.skinSelect li p { line-height: 25px; text-align: center; }
.skinMiniature { border: solid #ccc 1px; padding: 1px; overflow: hidden; }

/* calendar and input */
input.DatePicker{ width: 80px; padding: 2px 2px 2px 24px; border: 1px solid #ccc; background: url(../../../../Utility/Icons/date.gif) no-repeat left center; cursor: pointer; margin-right: 10px; }
input:focus.DatePicker{ background: #eee url(../../../../Utility/Icons/datefocus.gif) no-repeat top left; }
.dp_container{ position: relative; padding: 0; z-index: 500; }
.dp_cal{ background-color: #fff; border: 1px solid #ccc; position: absolute; width: 177px; top: 22px; left: 0; margin: 0px 0px 3px 0px; }
.dp_cal table{ width: 100%; border-collapse: collapse; border-spacing: 0; }
.dp_cal select{ margin: 2px 3px; font-size: 11px; }
.dp_cal select option{ padding: 1px 3px; }
.dp_cal th,
.dp_cal td{ width: 14.2857%; text-align: center; font-size: 11px; padding: 2px 0; }
.dp_cal th{ border: solid #ccc; border-width: 1px 0; background: #eee; }
.dp_cal td{ cursor: pointer; }
.dp_cal thead th{ background: #ddd; }
.dp_cal td.dp_roll{ color: #333; background: #eee; }
	/* must have this for the IE6 select box hiding */
.dp_hide{ visibility: hidden; }
.dp_empty{ background: #eee; }
.dp_today{ background: #eee; }
.dp_selected{ color: #fff; background: #aaa; }

/* other style */
.commonMessageSuccess, .commonMessageError, .commonMessageHint, .commonSmallMessageError{ padding: 6px; display: block; display: inline-block; color: #333; font-weight: bold; margin-top: 16px; margin-bottom: 16px; text-align: left; border: solid 1px #ccc; background-color: #eee; }
.commonMessageHint li{ margin: 5px; }
.errorMessage{ color: #F30; }
.commonSmallMessageError{ padding: 2px; font-weight: bold; color: #f30; }
.commonSmallMessageSuccess{ color: #f30; }
.commonSmallMessageHint{ color: #666; }
.validatorCalloutHighlight{ background-color: lemonchiffon; }	
.ajaxUpdateProgress{ padding: 2px; background: rgb(204, 68, 68) none repeat scroll 0%; position: absolute; z-index: 3; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: white; font-size: 120%; top: 1px; right: 16px; }
.ad { margin-bottom: 6px; clear: both; width: 100%; overflow: hidden; }