html,
body {
	height: 100%;
	border: 0;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	padding: 0;
	margin: 0;
}

fieldset,
img {
	border: 0;
}

/* table, td { border-collapse: collapse; border-spacing: 0;}*/
td {
	vertical-align: top;
}

ul {
	list-style: outside url(images/bullet.gif);
}

ul,
ol {
	padding: 0 0 0 3em;
	margin: 1.615em 1em;
}

li {
	margin: 1em 0;
}

blockquote {
	padding: 0 2em;
	margin: 1.615em 1em;
}

p {
	margin: 1.462em 0;
}

hr {
	margin: 7px 0;
	clear: both;
	border-top: 1px dotted #999;
	border-bottom: none;
	border-right: none;
	border-left: none;
	height: 0;
}

a {
	text-decoration: none;
	outline: 0;
}

a:link {
	text-decoration: none;
	color: #ff0000;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	text-decoration: none;
	color: #cc0000;
}

h1 {
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	margin: 1em 0;
	line-height: 1.2em;
}

h2 {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.1em;
	margin: 1em 0;
}

h4 {
	font-size: 1.231em;
	font-weight: bold;
	padding: 5px 0;
	margin: 1em 0;
	color: #ff0000;
	border-bottom: 1px solid #ff0000;
}

h3 {
	font-size: 1.231em;
	font-weight: bold;
	padding: 5px 15px;
	margin: 1em 0;
	color: #fff;
	background-color: #cc0000;
}

h5 {
	font-size: 1.231em;
	font-weight: bold;
	padding: 5px 15px;
	margin: 1em 0;
	color: #fff;
	background-color: #121419;
}

h6 {
	font-size: 1.231em;
	font-weight: bold;
	padding: 5px 15px;
	margin: 1em 0;
	color: #000;
	background-color: #d2d7e2;
}

#bg-wrp {
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
}


.clear {
	clear: both;
}

.clearpad {
	clear: both;
	width: 0;
	height: 15px;
	margin: 0;
	padding: 0;
}

/*------------------- Main------------------*/

#bg {
	background: url(images/bg_center.jpg) no-repeat center 0;
	width: 100%;
}

#top-nav-bg {
	width: 100%;
	height: 40px;
	background: url(images/top_nav.gif) repeat-x 0 0;
	color: #fff;
}

#top-nav {
	width: 980px;
	height: 40px;
	margin: 0 auto;
}

div.center {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

#header {
	width: 805px;
	height: 110px;
	margin: 0;
	padding: 0;
	outline: 0;
	float: left;
	background: url(images/hy_muhur.gif) no-repeat center 0;
}

#main-top {
	clear: both;
	overflow: hidden;
	height: 22px;
}

#main-top #bg01 {
	background: url(images/main_top_left.gif) no-repeat 0 0;
}

#main-top #bg02 {
	background: url(images/main_top_right.gif) no-repeat right 0;
	padding: 0px 22px;
}

#main-top #bg03 {
	height: 24px;
	background-color: #fff;
	border-top: 1px solid #000;
}

#main-middle {
	clear: both;
	background-color: #fff;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

#main-middle-inner {
	padding: 0px 15px;
	margin: 0;
	min-height: 300px;
}

#bottom {
	clear: both;
	background: url(images/footer.gif) repeat-x 0 0 #0c0e12;
	overflow: hidden;
	min-height: 400px;
	_height: 400px;
	color: #f6f6f6;
}

#main-bot {
	clear: both;
	height: 24px;
}

#main-bot #bg04 {
	background: url(images/main_bot_left.gif) no-repeat 0 0;
}

#main-bot #bg05 {
	background: url(images/main_bot_right.gif) no-repeat right 0;
	padding: 0px 22px;
}

#main-bot #bg06 {
	height: 24px;
	background-color: #fff;
	border-bottom: 1px solid #000;
}

#bottomcontent {
	clear: both;
	margin: 0;
	position: relative;
}

#bottomcontent ul {
	list-style-image: url(images/bullet-w.gif);
}

#bottomcontent a {
	color: #f6f6f6;
}

div.botcols,
div.botcols2 {
	clear: both;
	padding: 15px;
	margin: 0;
	width: 950px;
}

