/*
 * Color Tone
 * 
 * darkblue:#313596
 * skyblue:#0296de
 * darkred:#961613
 */

body, div, td, th, p, input, textarea {font-family:"맑은 고딕", "Trebuchet MS", "Tahoma"; font-size:12px; line-height: 1.4}
/*a, img, div {behavior:url(iepngfix.htc)}*/
img {border:0px;}
a:link {text-decoration: none; color:#0296de}
a:visited {text-decoration: none;color:#313596}
a:hover {text-decoration: underline; color:#0296de}
body {text-align:center;background:#e5e5e5 url('gradient.png') repeat-x}
table {margin:10px 14px;border:1px solid #e5eff8;border-collapse:collapse;}
table td {border:1px solid #e5eff8;text-align:center;}
table th {border:1px solid #e5eff8;text-align:center;}

/*Common Form*/
label {width:70px;float:left;text-align:right}


/*Main*/
div#main {margin:0 auto; overflow:auto; min-height:600px; width:950px; text-align:left;border:1px solid #333333; background:white}
div#body {min-height:900px;width:550px;padding:0px 5px;float:left;border-right:1px solid #f0f0f0;border-left:1px solid #f0f0f0}
div#body table{width:520px;}
div#bodyspan {min-height:900px;width:780px;padding:0px 5px;float:left;border-left:1px solid #f0f0f0}
div#bodyspan table {width:740px;}

/*Common*/
.description {color:gray;font-size:80%}
.center {text-align:center;padding:3px;}

/*Header Component*/
div#header div.menu {background:#0296de url('images/top_stripe.png'); padding:3px 0px; border-top:5px #313596 solid; color:white; font-weight:bold}
div#header div.menu a {color:white}
div#header div.title {text-align:center; background:#fcfcfc url('images/stripe_bg.png'); background-position: -10px -10px; padding:10px; height:100px;}
div#header div.leftpanel {width:150px;float:left;text-align:left;}
div#header div.rightpanel {width:230px;float:right;text-align:right;}

/*Tab Component*/
div#tab {width:950px;background:#fcfcfc url('images/stripe_bg.png'); background-position: 10px 10px;overflow:auto}
div#tab ul {padding:0;margin:0px;list-style-type:none;margin-left:150px;}
div#tab ul li {background:#f0f0f0;float:left;width:100px;margin-right:30px;}
div#tab ul li.selected {background:white;}
div#tab ul li a {display:block;text-align:center;padding:0;text-decoration:underline;font-weight:bold;width:100px;}
div#tab ul li a:hover {background:white;}

/*Leftpanel Component*/
div#leftpanel {min-height:900px;width:150px;float:left;clear:both;}
div#leftpanel ul.menu {margin:0;padding:0;background:#f0f0f0;list-style-type:none;line-height:2}
div#leftpanel ul.menu li {font-weight:bold;}
div#leftpanel ul.menu li a {padding-left:3px;overflow:auto;display:block;width:100%;text-decoration:none;font-weight:bold;border-bottom: 1px solid white;}
div#leftpanel ul.menu li a:hover {background:#fafafa;}
div#leftpanel ul.menu ul {margin:0px; padding:1px;background: white;list-style-type:none;}
div#leftpanel label {text-align:left}

/*Rightpanel Component*/
div#rightpanel {width:230px;float:right}
div#rightpanel ul {margin:0;padding:0;list-style-type:none;}
div#rightpanel a {font-weight:bold;}
div#rightpanel ul li a span.title {color:#DB1613;}

/*Entry View Page*/
div.entry {clear:both}
div.entry div.authors {text-align:right}
div.entry div.body {}
div.entry div.left {float:left}
div.entry div.right {float:right;text-align:right}
div.entry div.menu {}
div.navigation {clear:both;font-weight:bold;font-size:150%;text-align:center;padding-bottom:50px}

/*Comments in Entry*/
.comments div.item {border:1px solid #f0f0f0;margin:10px 0px;}
.comments * {margin:5px 14px;}
.comments div.nick_name {text-align:left;color:black;font-weight:bold;float:left;font-size:18px; font-family:"Trebuchet MS"}
.comments div.email {text-align:left;top:-10px;color:#999999;font-size:18px; font-family:"Trebuchet MS"}
.comments div.time {color:#313596; font-weight:bold; text-align:right}
.comments div.body {padding-bottom:10px}

/*Comments Form*/
fieldset.comments {text-align:center;}
fieldset.comments fieldset {width:200px;float:left}
fieldset.comments label {clear:both;}
fieldset.comments fieldset label {width:70px;margin:0}
fieldset.comments fieldset input {width:90px;margin-left:5px;}
fieldset.comments textarea {width:440px;}

/*Member Form*/
fieldset.member label {width:170px;margin-right:14px}
fieldset.member select.short {width:150px}

/*Management Common Form*/
fieldset.common .text {width:450px}
fieldset.common .shorttext {width:400px}
fieldset.common input.number {width:100px}
fieldset.common textarea {width:535px;height:400px}
fieldset.common textarea.raw {width:450px;height:100px}

/*Management Directory List*/
.imagefile {float:left;width:100px;height:120px;border:1px solid #f0f0f0;text-align:center;margin:4px;}