/* Reset
-------------------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font-family: "Myriad Roman", "Myriad Pro", Arial, sans-serif; font-size: 15px; color: #565656; }
ul, ol, p { line-height: 22px; margin-bottom: 10px; }
h1, h2, h3, h4 { font-family: "Myriad Roman", "Minion Pro", Georgia, "Times New Roman", sans-serif; }
h1 { font-size: 29px; margin-bottom: 20px; color: #565656; }
h2 { font-size: 23px; margin-bottom: 14px; }
h3 { font-size: 20px; margin-bottom: 10px; }
h4 { font-size: 18px; margin-bottom: 10px; }
a { color: #e7bd1d; text-decoration: none; }
a:hover, a:focus, a:active { text-decoration: underline; color: #e7bd1d; }
floatLeft { float: left; }
span.yellow { color: #e7bd1d; }
/*-----------------------------------------------------------------------------------------*/

/* Layout
-------------------------------------------------------------------------------------------*/
#l_page { }
#l_page .inner { width: 1010px; margin: 0 auto; overflow: hidden; clear: both; }

#p_header { height: 167px; background: url('../images/layout/header_bg_repeat.png') top left repeat-x; }
#l_header { height: 167px; background: url('../images/layout/header_bg.png') top center no-repeat; }
#l_header > .inner { overflow: hidden; clear: both; }

#l_header > .inner > .logo { margin-top: 58px; float: left; }

#l_header > .inner > .navigation { margin-left: 67px; float: left; margin-top: 80px; }
#l_header > .inner > .navigation > ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; clear: both; }
#l_header > .inner > .navigation > ul > li { float: left; }
#l_header > .inner > .navigation > ul > li > a { display: block; float: left; text-decoration: none; color: #666; font-size: 13px; line-height: 22px; height: 22px; padding: 0 14px; border-left: 1px solid #e2e2e3; }
#l_header > .inner > .navigation > ul > li:last-child > a { border-right: 1px solid #e2e2e3; }
#l_header > .inner > .navigation > ul > li:hover,
#l_header > .inner > .navigation > ul > li.active { color: #000; border-bottom: 3px solid #000; padding-bottom: 1px; }
#l_header > .inner > .navigation > ul > li:hover > a,
#l_header > .inner > .navigation > ul > li.active > a { color: #000; }

#l_header > .inner > .language { float: right; margin-top: 86px; }
#l_header > .inner > .language > ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; clear: both; line-height: 10px; height: 10px; }
#l_header > .inner > .language > ul > li { float: left; color: #ccc; }
#l_header > .inner > .language > ul > li:after { content: '/'; }
#l_header > .inner > .language > ul > li:last-child:after { content: ''; }
#l_header > .inner > .language > ul > li > a { display: block; float: left; text-decoration: none; color: #ccc; font-size: 11px; padding: 0 3px; }
#l_header > .inner > .language > ul > li > a:hover,
#l_header > .inner > .language > ul > li.active > a { color: #97988f; }

#l_body { }
#l_body > .inner { }
#l_body > .inner > .leftbar { float: left; margin-top: 93px; width: 190px; margin-bottom: 50px; }
#l_body > .inner > .leftbar > ul { list-style-type: none; margin: 0; padding: 0; }
#l_body > .inner > .leftbar > ul > li { }
#l_body > .inner > .leftbar > ul > li > a { font-size: 13px; display: block; color: #666; text-decoration: none; border-bottom: 1px solid #e5e5e5; padding: 6px 1px; line-height: 1.3em;  }  
#l_body > .inner > .leftbar > ul > li:first-child > a { border-top: 1px solid #e5e5e5; }
#l_body > .inner > .leftbar > ul > li > a:hover,
#l_body > .inner > .leftbar > ul > li.active > a { color: #333; border-bottom: 1px solid #aeaeae; }
#l_body > .inner > .main { float: right; width: 752px; min-height: 450px; margin-bottom: 50px; }
#l_body > .inner > .main > h1 { margin-top: 36px; width: 690px; }
#l_body > .inner > .main > .view-content p:last-child { margin-bottom: 0; }
#l_body > .inner > .main > .view-content > .cms-content { margin-bottom: 15px; width: 752px; }
#l_body > .inner > .main > .view-content > .cms-content .option-emotion-pic { margin-bottom: 25px; width: 760px; }
#l_body > .inner > .main > .view-content > .cms-widget { margin-bottom: 15px; overflow: hidden; clear: both; }
#l_body > .inner > .main > .view-content > .cms-widget .widget { margin-bottom: 15px; }
#l_body > .inner > .main > .view-content > .cms-widget .widget:last-child { margin-bottom: 0; }