.bot-sutun {
	position: relative;
	float: left;
	width: 150px;
	height: 320px;
	margin: 0 15px 15px 0;
	padding: 10px;
	background: #252a35;
	line-height: 1.3em;
	font-size: 11px;
	font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.bot-sutun-ic {
	overflow: hidden;
	height: 310px;
}

.bot-sutun h2 {
	color: #778899;
	font-size: 13px;
	font-weight: bold;
}

.bot-sutun p {
	padding: 0px 0px 10px 0px;
	margin: 0;
}

.bot-sutun ol,
.bot-sutun ul {
	color: #f6f6f6;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding-left: 19px;
}

.bot-sutun ul li {
	padding-bottom: 1em;
	line-height: 1.3em;
	font-size: 10px;
	margin: 0;
}

#bottomcontent ul.hoverimg {
	list-style: none;
}

ul.hoverimg {
	list-style: none;
	float: left;
	width: 390px;
	height: 340px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

ul.hoverimg li {
	width: 180px;
	height: 103px;
	list-style: none;
	float: left;
	margin: 0 15px 15px 0;
	padding: 0;
	font-size: 12px;
	overflow: hidden;
}

ul.hoverimg li a {
	width: 140px;
	height: 63px;
	display: block;
	position: relative;
	overflow: hidden;
	background: #252a35;
	color: #fff;
	text-decoration: none;
	padding: 20px;
}

ul.hoverimg li img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.footer1 {
	background-color: #5e626c;
	padding: 12px;
	text-align: center;
	color: #f6f6f6;
	border: 1px solid #d7dadd;
}

.footer1 a {
	color: #f6f6f6;
	padding: 0px 4px 0px 4px;
}

.footer1 a:hover {
	text-decoration: none;
	color: #121419;
}

.footer2 {
	background-color: #d7dadd;
	padding: 12px 0px;
	text-align: center;
	color: #121419;
	font-size: .9em;
	border: 1px solid #5e626c;
}

/*
		#bottomcolumn { width:296px; float:left; margin:0; padding:0; height:100%; vertical-align:top;}
		#ver-line { background:url(images/line.gif) repeat-y 15px 0; width:30px; height:100%; min-height:250px; _height:250px; float:left;}
		#bottom ul { list-style: inside url(images/bullet-w.gif);  margin-left:15px;}
		#bottom ul li a:hover, .bottom ul li a:active, .bottom ul li a:focus { color:#fff;}
		#bottom ul.beyaz { font-size:0.923em; line-height:1.385em; }
		#bottom ul.beyaz li a {color:#fff;}
		#bottom ul.beyaz li a:hover, .bottom ul li a:active, .bottom ul li a:focus { outline:0; color:#ff0000; list-style:outside url(images/bullet-w.gif);}
*/
/*-------------------Top_Nav------------------*/

#navmenu {
	float: left;
	padding: 0;
	margin: 0;
	height: 40px;
}

#navmenu ul {
	list-style: none outside none;
	height: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#navmenu ul li {
	display: inline;
	height: 40px;
	float: left;
	overflow: hidden;
	background: url(images/top_ver.gif) no-repeat 100% 5px;
	margin: 0;
}

#navmenu ul li a {
	display: block;
	float: left;
	overflow: hidden;
	cursor: pointer;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	padding: 10px 18px 10px 18px;
	margin: 0px 2px 0px 0px;
}

#navmenu ul li a:hover {
	background: url(images/top_nav_over.gif) repeat-x 0 0;
	text-decoration: none;
}

/*** Diller ve Search ***/
#top-nav-right {
	float: right;
	height: 40px;
	width: 330px;
}

#languagesWrapper {
	width: 130px;
	text-align: left;
	float: left;
	margin: 0;
	padding: 10px 0 10px 10px;
}

#languages {
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	width: 130px;
	height: 19px;
	line-height: 19px;
	color: #666;
}

#searchWrapper {
	width: 160px;
	text-align: right;
	float: right;
	margin: 0;
	padding: 10px 15px 10px 15px;
}

#search {
	width: 160px;
	clear: both;
	height: 19px;
}

#search-left {
	background: url(images/search-left.gif) no-repeat 0 0;
}

#search-right {
	background: url(images/search-right.gif) no-repeat right 0;
	padding: 0px 20px 0 10px;
}

