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

/* —————————————————————————————— INIT —————————————————————————————— */
/*
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea
{margin:0;padding:0;border:0;outline:0;font-size:12px;font-weight:normal;vertical-align:top;outline:none;}
b {font-weight:bold;}
i {font-style:italic;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table {border-collapse:collapse;border-spacing:0;}
a, span {vertical-align:baseline;}*/
a { color:#88868F; text-decoration:none; }
img {vertical-align:top;text-decoration:none;}
table {border-collapse:collapse;border-spacing:0;}

.clear {clear:both; }
.clear5 {clear: both; margin: 5px 0 0 0;}
.clear10 {display: block; clear: both; height: 10px;}
p {margin:0; }
body {background-color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#787878; margin:0; }

.hidden {display: none;}

a.link { text-decoration: underline; color: #3da5d5; font-size: 14px;}

.login {width:300px; margin:auto; padding:80px 0; }
.login p {font-size:14px; margin:0 0 10px 0; color:#666; font-weight:bold; }
.login .cont {border:solid 1px #ededed; -moz-border-radius: 3px; border-radius: 3px; padding:15px; }

.error { background-color:#FEE9EA; border:solid 1px #FFB0B3; -moz-border-radius: 3px; border-radius: 3px; padding:5px; margin:0 0 10px 0;}
.error p {color:#C51014; font-size:12px; font-weight:normal; margin:0;}
.important_notify {color:#C51014;}


.error_input { background-color:#FEE9EA; border:solid 1px #FFB0B3; -moz-border-radius: 3px; border-radius: 3px; }

.err_cont {color: #C51014; font-weight: bold; padding: 4px;}

.notice { background-color:#FEE9EA; border:solid 1px #FFB0B3; -moz-border-radius: 3px; border-radius: 3px; padding:5px; margin:0 0 10px 0;}
.notice p {color:#C51014; font-size:12px; font-weight:normal; margin:0;}

.header {background:#004e6d; border-bottom: solid 2px #fff;  height: 70px; width:auto; padding:0 20px; position:relative;-moz-box-shadow: 0 5px 5px #888; -webkit-box-shadow: 0 5px 5px #888; box-shadow: 0 5px 5px #888; }
.header .title { float:left; padding:10px 0 0 0; }
.header .title h1, .header .title h1 a { color:#fff; font-size:24px; font-weight:normal; margin:0; float: left; line-height: 50px; padding: 0 0 0 5px; }
.header .title h2 { color:#858484; font-size:14px; font-weight:normal; margin:0; }
.header .title .logo { float: left;}
.header .logout {float: right; padding:10px 0 0 0; color:#dfdfdf; }
.header .logout a {
	color: #dfdfdf;
}
.header .logout a:hover {
	color: #fff;
}
.header .logout img {margin:0 0 -2px 6px; }

.header .fb-gateway {
	width: 178px;
	height: 56px;
	position: absolute;
	background: url(../images/facebook_kapu.png) no-repeat;
	left: 800px;
	top: 10px;
}
.header .fb-gateway .fb-cont {width: 125px; height: 35px; margin:0 0 0 35px; padding:5px 10px 5px 5px; }
.header .fb-gateway .fb-cont .fb-info {float:left;  }
.header .fb-gateway .fb-cont img{ float:left; margin:0 3px 0 0; }
.header .fb-gateway .fb-cont .name { font-size:10px; font-weight:bold; margin:0 0 3px 0; color:#333; }
.header .fb-gateway a.fb-button { background:url(../images/fb_kapu_button.png); width:50px; height:15px; border:none; color:#fff; font-size:10px; text-align:center; cursor:pointer; display:block; }

.main_cont label { display:block; color:#878795; font-weight:bold; font-size: 14px; margin:0 0 3px 0; }
.main_cont label.cbox { font-weight: normal; font-size: 12px;}
/*
.main_cont input[type="text"], .main_cont input[type="password"], .main_cont select { border:solid 1px #ededed; -moz-border-radius: 3px; border-radius: 3px; height:20px; text-indent:5px; color:#969595; margin:0 0 10px 0;}
.main_cont select {padding: 4px 8px; height: 28px; text-indent: 0;}
.main_cont .button { background:url(../images/button.png) no-repeat; background-color:transparent; color:#5a5959; line-height:22px; width:79px; height:26px; margin:0 5px 0 0; border:none; cursor:pointer; font-size:12px; }
.main_cont .button:hover{background-image:url(../images/button_hover.png); }
*/

.main_cont .radio_container { max-height: 200px; overflow-y: scroll;}

.content {padding: 0; }
.content .left { background-color:#dfdfe4; width:150px; padding:10px 20px; vertical-align: top; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888;}
.content .left .left_menu {width:auto;}
.content .left .left_menu h3 { margin:0; padding:0 0 5px 0;; }
.content .left .left_menu h3 a {color: #1F1F20; text-transform: uppercase; text-shadow: 0 1px 0 #fff;}
.content .left .left_menu .menu{ margin:0 0 10px 0; }
.content .left .left_menu .menu a { 
	display:block; margin:0 0 0 20px; text-shadow: 0 1px 0 #fff; line-height:18px; 
	padding: 5px 0;
	border-bottom: dashed 1px #bbb;
}
.content .left .left_menu .menu a:hover {color: #000;}
.content .left .infobox { margin:20px 0 0 0; width:200px; }
.content .left .infobox .head {background-color:#424242; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; padding:0 0 0 10px; height:25px; }
.content .left .infobox .head h3 {color:#fff; margin:0; line-height: 24px; }
.content .left .infobox .cont {border:solid 1px #ededed; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; background-color: #f9f9f9; padding:5px 10px; }
.content .left .infobox .cont table { width:100%; }
.content .left .infobox .cont table tr td+td { width:27%; text-align:right; }

.content .right {  
	width:800px; vertical-align:top; padding: 15px 20px 0 10px; 
	background-image: url("../images/EKF_logo_eng_L_7.png");
    background-position: center 100%;
    background-repeat: no-repeat;
}
.content .right .head_title { border-bottom:dotted 1px #a9a9a9; }
.content .right .head_title h1 {
	color: #203267;
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 18px;
	font-weight: bold;
}
.content .right .head_title h2 { color:#ccc; margin:0; padding:0 0 3px 0; font-size: 14px; font-weight: normal; font-style: italic; }
.content .top_button_cont {margin: 15px 0 15px 0;}

.content .right .main_cont {border: solid 1px #ededed; -moz-border-radius: 5px; border-radius: 5px; padding:10px; margin: 0 0 10px 0; }

.content .right table.list, .content .right table.crud {border: 1px solid #E7E8EA; border-collapse:collapse; margin: 0; padding: 0; width:100%; }
.content .right table.list tbody td, .content .right table.crud tbody td {
	border-color: #E7E8EA; border-right: 1px solid #E7E8EA; border-top: 1px solid #E7E8EA; 
	font-size: 12px; text-align: left; 
	padding:5px;
}

/* Lista Table */
.content .right table.list thead th {background-color: #FFFFFF; border-color: #E7E8EA; border-right: 1px solid #E7E8EA; font-size: 14px; font-weight:bold; background-color:#F6F7F9; line-height:30px;  padding: 0 5px; }
.content .right table.list thead th img {margin:0 0 0 5px; }
.content .right table.list th a { font-weight:bold; font-size: 14px; text-decoration:none; display:block; }
.content .right table.list th a:hover {text-decoration:underline; }
.content .right table.list th a.sort_both { background: url(../images/sorticon_both.png) no-repeat right center; padding:0 10px;}
.content .right table.list th a.sort_up { background: url(../images/sorticon_up.png) no-repeat right center; padding:0 10px;}
.content .right table.list th a.sort_down { background: url(../images/sorticon_down.png) no-repeat right center; padding:0 10px;}
.content .right table.list tbody tr:hover {background-color: #FDFDCC;}
.content .right table.list tr.filter {border-top: solid 1px #E7E8EA;}
.content .right table.list tr.filter th {line-height: 10px; padding: 5px;}
.content .right table.list tr.filter label { display: block; text-align: left;}
.content .right table.list input {display: inline; width: 95%;}
.content .right table.list input.w50 {display: inline; width: 40%;}
.content .right table.list input.w20 {display: inline; width: 20%;}

.content .right table.list tfoot td {
	border-color: #E7E8EA; border-right: 1px solid #E7E8EA; border-top: 1px solid #E7E8EA; 
	background-color: #FFFFFF; font-size: 12px; font-weight:bold; text-align:left; padding:10px;
	padding:5px;
}
.content .right table.list tr.bg1 {background-color: #FFF;}
.content .right table.list tr.bg2 {background-color: #F6F7F9;}

/* Form Table */
.input {margin:0 0 20px 0; }
.css3_input {border:solid 1px #D6D6D6; -moz-border-radius: 3px; border-radius: 3px; height:20px; text-indent:5px; color:#656565; }
.css3_select {border:solid 1px #D6D6D6; -moz-border-radius: 3px; border-radius: 3px; color:#656565; padding:5px; }
.css3_textarea {border:solid 1px #D6D6D6; -moz-border-radius: 3px; border-radius: 3px; color:#656565; padding:5px; }
.css3_button { background:#e9e9f3; border:solid 1px #D6D6D6; -moz-border-radius: 3px; border-radius: 3px; padding:5px; color:#656565; cursor:pointer; }
.css3_button:hover { background:#f1f1fa; }
textarea.article {width: 760px !important; height: 500px;}

.input_inline { display: block; float: left; margin: 0 10px 0 0;}
.input_inline label {/*display:inline-block; color:#878795; font-weight:bold; font-size: 14px;*/ margin:0 15px 0 0; }

.fileinput_container {float: left;}
img.prew {float: left; margin: 0 0 0 50px;}

fieldset {margin:  20px 0 0 0;}
.result_holder { max-height: 300px; overflow-y: scroll;}

/* Container Box */
.container_box_title {
	padding: 5px;
	border: 1px solid #EDEDED; 
	border-radius: 5px 5px 0 0; 
	border-bottom-color: #DFDFDF;
    box-shadow: 0 1px 0 #FFFFFF;
    text-shadow: 0 1px 0 #FFFFFF; 
	color: #464646;
	font-size: 18px;
    line-height: 30px;
    padding: 0 0 0 8px;
	background-color: #F1F1F1;
    background-image: -moz-linear-gradient(center top , #F9F9F9, #ECECEC);
}
.container_box { border: 1px solid #EDEDED;
    border-radius: 0 0 5px 5px;
    margin: 0 0 10px;
    padding: 10px;}

/*
.content .right table.form input[type="text"] { margin: 0 !important; width: 100%; border:solid 1px #D6D6D6; -moz-border-radius: 3px; border-radius: 3px; height:20px; text-indent:5px; color:#656565;}
.content .right table.form select { padding: 4px 8px; height: 28px; text-indent: 0; width: 100%; border:solid 1px #D6D6D6; -moz-border-radius: 3px; border-radius: 3px; text-indent:0; color:#656565; margin: 0;}
.content .right table.form textarea { background-color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: 4px 4px; height: 40px; text-indent: 0; width: 99%; border:solid 1px #D6D6D6; -moz-border-radius: 3px; border-radius: 3px; text-indent:0; color:#656565; margin: 0;}
.content .right table.form input[type="submit"] { height: auto; color: #3f3f3f;}*/

.content .right table.form tfoot td {
	border-color: #E7E8EA; border-right: 1px solid #E7E8EA; border-top: 1px solid #E7E8EA; 
	background-color: #FFFFFF; font-size: 12px; font-weight:bold; text-align:left; padding:10px;
	padding:5px;
}
.content .right table.form tr.bg1 {background-color: #FFF;}
.content .right table.form tr.bg2 {background-color: #F6F7F9;}
.content .right table.form th {background-color:#e8e8f1; font-weight:bold; width: 10%; border-color: #E7E8EA !important; border-right: 1px solid; border-top: 1px solid; 
	font-size: 12px; text-align: left; 
	padding:5px; 
}

.content .right table.form .frm_action_select {width: 220px;}

/* Container table */
.content table.container {  border: 1px solid #D6D6D6; border-spacing:0; }
.content table.container td { border: 1px solid #D6D6D6;  -moz-border-radius: 3px; border-radius: 3px;}
.content table.container th { background-color: #F4F4F4; border: 1px solid #CCC;  -moz-border-radius: 3px; border-radius: 3px;}

.content .button_container { padding: 5px 0; }
.content .button_container input {background:url(../images/button.png) no-repeat; background-color:transparent; color:#5a5959; line-height:18px; width:79px; height:26px; margin:0 5px 0 0; border:none; cursor:pointer; font-size:12px; }
.content .button_container input:hover {background-image:url(../images/button_hover.png); }
.content .button_container a {
	background:url(../images/button.png) no-repeat; background-color:transparent; 
	color:#5a5959; font-size:12px; text-align:center;
	padding:5px 0; width:79px; height:16px; margin:0 5px 0 0; 
	border:none; cursor:pointer;  display:block; float:left; 
}
.content .button_container a:hover {background-image:url(../images/button_hover.png); }

.content .pager { margin: 10px 0; }

.footer { background:#004e6d; height:35px; color:#fff; }
.footer .cont {padding:10px 20px; }

/*  lista css */
.active {
	background: #81E677;
}
.need_update {
	background: #FFDF61;
}
.inactive {
	background: #FF6666;
}