@charset "UTF-8";
/* CSS Document */

/* Color Scheme
Mid Grey (Text / Button): 4A4A4A
Dark Frey (Text): 2C2C2C
Red (Link): BD4A5F
Dark Red (Button): BE4A60
Orange (Link Over / Error): F87232
Tinted Grey (Form): EFEFE9
Dark Blue (Encourage): 598090
Milky (Title Bar): FAE099
*/


* { margin: 0; padding: 0;}
body { color: #4A4A4A; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 9pt; line-height: 16px;}
body { background: #ffb600 url(bg.jpg) repeat center top;}

a { color: #BD4A5F; text-decoration: none; cursor: pointer;}
a:hover { border-bottom: 1px solid #BD4A5F;}

img { border: none; vertical-align: bottom;}
img.imgProtection { position: absolute; z-index: 2; top: 0; left: 0; height: 100%;}
p { padding-bottom: 16px;}

h2 { font-family: Georgia, serif; font-size: 24px; line-height: 32px;}
h3 { font-family: Georgia, serif; font-size: 14px; line-height: 16px;}

table { border-collapse: collapse;}
tr { vertical-align: top;}
th { text-align: left;}
td {}

iframe { border: none; width: 100%;}

input { font-size: 9pt; line-height: 16px;}
.inputbox { border: none; background: #EFEFE9; padding: 2px 0;}
.inputbutton { padding: 0 4px; border: none; background: #4A4A4A; color: #FFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer;}
.inputbutton:hover { border: none;}
textarea { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 9pt; line-height: 16px;}
.textbox {}
select {}
option { padding-left: 8px;}

hr { border: none; background: url(dotline_grey.gif) repeat-x center; margin: 16px 0;}


/* Common */
.hide { display: none !important;}
.clear { float: none !important; clear: both !important;}

.moreLink a { display: block; font-size: 8pt; text-align: center; background: #4A4A4A; color: #FFF; line-height: 32px;}
.moreLink a:hover { border: none; background: #F87232;}

.thankyoumessage { background: #598090; color: #FFF; line-height: 32px; padding: 0 8px;}
.errormessage { background: #F87232; color: #FFF; line-height: 32px; padding: 0 8px;}
.errormessage ul li { line-height: 16px;}

.lineheight16 { line-height: 16px !important;}


/* Layout */
.base { display: block; background: url(bg_top.jpg) repeat-x center top;}
.layout { position: relative; display: block; width: 976px; margin: 0 auto; background: url(header.jpg) no-repeat center top;}


/* Header */
.siteName { display: none;}
.globalNavi { position: absolute; z-index: 99; top: 0; display: block; width: 976px; padding-bottom: 32px; background: url(global_shadow.png) no-repeat center bottom;}

.globalPanel { background: #FFF url(global_bg.png) repeat-x left top; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;}

.globalList { position: absolute; z-index: 5; top: 0; right: 16px;}
.globalList ul { padding: 0 8px; list-style-type: none; background: #FFF; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;}
.globalList li { display: block; float: left;}
.globalList li a { display: block; line-height: 32px; padding: 0 8px; color: #4A4A4A;}
.globalList li a:hover { border-bottom: none;}
.globalList li a.on { color: #F87232;}

.topPanel { position: relative; padding: 16px;}
.topPanel h3 { padding: 8px 0; margin-bottom: 16px; background: url(dotline_grey.gif) repeat-x left bottom;}
.topPanel .loginform tr { vertical-align: middle;}
.topPanel .loginform th { text-align: right; padding: 2px 4px;}
.topPanel .loginform td { padding: 2px 4px;}

.loginPanel form { padding: 16px; background: #FFF; border: 1px solid #EFEFE9;}
.loginBox { display: block; width: 464px; float: left;}
.registerBox { display: block; width: 464px; float: right;}

.whyRegister { border: 1px solid #EFEFE9; padding: 16px; font-size: 8pt;}
.whyRegister ul { padding-left: 16px;}
.whyRegister li { padding: 4px 0;}

.sitesPanel ul { list-style-type: none;}
.sitesPanel li { width: 25%; float: left; padding-bottom: 64px;}
.sitesPanel li .siteIntro { padding-right: 16px;}

.topHeader { position: absolute; z-index: 89; top: 0; display: block; padding: 160px 16px 0 16px; background: url(logo.jpg) no-repeat 16px 48px;}

.mainNavi { display: block; width: 944px; background: url(mainnavi.png) repeat-x left top; float: left; -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;}

.mainNavi ul { list-style-type: none;}
.mainNavi li { position: relative; float: left;}
.mainNavi li a { display: block; padding: 0 7px; line-height: 32px; color: #FFF; border-left: 1px solid #6F6F6F; border-right: 1px solid #2C2C2C;}
.mainNavi li a:hover { border-bottom: none;}

.mainNavi ul ul { position: absolute; z-index: 99; display: none; width: 240px; padding-bottom: 8px; float: left; background: #424242; -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;}
.mainNavi ul ul li { min-width: 240px;}
.mainNavi ul ul a { display: block; min-width: 224px; line-height: 16px; padding: 8px; background: #424242; border-left: none; border-right: 0; border-top: 1px solid #6F6F6F; border-bottom: 1px solid #2C2C2C;}
.mainNavi ul ul a:hover { background: #2C2C2C; color: #F87232; border-top: 1px solid #000; border-bottom: 1px solid #2C2C2C;}

.mainNavi li:hover > ul { display: block;}
.mainNavi li:hover > a { background: url(mainnavi.png) repeat-x left -64px;}

.mainNavi li.nv_current > a { color: #fff; background: url(mainnavi.png) repeat-x left -128px;}

.mainNavi li.nvHome a { width: 16px; height: 32px; padding-left: 8px; border-left: none; background: url(ico_home.gif) no-repeat 9px top;}
.mainNavi li.nvHome a span { display: none;}


/* Content Area */
.mainArea { padding-top: 192px;}
.mainContainer { padding: 15px 0; border-top: 1px solid #FFF; border-bottom: 1px solid #6D6E65; background: #f6f6f0 url(main_bg.png) repeat-x left top;}

.contentArea { display: block; width: 704px; padding: 0 16px; float: left;}

.announcementCol { display: block; width: 320px; font-size: 8pt; float: left;}
.featureCol { display: block; width: 368px; color: #FFF; background: url(feature_middle.png) repeat-y left top; float: right;}

.mainTitle { padding: 16px 0;}
.mainTitle h2 { letter-spacing: -1px;}

.homeGallery {}
.homeGallery h3 { display: none;}
.homeGallery .imageContainer img { width: 316px; border: 2px solid #FFF;}
.homeGallery .imageContainer img.imgProtection { margin: 0 2px;}
.homeGallery .imageThumbnail { padding: 8px 0;}

.announcementCol .seperation { padding-bottom: 16px; margin-bottom: 16px; background: url(dotline_grey.gif) repeat-x left bottom;}
.announcementCol .socialNetworks iframe { margin-bottom: 12px;}

.newsList ul { list-style-type: none;}
.newsList li { margin-bottom: 16px;}

.featureCol .open { display: block; height: 16px; background: url(feature_top.png) no-repeat left top;}
.featureCol .close { display: block; height: 16px; background: url(feature_bottom.png) no-repeat left bottom;}

.homeSplash { padding: 0 16px; margin-bottom: 16px; background: url(dotline_light.gif) repeat-x left bottom;}
.featureList { padding: 0 16px; margin-bottom: 16px;}
.featureList dl { background: #FFF; margin-bottom: 16px;}
.featureList dt { padding: 8px; font-family: Georgia, serif; font-size: 14px; font-weight: bold; background: #FAE099; color: #2C2C2C;}
.featureList dt .current { display: none;}
.featureList dd { padding: 8px; color: #4A4A4A;}
.featureList dd .image { position: relative; width: 128px; margin-right: 8px; float: left;}
.featureList dd img { width: 128px;}

.toolsArea { display: block; width: 224px; padding-right: 16px; float: right; font-size: 8pt;}
.toolsArea h3 { font-size: 9pt;}

.toolsGroup { margin-bottom: 8px; padding-bottom: 8px; background: url(dotline_grey.gif) repeat-x left bottom;}

.pageTools { background: #FFF; padding: 7px; border: 1px solid #e2e2e2; margin-bottom: 4px;}
.pageTools ul { list-style-type: none;}
.pageTools li { background: #f8f8f8;}
.pageTools li a { display: block; padding: 3px 4px; border-top: 1px solid #FFF; border-bottom: 1px solid #e2e2e2; background: #F8F8F8;}
.pageTools li a:hover { border-top: 1px solid #ffb9c7; border-bottom: 1px solid #743a45; background: #BE4A60; color: #FFF;}

.profileInfo .avatar { display: block; width: 112px; height: 112px; margin-right: 8px; background: #FFF; overflow: hidden; float: left;}
.profileInfo .avatar img { width: 112px;}

.toolBox { padding: 8px; background: #E2E2E2;}
.toolBox input { font-size: 8pt; margin-bottom: 8px;}
.toolBox .inputbox { width: 100%; background: #FFF;}
.toolBox .imageContainer { text-align: center; padding: 8px; background: #3d3d3d;}
.toolBox .imageContainer img { width: auto !important;}
.toolBox .moreLink a { line-height: 16px; background: #FFF; color: #4A4A4A;}
.toolBox .moreLink a:hover { background: #F87232; color: #FFF;}
.toolBox h4 { font-size: 8pt; margin-bottom: 4px; padding: 4px 0; background: url(dotline_grey.gif) repeat-x left bottom;}
.festivalHighlight h4 a { display: block;}
.festivalHighlight h4 a:hover { border: none; background: #FFF;}
.festivalHighlight .desc { margin-bottom: 8px;}
.festivalHighlight .desc a {}

dl.banner dd { padding-bottom: 8px;}
dl.banner dd a { display: block; width: 220px; height: 56px; overflow: hidden; border: 2px solid #FFF;}
dl.banner dd a:hover { border: 2px solid #4A4A4A;}
dl.banner dd a img { position: relative; top: -2px; left: -2px;}

.contentDetail h2 { font-size: 20px; line-height: 20px; margin-bottom: 16px; text-transform: uppercase;}
.contentDetail h3 { font-size: 16px; line-height: 16px; margin-bottom: 16px; text-transform: uppercase;}
.contentDetail h4 { font-size: 10pt; line-height: 16px;}
.contentDetail h5 { font-size: 9pt; line-height: 16px;}

.contentDetail blockquote { padding: 8px; margin-bottom: 16px; background: #FAE099; color: #2C2C2C;}

.contentDetail small { font-size: 8pt;}

.contentDetail table { width: 100%; margin-bottom: 16px;}
.contentDetail th { background: #e46931; padding: 8px; color: #FFF;}
.contentDetail td { background: #F8F8F8; padding: 8px; border-bottom: 1px solid #E2E2E2;}
.contentDetail td .inputbox { display: block; background: #FFF; border: 1px solid #E2E2E2;}
.contentDetail td .textbox { display: block; background: #FFF; border: 1px solid #E2E2E2;}

.contentDetail table.gallery { table-layout: fixed;}
.contentDetail .gallery td { border: 1px solid #FFF;}
.contentDetail .gallery td img { padding: 7px; background: #FFF; border: 1px solid #AAA;}

.contentDetail table.logos td { background: #FFF;}


.contentDetail ul { padding-left: 32px; margin-bottom: 8px;}
.contentDetail ol { padding-left: 32px; margin-bottom: 8px;}
.contentDetail li { padding: 4px 0;}

.contentDetail img.imgleft { float: left; margin-right: 8px; margin-bottom: 8px;}

.subLink { padding-top: 16px; background: url(dotline_grey.gif) repeat-x left top;}
.subLink ul { list-style-type: none;}
.subLink li { background: #f8f8f8;}
.subLink li a { display: block; padding: 3px 4px; border-top: 1px solid #FFF; border-bottom: 1px solid #e2e2e2; background: #F8F8F8;}
.subLink li a:hover { border-top: 1px solid #ffb9c7; border-bottom: 1px solid #743a45; background: #BE4A60; color: #FFF;}

.backPage a { background: url(backpage_arrow.gif) no-repeat left top; padding-left: 16px;}

.feedback { padding: 14px 16px; margin-right: 16px; background: #fcefcc; border-top: 1px solid #fdfaf1; border-bottom: 1px solid #beb69f;}
.feedback h3 { margin-bottom: 8px;}
.feedback h3 a:hover { border: none;}

.feedback .area { padding: 8px; background: #FFF;}
.feedback .rating { padding: 8px; background: #fae099;}
.feedback .actionArea { margin-bottom: 16px;}

.feedback .actionArea form { padding: 8px; background: #f8f8f8;}
.feedback .actionArea form .textbox { width: 270px; height: 126px; float: left; margin-right: 16px; border: 1px solid #c3c3c3;}
.feedback .actionArea form .validation { margin-bottom: 16px; font-size: 8pt;}

.feedback .commentslist ul { list-style-type: none;}
.feedback .commentslist ul li { margin-bottom: 16px; background: url(dotline_grey.gif) repeat-x left bottom;}
.feedback .commentslist ul li .avatar { display: block; float: left; padding-right: 8px;}

.rating span { display: inline-block; width: 16px; height: 16px; text-indent: -1000px;}
.rating span.on { background: url(rating_star.png) no-repeat -16px top;}
.rating span.of { background: url(rating_star.png) no-repeat 0 top;}
.rating a:hover { border: none; background: url(rating_star.png) no-repeat -16px top;}
.rating a { background: url(rating_star.png) no-repeat 0 top;}

.socialShare { padding: 8px 16px; color: #FFF;}
.socialShare a { padding: 0 4px;}


/* Footer */
.footerArea { padding: 16px; font-size: 8pt;}
.footerArea dl { display: block; width: 304px; margin-right: 32px; float: left;}
.footerArea dl.corpBrand { width: 224px; padding-top: 80px; margin-right: 0; float: right; background: url(corpbrand.png) no-repeat left top;}
.footerArea dl.corpBrand p { padding-bottom: 0;}
.footerArea dt { font-family: Georgia, serif; font-size: 14px; font-weight: bold; line-height: 16px;}
.footerArea .emphasis { display: block; font-family: Georgia, serif; font-size: 20px; font-weight: bold; line-height: 32px;}


/* Image Gallery */
.imageContainer { position: relative;}
.imageContainer img { overflow: hidden;}
.imageContainer img.imgProtection { border: none;}

.imageCaption { padding: 0 8px; font-size: 8pt; background: #4A4A4A; color: #FFF;}

.imageThumbnail { display: block;}
.imageThumbnail .imageThumbnailItem { display: block; width: 32px; height: 32px; float: left;}
.imageThumbnail .imageThumbnailItem a { position: relative; display: block; width: 30px; height: 30px; border: 1px solid #FFF; overflow: hidden;}
.imageThumbnail .imageThumbnailItem a img { width: 30px;}


/* Widget + Apps */
.apps { background: none;}

.apps .contentCol { padding: 0;}
.apps h3 { margin-bottom: 16px;}

.apps table { width: 100%; margin-bottom: 16px;}
.apps th { background: #e46931; padding: 8px; color: #FFF;}
.apps td { background: #F8F8F8; padding: 8px; border-bottom: 1px solid #E2E2E2;}
.apps td .inputbox { display: block; background: #FFF; border: 1px solid #E2E2E2;}
.apps td .textbox { display: block; background: #FFF; border: 1px solid #E2E2E2;}

.apps ul { padding-left: 32px; margin-bottom: 8px;}
.apps ol { padding-left: 32px; margin-bottom: 8px;}
.apps li { padding: 4px 0;}

.widget { background: none;}
.widget h3 { font-size: 9pt; margin-bottom: 0;}

.widget ul { padding: 0; margin: 0;}
.widget ol { padding: 0; margin: 0;}
.widget li { padding: 0;}

.widgetPanel { list-style-type: none;}
.widgetPanel li { background: #f8f8f8;}
.widgetPanel li a { display: block; padding: 3px 4px; border-top: 1px solid #FFF; border-bottom: 1px solid #e2e2e2; background: #F8F8F8;}
.widgetPanel li a:hover { border-top: 1px solid #ffb9c7; border-bottom: 1px solid #743a45; background: #be4a60; color: #FFF;}

.form2coltable { width: 100%; margin-bottom: 16px;}
.form2coltable th { background: #e46931; padding: 8px; color: #FFF;}
.form2coltable td { background: #F8F8F8; padding: 8px; border-bottom: 1px solid #E2E2E2;}


/* Theme */
.contentContainer { background: url(content_bg.png) repeat left top; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.contentHeader { padding: 16px; padding-bottom: 0;}

.contentHeader .breadCrumb { padding-bottom: 16px;}
.contentHeader .breadCrumb span { color: #FFF; padding-right: 16px; background: url(breadcrumb_arrow.gif) no-repeat right top;}
.contentHeader .breadCrumb span a { color: #FAE099;}
.contentHeader .breadCrumb span a:hover { border-bottom: 1px solid #FAE099;}

.contentHeader .pageSelect { color: #FFF; margin-bottom: 16px; height: 16px;}

.contentCol { background: #FFF; padding: 16px; margin-right: 16px; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;}

.detailpg .propertyCol { display: block; width: 288px; float: left; overflow: hidden;}
.detailpg .detailCol { display: block; width: 352px; float: right; overflow: hidden;}

.detailpg .contentImage { background: url(dotline_grey.gif) repeat-x left bottom; padding-bottom: 16px; margin-bottom: 16px;}
.detailpg .imageContainer img { width: 288px;}
.detailpg .imageThumbnail { padding-bottom: 8px;}

.detailpg .propertyInfo { font-size: 8pt;}
.detailpg .infoPanel { background: #fae099; padding: 8px; margin-bottom: 16px;}
.detailpg .infoPanel small { font-size: 8pt;}
.detailpg .infoPanel ul { list-style-type: none;}
.detailpg .infoPanel li { display: inline; margin-right: 8px;}

.newspg .newsCol { display: block; width: 208px; float: left; overflow: hidden;}
.newspg .detailCol { display: block; width: 432px; float: right; overflow: hidden;}

.newspg .newsCol ul { list-style-type: none;}
.newspg .newsCol li { padding-bottom: 16px;}
.newspg .newsCol li strong { display: block;}


/* Application */
#arte_thumbnail { padding: 8px 0; margin-bottom: 16px; background: #F6F6F0;}
#arte_thumbnail dd { display: block; width: 10%; padding: 2px 0; float: left; text-align: center;}
#arte_thumbnail dd a { display: block;}
#arte_thumbnail dd a:hover { border: none;}
#arte_thumbnail dd a img { border: 2px solid #FFF;}
#arte_thumbnail dd a:hover img { border: 2px solid #4A4A4A;}

#arte_detail { margin-bottom: 16px;}
#arte_image { margin-bottom: 16px; font-size: 8pt; text-align: center;}
#arte_image img { max-width: 656px;}

table.entryform th { background: #FAE099; color: #2C2C2C; border-bottom: 1px solid #d1bb80;}
table.entryform th.thead { background: #e46931; color: #FFF; border-bottom: 1px solid #d1bb80;}
table.entryform td select { margin: 4px 0;}
table.entryform td .inputbox { width: 75%; margin: 4px 0;}
table.entryform td .textbox { width: 75%; margin: 4px 0;}
table.entryform td .inputbutton { display: inline-block;}
table.entryform td label { margin-right: 8px; line-height: 24px;}
table.entryform tr.total td { background: #E2E2E2;}

table.progcalender .imageContainer img { width: 128px;}
table.progcalender .imageContainer img#imageContainer { border: 2px solid #FFF;}
table.progcalender .imageContainer img.imgProtection { left: 2px;}
table.progcalender td.imgpreview { width: 132px; background: #4A4A4A;}