#search-bg {
	background: url(images/search-bg.gif) center top repeat-x;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	width: 130px;
	height: 19px;
	line-height: 16px;
	color: #666;
	text-align: left;
	overflow: hidden;
}

/*---------------MENU-KUTUSU ve Kategori kutusu---------------------*/

#leftcolumn {
	width: 160px;
	float: left;
	padding-right: 15px;
}

#midcolumn {
	width: 600px;
	float: left;
}

#rightcolumn {
	width: 160px;
	float: left;
	padding-left: 15px;
}

#onecolumn {
	width: 100%;
	float: left;
}

#midrightcolumn {
	min-width: 775px;
	float: left;
}


.kategori .menu_kutusu ul li {
	font-size: .9em;
	font-weight: bold;
	background: none;
	line-height: 1.2em;
}

.menu_kutusu {
	margin: 0;
	padding: 0;
	background: url(images/bt_br.gif) 100% 100% no-repeat;
	font-size: .9em;
	line-height: 1.3em;
}

.menu_kutusu div {
	background: url(images/bt_bl.gif) 0 100% no-repeat;
}

.menu_kutusu div div {
	background: url(images/bt_tr.gif) 100% 0 no-repeat;
}

.menu_kutusu div div div {
	padding: 0px;
	width: auto;
	background: url(images/bt_tl.gif) 0 0 no-repeat;
	height: 100%;
	overflow: hidden;
}

.menu_kutusu div div div div {
	background: none;
	height: auto;
}

#leftcolumn .menu_kutusu p,
#rightcolumn .menu_kutusu p,
#midcolumn .menu_kutusu p,
.menu_kutusu p {
	padding: 10px 5px 10px 10px;
}

ul.menu {
	list-style: none outside none;
	margin: 0;
	padding: 7px 7px 18px 7px;
	font-size: 1.1em;
}

ul.menu li {
	margin: 0 !important;
	padding: 0px 0px 1px 0px;
	background: url(images/hdot2.gif) repeat-x bottom;
	line-height: 1.5em;
}

ul.menu li a {
	padding: 3px 2px 3px 12px;
	display: block;
	color: #121419;
	background: url(images/bullet_grey.gif) no-repeat 0px 0.6em;
}

ul.menu li a:hover {
	color: #ff0000;
	background: #fff url(images/bullet_red.gif) no-repeat 0px 0.6em;
	text-decoration: none;
}

ul.menu li a#active_menu {
	background: url(images/bullet3.gif) no-repeat 0px #fff;
	color: #a10f15;
	font-weight: bold;
}

.menu_kutusu .titlebox,
.tit .titlebox {
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: url(images/menu_title_bg.gif) repeat-x 0 100% #cc0000;
}

#midcolumn .titlebox {
	background: url(images/menu_title_bg_gri.gif) repeat-x 0 0 #9aa2b1;
}

#midcolumn .title {
	padding: 8px 7px 9px 15px;
}

#leftcolumn .menu_kutusu .titlebox div,
#leftcolumn .tit .titlebox div {
	background: url(images/menu_title_tr.gif) 100% 0 no-repeat;
}

#rightcolumn .menu_kutusu .titlebox div,
#rightcolumn .tit .titlebox div {
	background: url(images/menu_title_tl.gif) 0 0 no-repeat;
}

.menu_kutusu .titlebox div {
	background: none;
}

.menu_kutusu .title,
.tit .title {
	font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 7px 9px 15px;
	margin: 0;
	color: #fff;
	height: 100%;
	overflow: hidden;
}

.tit {
	margin: 0;
	padding: 0;
	font-size: .9em;
	line-height: 1.3em;
}

/*----------------------Ekler-------------------------*/

#leftTopBanner {
	width: 160px;
	height: 115px;
}

#rightTopBanner {
	width: 160px;
	height: 115px;
}

#midTopBanner {
	width: 600px;
	height: 115px;
}

#haberYukleme {
	top: 50%;
	text-align: center;
	margin: 0;
	padding: 15px;
	height: 100%;
}

a.haberBaslik {
	color: #F00;
	font-weight: bold;
	font-size: 1.077em;
	text-decoration: none;
}