#p_footer_one { background: #828079; }
#l_footer_one { padding-bottom: 7px; }
#l_footer_one > .inner { }
#l_footer_one > .inner > .column { float: left; margin: 0; width: 168px; }
#l_footer_one > .inner > .column > h3 { border-bottom: 1px solid #c2c2bb; padding-left: 17px; height: 34px; line-height: 34px; text-transform: uppercase; font-size: 12px; color: #ffffff; font-weight: bold; font-family: "Myriad Roman", "Myriad Pro", Arial, sans-serif; margin: 0; }
#l_footer_one > .inner > .column > h3.marginTop { margin-top: 35px; border-bottom: 0; }
#l_footer_one > .inner > .column > h3 > a { color: #fff; text-decoration: none; }
#l_footer_one > .inner > .column > h3 > a:hover, 
#l_footer_one > .inner > .column > h3 > a:active,
#l_footer_one > .inner > .column > h3 > a:focus { text-decoration: none; color: #fff; }
#l_footer_one > .inner > .column > ul { line-height: 19px; list-style-type: none; margin: 0; padding: 0; margin-top: 8px; padding-left: 17px; font-size: 12px; }
#l_footer_one > .inner > .column > ul > li { margin-bottom: 5px; }
#l_footer_one > .inner > .column > ul > li > a { line-height: 1em; text-decoration: none; color: #d6d6d6; }
#l_footer_one > .inner > .column > ul > li > a:hover,
#l_footer_one > .inner > .column > ul > li.active > a { color: #fff; }

#l_footer_two { height: 60px; background-color: #fff; }
#l_footer_two > .inner { }
#l_footer_two > .inner > .logo { float: left; margin-top: 24px; margin-right: 110px; }
#l_footer_two > .inner > ul { float: left; list-style-type: none; color: #999; margin: 0; font-size: 12px; line-height: 60px; height: 60px; overflow: hidden; }
#l_footer_two > .inner > ul > li { float: left; padding-left: 1px; margin-right: 28px; background: url('../images/layout/bg_line.png') top left no-repeat; }
#l_footer_two > .inner > ul.right { float: right; }
#l_footer_two > .inner > ul.right > li { background: none; }
#l_footer_two > .inner > ul.right > li > a { text-decoration: none; color: #999; }
#l_footer_two > .inner > ul.right > li > a:hover { color: #666; }

#p_footer_three_repeat { height: 39px; background: url('../images/layout/footer_three_bg_repeat.png') top left repeat-x; bottom: 0; }
#l_footer_three { height: 39px; }

