/************** global **************/
body {
  margin:0;
  padding:0;
  font-size:10px;
  color:#666;
  line-height:1.4;
  /*letter-spacing:0.2em;*/
}

a:link { color:#666; text-decoration:underline; }
a:visited { color:#000; text-decoration:underline; }
a:hover { color:#9CF; text-decoration:none; }

img { border:0; margin:0 ;vertical-align:middle }

.clear { clear:both }
.warn { font-weight:bold; color:red }

ol { margin-left:0; margin-right:0; padding:0 0 0 2em }
ol li { margin:0.6em 0 !important }
ol ol li { margin:0.3em 0 !important }

.buttons { text-align:center }
.buttons input { background-color:#999; color:white }
#globalwrapper {
  margin:0 auto;
  position:relative;
  width:803px;
  text-align:left;
  background-image:url(../images/bg.png);
  background-repeat:no-repeat;
  background-position:2px 57px;
}
#outerBorder {
  border-left:#CCC dashed 1px;
  border-right:#CCC dashed 1px;
  padding:0 1px;
}

.welcome #globalwrapper {
  background-image:url(../images/bg_top.png);
}

h2 span, #menu li span {
  position:absolute;
  top:0; left:-10000pt;
}

#headerwrapper {
  position:relative;
  border-bottom:#CCC dashed 1px;
}

#headerwrapper h1 {
  height:55px;
  margin:0;
  padding-left:10px;
}
#headerwrapper h1 img {
  margin-top:10px;
}

#header {
  position:absolute;
  top:10px; left:149px;
  width:650px;
  height:35px;
  text-align:right;
}

#header ul {
  margin:0;
  padding:0;
  list-style-type:none;
  position:absolute;
  right:0;
  bottom:0;
}

#header li {
  margin:0;
  margin-right:10px;
  padding:0;
  display:inline;
}

#header li a {
  padding-left:7px;
  background-image:url(../images/arrow.png);
  background-repeat:no-repeat;
  background-position:left center;
}

p#footer {
  margin:0;
  margin-top:1px;
  padding:3px 13px 3px 3px;
  color:white;
  background-color:black;
  text-align:right;
  letter-spacing:0.1em;
}

/************** menu **************/

#menu {
  padding-top:1px;
  position:absolute;
  top:176px;left:2px;
  width:802px;
  border-top:#CCC dashed 1px;
  border-bottom:#CCC dashed 1px;
}

.welcome #menu { top:327px; }

#flashmenu { margin-bottom:1px;height:41px; }

#menu ul {
  margin:0;
  padding:0;
  list-style-type:none;
}

#menu li {
  margin:0 1px 1px 0;
  padding:0;
  float:left;
}

#menu li,
#menu li a {
  display:block;
  width:159px;
  height:20px;
}

#menu0 a        { background-image: url(../images/menu/menu0.png)    }
#menu0.active a { background-image: url(../images/menu/menu0_on.png) !important }
#menu0 a:hover  { background-image: url(../images/menu/menu0_hover.png) }
#menu1 a        { background-image: url(../images/menu/menu1.png)    }
#menu1.active a { background-image: url(../images/menu/menu1_on.png) !important }
#menu1 a:hover  { background-image: url(../images/menu/menu1_hover.png) }
#menu2 a        { background-image: url(../images/menu/menu2.png)    }
#menu2.active a { background-image: url(../images/menu/menu2_on.png) !important }
#menu2 a:hover  { background-image: url(../images/menu/menu2_hover.png) }
#menu3 a        { background-image: url(../images/menu/menu3.png)    }
#menu3.active a { background-image: url(../images/menu/menu3_on.png) !important }
#menu3 a:hover  { background-image: url(../images/menu/menu3_hover.png) }
#menu4 a        { background-image: url(../images/menu/menu4.png)    }
#menu4.active a { background-image: url(../images/menu/menu4_on.png) !important }
#menu4 a:hover  { background-image: url(../images/menu/menu4_hover.png) }
#menu5 a        { background-image: url(../images/menu/menu5.png)    }
#menu5.active a { background-image: url(../images/menu/menu5_on.png) !important }
#menu5 a:hover  { background-image: url(../images/menu/menu5_hover.png) }
#menu6 a        { background-image: url(../images/menu/menu6.png)    }
#menu6.active a { background-image: url(../images/menu/menu6_on.png) !important }
#menu6 a:hover  { background-image: url(../images/menu/menu6_hover.png) }
#menu7 a        { background-image: url(../images/menu/menu7.png)    }
#menu7.active a { background-image: url(../images/menu/menu7_on.png) !important }
#menu7 a:hover  { background-image: url(../images/menu/menu7_hover.png) }
#menu8 a        { background-image: url(../images/menu/menu8.png)    }
#menu8.active a { background-image: url(../images/menu/menu8_on.png) !important }
#menu8 a:hover  { background-image: url(../images/menu/menu8_hover.png) }
#menu9 a        { background-image: url(../images/menu/menu9.png)    }
#menu9.active a { background-image: url(../images/menu/menu9_on.png) !important }
#menu9 a:hover  { background-image: url(../images/menu/menu9_hover.png) }
#menu .blank { background-image: url(../images/menu/blank.png) }

