body { background: #FFF; font-family: Verdana; font-size: 12px; }

/* GENERAL */
#container { margin: 0 auto; width: 1024px; min-height: 600px; border: 1px solid black; overflow: hidden; }
a { text-decoration: underline; color: #000; }
    a:hover { text-decoration: underline; }
    a:visited { text-decoration: none; color: #000; }
.pevents { font-size: 14px; }
.active { font-weight: bold; }
.red, .error { color: Red; }
textarea { width: 200px; }
input[type=text] { width: 200px; }
input[type=password] { width: 200px; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.break-word { word-break: break-all; }
.hidden { display: none; }


/* INTRO */
#center { margin: 0 auto; text-align: center; }

.excel { line-height: 35px; }
    .excel img { height: 35px; }

/* HEADER */
#header { width: 1024px; height: 203px; background-image: url("../../CORE/IMG/kmc-logo.png?qs=1"); }

#left { width: 170px; float: left; }
    #left ul { padding-left: 2px; margin: 15px 5px 15px 5px; }
        #left ul li { list-style: none; }
            #left ul li a { border-bottom: 1px solid black; margin-bottom: 10px; width: 100%; display: inline-block; }

    #left a { text-decoration: none; color: #000; }
        #left a:hover { text-decoration: none; font-weight: bold; }
        #left a:visited { text-decoration: none; color: #000; }

#right { width: 822px; float: left; min-height: 450px; padding: 15px 15px 15px 15px; border-left: 1px solid black; }

.mrg-r-10 { margin-right: 10px; }
.mrg-t-15 { margin-top: 15px; }
.w-50-p { width: 50%; float: left; }
.hide { visibility: hidden; }

.writing-about { padding: 0; }
    .writing-about li { list-style-type: none; }
ul.writing-about li label { display: inline-block; font-weight: 500 !important; }

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
    .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
    .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl { direction: rtl; }
    .ui-timepicker-rtl dl { text-align: right; }
        .ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

/* Form */
ul.form { margin: 0; padding: 0; list-style: none; }
    ul.form label { display: block; margin-top: 8px; }
    ul.form input[type=text], ul.form input[type=password], ul.form textarea, ul.form select { width: 250px; }
    ul.form textarea { height: 75px; }
    ul.form span.radio-buttons label { display: inline; }

table.form th { text-align: right; }
table.form input[type=text], table.from select, table.form textarea { width: 250px; }
table.form textarea { height: 75px; }
li.date select { width: 60px; }

/* Tabs */
div.tabs ul.form label { display: inline-block; }
div.tabs ul.form b { display: block; }
div.tabs div.tabs-heading ul, div.tabs div.tabs-content > ul { padding-left: 0; }
div.tabs div.tabs-heading li { list-style: none; float: left; padding: 0 10px; line-height: 1.6em; margin-right: 3px; border: 1px solid #d82128; border-radius: 5px 5px 0 0; background-color: #d82128; color: #fff; cursor: pointer; }
    div.tabs div.tabs-heading li.active { border-bottom-color: #f2faff; background-color: #f2faff; color: #333; cursor: default; }
div.tabs div.tabs-content { margin-top: -1px; padding: 10px; border: 1px solid #d82128; background-color: #f2faff; }
    div.tabs div.tabs-content > ul > li { display: none; list-style: none; }
        div.tabs div.tabs-content > ul > li.active { display: block; }
        div.tabs div.tabs-content > ul > li > ul > li { position: relative; float: left; min-height: 55px; margin: 5px; list-style: none; width: 100%; }
/* End tabs */

/* mailing */
ul.mailing input { float: left; }
ul.mailing table { width: 100%; }
.center-div { margin: 0 auto; width: 625px; }

div.reporter-change-data ul.form * { font-size: 12px; }
ul.reporters li > label { font-weight: 700; }

li.checkbox input { float: left; }
li.checkbox label, ul.reporters li.checkbox label { font-weight: 500; }

/* Notification Boxes
------------------------------------- */
#result .success,
.notification { font-size: 14px; line-height: 18px; margin-bottom: 15px; position: relative; padding: 13px 40px 13px 18px; }

    .notification p { margin: 0; }

    .notification span { font-weight: 600; }

    #result .success,
    .notification.success,
    .notification.success strong { background-color: #EBF6E0; color: #5f9025; }

    .notification.error,
    .notification.error strong { background-color: #ffe9e9; color: #de5959; }

    .notification.warning,
    .notification.warning strong { background-color: #FBFADD; color: #8f872e; }

    .notification.notice,
    .notification.notice strong { background-color: #E9F7FE; color: #5091b2; }

    .notification strong { border: none !important; }

    .notification.success .close,
    .notification.error .close,
    .notification.warning .close,
    .notification.notice .close { padding: 0px 9px; position: absolute; right: 0; top: 22px; display: block; height: 8px; width: 8px; cursor: pointer; }

    .notification.success .close { background: url(../images/alert_boxes_close_ico.png) 0 -8px no-repeat; }
    .notification.error .close { background: url(../images/alert_boxes_close_ico.png) 0 0 no-repeat; }
    .notification.warning .close { background: url(../images/alert_boxes_close_ico.png) 0 -16px no-repeat; }
    .notification.notice .close { background: url(../images/alert_boxes_close_ico.png) 0 -24px no-repeat; }