p.editPage { clear: both; overflow: hidden; margin-bottom: 20px; }
p.editPage a.edit { padding-left: 20px; font-size: 12px; color: #000; width: auto; background-position: left; line-height: 16px; }
p.editPage a.edit:hover, p.editPage a.edit:focus, p.editPage a.edit:active { text-decoration: none; }
a.edit { display: block; float: left; background: url('../images/icon/16x16/edit.png') top center no-repeat; width: 16px; height: 16px; }
/*-----------------------------------------------------------------------------------------*/

/* Form
-------------------------------------------------------------------------------------------*/
.form { }
.form .row { overflow: hidden; clear: both; padding: 5px 0; }
.form .row:nth-child(even) { }
.form .row label { display: block; float: left; padding-top: 3px; width: 150px; }
.form .row label .required { color: #e7bd1d; }
.form .row input[type="text"],
.form .row input[type="password"],
.form .row textarea,
.form .row select { float: left; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 300px; padding: 3px; border: 1px solid #ccc; }
.form .row select { width: 308px; }
.form .row input[type="checkbox"],
.form .row input[type="radio"] { margin-top: 3px; float: left; display: block; }
.form .row textarea { height: 130px; }
.form .row input[type="file"] { float: left; display: block; }
.form .row input[type="submit"] { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;box-shadow:inset 0px 1px 0px 0px #ffffff;background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');background-color:#ededed;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#777777;font-family:arial;font-size:15px;font-weight:bold;padding:6px 24px;text-decoration:none;text-shadow:1px 1px 0px #ffffff;}.myButton:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');background-color:#dfdfdf; }
.form .row .errorMessage { margin-left: 155px; clear: both; color: #FD162C; font-size: 10px; }
.successMsg { color: #fff; padding: 5px; background-color: #2d9b3a; margin-bottom: 20px; }
.form .captcha-container{padding-left: 150px;padding-top: 30px;}
.form .captcha-container .captcha-msg{margin-top: 20px;color: #ff4d00;}
/*-----------------------------------------------------------------------------------------*/

/* Sub Navigation
-------------------------------------------------------------------------------------------*/
ul.subNavigation { list-style-type: none; margin: 0; padding: 0; }
ul.subNavigation li { float: left; margin-right: 24px; margin-bottom: 14px; }
ul.subNavigation li a { color: #565656; text-decoration: none; }
ul.subNavigation li a:hover,
ul.subNavigation li a:focus,
ul.subNavigation li a:active { text-decoration: none; }
/*-----------------------------------------------------------------------------------------*/

/* Tree View
-------------------------------------------------------------------------------------------*/
ol.treeView { list-style-type: none; margin: 0; padding: 0; overflow: hidden; clear: both; }
ol.treeView .node { color: #fff; overflow: hidden; clear: both; background-color: #797979; margin-bottom: 1px; cursor: pointer; }
ol.treeView .node.first { background-color: #797979; }
ol.treeView .node .header { overflow: hidden; clear: both; padding-left: 11px; padding-right: 11px; }
ol.treeView .node .header:hover,
ol.treeView .node .header.active { color: #333333; background-color: #f9d320; }
ol.treeView .node.first .header:hover,
ol.treeView .node.first .header.active { color: #333333; background-color: #f9d320; }
ol.treeView .node .content { cursor: default; overflow: hidden; clear: both; background-color: #ededea; color: #666666; }
ol.treeView .label { display: block; float: left; overflow: hidden; height: 31px; line-height: 31px; }
ol.treeView .action { display: block; float: right; overflow: hidden; height: 31px; }
ol.treeView .action a { display: block: height: 31px; line-height: 31px; display: block; width: 15px; text-align: center; color: #fff; text-decoration: none; }
ol.treeView ol { border: 0; padding: 0; list-style-type: none; }
ol.treeView ol .node .header, ol.treeView ol .node .content { padding-left: 25px; }
ol.treeView ol .node .header { background-color: #bbbbb3; }
ol.treeView ol .node .header:hover,
ol.treeView ol .node .header.active { color: #fff; background-color: #a7a7a2; }
ol.treeView ol ol .node .header  { padding-left: 39px; }
ol.treeView ol ol .node .content { padding-left: 39px; padding-right: 39px; }
ol.treeView ol ol ol .node .header { padding-left: 53px; }
ol.treeView ol ol ol .node .content { padding-left: 53px; padding-right: 53px; }
ol.treeView ol ol ol ol .node .header { padding-left: 67px; }
ol.treeView ol ol ol ol .node .content { padding-left: 67px; padding-right: 67px; }
ol.treeView ol ol ol ol ol .node .header { padding-left: 81px; }
ol.treeView ol ol ol ol ol .node .content { padding-left: 81px; padding-right: 81px; }
ol.treeView ol ol ol ol ol ol .node .header { padding-left: 95px; }
ol.treeView ol ol ol ol ol ol .node .content { padding-left: 95px; padding-right: 95px; }
ol.treeView ol ol ol ol ol ol ol .node .header { padding-left: 109px; }
ol.treeView ol ol ol ol ol ol .node .content { padding-left: 109px; padding-right: 109px; }
ol.treeView ol ol ol ol ol ol ol ol .node .header { padding-left: 123px; }
ol.treeView ol ol ol ol ol ol ol ol .node .content { padding-left: 123px; padding-right: 123px; }
ol.treeView ol ol ol ol ol ol ol ol ol .node .header { padding-left: 137px; }
ol.treeView ol ol ol ol ol ol ol ol ol .node .content { padding-left: 137px; padding-right: 137px; }
ol.treeView ol ol ol ol ol ol ol ol ol ol .node .header { padding-left: 151px; }
ol.treeView ol ol ol ol ol ol ol ol ol ol .node .content { padding-left: 151px; padding-right: 151px; }
ol.treeView ol ol ol ol ol ol ol ol ol ol ol .node .header { padding-left: 165px; }
ol.treeView ol ol ol ol ol ol ol ol ol ol ol .node .content { padding-left: 165px; padding-right: 165px; }
ol.treeView .node .content .description { padding: 20px 11px; font-size: 13px; line-height: 17px; }
ol.treeView .node .content .files { overflow: hidden; clear: both; margin-bottom: 30px; }
ol.treeView .node .content .files .file { border-bottom: 1px solid #ddd; cursor: pointer; overflow: hidden; clear: both; padding: 20px 10px; margin-right: 20px; }
ol.treeView .node .content .files .file:first-child { margin-top: 20px; padding-top: 10px; }
ol.treeView .node .content .files .file:last-child { border: 0; }
ol.treeView .node .content .files .file:last-child { margin-bottom: 0; }
ol.treeView .node .content .files .file:hover { background-color: #8f8f8f; color: #fff; }
ol.treeView .node .content .files .file:hover h4 { color: #fff; }
ol.treeView .node .content .files .icon { float: left; width: 55px; text-align: left; }
ol.treeView .node .content .files .filetext { float: left; font-size: 13px; width: 90%; }
ol.treeView .node .content .files .filetext h4 { margin-bottom: 7px; font-size: 13px; font-family: "Myriad Roman", "Myriad Pro", Arial, sans-serif; font-weight: bold; color: #666666; line-height: 1em; }
ol.treeView .node .content .files .filetext p { line-height: 17px; }
/*-------------------------------------------------------------------------------------------*/

.option-emotion-pic { margin-bottom: 20px; }


/* Admin Navigation
-------------------------------------------------------------------------------------------*/
#adminNavigation { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; height: 20px; font-size: 12px; border-bottom: 1px solid #ededed; margin-bottom: 1px; }
#adminNavigation > ul { list-style-type: none; margin: 0; padding: 0; float: left; overflow: hidden; }
#adminNavigation > ul > li { float: left; }
#adminNavigation > ul > li > a { display: block; float: left; height: 20px; line-height: 20px; text-decoration: none; color: #999999; padding: 0 15px; }
#adminNavigation > ul > li > a:hover,
#adminNavigation > ul > li.active > a { color: #666666; }
#adminNavigation > ul.logout { float: right; }
#adminNavigation > ul.logout > li > a { color: #FD162C; }
#adminNavigation > ul.logout > li > a:hover { color: #c60013; }