@font-face {
	font-family: "Century Gothic";
	src: url("../font/gothic.ttf");
	font-weight: normal;
	font-style: normal;
}

html {
	overflow-x: hidden; overflow-y: auto; /* IE6 ve IE7 'de sayfada disabled vertical scrollbar çýkmasýný engeller */
}

body {
	background: url("../images/body.png");
}

.table1_border {
	border: 1px solid darkorange;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.td1_border_bottom {
	border-bottom: 1px solid darkorange;
}

.td1_border_right_bottom {
	border-right: 1px solid darkorange;
	border-bottom: 1px solid darkorange;
}

.td1_border_right_bottom_left {
	border-right: 1px solid darkorange;
	border-bottom: 1px solid darkorange;
	border-left: 1px solid darkorange;
}

.table2_border {
	border: 1px solid chocolate;
}

.td2_border_top {
	border-top: 1px solid chocolate;
}

.td2_border_right {
	border-right: 1px solid chocolate;
}

.td2_border_top_right {
	border-top: 1px solid chocolate;
	border-right: 1px solid chocolate;
}

.td2_border_top_right_left {
	border-top: 1px solid chocolate;
	border-right: 1px solid chocolate;
	border-left: 1px solid chocolate;
}

.td2_border_bottom {
	border-bottom: 1px solid chocolate;
}

.form_title_line { width: 110px; float: left; }

.form_title,
.form_title_hint {
	font-family: Century Gothic;
	font-weight: normal;
	height: 15px;
	text-align: left;
}

.form_title { font-size: 14px; font-style: normal; line-height: 25px; color: #000; }
.form_title_hint { font-size: 10px; font-style: italic; line-height: 25px; color: #FF0000; }

.list_title_line { position: relative; margin: auto; }

.list_title,
.list_title_hint {
	font-family: Century Gothic;
	font-weight: normal;
	text-align: center;
}

.list_title { font-size: 14px; font-style: normal; line-height: 15px; color: #000; padding: 3px 0px 0px 0px; }
.list_title_hint { font-size: 10px; font-style: italic; line-height: 15px; color: #FF0000; padding: 0px 0px 3px 0px; }

.title_selected_column { background: url("../images/body_title.png"); }

.title_column:hover,
.title_selected_column:hover {
	background: url("../images/body_title4.png");
}

.info_line {
	width: 100%;
	height: 40px;
}

.patient_list,
.card_list,
.test_list {
	font-family: Century Gothic;
	width: 112px;
	height: 22px;
	font-size: 14px;
	color: #000;
	line-height: 18px;
	text-align: center;
}

.patient_list { background: url("../images/body_title2.png"); }
.card_list { background: url("../images/body_title3.png"); }
.test_list { background: url("../images/body_title6.png"); }

.patient_list:hover,
.card_list:hover,
.test_list:hover {
	background: url("../images/body_title5.png");
}

.info_title {
	font-family: Century Gothic;
	display: inline;
	float: left;
	width: 110px;
	height: 23px;
	font-size: 14px;
	color: #000;
	line-height: 14px;
	text-align: left;
	padding-top: 7px;
}

.info_input1 { width: 200px; background: url("../images/input1.png"); }
.info_input2 { width: 130px; background: url("../images/input2.png"); }
.info_input3 { width: 70px; background: url("../images/input3.png"); }
.info_input4,
.info_input5 { width: 76px; background: url("../images/button.png"); cursor: pointer; font-size: 13px; font-weight: bold; line-height: 32px; }
.info_input6 { width: 30px; background: url("../images/refresh_button.png"); cursor: pointer; }

.info_input4 { margin: -2px 0px 0px 55px; }
.info_input5 { margin: -5px 0px 0px 126px; }
.info_input6 { margin: 0px 0px 0px 5px; }

.info_input1,
.info_input2,
.info_input3,
.info_input4,
.info_input5,
.info_input6 {
	font-family: Century Gothic;
	display: inline;
	float: left;
	background-size: contain;
	background-repeat: no-repeat;	
}

.input1,
.input2,
.input3 {
	font-family: Century Gothic;
	display: inline-block;
	float: left;
	height: 30px;
	border: 0;
	font-size: 14px;
	color: #000;
	line-height: 30px;
	background: none;
	text-align: left;
}

.input1 { width: 200px; padding-left: 14px; }
.input2 { width: 130px; padding-left: 14px; }
.input3 { width: 70px; text-align-last: left; padding-left: 9px; }

.report_title {
	font-family: Century Gothic;
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 25px;
	height: 15px;
	color: #000;
	text-align: center;
}

.report_title_hint {
	font-family: Century Gothic;
	font-style: italic;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	height: 12px;
	color: #000;
	text-align: center;
}

.report_sub_title {
	font-family: Century Gothic;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
	height: 12px;
	color: #000;
	text-align: left;
}

.report_sub_title_hint {
	font-family: Century Gothic;
	font-style: italic;
	font-weight: normal;
	font-size: 8px;
	line-height: 8px;
	height: 8px;
	color: #000;
	text-align: left;
}

.report_detail {
	font-family: Century Gothic;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	height: 12px;
	color: #000;
	text-align: left;
}

#approve_table {
	line-height: 30px;
	font-family: Century Gothic;
	font-size: 17px;
}

#approve_table td {
	padding: 0px 10px 0px 10px;
}

.menu_title {
	font-family: Century Gothic;
	font-size: 18px;
}

.page_button_default { background: url("../images/button_default.png"); }
.page_button_current { background: url("../images/button_current.png"); }
.page_button_extra { background: url("../images/button_extra.png"); }

.page_button_default,
.page_button_current,
.page_button_extra {
	font-family: Century Gothic;
	font-weight: bold;
	float: left;
	width: 40px;
	height: 30px;
	text-align: center;
	padding-top: 10px;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
}

.page_button_default:hover { background: url("../images/button_default_active.png"); }
.page_button_current:hover { background: url("../images/button_current_active.png"); }
.page_button_extra:hover { background: url("../images/button_extra_active.png"); }

.page_button_default:hover,
.page_button_current:hover,
.page_button_extra:hover {
	font-family: Century Gothic;
	font-weight: bold;
	float: left;
	width: 40px;
	height: 30px;
	text-align: center;
	padding-top: 10px;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
}

.shadow_top {
	width: 490px;
	height: 25px;
	background: url("../images/shadow_top.png");
}

.shadow_bottom {
	width: 490px;
	height: 25px;
	background: url("../images/shadow_bottom.png");
}

.highlight_claret_red { 
	color: #a5272b;
}

.highlight_red { 
	font-family: Century Gothic;
	font-weight: bold;
	font-size: 14px;
	color: #FF0000;
}

.required {
	display: inline;
	float: left;
	width: 10px;
	margin-left: 5px;
	color: red;
	text-align: center;
	font-size: 20px;
}

.warning {
	height: 16px;	
	top: 10px;
	left: 10px;
	background: url("../images/input1.png");
	font-family: Century Gothic;
	font-weight: bold;
	font-size: 14px;
	color: #FF0000;
	text-align: center;
	position: absolute;
	display: block;
	vertical-align: middle;
}

.radio-text {
	display: inline;
	font-family: Century Gothic;
	font-size: 16px;
	color: #000;
	text-align: center;
	width: 170px;
	float: left;
	cursor: pointer;
}

.radio-text:hover {
	background: url("../images/body_title.png");
}

.content {
	width: 90%;
	font-family: Century Gothic;
	font-size: 20px;
	color: #000;
	line-height: 40px;
	text-align: center;
}

.menu_item_caption {
	height: 30px;
	font-family: calibri;
	font-size: 20px;
	color: #000;
	line-height: 30px;
	padding-left: 10px;
}

.bar {
	display: block;
	background: none;
	border: 0;
	border-bottom: 2px solid #0D79AE;
}

.substation_list {
	width: 434px;
	font-family: calibri;
	font-size: 18px;
	color: #000;
	line-height: 25px;
	text-align: center;
	cursor: pointer;
	display: block;
	background: none;
	border: 0;
}

.substation_list:hover {
	background: url("../images/body_title.png");
}

.substation_slidetoggle {
	width: 434px;
	display: none;
	background: url("../images/body_list.png");
}

.substations {
	width: 434px;
	font-family: calibri;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	display: block;
	background: none;
	border: 0;
	border-bottom: 2px solid #0D79AE;
	padding-left: 10px;
}

.substations:hover {
	background: url("../images/body_title.png");
}


.department_list {
	width: 434px;
	font-family: calibri;
	font-size: 18px;
	color: #000;
	line-height: 25px;
	text-align: center;
	cursor: pointer;
	display: block;
	background: none;
	border: 0;
}

.department_list:hover {
	background: url("../images/body_title.png");
}

.department_slidetoggle {
	width: 434px;
	display: none;
	background: url("../images/body_list.png");
}

.departments {
	width: 434px;
	font-family: calibri;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	display: block;
	background: none;
	border: 0;
	border-bottom: 2px solid #0D79AE;
	padding-left: 10px;
}

.departments:hover {
	background: url("../images/body_title.png");
}


.doctors {
	width: 434px;
	font-family: calibri;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	display: block;
	background: none;
	border: 0;
	border-bottom: 2px solid #0D79AE;
	padding-left: 10px;
}

.doctors:hover {
	background: url("../images/body_title.png");
}

.doctor_slidetoggle {
	width: 434px;
	display: none;
	background: url("../images/body_list.png");
}

.appointment {
	width: 434px;
	font-family: calibri;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	display: block;
	background: url("../images/body_title.png");
	border: 0;
	border-top: 2px solid #0D79AE;
}

.appointment:hover {
	background: url("../images/body_app.png");
}

.appointment_slidetoggle {
	width: 434px;
	display: none;
	border-top: 2px solid #0D79AE;
	background: url("../images/body_list.png");
}

.doctor_appointments {
	background: url("../images/body_app.png");
	display: none;
}

.appointment_date {
	cursor: default;
	font-family: calibri;
	font-size: 13px;
	font-weight: bold;
}

.appointment_time {
	cursor: pointer;
	font-family: calibri;
	font-size: 15px;
	color: #000000;
}

.no_appointment {
	font-family: calibri;
	font-size: 15px;
}

.appointment_time:hover {
	color: #FFFFFF;
	background: #0D79AE;
}

.status_title {
	font-family: calibri;
	font-size: 18px;
	font-weight: bold;
}

.date {
	font-family: calibri;
	font-size: 16px;
}

.day {
	font-family: calibri;
	font-size: 16px;
}

.status {
	font-family: calibri;
	font-size: 16px;
	font-weight: bold;
}

.expand_icon {
	background: url("../images/expand_black.png");
	width: 15px;
	height: 15px;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
}

.expand_icon:hover {
	background: url("../images/expand_red.png");
	width: 15px;
	height: 15px;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
}

.request_button {
	font-family: Century Gothic;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: linear-gradient(to bottom, #f7931e, #e87e04);
	border: 1px solid #d67004;
	border-radius: 4px;
	padding: 4px 8px;
	cursor: pointer;
	text-align: center;
	display: inline-block;
}

.request_button:hover {
	background: linear-gradient(to bottom, #ffaa3c, #f7931e);
}

.new_request_button {
	font-family: Century Gothic;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background: linear-gradient(to bottom, #f7931e, #e87e04);
	border: 1px solid #d67004;
	border-radius: 5px;
	padding: 8px 15px;
	cursor: pointer;
	text-align: center;
	display: inline-block;
	margin-left: 10px;
}

.new_request_button:hover {
	background: linear-gradient(to bottom, #ffaa3c, #f7931e);
}