a.link {
	color: #121419;
	font-size: 0.923em;
	line-height: 1.308em;
	font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

a.link:hover {
	color: #ff0000;
	text-decoration: none;
}

a.sayfalama {
	color: #FFF;
	font-size: 1em;
	line-height: 2.5em;
	font-weight: bold;
}

a.sayfalama:hover {
	color: #121419;
	text-decoration: none;
}


#vakitler {
	width: 130px;
	font-size: 1em;
	text-decoration: none;
	margin: 0;
	padding: 15px;
}

#vakitler tr {
	border-bottom: 1px solid #d7dadd;
}

#solMenuGaleriler {
	width: 148px;
	height: 33px;
	color: #FFF;
	font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.077em;
	position: relative;
	float: left;
	text-align: left;
	line-height: 2.462em;
	background-color: #6a8735;
	border: 1px solid #425126;
	border-bottom: 0;
	padding: 0;
	margin: 0;
	padding-left: 10px;
}

#kutu {
	padding: 15px;
	margin: 0;
	display: block;
}

#kutu ul.menu,
#bosKutuEserler ul.menu {
	margin: 0 !important;
	padding: 0;
	list-style: none outside none;
}

#kutu ul.menu li,
#bosKutuEserler ul.menu li {
	margin: 0 !important;
	padding: 0;
	background: none;
	line-height: 1.538em;
	font-size: 0.923em;
}



#kutu:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#ortaHaberSagMenuCerceve {
	width: 160px;
	float: right;
	padding: 15px 15px 15px 0;
	margin: 0;
}

#bosKutuEserler {
	width: 400px;
	float: left;
	margin: 0;
	padding: 15px 10px 15px 15px;
}

#ortaHaberSolIcerik1,
#ortaHaberSolIcerik2,
#ortaHaberSolIcerik3 {
	width: 100%;
	float: left;
	text-align: left;
	padding: 0;
	margin: -1px 0 0 0;
	display: block;
	background: #f6f6f6 url(images/tabfon.gif) repeat-x 0 bottom;
	min-height: 30px;
	_height: 30px;
	border-top: 1px solid #cacaca;
}

#dock_wrapper {
	width: 170px;
	height: 100px;
	float: left;
	padding-top: 10px;
	overflow: hidden;
}

#dock {
	padding: 0;
	margin: 0;
	height: 100px;
}

.each {
	border-top: 1px dotted #999;
	padding: 15px 0;
	left: 10px;
	clear: both;
}

.containerPlus.red .each,
.containerPlus.blue .each {
	border-top: 1px dotted #cacaca;
}

.mbcontainercontent img {
	margin: 0 5px 5px 5px;
}

.mbcontainercontent h2,
.mbcontainercontent h3,
.mbcontainercontent h4,
.mbcontainercontent h5,
.mbcontainercontent h6,
.mbcontainercontent .anket {
	margin: 5px 0;
}

.mbcontainercontent a {
	cursor: pointer;
}

.mbcontainercontent hr {
	margin: 15px 0;
}

.anket {
	font-size: 1.231em;
	font-weight: bold;
	padding: 7px 75px 7px 15px;
	margin: 1em 0;
	color: #000;
	background: #d2d7e2 url(images/anket.jpg) no-repeat right 0;
}

.anket a {
	color: #000;
}

.pad20px {
	padding: 15px 20px;
}

.margin15px {
	margin: 15px;
}

.boxshadow10px {
	box-shadow: 3px 3px 10px rgba(0, 0, 0, .6);
	-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, .6);
	-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .6);
	margin: 5px 15px 10px 10px;
}

.boxshadowborder {
	box-shadow: 1px 1px 12px rgba(0, 0, 0, .6);
	-moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, .6);
	-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, .6);
	margin: 5px 15px 10px 10px;
	padding: 4px;
	border: 1px solid #ddd;
	background-color: rgb(255, 255, 255);
	background: rgba(255, 255, 255, .5);
	_background-color: #fff;
}

div.imagecaption {
	position: relative;
	font-size: 14px;
	line-height: 17px;
	display: block;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif !important;
}

.imagecaption img,
.imagecaption .caption {
	position: absolute;
	border: 0;
	left: 230px;
	top: 1px;
}

.text {
	text-align: justify;
}

.imagecaption .caption .text {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	left: -210px;
	top: -3px;
}

.imagecaption .caption .textmargin {
	margin: 15px;
}

