#kode_guestbook{
    width: 640px;
    margin: 0 auto;
}
#kode_wrapper {
    width: 640px;
    clear: both;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}

#kode_wrapper #kode_nav {
    background-color: #F4F5F7;
    border: 1px solid #E6E6E6;
    clear: both;
    display: block;
    height: 28px;
    font-size: 13px;
    font-weight: normal;
    vertical-align: middle;
    margin-bottom: 10px;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-image: url(images/sprite-icons.png);
    background-repeat: no-repeat;
    background-position: 4px -342px;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 25px;
}

#kode_wrapper .kode_error {
    color:#d00;
    text-transform:none;
    margin-left:6px;
}

#kode_wrapper .kode_post_list {
    clear: both;
    margin-bottom: 10px;
    background-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #E8E8E8;
    padding: 4px;
}

#kode_wrapper .kode_post_list:hover {
    background-color: #EEEEEE;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
}

.kode_post_list .kode_subject {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-shadow: #CCC 1px 0px 0px;
	clear: both;
	height: 22px;
	margin-bottom: 10px;
	text-transform: capitalize;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ECECEC;
}

.kode_post_list .kode_post {
    clear: both;
}


.kode_post_list .kode_avatar {
    float: left;
    height: 100px;
    width: 100px;
    background-image: url(images/bg_avatar.jpg);
    background-position: 0px 0px;
}

.kode_post_list .kode_comment {
    font-size: 13px;
    line-height: 24px;
    float: right;
    width: 526px;
}

.kode_post_list .kode_pmeta {
    color: #666;
    font-size: 11px;
    height: 25px;
    line-height: 20px;
    margin-top: 15px;
}

.kode_post_list .kode_post_reply{
    background-color: #F4F5F7;
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #E6E6E6;
    padding-right: 10px;
    padding-left: 10px;
}

.kode_post_list .kode_clear {
    clear: both;
}

.kode_post_list .kode_hidden {
    display:none;
}

#kode_wrapper #kode_page_copyright {
    height: 26px;
    text-align: center;
    width: 100%;
    padding-top: 10px;
    font-size: 11px;
    background-color: #F4F5F7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#kode_wrapper .kode_waiting {
    display: none;
}

.kode_waiting img {
    padding-top: 0px;
    vertical-align: bottom;
}

/* Forms
---------------------------------------------------------------------*/

form {
    overflow:visible;
}

input:focus,textarea:focus,select:focus {
    outline-width:0; /* No outline border for Safary */
}

input[type="text"],input[type="password"],input[type="select"],input[type="search"],input[type="file"],textarea,select {
    padding:3px;
    color:#333333;
    border: 1px solid #C4C4C4;
    background-image: url(images/input_bg.png);
    background-repeat: repeat-x;
    font-family: Verdana, Arial;
    font-size: 13px;
    font-weight: normal;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
textarea {
    line-height:18px;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    width: 90%;
}
textarea.small {
    height:3.5em;
}
textarea.medium {
    height:6.5em;
}
textarea.large {
    height:20em;
}
input.half,select.half,textarea.half {
    width:50%;
}
input.full,select.full,textarea.full {
    width:97%;
}
input.title {
    font-size:20px;
}
input[type="submit"],input[type="reset"],input[type="button"] {
    margin-bottom:0;
}
input:focus,textarea:focus {
    -moz-box-shadow:0 1px 1px rgba(196,196,196,0.5);
    -webkit-box-shadow:0 1px 1px rgba(196,196,196,0.5);
    -webkit-focus-ring-color:none;
    border-color:#c4c4c4;
}
fieldset {
    position:relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-top-width: 1px;
    border-bottom-width: 2px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #ddd;
    border-bottom-color: #E6E6E6;
    border-right-width: 0px;
    border-left-width: 0px;
    border-right-style: none;
    border-left-style: none;
}
legend {
    background:#fff;
    color:#93BB3A;
    font-weight:bold;
    padding:0 6px 0 0;
    font-size: 14px;
}

fieldset small {
    color:#999;
    font-size:11px;
    display: block;
}

/* Boxes
---------------------------------------------------------------------*/

.kode_box {
    padding: 8px;
    margin-bottom:8px;
    color:#555;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:#eee;
}
.kode_box-info {
    padding-left: 32px;
    border-top:1px solid #B8E2FB;
    border-bottom:1px solid #B8E2FB;
    background-color: #E8F6FF;
    background-image: url(images/sprite-icons.png);
    background-repeat: no-repeat;
    background-position: 8px -205px;
}
.kode_box-warning{
    padding-left: 32px;
    border-top:1px solid #F2DD8C;
    border-bottom:1px solid #F2DD8C;
    background-color: #FFF5CC;
    background-image: url(images/sprite-icons.png);
    background-repeat: no-repeat;
    background-position: 8px -37px;
}
.kode_box-error{
    padding-left: 32px;
    border-top:1px solid #F8ACAC;
    border-bottom:1px solid #F8ACAC;
    background-color: #FFD1D1;
    background-image: url(images/sprite-icons.png);
    background-repeat: no-repeat;
    background-position: 8px -176px;
}
.kode_box-error-msg{
    margin-top:-8px;
    background:#FFF1F1;
    border-top:0 none;
    border-bottom:1px solid #FDDCDC;
    color:#664B4B;
    padding:12px;
}
.kode_box-error-msg ol {
    margin-top: 0;
    margin-bottom: 0;
}
.kode_box-success{
    padding-left: 32px;
    border-top:1px solid #BBDF8D;
    border-bottom:1px solid #BBDF8D;
    background-color: #EAF7D9;
    background-image: url(images/sprite-icons.png);
    background-repeat: no-repeat;
    background-position: 8px -150px;
}

.kode_box a:hover {
    background: transparent !important;
}
#kode_wrapper #kode_adminlogin {
    display: none;
}
#kode_wrapper #kode_adminchange {
    display: none;
}
#kode_wrapper #kode_signform {
    display: none;
}

