@charset "utf-8";
/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	background-color: #dedede;
	background-image: url("../img/bg_body.gif");
	background-repeat: repeat-x;
	color:#a8a8a8;
	font-family: "Arial","Trebuchet MS",sans-serif;
	font-size:10px;
  	line-height:16px;
}

.cbhz{
	clear: both;
	height: 0;
	overflow: hidden;
}

a{
	color: #8c8c8c;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
	color: #000;
}
a img{
	border: 0;
}
h1,h2,h3,h4,h5,h6{
	color: #10a4d1;
	font-weight: normal;
	margin: 0;
	padding: 14px 0 7px 0;
}
h1{
	color: #000;
	font-family: "Georgia", serif;
	font-weight: normal;
	margin: 0;
	padding: 14px 0 28px 0;
}
form{
	padding: 0;
	margin: 0;
}
/**/
#container{
	margin: 0 auto;
	width: 980px;
	position: relative;
	background-image: url("../img/bg_container.gif");
	background-repeat: repeat-y;
}
.header_container{
	position: relative;
	width: 980px;
	height: 145px;
	background-image: url("../img/bg_header.gif");
	background-repeat: no-repeat;
}
.logo_container{
	position: absolute;
	left: 37px;
	top: 26px;
}
.top_menu{
	position: absolute;
	top: 7px;
	right: 18px;
	font-size: 1.2em;
}
/*main_menu*/
.main_menu{
	position: absolute;
	right: 24px;
	top: 71px;
}
.main_menu a{
	float: right;
	margin-right:14px;
	height: 37px;
	background-image: url("../img/main_menu.gif");
	background-repeat: repeat-x;
	text-decoration: none;
	padding: 0;
	background-position: 0px 0px;
	font-size: 1.3em;
	color: #fff;
}
.main_menu a span{
	float: left;
	height: 37px;
	background-image: url("../img/main_menu_l.gif");
	background-repeat: no-repeat;
	padding: 0 0 0 14px;
}
.main_menu a span span{
	float: left;
	height: 23px;
	background-image: url("../img/main_menu_r.gif");
	background-repeat: no-repeat;
	background-position: right top;
	padding: 14px 14px 0 0;
}
.main_menu a:hover{
	color: #0984a7;
}
.main_menu a.selected{
	color: #0984a7;
	background-position: 0px -37px;
}
.main_menu a.selected span{
	background-position: 0px -37px;
}
.main_menu a.selected span span{
	background-position: right -37px;
}
/*sub menu*/
.sub_menu{
	position: absolute;
	top: 120px;
	right: 49px;
	color: #87bcca;
	font-size: 1.1em;
}
.sub_menu a{
	color: #87bcca;
}
.sub_menu a:hover{
	text-decoration: underline;
}
.sub_menu a.selected{
	color: #049ac5;
}
/*footer*/
.footer{
	position: relative;
	background-color: #dedede;
	background-image: url("../img/bg_footer.gif");
	background-repeat: no-repeat;
	padding: 30px 14px;
	font-size: 1.2em;
}
/*login*/
.login_box{
	margin:120px auto 0;
	width: 450px;
	height: 295px;
	background-image: url("../img/bg_login.gif");
	background-repeat: no-repeat;
}
/*forms*/
.form_row, .form_row2{
	clear: both;
	padding: 7px 0 0 0;
}
.form_row h3{
	float: left;
	width: 50px;
	font-size: 1.4em;
	color: #0280a4;
	padding: 0;
}
/*inputs*/
.inputs{
	height: 23px;
	margin: 0;
	padding: 5px 5px 0 5px;
	font-size: 1.3em;
	color: #353535;
	border: 0px;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
}
.inputs:focus{
	color: #0596c0;
}
.inputs_302x28{
	width: 292px;
	background-image: url("../img/inputs_302x28.gif");
}
.inputs_302x28:focus{
	background-image: url("../img/inputs_302x28_f.gif");
}
.inputs_202x28{
	width: 192px;
	background-image: url("../img/inputs_202x28.gif");
}
.inputs_202x28:focus{
	background-image: url("../img/inputs_202x28_f.gif");
}
.inputs_155x28{
	width: 145px;
	background-image: url("../img/inputs_155x28.gif");
}
.inputs_129x28{
	width: 119px;
	background-image: url("../img/inputs_129x28.gif");
}
.inputs_129x28:focus{
	background-image: url("../img/inputs_129x28_f.gif");
}
.textareas{
	margin: 0;
	padding: 5px;
	font-size: 1.3em;
	color: #353535;
	border: 0px;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
	line-height: 24px;
}
.textareas:focus{
	color: #0596c0;
}
.textareas_507x223{
	width: 497px;
	height: 213px;
	font-family: "Arial","Trebuchet MS",sans-serif;
	background-image: url("../img/textareas_507x223.gif");
}
.textareas_507x223:focus{
	background-image: url("../img/textareas_507x223_f.gif");
}
/*buttons*/
.buttons{
	height: 30px;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
	cursor: pointer;
	background-repeat: no-repeat;
}
	