.imagecaption .caption .bg-color {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	box-shadow: 2px 2px 10px #000;
	-moz-box-shadow: 2px 2px 10px #000;
	-webkit-box-shadow: 2px 2px 10px #000;
	opacity: .6;
	-moz-opacity: .6;
	-khtml-opacity: .6;
	filter: alpha(opacity=60);






	-webkit-transition: all .2s ease-out;
	transition: all .2s ease-out;
	left: -1px;
	top: 4px;
}

.imagecaption .text .baslik {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 21px;
	color: #FFF;
	letter-spacing: -1px;
	line-height: 22px;
	text-shadow: 0px 1px 1px #000;
	text-align: left;
}

.imagecaption .text p {
	margin: 0 0 10px 0;
	padding: 0;
	color: #FFF;
	text-shadow: 0px 1px 1px #000;
}

.imagecaption a {
	text-shadow: 0px 1px 1px #000;
}

.imagecaption a:hover {
	text-decoration: none;
}

.imagecaption .caption .text a:hover {
	text-decoration: underline;
}

.imagecaption a:hover .bg-color {
	opacity: .8;
	-moz-opacity: .8;
	-khtml-opacity: .8;
	filter: alpha(opacity=80);
}

div.videoizle {
	position: relative;
	overflow: hidden;
	display: block;
	font-family: Arial, Helvetica, sans-serif !important;
}

.videoizle img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}

.videoizle .caption {
	position: absolute;
	top: 80%;
	left: 0;
	width: 100%;
	height: 40%;
	margin: 0;
	-webkit-transition: top .2s ease-out;
	transition: top .2s ease-out;
}

.videoizle .text {
	position: absolute;
	height: 100%;
	color: #FFF;
	font-size: 13px;
	line-height: 18px;
	padding: 2px;
	text-shadow: 1px 1px 1px #000;
}

.videoizle .bg-color {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.videoizle .acik {
	display: block;
	top: 0;
	height: 50%;
	background: url(images/marker.png) 10px 2px no-repeat;
	padding-left: 35px;
}

.videoizle .sakli {
	display: block;
	top: 50%;
	height: 50%;
	padding-left: 35px;
}

.videoizle a {
	color: #FFF;
}

.videoizle a:hover .caption {
	top: 60%;
}

.videoizle a:hover .bg-color {
	background-color: #ff0000;
}

/*--------------------  kategori sayfasi css-----------------------------

#bg_evrim { background:url(images/bg_evrim.jpg) no-repeat center 0; width:100%;}

.kategorimenu { width:100%; border:1px solid #cacaca; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background: #e0d7b6;}
.kategorimenu_green { width:100%; border:1px solid #737f47; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background: #c8d59c;}
*/


/************************** KITAP OKUMA SAYFASI CSS ************************/

.botcols2 .bot-sutun {
	width: 270px;
	height: 320px;
}

#hoverimg2 ul.hoverimg {
	width: 340px;
}

#hoverimg2 ul.hoverimg li {
	width: 75px;
	height: 105px;
	margin: 0 10px 10px 0;
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	text-transform: uppercase;
}

#hoverimg2 ul.hoverimg li a {
	width: 65px;
	height: 80px;
	background: #fff;
	color: #121419;
	padding: 20px 5px 5px 5px;
}

#hoverimg2 ul.hoverimg li img {
	width: 75px;
	height: 105px;
}

/************************** LISTE SAYFASI CSS ************************/
.selectwrap {
	margin: 15px;
}

.select-category {
	width: 380px;
	margin-right: 10px;
}

.select-language {
	width: 110px;
	margin-right: 10px;
}

.select-type {
	width: 210px;
	margin-right: 10px;
}

.select-arrange {
	width: 130px;
	margin-left: 10px;
}

/*------------TABLE STYLING --------------------------*/
/*
#videolistesi caption { color:#1f87b6; }
#videolistesi tr:hover td {background: #d7eaf4;}
#videolistesi tr:hover td.name { background: #d7eaf4 url(liste-images/muhur.gif) no-repeat 3px center;}
#videolistesi tr:hover tr td { background: none;}
#videolistesi th.headerrow { color:#fff; background:#1f87b6; }
#videolistesi td.total, #videolistesi .list tr:hover td.total{	border-top: 1px solid #1f87b6; border-bottom: 1px solid #1f87b6; background: #d7eaf4;}

#videolistesi .urltooltip, #videolistesi .buytip, #videolistesi .commenttip { background-color:#1f87b6; border:1px solid #fff; color:#fff;}
#videolistesi .tooltip{ background:transparent url(liste-images/detail_blue.png); color:#fff;}
*/