#kode_wrapper .kode_replyform {
    display: none;
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #CCCCCC;
    padding-top: 2px;
    padding-bottom: 8px;
    margin-top: 4px;
}

#kode_wrapper #kode_result {
    display: none;
}
#kode_wrapper .kode_btn_close {
    text-align: right;
    margin: 0px;
    padding: 0px;
    height: 16px;
}

.kode_buttons {
    float: right;
}


.kode_button {
    background: #DDD url(images/bg-btn.gif) repeat-x 0px 0px;
    border-color: #BBB #BBB #999;
    border-style: solid;
    border-width: 1px;
    color: #333 !important;
    cursor: pointer;
    display: inline-block;
    font: normal normal normal 12px/15px 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    margin: 0px;
    overflow: hidden;
    padding: 5px 9px;
    text-shadow: #F0F0F0 0px 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.kode_buttons .kode_button {
    margin: 0px 0px 0px 5px !important;
}

.kode_button:focus{outline:none;}


.kode_button:hover,.kode_button:focus{
    background-position:0 -6px;
    border-color:#999 #999 #666;
    color:#000;
    text-decoration:none;
}
.kode_button:active{
    background-image:none;
    text-shadow:none;
    outline:none;
}
.kode_button span{
    background-image:url(images/sprite-icons.png);
    background-repeat:no-repeat;
    display:inline-block;
    vertical-align:bottom;
    height:13px;
    outline:medium none;
    overflow:hidden;
    width:13px;
    margin-bottom:2px;
}

.kode_button .kode_plus {
    background-position: -33px -16px;
    height: 14px;
    margin-bottom: 0px;
    margin-right: 1px;
    margin-top: 0px;
    width: 14px;
}

.kode_button .kode_login {
    height: 14px;
    margin-bottom: 0px;
    margin-right: 1px;
    margin-top: 0px;
    width: 14px;
    background-image: url(images/manager.png);
}

.kode_button .kode_button_list {
    background-position: -121px 0px;
    margin-bottom: 1px;
    width: 10px;
}

.kode_button .kode_down-arrow{
    background-position:-110px 4px;
    width:7px;
    margin:0 -1px 0 3px;
}