.buttons_baglan{
	width: 167px;
	background-image: url("../img/buttons_baglan.gif");
}
	
.buttons_gonder{
	width: 167px;
	background-image: url("../img/buttons_gonder.gif");
}
.buttons_sil{
	width: 34px;
	background-image: url("../img/buttons_sil.gif");
}
.buttons_degistir{
	width: 68px;
	background-image: url("../img/buttons_degistir.gif");
}
.buttons_vazgec{
	width: 64px;
	background-image: url("../img/buttons_vazgec.gif");
}
.buttons_arastir{
	width: 75px;
	background-image: url("../img/buttons_arastir.gif");
}
.buttons_yukle{
	width: 75px;
	background-image: url("../img/buttons_yukle.gif");
}
.buttons_onaysiz_case_kapat{
	width: 227px;
	background-image: url("../img/buttons_onaysiz_case_kapat.gif");
}
.buttons_case_kapatmayi_teklif_et{
	width: 227px;
	background-image: url("../img/buttons_case_kapatmayi_teklif_et.gif");
}
.buttons_kabulet{
	width: 144px;
	background-image: url("../img/buttons_kabulet.gif");
}
.buttons_reddet{
	width: 144px;
	background-image: url("../img/buttons_reddet.gif");
}
.buttons_acik{
	width: 36px;
	height: 20px;
	background-image: url("../img/buttons_acik.jpg");
}
.buttons_aktif{
	width: 42px;
	height: 20px;
	background-image: url("../img/buttons_aktif.jpg");
}
.buttons_kapali{
	width: 50px;
	height: 20px;
	background-image: url("../img/buttons_kapali.jpg");
}
.buttons_onem{
	width: 60px;
	height: 57px;
	background-image: url("../img/buttons_onem_normal.gif");
	background-position: 0px -57px;
}
.buttons_onem_acil{
	background-image: url("../img/buttons_onem_acil.gif");
}
.buttons_onem_cokacil{
	background-image: url("../img/buttons_onem_cokacil.gif");
}
.buttons_onem2{
	width: 60px;
	height: 40px;
	background-image: url("../img/buttons_onem_normal2.gif");
	background-position: 0px -57px;
}
.buttons_onem_acil2{
	background-image: url("../img/buttons_onem_acil2.gif");
}
.buttons_onem_cokacil2{
	background-image: url("../img/buttons_onem_cokacil2.gif");
}
.buttons_onem:hover, .buttons_onem.selected, .buttons_onem2.selected{
	background-position: 0px 0px;
}
/*icons*/
.icons_sil{
	width: 22px;
	height: 23px;
	background-image: url("../img/icons_sil.gif");
	background-repeat: no-repeat;
}
.icons_degistir{
	width: 24px;
	height: 23px;
	background-image: url("../img/icons_degistir.gif");
	background-repeat: no-repeat;
}
/*lists*/
.list{
	clear: both;
}
.list_top{
	float: left;
	height: 68px;
	background-image: url("../img/list_top_left.gif");
	background-repeat: no-repeat;
	position: relative;
	top: 1px;
	left: 0px;
}
.list_top div{
	height: 68px;
	padding: 0 14px;
	background-image: url("../img/list_top_right.gif");
	background-repeat: no-repeat;
	background-position: right top;
}
.list_top_tab{
	float: left;
	height: 68px;
	margin: 0 14px 0 0;
}
.list_top_tab:hover{
	text-decoration: none;
}
.list_top_tab span{
	display: block;
}
.list_top_tab_title{
	color: #04a0cd;
	font-size: 1.2em;
	padding: 14px 0px 7px;
}
.list_top_tab_number{
	color: #c2c2c2;
	font-size: 2.4em;
	font-weight: bold;
}
.list_top_tab.selected{
	background-image: url("../img/list_top_tab_left.gif");
	background-repeat: no-repeat;
}
.list_top_tab.selected .list_top_tab_right{
	height: 68px;
	padding: 0 14px;
	background-image: url("../img/list_top_tab_right.gif");
	background-repeat: no-repeat;
	background-position: right top;
}
.list_top_tab.selected .list_top_tab_title{
	color: #000;
	font-size: 1.2em;
	padding: 7px 0px 14px;
}
.list_top_tab.selected .list_top_tab_number{
	color: #a3a3a3;
	font-size: 3.2em;
	font-weight: bold;
}
.list_top_tab:hover *{
	color: #000;
}
.list_top_tab_sep{
	float: left;
	height: 68px;
	width: 1px;
	overflow: hidden;
	margin: 0 14px 0 0;
	background-image: url("../img/list_top_tab_sep.gif");
	background-repeat: no-repeat;
}
.list_row{
	clear: both;
	margin: 2px 0;
	color: #989898;
	font-size: 1.2em;
	padding: 7px 14px;
}
.list_row:hover{
	background-color: #f0f0f0;
}
.list_header{
	clear: both;
	border: 1px solid #f0f0f0;
	margin: 0;
	color: #595959;
	font-size: 1.3em;
	padding: 7px 14px;
	background-image: url("../img/list_header.gif");
}
.list_col{
	float: left;
	width: 120px;
}
.ticket_list{
	color: #000;
}
.ticket_list span{
	display: block;
}
.ticket_list .ticket_id{
	color: #04a0cd;
}
.list_row:hover .ticket_title{
	text-decoration: underline;
}
/**/
.reply_row{
	width: 594px;
	padding: 12px 0 0 0;
	background-image: url("../img/reply.gif");
	margin-bottom: 28px;
}
.reply_row_tac{
	background-image: url("../img/reply_tac.gif");
}
.reply_row_bottom{
	clear: both;
	width: 594px;
	height: 25px;
	background-image: url("../img/reply_bottom.gif");
}
.reply_row_tac .reply_row_bottom{
	background-image: url("../img/reply_tac_bottom.gif");
}
.reply_name{
	float: left;
	color: #cea614;
	font-size: 1.3em;
}
.reply_date{
	float: right;
	color: #a5a5a5;
	font-size: 1.2em;
}
.reply_content{
	color: #353535;
	font-size: 1.2em;
	padding: 14px 0px;
}
.reply_files{
	position: relative;
	left: 110px;
	top: 7px;
}
/*tooltip*/
#tooltip_container{
	position: absolute;
	padding: 0px 0px 17px 1px;
	background-image: url("../img/tooltip_left_bottom.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 1.2em;
	color: #0596c0;
}
#tooltip_container .ttc_top{
	display: none;
}
#tooltip_container .ttc_body{
	padding: 5px 11px;
	background-image: url("../img/tooltip_right_top.png");
	background-position: right top;
	background-repeat: no-repeat;
}
/**/
/*pager*/
.paginator{
	float: right;
	background-image: url("../img/pager_left.gif");
	padding: 0 0 0 21px;
	height: 31px;
	font-size: 1.2em;
}
.paginator a, .paginator span{
	float: left;
	padding: 1px 7px;
	margin: 0 2px;
	color: #04a0cd;
	background-color: #fff;
	border: 1px solid #cecece;
}
.paginator .current{
	color: #fff;
	background-color: #04a0cd;
}
.paginator a:hover{
	color: #fff;
	background-color: #999;
	text-decoration: none;
}
.paginator div{
	clear: both;
	background-image: url("../img/pager_right.gif");
	background-position: right;
	background-repeat: no-repeat;
	padding: 6px 21px 0 0;
	height: 25px;
}
/**/
.content{
	padding: 14px 21px;
}
.content_right{
	float: right;
	background-image: url("../img/bg_content_right.gif");
	background-repeat: no-repeat;
}
.content_right_bottom{
	width: 227px;
	background-image: url("../img/bg_content_right_bottom.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 14px 21px 14px 35px;
}
.info_box{
	color: #393939;
	padding: 7px 0px 14px; 
}
.info_box div{
	font-size: 1.2em;
	padding: 0px 14px;
}
.info_box h2{
	font-size: 1.2em;
	color: #cea614;
	padding: 4px 14px;
	border-bottom: 1px solid #bdbdbd; 
}
.info_box h3{
	font-size: 1.2em;
	padding: 7px 14px 2px;
	color: #9d9d9d;
}