.list caption {
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	padding: 30px 0 10px;
	color: #56a1a4;
	line-height: 1.2em;
}

.list {
	border-collapse: collapse;
	text-align: center;
	width: 920px;
}

.list th {
	font-size: 13px;
	font-weight: normal;
	padding: 5px 0;
	color: #bdc0c6;
}

.list td {
	vertical-align: middle;
}

.list tr.lst {
	border-bottom: 1px solid #d7dadd;
}

.list tr th {
	border-bottom: 1px solid #fff;
}

.list tr:hover td {
	background: #dcede7;
}

.list tr:hover td.name {
	background: #dcede7 url(liste-images/muhur.gif) no-repeat 3px center;
}

.list tr:hover .tooltip table tr td {
	background: none;
	text-align: left;
	vertical-align: top;
	padding-bottom: 5px;
	overflow: hidden;
}

th.headerrow {
	color: #fff;
	background: #56a1a4;
	font-family: "Segoe UI", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}

td.total,
.list tr:hover td.total {
	border-top: 1px solid #56a1a4;
	border-bottom: 1px solid #56a1a4;
	background: #dcede7;
	text-align: left;
	padding: 5px 10px;
	font-weight: bold;
}

th.no {
	width: 40px;
}

td.name {
	min-width: 270px;
	text-align: left;
	color: #121419;
	padding-left: 30px;
}

td.languages {
	width: 90px;
}

td.url,
td.url a {
	width: 90px;
	color: #65a68d;
}

td.pdf,
td.pdf a {
	width: 90px;
	color: #56a1a4;
}

td.doc,
td.doc a {
	width: 90px;
	color: #166f73;
}

td.related {
	width: 110px;
	font-size: 12px;
}

td.cover {
	width: 40px;
}

td.buy {
	width: 50px;
}

td.comment {
	width: 30px;
}

.lang {
	font-size: 10px;
	color: #778899;
}

/*------------------------ TOOLTIP trigger buttons ------------------------*/

.urlbutton {
	background: transparent url(liste-images/url.gif) no-repeat scroll 65px 18px;
}

.pdf .button {
	background: transparent url(liste-images/pdf.gif) no-repeat scroll 65px 18px;
}

.doc .button {
	background: transparent url(liste-images/doc.gif) no-repeat scroll 65px 18px;
}

.button,
.coverbutton,
.urlbutton,
.relatedbutton {
	display: block;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	width: 90px;
	cursor: pointer;
}

.relatedbutton,
a.relatedbutton {
	width: 110px;
	color: #000;
}

.coverbutton {
	width: 40px;
}

.cover .tooltip {
	cursor: pointer;
}

/*------------------------ TOOLTIP ------------------------*/

/* tooltip styling */
.cover .tooltip {
	display: none;
	width: 113px;
	border: 1px solid #555;
	box-shadow: 0 0 10px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
	z-index: 1099;
}

.urltooltip,
.buytip,
.commenttip {
	display: none;
	background-color: #3d7483;
	border: 1px solid #fff;
	padding: 10px;
	width: 110px;
	font-size: 11px;
	text-align: center;
	box-shadow: 0 0 10px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
	color: #fff;
	line-height: 15px;
}

.buytip,
.commenttip {
	width: 50px;
}

.pdf .tooltip,
.doc .tooltip {
	display: none;
	background: transparent url(liste-images/detail_petrol.png);
	padding: 15px;
	height: 90px;
	width: 140px;
	font-size: 11px;
	color: #fff;
	line-height: 14px;
	overflow: hidden;
}

/* table element inside tooltip */
.pdf .tooltip a,
.doc .tooltip a {
	color: #fcda3b;
	font-weight: bold;
}

.tooltip .label {
	color: #fcda3b;
	padding-right: 10px;
	text-align: right;
}

.tooltip table {
	margin: 10px 0;
}

/*------------------------ other ------------------------*/