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

/****************************************************************************************************************************
 * Reset css
****************************************************************************************************************************/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}
:focus {
	outline: 0;
	}
body {
	background: white;
	line-height: 1;
	color: black;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	font-weight: normal;
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
/****************************************************************************************************************************
 * new body
****************************************************************************************************************************/

.maincolor {color:#0c4f98;}

body {margin:0; font-size:12px; color:#000; font-family:tahoma,arial, Geneva, sans-serif;}

h1 {font-size:20px; color:#575757; }

.clear {width:0px; height:0px; margin:0px; padding:0px; line-height:0px; font-size:0px; clear:both;}

#header {width:100%; height:80px; background:#D9EEDE;}
#logo {width:189px; height:60px; float:left;}

#header-info {float:left; margin-left:20px; margin-top:7px; width:auto;}
.ie #header-info {width:200px; margin-left:0px;}


#operator-adi {margin-bottom:3px; height:30px;  background-color:#fff; padding:8px 6px 6px 6px;}
.ie #operator-adi {width:293px;}

#operator-durum {margin-bottom:5px; height:304px; background-color:#fff; padding:8px 0 6px 6px; color:#0c4f98;}
.ie #operator-durum {height:26px; padding:8px 0 2px 6px; width:300px;}

.operator-title { width:90px; float:left; color:#0c4f98;}
.operator-isim {min-width:100px; float:left; color:#333;}
.ie6 .operator-isim {width:150px; float:left; color:#333;}


#durum-title{width:60px; float:left; color:#0c4f98;}
.ie durum-title {width:60px; padding-top:5px; padding-left:5px;}
#durum-btns { float:left;}
.ie #durum-btns  {height:42px;}

button, .button {
	cursor:pointer;
	display:inline-block;
	font-size:108%;
	font-weight:700;
	margin:-8px 0 15px 0;
	outline:none;
	padding:3px;
	width:75px;
	height:28px;
	text-align:center;
	text-decoration:none !important;
	vertical-align:middle;
	background:#fff;
	border-width:0px;
	border-style:groove;
	border:1px solid rgba(0, 0, 0, 0.2);
	box-shadow:0px 1px 0px rgba(225, 225, 225, 0.5) inset;
	
	
}
.ie button, .button {height:40px !important; padding:0; margin:0; margin-bottom:-20px; padding-bottom:-20px;}



button.green, .button.green {
	background-color:#0c4f98;
	float:left;
	color:#fff !important;
}


button.green:hover, .button.green:hover {
	background-color:#0c4f98;
	float:left;
	color:#fff !important;
}

button.red, .button.red {
background-color:#C00F0F;
color:#fff !important;
}

button.green-inactive, .button.green-inactive {
background-color:#fff;
color:#999 !important;
float:left;
}

button.red-inactive, .button.red-inactive{
background-color:#fff;
color:#999 !important;
}

#logout {width:100px; height:38px; background-color:#be0000; float:right; margin:6px 6px 0 0; padding-top:20px;}
.ie #logout {height:50px;}
#logout-title {width:50px; float:left; margin:2px 0 0 15px}
.ie6 #logout-title {margin:2px 0 0 5px;}
#logout-title a {width:50px; float:left; color:#FFF; text-decoration:none;}
.ie #logout-title a {line-height:16px;}
#logout-title a:hover {width:50px; float:left; color:#000; text-decoration:none;}
#logout-icon {width:18px; height:19px; margin:0 15px 0 0; float:right;}

/*
#content-holder {min-width:1000px}
.ie6 #content-holder {width:1000px}
*/
#rooms {width:220px; background-color:#f1f1f1; border-right:1px solid #cecece; border-bottom:1px solid #cecece; float:left; display:inline;}
.ie #rooms {padding-left:10px;}

#sag-kolon {float:left; display:inline; margin-left:10px; margin-top:7px;}
#sag-kolon-title {margin-top:10px;}


#user-title {width:180px; margin:0 auto; padding-bottom:8px; padding-top:8px;}


.user-box {width:180px; height:auto; padding-bottom:6px; margin:0 auto; margin-bottom:5px; background-color:#FFF; border:1px solid #cecece;}
.user-box:hover {border:1px solid #0c4f98;}
.user-box-satir1 {width:170px; margin:0 auto; margin-top:10px;}
.ie .user-box-satir1 {padding-left:5px;}
.user-box-satir1-no {width:25px; color:#0c4f98; float:left;}
.user-box-satir1-isim {width:125px; color:#333; float:left;cursor:pointer}
.ie .user-box-satir1-isim {width:120px;}
.user-box-satir1-kapat {width:20px; float:left;}
.user-box-satir2 {width:165px; height:18px; margin:0 auto; margin-top:10px; padding-top:4px; padding-left:5px; background:#0c4f98 url('../images/grad.png') repeat-x bottom;}
.ie .user-box-satir2 {margin-left:5px;}
.user-box-satir2-accept {width:130px; height:20px; float:left;}
.user-box-satir2-icon {width:25px; float:right;}
.user-box-satir2 a {text-decoration:none; color:#FFF;}
.user-box-satir2 a:hover {text-decoration:none; color:#000;}

.user-box-selected {background-color:#D9F0F9;border:1px solid #A2A2A2;}
.user-box-selected:hover {border:1px solid #45740c;}
.user-box-selected-satir1-no {color:#fff;}
.user-box-selected-satir1-isim {color:#fff;}

.user-box-cikti {background-color:#FFD7D7;}
.user-box-cikti:hover {border:1px solid #630000;}
.user-box-cikti-satir1-no {color:#fff;}
.user-box-cikti-satir1-isim {color:#fff;}



#textPart {width:588px; height:218px; border:1px solid #cecece; color:#666; margin-top:5px; overflow:auto; padding:10px 0 0 10px;}
#textPart hr { background:#cecece; border:0px solid;}

#editcaller {width:598px; height:28px; border:1px solid #cecece; margin-top:10px;}
.ie #editcaller {width:589px;}
input.editcaller-btn {width:123px; height:28px; background:url(../images/editcaller_bg.png) no-repeat; color:#FFF; border:0px solid; margin-left:-1px; float:left;}
input.editcaller-btn:hover {background:url(../images/editcaller_bg_hover.png) no-repeat;}

select.editcaller-liste {width:476px; height:28px; border:0px solid; padding:5px 0 0 5px;}

#chat-pencere {height:110px; padding-top:10px;}
.chat_timer_part {border:1px solid #cecece;padding:5px;}

textarea.konusma {width:480px; height:97px; border:1px solid #cecece; float:left; font-family:tahoma,arial, Geneva, sans-serif; font-size:12px; padding:10px 0 0 10px; color:#666;} 
input.chat-gonder {width:110px; height:98px; border:3px solid #015a83; background:#0c4f98; float:right; color:#FFF; font-size:16px; text-shadow:1px 1px #000; }


/*****************Request Chat Assistance******************************/

#assist-wrap {width:400px; border:2px solid #cecece; padding-top:20px; padding-bottom:20px; background:url(../images/assists_bg.jpg) no-repeat top left;}
#assist-warning {width:300px; margin:0 auto; background:#ededed; border:1px solid #cecece; height:24px; padding:6px 0 0 6px; color:#333; margin-bottom:5px;}
#assist-warning img {float:left;}
#assist-warning font {float:left; padding-top:3px; padding-left:10px;}

#login-input {width:308px; margin:0 auto; }
input.login-satir {width:300px; height:30px; border:1px solid #b1d4e5; background-color:#e1f0f8; margin-bottom:5px; color:#4cc8e4; font-size:18px; padding-left:6px;}
input.login-btn {width:95px; height:32px; font-size:18px; background:#4cc8e4; border:1px solid #00a2dc; float:right; text-align:center; color:#FFF;}
input.login-btn:hover {background:#00a2dc; border:1px solid #4cc8e4; color:#fff;}
#login-input font {float:left; padding-top:15px;}
#login-input font a {color:#c10000;}
#login-input font a:hover {color:#333;}


/***************************************************************/


/**************************Admin Ekrani*************************************/

#input-elemanlari {width:1000px; margin-top:10px;}

#input-elemanlari table tr td {vertical-align:top; height:25px;}

.input-1 {height:24px; border:1px solid #cecece; background-color:#f2f2f2; color:#666; margin-right:10px; margin-bottom:2px;}
.input-1:hover {border:1px solid #cecece; background-color:#fff; color:#333;}
.input-1:focus {border:1px solid #0c4f98; background-color:#fff; color:#333;}

.buton-1 {height:30px; margin-top:0px; margin-bottom:0px; border:1px solid #cecece; background-color:#0c4f98; color:#fff !important; cursor:pointer;}
.buton-1:hover {background-color:#eeeeee !important; color:#333333 !important;border:1px solid #507066 !important;}

input.survey_button {height:30px; margin-top:0px; margin-bottom:0px; border:1px solid #cecece; background-color:#0c4f98; color:#fff !important; cursor:pointer;}
input.survey_button:hover {background-color:#eeeeee !important; color:#333333 !important;}


label {color:#0c4f98;}
select.select-1 {height:24px; border:1px solid #cecece; background-color:#f2f2f2; color:#666; padding:3px;}
select.select-1:hover {border:1px solid #cecece; background-color:#fff; color:#333;}
select.select-1:focus {border:1px solid #0c4f98; background-color:#fff; color:#333;}

button.btn-1 {width:150px; height:30px; border:0px solid; background:#0c4f98; color:#FFF; margin-top:11px;} 

#open-console {width:160px; float:left; height:70px;}
button.open-console-btn {width:150px; height:40px; margin-top:17px; margin-left:20px; border:1px solid #fff; background-color:#6DAE20; color:#fff !important; float:left;}
button.open-console-btn:hover {background-color:#89d82b;}

#visitor-number {width:150px; color:#FFF; margin-top:29px; float:left; font-size:18px; margin-left:20px;}

#admin-menu {width:210px; margin:0 auto; margin-bottom:15px; }

#admin-menu ul li {cursor:pointer;width:200px; height:30px; background:#FFF; border:1px solid #cecece; padding:8px 0 0 10px; margin-bottom:1px; }
.ie #admin-menu ul li {height:30px;}

#admin-menu ul li:hover {color:#fff;background:#0c4f98 !important; border:1px solid #cecece; }
#admin-menu ul li:hover a{color:#fff !important; border:0px solid;}
.ie #admin-menu ul li:hover {color:#fff;height:22px;  }
.ie #admin-menu ul li:hover a{height:22px; color:#0c4f98 !important;}

#admin-menu ul li a {text-decoration:none; color:#333; font-size:12px !important;}
#admin-menu ul li a:hover {color:#fff;}
.ie #admin-menu ul li a:hover {color:#0c4f98 !important; }

#admin-menu .submenu {padding-left:20px !important;width:190px;height:20px;}
#admin-menu .submenu30 {padding-left:20px !important;width:190px;height:30px;}


/******************** USER EKRAN ************************/

#user-menu {width:600px; height:30px; float:right; margin-top:5px;}
#user-room {width:160px; color:#FFF; margin-top:29px; float:left; font-size:18px; margin-left:20px;}
#room-name {width:500px; color:#000; margin-top:29px; float:left; font-size:18px; }

#user-menu ul li { height:25px; padding:5px 0 0 5px; background:#f5f5f5; border:1px solid #cecece; color:#444; float:left; margin-right:5px;}
#user-menu ul li img {width:20px; float:left;}
#user-menu ul li p { width:80px; float:left; margin-left:5px; padding-top:3px; display:block; text-align:left;}
#user-menu ul li a {color:#444; text-decoration:none; font-size:12px !important;}
#user-menu ul li a:hover {color:#0c4f98; text-decoration:none;}
#user-menu ul li:hover {border:1px solid #0c4f98;}
#user-menu ul li:hover a {color:#0c4f98;}



/*tablo css*/

.table {background-color:#fff; padding:2px 0 0 2px; color:#333; border-top:1px solid #cecece;border-left:1px solid #cecece; margin-top:5px; margin-bottom:10px;}
.table tbody tr td {font-size:13px;height:25px; border-bottom:1px dotted #cecece;border-right:1px dotted #CCCCCC; vertical-align:middle;padding:2px;}
.table tbody tr td:hover{ font-size:13px;background-color:#0c4f98; color:#FFF}
.table tbody tr td a{text-decoration:none}
.table tbody tr td:hover a{color:#fff}
.table tbody tr:hover {background:#dfe6e4;}
.table tbody th {cursor:pointer;border-right:1px dotted #CCCCCC;text-align:center;padding:5px;background-color:#0c4f98;color:#ffffff;font-size:14px;} 
.table tbody th:hover {background:#dfe6e4;color:#14607C}

/*
.table tbody td a {font-size:13px;text-decoration:none}
.table tbody td:hover a:hover { font-size:13px;background-color:#0c4f98; color:#FFF;text-decoration:none}
*/

.tableView {background-color:#fff; padding:2px 0 0 2px; color:#333; border-top:1px solid #cecece;border-left:1px solid #cecece; margin-top:5px; margin-bottom:10px;}
.tableView tbody tr td,.tableView th {font-size:13px;height:25px; border-bottom:1px dotted #cecece;border-right:1px dotted #CCCCCC; vertical-align:middle;padding:2px;}
.tableView tbody tr td:hover,.tableView th:hover{ font-size:13px;background-color:#0c4f98; color:#FFF}
.tableView tbody tr:hover {background:#dfe6e4;}
.table tbody tr td a{text-decoration:none}
.table tbody tr td:hover a{color:#fff}


.tableSimple {background-color:#fff; padding:2px 0 0 2px; color:#333; border-top:1px solid #cecece;border-left:1px solid #cecece; margin-top:5px; margin-bottom:10px;}
.tableSimple tbody tr td {font-size:13px;height:25px; border-bottom:1px dotted #cecece;border-right:1px dotted #CCCCCC; vertical-align:middle;padding:5px;}
.tableSimple tbody tr td:hover,.tableView th:hover{ }
.tableSimple tbody tr:hover {background:#dfe6e4;}
.table tbody tr td a{text-decoration:none}
.table tbody tr td:hover a{}

.tableSimpleNoHover {background-color:#fff; padding:2px 0 0 2px; color:#333; border-top:1px solid #cecece;border-left:1px solid #cecece; margin-top:5px; margin-bottom:10px;}
.tableSimpleNoHover tbody tr td {font-size:13px;height:25px; border-bottom:1px dotted #cecece;border-right:1px dotted #CCCCCC; vertical-align:middle;padding:5px;}
.tableSimpleNoHover tbody tr td:hover,.tableView th:hover{ }
.tableSimpleNoHover tbody tr:hover {background:none !important;}


.tableSimpleOther {background-color:#fff; padding:2px 0 0 2px; color:#333; border-top:1px solid #cecece;border-left:1px solid #cecece; margin-top:5px; margin-bottom:10px;}
.tableSimpleOther tbody tr td,.tableSimpleOther th {font-size:13px;height:25px; border-bottom:1px dotted #cecece;border-right:1px dotted #CCCCCC; vertical-align:middle;padding:5px;}
.tableSimpleOther tbody tr td:hover,.tableSimpleOther th:hover{ }
.tableSimpleOther tbody tr:hover {background:#dfe6e4;}
.tableSimpleOther tbody th {cursor:pointer;border-right:1px dotted #CCCCCC;text-align:center;padding:5px;background-color:#0c4f98;color:#ffffff;font-size:14px;} 

#logo {font-size:20px;text-align:center;color:#fff;}
#logo-front {font-size:20px;text-align:center;color:#fff;padding-top:10px;width:500px;}

.patientExit,.patientExit tr td{background-color:#FFD5D5}


.blessTable {background-color:#fff; padding:0px 0 0 0px; color:#333; border:0px solid black !important;}
.blessTable tbody tr td {font-size:13px;border-bottom:0px dotted #cecece;border-right:0px dotted #CCCCCC; vertical-align:middle;padding:2px;}
.blessTable tbody tr td:hover{ font-size:13px;}
.blessTable tbody tr td a{text-decoration:none}
.blessTable tbody tr td:hover a{}
.blessTable tbody tr:hover {}
.blessTable tbody th {cursor:pointer;border-right:0px dotted #CCCCCC;font-size:14px;} 
.blessTable tbody th:hover {}

.tableBorder {background-color:#fff; padding:2px 0 0 2px; color:#333; border-top:1px solid #000;border-left:1px solid #000; margin-top:5px; margin-bottom:10px;}
.tableBorder tbody tr td {font-size:13px;height:25px; border-bottom:1px solid #000;border-right:1px solid #000; vertical-align:middle;padding:2px;}
.tableBorder tbody tr td:hover{ font-size:13px;background-color:#0c4f98; color:#FFF;}
.tableBorder tbody tr td a{text-decoration:none}
.tableBorder tbody tr td:hover a{color:#fff}
.tableBorder tbody tr:hover {background:#dfe6e4;}
.tableBorder tbody th {cursor:pointer;border-right:1px dotted #CCCCCC;text-align:center;padding:5px;background-color:#0c4f98;color:#ffffff;font-size:14px;} 
.tableBorder tbody th:hover {background:#dfe6e4;color:#14607C}