#menu h3 {
  display:none;
}

#menu li img {
  vertical-align:top;
}


/************** content **************/
#contentwrapper { 
  padding:166px 0 0 0;
  border-bottom:#CCC dashed 1px;
}

.welcome #contentwrapper { 
  padding:317px 0 0 0;
  border-bottom:#CCC dashed 1px;
}

#contentArea {
  background-image:url(../images/splitter.png);
  background-repeat:repeat-y;
  position:relative;
}

#content {
  float:left;
  width:551px;
  margin:0;
}

#content p { margin:1em 0; }

#content h2, #sidebar h2 {
  margin:0;
  padding:0;
  height:20px;
  background-repeat:no-repeat;
}

.contenttext {
  margin:5px 10px 10px 10px;
}

#content h2 {
  width:567px;
}

#content h3 {
  margin:1em 0;
  padding:0;
  padding-left:7px;
  font-size:100%;
  background-image:url(../images/arrow.png);
  background-repeat:no-repeat;
  background-position:left center;
}

#content h4 {
  margin:1em 0;
  padding:0;
  padding-left:7px;
  font-size:100%;
  background-image:url(../images/box.png);
  background-repeat:no-repeat;
  background-position:left center;
}


#content ul {
  list-style-type:none;
  margin-left:0;
  margin-right:0;
  padding:0;
}

#content li {
  margin:0;
  padding:0;
}

p.backnumber {
 margin:0;
 padding:0;
 text-align:right;
}

p.backnumber a {
  padding-left:7px;
  background-image:url(../images/backnumber.png);
  background-repeat:no-repeat;
  background-position:left center;
}

.outlineTable { border-collapse:collapse }
.outlineTable th, .outlineTable td { text-align:left; vertical-align:top; padding:1px 0.5em 1px 0 }

.faq { clear:both; margin:0.8em 0 }
.faq dt { float:left; width:2em; font-weight:bold }
.faq dd { margin:0 0 0.1em 2em }
.faq > dt:first-child + dd { font-weight:bold }

.separator { border-bottom:#CCC dotted 1px }
.separator hr { display:none }

/************** h2(content) background images **************/

#topics {
  background-image:url(../images/title/topics.png);
}

#outline {
  background-image:url(../images/title/outline.png);
}

#about {
  background-image:url(../images/title/about.png);
}

#judge {
  background-image:url(../images/title/judge.png);
}

#guideline {
  background-image:url(../images/title/guideline.png);
}

#entry {
  background-image:url(../images/title/entry.png);
}

#entry_works {
  background-image:url(../images/title/entry_works.png);
}

#event {
  background-image:url(../images/title/event.png);
}

#history {
  background-image:url(../images/title/history.png);
}

#exhibition {
  background-image:url(../images/title/exhibition.png);
}

#special {
  background-image:url(../images/title/special.png);
}

#winner {
  background-image:url(../images/title/winner.png);
}

#faq {
  background-image:url(../images/title/faq.png);
}

#privacy {
  background-image:url(../images/title/privacy.png);
}

#management {
  background-image:url(../images/title/management.png);
}

/************** sidebar **************/
#sidebar {
  float:right;
  width:217px;
  margin:0 5px 0 0;
  padding-bottom:1em;
}
#sidebar h2 { width:217px }

.QRcode { margin:0; float:left;width:59px; }
.QRdesc { margin:0 0 1.5em 69px }

.banners { list-style-type:none; margin:1em 0 0 1em; padding:0 }
.banners li { list-style-type:none; display:block; margin:0.3em 0 0 0 }
.banners img { vertical-align:text-top }

/************** h2(sidebar) background images **************/

#creatorscafe {
  background-image:url(../images/title/creatorscafe.png);
}

#support {
  background-image:url(../images/title/support.png);
}

/************** welcome **************/
.contentBox {
  float:left;
  width:300px;
}

.exhibitionLink {
  width:210px;
  margin-left:310px;
  padding-top:40px;
}

/************** about **************/
p.profile {
  margin:1em 0 0 1em;
}

#profileTable {
  border-collapse:collapse
}

#profileTable th,#profileTable td {
  border-top:#CCC dotted 1px;
  border-bottom:#CCC dotted 1px;
  padding:1em 0;
  vertical-align:top 
}

#profileTable td { padding-left:1em }

/************** history **************/

#historyTable {
  border-collapse:collapse;
  margin-top:1em;
}

#historyTable th,#historyTable td {
  border-top:#CCC dotted 1px;
  border-bottom:#CCC dotted 1px;
  margin:0;
  padding:1em 0;
  vertical-align:top;
}

#historyTable td {  padding-left:1em; }

/************** exhibition **************/

#exMenuTable {
  border-collapse:collapse;
  margin:0 auto;
}

#exMenuTable th a {
  display:block;
  width:100px;
  height:67px;
}
	
