@charset "UTF-8";
/* CSS Document */

body, html {
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, sans-serif,"Trebuchet MS";
	font-weight:lighter;
	-webkit-font-smoothing: antialiased !important;	
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	height:100%;
	color:#333;
	line-height:1.7em;
}

a {
	color:#4678c8;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.margin-body input[type="text"], .margin-body input[type="email"], select, label {
	box-sizing:border-box;
	display:block;
	width:50%;
	margin:20px 0;
	outline:none;
}

.margin-body input[type="text"], .margin-body input[type="email"], select {
	padding:10px;
	border-radius:3px;
	border:1px solid #AAA;
}

#user-msg-tinymce {
	width:50%;
}

textarea {
	height:250px;
}

input[type="submit"] {
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	outline:none;
	border:none;
	border-radius:3px;
	width:50%;
	background-color:#4678c8;
	color:#FFF;
	padding:10px;
	cursor:pointer;
	font-weight:bold;
}

.margin-body input[type="text"]:focus, .margin-body input[type="email"]:focus {
	border-color:#4678c8;
}

h1 {
	margin:0;
	padding:0;
}

h1, h2, h3, #title {
	color:#666 !important;
}

#title {
	text-decoration:none;
}

.error {
	color:#FF0000;
}

.small {
	font-size:small;
}

hr {
	border: 0;
    height: 0;
    border-top: 1px solid #DDD;
}

.margin-body {
	width:75%;
	margin:0 auto;
}

.outer-padding {
	padding:0px 15px !important;
}

.inner-padding {
	padding:15px !important;
}

.header {
	font-size:small;	
	float:left;
	width:50%;
	height:60px;
	line-height:60px;
}

#langauge select {
	float:right;
	background-color:#FFF;
	font-size:small;
}

#nav {
	text-align:left;
}

#nav a:not(:first-child) {
	margin-left:20px;
}

.inner-padding {
	padding:10px;
}

#kb-search {
	clear:both;
	width:100%;
	height:150px;
	line-height:150px;
	text-align:center;
	background-color:#F5F5F5;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
}

#kb-search input {
	width:calc(75% - 40px);
	padding:20px;
	font-size:x-large;
	border-radius:3px;
	border:1px solid #DDD;
	outline:none;
}

#kb-search input::-webkit-input-placeholder::before { font-family: fontAwesome; content:'\f002  '; color: #AAA }
#kb-search input::-moz-placeholder::before  { font-family: fontAwesome; content:'\f002  '; color: #AAA } /* firefox 19+ */
#kb-search input:-ms-input-placeholder::before  { font-family: fontAwesome; content:'\f002  '; color: #AAA } /* ie */
#kb-search input -moz-placeholder::before  { font-family: fontAwesome; content:'\f002  '; color: #AAA }

.kbeven, .kbodd {
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.kbeven {
	float:left;
	width:50%;
}

.kbodd {
	clear:both;
	width:100%;
}

.kbeven hr {
	margin-right:20px;
}

#kb-new-top-clear {
	clear:both;
}

.kb-new-top {
	width:50%;
	float:left;
}

#breadcrumb {
	background-color:#F5F5F5;
	border-radius:3px;
	padding:10px;
}

.u-kb-rate {
	border:1px solid #EEE;
	border-radius:3px;
	margin:3px;
	padding:5px 10px;
}

.u-kb-rate:hover {
	border-color:#09F;
}

#u-show-ticket-detail {
	display:none;
	visibility:hidden;
}

.user-message {
	border:1px solid #DDD;
	border-radius:3px;
	margin:20px 0;
}

.user-message:before,
.user-message:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.user-message:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.user-message {
    *zoom: 1;
}

.user-message:nth-child(even) {
	background-color:#F9F9F9;
}

.u-date {
	float:right;
}

#body-left, .body-60, .body-80, #body-right {
	float:left;
	word-break:break-all;
	word-wrap:break-word;
}

#body-left {
	background-color:#F9F9F9;
	border-radius:3px;
	width:20%;
}

.body-60 {
	width:60%;
}

.body-80 {
	width:80%;
}

#body-right {
	width:20%;
}

#body-right ul {
	margin:0;
	padding:0;
	list-style:none;
}

#body-right ul li {
	border-radius:5px;
	margin:10px 0;
	padding:10px;	
	color:#FFF;
}

#body-right ul li a {
	color:#FFF;
	display:block;	
}

#body-right ul li .fa {
	float:right;
	color:#FFF;
}

#Positive {
	background-color:#6C0;
}

#Neutrel {
	background-color:#FC0;
}

#Negative {
	background-color:#F30;
}

.disabled-li {
	opacity:0.3;
}


@media screen and (max-width: 960px) {
body, html {
	font-size:small;
}
	
.header {
	float:none;
	width:100%;
	height:auto;
}

#nav a:not(:first-child)  {
	display:block;
	margin:0;
	padding:0;
}

.margin-body {
	width:90%;
}

.kb {
	float:none;
	height:auto !important;
	width:100%;
}

.kb-new-top {
	width:100%;
	float:none;
}

.margin-body input[type="text"], .margin-body input[type="email"], label, select, input[type="submit"] {
	width:100%;
}

#user-msg-tinymce {
	width:100%;
}

#u-show-ticket-detail {
	display:block;
	visibility:visible;
}

.u-date {
	float:left;
	margin:1.7em 0;
}

.u-ticket-detail {
	display:none;
}

#body-left, .body-60, .body-80, #body-right {
	float:none;
	width:100%;
}

.outer-padding {
	padding:0px !important;
}

}