.kode_submit {
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    font-family: Tahoma, Arial, sans-serif;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    background:#3C6ED1 url("./images/btn-overlay.png") repeat-x !important;
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    border:1px solid #2D69AC !important;
}
.kode_submit:hover, .kode_submit:focus, .kode_submit:active {
    outline:medium none;
    opacity:0.9;
    -khtml-opacity: .9;
    -moz-opacity: 0.9;
    -moz-box-shadow:0 0 5px rgba(71, 131, 243, 0.9);
    -webkit-box-shadow:0 0 5px rgba(71, 131, 243, 0.9);
    box-shadow: 0 0 5px rgba(71, 131, 243, 0.9);
    border:1px solid #2D69AC !important;
}


#kode_dropdown_container {
    display: inline;
    position: relative;
    vertical-align: bottom;
    z-index: 9999;
}

#kode_dropdown_container #kode_dropdown {
    -webkit-box-shadow: rgba(0, 0, 0, 0.296875) 0px 1px 2px;
    background-color: white;
    border: 1px solid #AAA;
    color: #666;
    list-style-type: none;
    margin: 0px !important;
    position: absolute;
    text-align: left;
    width: 120px !important;
    z-index: 99999;
    display: none;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 0px;
    visibility: visible;
    top: 16px;
    right: 0px;
    left: auto;
}

#kode_dropdown li {
    cursor: pointer;
    font: normal normal normal 12px/normal 'Helvetica Neue', Arial, sans-serif;
    margin: 0px !important;
    padding: 6px 8px;
}

#kode_dropdown li:hover {
    background-color: #CCC;
    color: #FFF;
    text-decoration: none;
}

#kode_dropdown li a {
    color: #000;
    text-decoration: none;
}

.kode_location {
    display: inline-block;
    float: left;
    padding-top: 6px;
}

#kode_wrapper .kode_reply_content {
    color: #333;
    padding-top: 6px;
    padding-bottom: 6px;
}
#kode_wrapper .kode_rmeta {
    font-size: 11px;
    color: #999;
}

#kode_wrapper .kode_del_confirm {
    display: none;
}
.kode_del_confirm div {
    background-color: #999;
    width: 120px;
    text-align: center;
    float: right;
    font-size: 12px;
    color: #FFFFFF;
}

.kode_del_confirm div a {
    padding: 5px;
    color: #FFF;
    text-decoration: none;
    font-size: 11px;
}

.kode_del_confirm div a:hover {
    color: #FC0;
}
#kode_signform #kode_avatar_selector {
    padding: 6px;
    width: 176px;
    border: 1px solid #CCCCCC;
    position: absolute;
    height: auto;
    display: none;
    margin-left: 4px;
    background-color: #EEEEEE;
    left: 30px;
    top: 24px;
}
#kode_avatar_selector li {
    float: left;
    width: 30px;
    list-style-type: none;
}
#kode_wrapper #kode_adminConfig {
    display: none;
}

.kode_pmeta .kode_buttons .kode_btn_reply {
    float: right;
    margin-left: 6px;
    background-image: url(images/sprite-icons.png);
    background-repeat: no-repeat;
    background-position: 0px -241px;
    padding-left: 15px;
    margin-right: 6px;
}

.kode_btn_reply:hover {
    background-image: url(images/sprite-icons.png);
    background-repeat: no-repeat;
    background-position: 0px -261px;
}
.kode_pmeta .kode_buttons .kode_btn_del {
    float: right;
    margin-left: 6px;
    background-image: url(images/sprite-icons.png);
    background-repeat: no-repeat;
    background-position: 0px -286px;
    padding-left: 15px;
    margin-right: 6px;
}

.kode_btn_del:hover {
    background-image: url(images/sprite-icons.png);
    background-repeat: no-repeat;
    background-position: 0px -310px;
}

.kode_pmeta .kode_buttons a {
    color: #999;
    text-decoration: none;
}

.kode_pmeta .kode_buttons a:hover {
    color: #333;
    text-decoration: none;
}
.kode_validate_img {
    cursor: pointer;
}
.kode_red_font{
    color:#F00
}
.kode_height20 {
    margin: 0px;
    padding: 0px;
    clear: both;
    height: 20px;
}
#kode_wrapper #kode_avatar {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-top: 4px;
}
#kode_avatar #kode_avatar_all {
    background-image: url(images/sprite-icons.png);
    background-position: 1px -325px;
    display: inline-block;
    height: 16px;
    width: 13px;
    padding: 0px;
    margin-top: 8px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#kode_avatar span {
    float: left;
}