#exMenuTable th span {
  position:absolute;
  top:0; left:-10000pt;
}


#workImg01 a,
#workImg01.active a { background-image: url(../images/exhibition/director01_01s_off.png) }
#workImg01 a:hover  { background-image: url(../images/exhibition/director01_01s.png) }
#workImg02 a,
#workImg02.active a { background-image: url(../images/exhibition/director02_01s_off.png) }
#workImg02 a:hover  { background-image: url(../images/exhibition/director02_01s.png) }
#workImg03 a,
#workImg03.active a { background-image: url(../images/exhibition/director03_01s_off.png) }
#workImg03 a:hover  { background-image: url(../images/exhibition/director03_01s.png) }
#workImg04 a,
#workImg04.active a { background-image: url(../images/exhibition/director04_01s_off.png) }
#workImg04 a:hover  { background-image: url(../images/exhibition/director04_01s.png) }
#workImg05 a,
#workImg05.active a { background-image: url(../images/exhibition/director05_01s_off.png) }
#workImg05 a:hover  { background-image: url(../images/exhibition/director05_01s.png) }
#workImg06 a,
#workImg06.active a { background-image: url(../images/exhibition/director01_02s_off.png) }
#workImg06 a:hover  { background-image: url(../images/exhibition/director01_02s.png) }
#workImg07 a,
#workImg07.active a { background-image: url(../images/exhibition/director05_02s_off.png) }
#workImg07 a:hover  { background-image: url(../images/exhibition/director05_02s.png) }
#workImg08 a,
#workImg08.active a { background-image: url(../images/exhibition/director04_02s_off.png) }
#workImg08 a:hover  { background-image: url(../images/exhibition/director04_02s.png) }
#workImg09 a,
#workImg09.active a { background-image: url(../images/exhibition/director05_03s_off.png) }
#workImg09 a:hover  { background-image: url(../images/exhibition/director05_03s.png) }
#workImg10 a,
#workImg10.active a { background-image: url(../images/exhibition/director01_03s_off.png) }
#workImg10 a:hover  { background-image: url(../images/exhibition/director01_03s.png) }
#workImg11 a,
#workImg11.active a { background-image: url(../images/exhibition/director01_04s_off.png) }
#workImg11 a:hover  { background-image: url(../images/exhibition/director01_04s.png) }
#workImg12 a,
#workImg12.active a { background-image: url(../images/exhibition/director05_04s_off.png) }
#workImg12 a:hover  { background-image: url(../images/exhibition/director05_04s.png) }


#exMenuTable td {
  width:100px;
  text-align:center;
  vertical-align:top;
}

.exWorkTable {
  border-collapse:collapse;
  border-bottom:#CCC dotted 1px;
}

.exWorkTable th, .exWorkTable td { vertical-align:top; }

.exWorkTable th { text-align:center;padding-bottom:10px; }
.exWorkTable td { padding-left:1em; }

span.new { color:red; }

/************** nomination **************/
.nomination th, .nomination td {
  border-top:#CCC dotted 1px;
  padding:10px 0;
}

/************** prize winner **************/
tr.prize { text-align:center; color:red; }
p.to_nomination_link { text-align:right; margin:0; padding:0; }
h4.winner_category { float:left }
table.prize_winner { width:100% }
table.prize_winner th { text-align:center; color:red; }
table.prize_winner .cn { text-align:center; }
div.centerbutton { text-align:center }

/************** special **************/
#nospacer p { margin:0; padding:0; }
#nospacer ul { margin:0; padding:0; }
#nospacer li { margin:0; padding:0; }

/************** form **************/

div.entryCategory { border-top:#CCC dotted 1px }
table.entryCategory { width:100% }
table.entryCategory p { margin:0 0 0.5em 0 }
table.entryDescription th { white-space:nowrap; text-align:right; vertical-align:top }
.entryLink { text-align:right }

.form { border-collapse:collapse; width:100% }
.form th, .form td { vertical-align:top; border:#CCC solid 1px; margin:0; padding:1px 0.5em }
.form th { background-color:#999; color:white; width:12em }
table.form .fieldWithErrors th { background-color:#F77 }
table.form .fieldWithErrors td { background-color:#FDD }

.required { font-weight:bold; color:red }
.policy { text-align:right }
.policy:before { content:url(../images/arrow.png);vertical-align:middle }

.entry_id { margin:0 auto; border:red solid 1px }
.entry_id td { padding:0.3em;font-weight:bold }

/* errors and warnings */

.errorExplanation {
  margin:1em 2em 1.5em 2em; padding:0 2px 2px 2px;
  border:red solid 2px;
}
.errorExplanation h3 {
  background-color:red; color:white;
  font-size:120%;
  margin:0 -2px 2px -2px !important;
  padding:0 2px 2px 2px;
  border:none !important;
  background-image:none !important;
}
.errorExplanation p { margin-top:0; margin-bottom:2px }
.errorExplanation ul { margin:0 0 2px 0; padding:0 0 0 2em !important; list-style-type:square !important }
.errorExplanation li { display:list-item !important }