/* General styles */
body {
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    background:#fff;
    font-size:12px;
    line-height:1.2em;
}
body.en {
    font-family: verdana,sans-serif;
}
body.ko {
    font-family:"돋움",Dotum,Helvetica,AppleGothic,Sans-serif;
}
a {
    color:#ff8900;
    text-decoration:none;
    font-weight:bold;
}
a:hover {
    text-decoration:underline;
}
h1, h2, h3 {
    font-size:14px;
    margin:.8em 0 0 0;
    padding:0;
    color:#7b4404;
}
h2.title {
    margin-bottom:1em;
}
h2.title a {
    color:#7b4404;
}
p {
    margin:.4em 0 .8em 0;
    padding:0;
}
img {
    margin:10px 0 5px;
    border:0;
}
/* Header styles */
#header {
    clear:both;
    float:left;
    width:100%;
    background-color:#ffaa00;
}
#header p,
#header h1,
#header h2 {
    padding:0;
    margin:0;
}
#header .logo {
    text-indent:-9999px;
    display:block;
    margin:7px auto 0 auto;
}
#header .logo-ko {
    background: url(./img/logo_ko.jpg) no-repeat scroll 50% 50%;
    height:23px;
    width:63px;
}
#header .logo-en {
    background: url(./img/logo_en.jpg) no-repeat scroll 50% 50%;
    height:23px;
    width:116px;
}
#header ul {
    clear:left;
    float:left;
    width:100%;
    list-style:none;
    margin:5px 0 0 0;
    padding:0;
}
#header ul li {
    width:21%;
    float:left;
    list-style:none;
    margin:0 2%;
    padding:0;
}
#header ul li a {
    display:block;
    padding:5px;
    text-align:center;
    color:#fff;
    text-decoration:none;
    position:relative;
    line-height:1.3em;
    font-weight:bold;
}
#header ul li a:hover,
#header ul li a.active,
#header ul li a.active:hover {
    background:#ffd440;
    color:#a66e00;
}

#header ul li a span {
    display:block;
}

#header a.button {
    position:absolute;
    left:2%;
    top:1em;
    color:#fff;
    font-weight:normal;
}
#header a.language {
    position:absolute;
    right:2%;
    top:1em;
    color:#fff;
    font-weight:normal;
}

#header ul#submenu {
    margin:0;
}

#header #submenu {
    clear:both;
    background:#e7e7e7;
    padding:8px 0 0 0;
    text-align:center;
}
#header ul#submenu li a {
    color:#a66e00;
    background-color:#ffe073;
}

#header ul#submenu li a:hover,
#header ul#submenu li a.active,
#header ul#submenu li a.active:hover {
    background:#fff;
}


/* column container */
.colmask {
    position:relative;	/* This fixes the IE7 overflow hidden bug */
    clear:both;
    float:left;
    width:100%;			/* width of whole page */
    overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float:left;
    width:100%;
    position:relative;
}
.col1,
.col2,
.col3 {
    float:left;
    position:relative;
    padding:0 0 1em 0;
    overflow:hidden;
}
/* Full page settings */
.fullpage {
    color:#333333;
}
.fullpage .col1 {
    width:94%;			/* page width minus left and right padding */
    left:3%;			/* page left padding */
}
/* Footer styles */
#footer {
    clear:both;
    float:left;
    width:100%;
    border-top:1px solid #cccccc;
    background-color:#eeeeee;
    color:#777777;
}
#footer p {
    padding:10px;
    margin:0;
    font-size:92%;
    text-align:center;
}
.timestamp {
    text-align:right;
}
form,
.form {
    width:62%;
    text-align:center;
    margin:0 auto;
}
form.full {
    width:100%;
}
form.compact {
    margin:0;
    display:inline;
}
form div.label {
    text-align:left;
}
span.help-text {
    color:#F2C31D;
    font-size:92%;
}
textarea, input {
    background-color:#eaeaea;
    border:#bbbbbb 1px solid;
    padding:5px;
    width:100%;
}
textarea {
    overflow-y:auto;
}
input.button {
    background-color:#bbbbbb;
    border:#000 1px solid;
    font-weight:bold;
    width:62%;
}
form ul {
    list-style:none;
    padding:0;
    display:inline-block;
    zoom:1;
    *display:inline;
    /* width:100%; */
    margin:0 auto;
}
form ul li {
    list-style:none;
    float:left;
    margin:0 0.5em;
}
form ul li input {
    width:auto;
    background-color:#fff;
    border:#fff;
}
.ui-datepicker {
    margin:0 auto;
}
hr {
    margin:2em 0;
    border:1px dashed;
    color:#cccccc;
}
.small {
    font-size:92%;
}
div.message-thread {
    padding:1em;
    width:90%; 
    margin:0 auto;
}
div.message-thread-odd {
    border-top:1px solid #222222;
    border-bottom:1px solid #222222;
    background: #f5f3eb;
}
div.message-thread-odd-dashed {
    border-top:2px dashed;
    border-bottom:2px dashed;
    background: #f5f3eb;
}
.hidden {
    display:none;
}
.show-link {
    text-align:center;
}
pre, blockquote {
    background: #f5f3eb;
    padding:0.5em;
    margin:0.5em 1em 1em;
    color:#555555;
}
table.task {
    width:100%;
}
.icon {
    vertical-align:middle;
    margin:0 0.2em;
}
.trash {
    width:18px;
    height:24px;
    background:#0f0f0f url(./img/trash.png) no-repeat;
}
.update {
    width:24px;
    height:24px;
    background:#0f0f0f url(./img/update.png) no-repeat;
}
strong {
    color:#7b4404;
}