/* general styles */
.dataTable table {
width:100%;
border-collapse:collapse;
}
.dataTable th, .dataTable td {
text-align:left;
padding:.5em;
border:1px solid #fff;
}
.dataTable th {
background:#3768AB ;
color:#fff;
font-size:12px;
text-shadow:none;
font-weight:bold
}
.dataTable td {
background:#EEF1F7;
font-size:12px;
color:#666;
text-shadow:none
}
/* tablecloth styles */

tr.even td {
background:#F0F0F0;
}
tr.odd td {
background:#f8fbfc;
}
th.over, tr.even th.over, tr.odd th.over {
background:#4a98af;
}
th.down, tr.even th.down, tr.odd th.down {
background:#bce774;
}
th.selected, tr.even th.selected, tr.odd th.selected {
}
td.over, tr.even td.over, tr.odd td.over {
background:#F8F8F8;
}
td.down, tr.even td.down, tr.odd td.down {
background:#bce774;
color:#fff;
}
td.selected, tr.even td.selected, tr.odd td.selected {
background:#bce774;
color:#555;
}
/* use this if you want to apply different styleing to empty table cells*/
td.empty, tr.odd td.empty, tr.even td.empty {
background:#fff;
}
.k {
width:490px;
}
.box .heading, .fytphotos-heading {
float:left;
color:#e20a16;
font:bold 13px Arial, Helvetica, sans-serif;
border-bottom:2px solid #e20a16;
margin-bottom:10px;
width:300px;
}
.fytphotos-heading {
width:100%;
margin-top:10px;
}
.box .facilities-large {
width:300px;
}
.box .warning {
color:#919191;
font:italic 12px Arial, Helvetica, sans-serif;
}
.box .warning span {
font-weight:bold;
line-height:28px;
padding-left:5px;
font-size:13px;
}
.box select {
margin:-8px 0 2px 0;
}
a.fytotelpuan, a.fytotelpuan:hover {
font:bold 9px Arial, Helvetica, sans-serif;
color:#474747;
}
.buttons {
position:absolute;
bottom:-28px;
}
.buttons-main {
position:absolute;
bottom:445px;
//bottom:440px;
}
.fytphotos-heading .righty, .fytphotos-heading .righty a, .fytphotos-heading .righty a:hover {
font:normal 10px Arial, Helvetica, sans-serif;
color:#5a5a5a;
text-decoration:none;
line-height:15px;
}
.fytvideo-box {
font:italic 10px Arial, Helvetica, sans-serif;
color:#7b7b7b;
text-align:center;
width:140px;
height:95px;
float:left;
padding:7px 6px;
//padding:7px;
margin-right:7px;
}
.fytphoto-box img, .fytvideo-box img {
margin-bottom:3px;
}
.fytmedia-container {
float:left;
margin-left:-4px;
width:645px;
}
table.fyt, table.fyt-header {
width:100%;
border:0;
padding:0;
margin:0;
background-color:#f0f0f0;
border-collapse:separate;
border-spacing:2px;
float:left
}
table.fyt-header {
margin-top:20px;
background-color:#ffffff
}
table.fyt td {
border:2px solid #f8f8f8;
width:20%;
height:50px;
text-align:center;
color:#403e3e;
font:bold 13px Arial, Helvetica, sans-serif;
}
table.fyt td.bos { height:20px}
table.fyt td.text {
background-color:#f8f8f8;
padding:0 0 0 10px;
border:2px solid #f8f8f8;
text-align:left;
font:normal 12px Arial, Helvetica, sans-serif;
}
table.fyt td.text-small {
background-color:#f8f8f8;
border:2px solid #f8f8f8;
text-align:center;
font:normal 11px Arial, Helvetica, sans-serif;
}
table.fyt-header td {
text-align:center;
font:italic 10px Arial, Helvetica, sans-serif;
border:none;
color:#7b7b7b;
width:20%;
height:20px;
vertical-align:bottom
}
table.fyt-header td.red {
text-align:left;
font:bold 12px Arial, Helvetica, sans-serif;
border:none;
color:#e20a16;
padding-left:10px;
}
.fyt-note {
float:left;
color:#8b8a8a;
font:normal 11px Arial, Helvetica, sans-serif;
}
.fytpoint-box {
float:left;
width:117px;
height:91px;
color:#403e3e;
font:bold 22px Arial, Helvetica, sans-serif;
text-align:center;
}
.fytpoint-box .explanation {
font:bold 12px Arial, Helvetica, sans-serif;
color:#6c6c6c;
text-align:center;
float:left;
margin:5px 0 5px 7px;
}
.fytbar-container {
float:left;
width:470px;
margin:-2px 0 0 30px;
}
.fytbar-container .lefty {
width:240px;
}
.fytpoint-bar-large {
float:left;
width:230px;
color:#403e3e;
font:normal 12px "Arial Black", Arial, Helvetica, sans-serif;
line-height:16px;
margin-bottom:5px;
}
.fytpoint-bar-large .bar {
float:left;
width:200px;
height:10px;
background-color:#a0a0a0;
}
.fytpoint-bar-large .mask {
float:left;
margin-top:-1px;
height:12px;
}
.fytpoint-bar-large .righty {
color:#403e3e;
font:normal 15px "Arial Black", Arial, Helvetica, sans-serif;
width:30px;
text-align:right;
margin-top:-7px;
}
.fytpoint-bar {
float:right;
width:200px;
color:#403e3e;
font:normal 12px Arial, Helvetica, sans-serif;
margin-bottom:10px;
}
.fytpoint-bar .bar {
float:left;
width:100px;
height:6px;
background-color:#a0a0a0;
}
.fytpoint-bar .lefty {
width:70px;
text-align:right;
padding-right:10px;
margin:-5px 0 0 0px;
}
.fytpoint-bar .mask {
float:left;
margin-top:-1px;
height:8px;
}
.fytpoint-bar .righty {
color:#403e3e;
font:normal 12px "Arial Black", Arial, Helvetica, sans-serif;
width:20px;
text-align:right;
margin-top:-7px;
}
.fytbar-container .count {
color:#403e3e;
font:normal 12px Arial, Helvetica, sans-serif;
float:left;
}
.fytbar-container .note {
color:#8b8a8a;
font:normal 9px Arial, Helvetica, sans-serif;
float:left;
}
.bos {
background:#FFF
}