/* CSS Document */

a { color: #39C;}
p { margin-bottom: 16px;}

h1 { font-size: 40px; line-height: 32px; letter-spacing: -1px; text-transform: uppercase;}
h2 { font-size: 28px; line-height: 32px; letter-spacing: -1px; font-weight: normal;}
h3 { font-size: 16px; line-height: 16px;}
h4 { font-size: 13px; line-height: 16px;}

small { font-size: 12px;}

table { margin-bottom: 16px;}
tr {}
th { padding: 4px 8px; border: 1px solid #e2e2e2; text-align: right;}
td { padding: 4px 8px; border: 1px solid #e2e2e2;}
thead th { background: #d8d8d8; text-align: left;}
tbody tr:hover { background: #f2f2f2;}

input[type=button] { cursor: pointer;}


/* Layout */
.layout {}


/* Header */
#brand { background: #f2f2f2;}
#brand .container { position: relative; width: 976px; margin: 0 auto;}
#brand hgroup { width: 976px; padding: 16px 0; margin: 0 auto;}
#brand hgroup h1 { width: 320px; margin-bottom: 4px;}
#brand hgroup h1 a { color: #424242;}
#brand hgroup p { width: 320px;}

#sgwis { position: absolute; top: 0; right: 0; width: 216px; padding-top: 64px; background: url(sgg-logo.png) no-repeat right 8px;}
#sgwis h3 { display: none;}
#sgwis p { display: none;}
#sgwis ul { list-style-type: none; padding-left: 8px; margin-bottom: 4px; overflow: auto;}
#sgwis li { display: block; float: left; padding: 0 7px 0 8px; border-left: 1px solid #d2d2d2;}
#sgwis li:first-child { padding-left: 0; border-left: none;}
#sgwis li a { display: block; color: #424242;}
#sgwis .sgsearch { padding-left: 8px;}
#sgwis .sgsearch input[type=text] { width: 148px; padding: 1px; border: 1px solid #c2c2c2;}
#sgwis .sgsearch input[type=button] { border: 1px solid #626262; background: #626262; color: #fff; border-radius: 0 4px 4px 0; cursor: pointer;}


/* Main Navi */
#main-navi { background: #626262;}
#main-navi nav { width: 976px; margin: 0 auto;}

#main-navi nav ul { list-style-type: none;}
#main-navi nav ul.lvla { height: 32px;}
#main-navi nav ul.lvlb { position: absolute; top: 32px; z-index: 2; display: none; width: 240px; background: #828282;}
#main-navi nav ul.lvlc { position: absolute; left: 240px; top: 0; z-index: 3; display: none; width: 240px; background: #828282; border-left: 1px solid #424242;}

#main-navi nav li { display: block;}
#main-navi nav li a { display: block; padding: 0 8px; color: #fff;}
#main-navi nav li.lvl1 { position: relative; float: left;}
#main-navi nav li.lvl1:hover { background: #222;}
#main-navi nav li.lvl1 p { display: none;}
#main-navi nav li.lvl1 a { font-size: 16px; line-height: 32px; font-weight: normal;}
#main-navi nav li.lvl1 a.on { background: #39C;}
#main-navi nav li.lvl2 { position: relative;}
#main-navi nav li.lvl2 a { font-size: 13px; line-height: 16px; padding: 7px 8px; border-top: 1px solid #a2a2a2; border-bottom: 1px solid #424242;}
#main-navi nav li.lvl2 a:hover { background: #424242; border-top: 1px solid #424242; border-bottom: 1px solid #424242;}
#main-navi nav li.lvl2:hover > ul.lvlc { display: block;}
#main-navi nav li.lvl3 a { border-left: 1px solid #a2a2a2;}

body.public #main-navi li.limited { display: none;}


/* Main */
#main #side { width: 240px; float: left;}
#main #content { width: 720px; float: right;}

#member-menu { background: #f2f2f2; padding: 8px; border-radius: 4px;}
#login-menu ul { list-style-type: none;}
#login-menu li a { display: block; padding: 0 4px; line-height: 30px; color: #626262; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
#login-menu li a:hover { background: #e8e8e8;}
body.login li#login { display: none;}
body.public li#logout { display: none;}

#side aside { margin-bottom: 16px;}
#side aside h3 { margin-bottom: 8px;}

.notifyform { display: none; padding: 8px; background: #d2d2d2;}
.notifyform p { margin-bottom: 4px;}
.notifyform ul { padding-left: 16px; margin-bottom: 8px;}
.notifyform input[type=text] { display: block; width: 176px; height: 16px; padding: 4px; margin: 4px 0 4px 16px;}
.notifyform input[type=submit] { margin-left: 16px; margin-top: 8px;}

aside.related ul { list-style-type: none;}
aside.related li a { display: block; padding: 8px 0 7px 0; border-bottom: 1px solid #e2e2e2;}
aside.related li:first-child a { padding-top: 7px; border-top: 1px solid #e2e2e2;}
aside.related li:hover { background: #f2f2f2;}

aside#announcement li.highlight { background: url(corner-star.png) no-repeat right top;}
aside#announcement li.highlight:hover { background-color: #f2f2f2;}

.page-header { padding-bottom: 16px; margin-bottom: 15px; border-bottom: 1px solid #e2e2e2;}
.page-header p { margin-bottom: 8px;}

#content article { margin-bottom: 16px;}
#content article h3 { margin-bottom: 8px;}

body#stalldetailpg .detail-table { width: 464px; float: left;}
.detail-table tr { border-bottom: 1px solid #f2f2f2;}
.detail-table th { border: none;}
.detail-table td { border: none;}

.map { width: 224px; float: right; margin-bottom: 16px;}

#content .stall-detail { margin-bottom: 16px; border-bottom: none;}

.action { clear: both; padding: 8px; margin-bottom: 16px; background: #e2e2e2; text-align: right; border-radius: 4px;}

.steps { margin-bottom: 16px; background: #e2e2e2; border-radius: 4px;}
.steps ul { padding: 0 8px; list-style-type: none; overflow: auto;}
.steps li { display: block; float: left; padding: 4px 16px 4px 8px; background: url(steps-arrow.png) no-repeat right center; color: #b2b2b2;}
.steps li.current { color: #222;}
.steps li.done { color: #222; background: none;}

.form-table th { width: 224px; background: #f8f8f8;}
.form-table tr:hover th { background: #e8e8e8;}
.form-table td input[type="text"] { width: 224px; padding: 4px; border: 1px solid #e2e2e2;}

ul.option-list { list-style-type: none; overflow: auto; padding: 0; margin: 0;}
ul.option-list li { display: block; margin: 0;}

.radiolist label { margin-right: 16px;}

.label-option { margin: 4px 0;}

a.button { padding: 0 8px; background: #828282; color: #fff; border-radius: 4px;}
a.button:hover { background: #39C}

article ul { padding-left: 32px; margin-bottom: 16px;}
article ol { padding-left: 48px; margin-bottom: 16px;}
article li { margin: 16px 0;}

.declaration p { margin-bottom: 0;}
.declaration ul { list-style-type: none; padding-left: 16px;}
.declaration li { margin: 0;}

.application .detail-table th { width: 224px;}

th.topic { background: #f2f2f2; text-align: left;}

a.doc { padding-left: 20px; background: url(ico-doc.png) no-repeat left top;}

.bill-table tbody tr { border-bottom: 1px solid #e2e2e2;}
.bill-table tbody th { font-weight: normal;}
.bill-table th { border: none; text-align: left;}
.bill-table td { border: none;}
.bill-table tfoot { font-weight: bold;}

.applicationnotify { padding: 16px; margin-bottom: 16px; background: #f2f2f2; border-radius: 4px;}
.applicationnotify p { margin-bottom: 8px;}
.applicationnotify input[type=text] { width: 160px; padding: 3px; margin-right: 8px; border: 1px solid #e2e2e2;}

.filter { margin-bottom: 16px;}

td ul { padding-left: 16px; margin-bottom: 0;}
td li { margin: 0 0 4px 0;}

#stallavailable dl { overflow: auto;}
#stallavailable dd { width: 50%; float: left;}
#stallavailable .box { padding: 16px; margin: 0 16px 16px 0; border: 1px solid #e2e2e2;}

.otherstall { display: none; height: 144px; padding: 8px; background: #626262; color: #fff; overflow: auto;}
.otherstall section { display: block; width: 1360px; overflow: auto;}
.otherstall dl { width: 208px; float: left; margin-right: 16px; border: 1px solid #929292; border-radius: 4px;}
.otherstall dt { padding: 7px; background: #424242; border-radius: 4px 4px 0 0;}
.otherstall dd { padding: 7px; background: #727272; border-radius: 0 0 4px 4px;}
.otherstall dl:hover { cursor: pointer; box-shadow: 0 0 2px #222;}
.otherstall dl:hover dt { background: #525252;}
.otherstall dl:hover dd { background: #828282;}
.otherstall ul { list-style-type: none;}

/* Footer */
#sitemap ul { list-style-type: none; text-align:left;}
#sitemap ul.lvla  
{
	margin:0 auto 0 auto;
	overflow: auto; 
	padding:5px;
	
	padding-left:10px; 
	padding-right:0px; 
	width:962px;
	background-image:url(../images/Body/ContentBackground.png); 
	border-radius: 4px;
	}
#sitemap ul.lvlb { padding-right: 8px;}

#sitemap li#home { display: none;} 
#sitemap li.lvl1 { width: 19.4%; float: left; margin-right: 5px;}
#sitemap li.lvl1 h3 a { color: #424242; cursor: default;}
#sitemap li.lvl1 p { margin-bottom: 4px; color: #929292;}
#sitemap li.lvl2 { display: block; border-top: 1px solid #e2e2e2;}
#sitemap li.lvl2 a { display: block; padding: 3px 0 4px 0; color: #6a614e;}
#sitemap li.lvl2 a:hover { background: #f2f2f2; color: #e57100;}
#sitemap li.lvl2.current > a { background: #e0d7c4; color: #6a614e; padding: 3px 8px 4px 8px;}
#sitemap li.lvl2.current a hover { background: #c2c2c2;}
#sitemap ul.lvlc { background: #f2f2f2;}
#sitemap li.lvl3 { display: block; border-top: 1px solid #e2e2e2;}
#sitemap li.lvl3 a { display: block; padding: 3px 8px 4px 8px;}

nav#general { width: 320px; float: left;}
nav#general ul { list-style-type: none; overflow: auto;}
nav#general li { display: block; float: left; margin-right: 16px;}
nav#general li a { display: block;}

footer .siteinfo p { margin-bottom: 0; text-align: right;}


/* Coloring */
.#content { width: 704px !important; font-size: 14px;}
.#content a { color: #e57100;}
.#content a.button { padding: 2px 4px; background: #569cae; color: #fff;}
.#content article h3 { font-size: 20px; line-height: 24px; margin-bottom: 0; color: #6A614E;}
.#content input[type=button] { padding: 4px 8px; background: -moz-linear-gradient(top,  #8dc63f,  #3d5f0f); color: #fff; border: none; border-radius: 4px; text-shadow: 0 -1px 0 #304e07;}
.#content .otherstall { font-size: 13px;}
.#content .action { background: #f2f0ed;}
.thead th { background: #E0D7C4; color: #6A614E;}

.tr.require th { background: #f6f4e7;}
.tr.require td { background: #fbfaf3;}