﻿/* 
	project: internet sharing template
   	author: luka cvrk (www.solucija.com) 
								*/
body {
	padding: 0;
	margin: 0;
	font: 10px Tahoma, Arial, sans-serif;
	line-height: 1.6em;
	background: #fff;
	color: #454545;
}
/* links */
a {
	color: #003B6E;
	background: inherit;
}
a:hover {
	color: #9EC068;
	background: inherit;
}
/* headings */
h1 {
	font: bold 14px "Arial", Sans-Serif;
	margin: 0;
	letter-spacing: -1px;
}
h2 {
	font: bold 14px Arial, Sans-Serif;
	margin: 0;
	padding: 0;
}
h2 a {
	color: #2b2b2b;
	background: #fff;
	text-decoration: none;
}
h1 a {
	color: #2b2b2b;
	background: #fff;
	text-decoration: none;
}
h2 a:hover {
	color: #2b2b2b;
	background: #FFF;
}
h1 a:hover {
	color: #2b2b2b;
	background: #FFF;
}
.title {
	color: #808080;
	background: #fff;
}
/* lists and form elements */
ul {
	margin: 13px;
	padding : 0;
	list-style:disc;
}
form {
	margin: 0;
}
input.search {
	width: 279px;
	border: none;
	background: #fff url(images/input.gif) no-repeat;
	padding: 6px 10px;
	color: #1E67A8;
	font-weight: bold;
}
input.button {
	padding: 3px;
}
/* content holder */
#content {
	margin: 10px auto;
	width: 960px;
}
/* header */
#header {
	height: 75px;
}
#logo {
	padding: 15px 0 0 8px;
}
#logo p {
	margin: 0;
	padding: 0 0 0 10px;
	color: #808080;
	background: #fff;
}
#top_info {
	float: right;
	width: 570px;
	margin: 20px 5px 0 0;
	text-align: right;
}
/* horizontal tabbed menu */
#tabs {
	background: #fff url(images/bigbox.gif) no-repeat top left;
	color: #000;
	height: 64px;
	text-align: center;
	padding: 0 0 0 210px;
}
#tabs li {
	display: inline;
	height: 45px;
}
#tabs li a {
	float: left;
	background: #fff url(images/barbg.gif) no-repeat;
	color: #808080;
	padding: 7px 0;
	width: 82px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
#tabs li a:hover {
	background: #fff url(images/barcurrent.gif) no-repeat;
	color: #000;
}
#tabs li a.current {
	background: #fff url(images/barcurrent.gif) no-repeat;
	color: #2C71AE;
}
.key {
	text-decoration: underline;
}
/* search form */
#search {
	float: left;
	clear: both;
	color: #000;
	background: #fff url(images/searchbg.gif) no-repeat;
	padding: 14px 0 20px 5px;
	width: 500px;
	margin: 5px 0 0 0;
}
#search p {
	padding: 0;
	margin: 0;
}
/* grey subheader */
.gboxtop {
	clear: both;
	height: 8px;
	background: #dedede url(images/gboxtop.gif) no-repeat;
	color: #000;
}
.gbox {
	background: #dedede url(images/gbox.gif) no-repeat bottom left;
	color: #444;
	padding: 1px 13px 7px 13px;
	margin: 0 0 20px 0;
}
.gbox p {
	padding: 7px 0;
	margin: 0;
}
/* left side */
.left {
	float: left;
	width: 650px;
	margin: 0 0 10px 0;
}
.left_articles {
	margin: 0 20px 15px 10px;
	padding: 10px 0 0 0;
	text-align: justify;
	border-bottom: 1px dotted #ccc;
	color: #000;
	background: #fff;
}
.calendar {
	height: 50px;
	float: left;
	background: #fff url(images/calendar.gif) no-repeat;
	width: 50px;
	padding: 5px 0 0 9px;
	color: #808080;
}
.calendar p {
	padding: 0;
	margin: 0;
}
.description {
	padding: 0 0 2px 0;
	margin: 0 10px 5px 0;
	border-bottom: 1px dotted #ccc;
}
.thumbnail {
	float: left;
	margin: 0 18px 8px 0;
	border: 1px solid #dedede;
}
/* bottom thirds */
.thirds {
	float: left;
	width: 203px;
	background: #eee;
	margin: 0 12px 0 0;
	color: #5d5d5d;
}
.smallboxtop {
	height: 14px;
	background: #fff url(images/smallboxtop.gif) no-repeat;
	color: #000;
}
.smallbox {
	background: #fff url(images/smallbox.gif) no-repeat bottom left;
	color: #444;
	padding: 1px 10px 10px 10px;
}
.smallbox p {
	padding: 0;
	margin: 0;
}
/* right side */
#right {
	float: right;
	width: 295px;
	margin: 0 0 10px 0;
}
.boxtop {
	height: 19px;
	background: #fff url(images/boxtop.gif) no-repeat;
	color: #000;
}
.box {
	background: #fff url(images/box.gif) no-repeat bottom left;
	color: #5b5b5b;
	padding: 0 10px 15px 10px;
	margin: 0 0 10px 0;
}
.box p {
	padding: 0;
	margin: 0;
}
.image {
	float: left;
	margin: 0 9px 3px 0;
}
/* misc */
.buttons {
	text-align: right;
	padding: 4px 3px 0 0;
}
.left_articles .buttons {
	float: right;
	height: 20px;
}
.bluebtn {
	background: #488EB2 url(images/bluebtn.gif) no-repeat;
	width: 100px;
	padding: 1px 16px 5px 16px;
	color: #fff;
	text-decoration: none;
}
.greenbtn {
	background: #488EB2 url(images/greenbtn.gif) no-repeat;
	padding: 1px 17px 5px 16px;
	color: #fff;
	text-decoration: none;
}
.greenbtn:hover {
	background: #488EB2 url(images/hoverbtn.gif) no-repeat;
	color: #fff;
}
.bluebtn:hover {
	background: #488EB2 url(images/hoverbtn.gif) no-repeat;
	color: #fff;
}
/* footer  */
.footer {
	clear: both;
	text-align: center;
	line-height: 1.8em;
	padding: 10px 0 10px 0;
	border-top: 1px solid #ccc;
}

.style1 {
	color: #808080;
	background-color: #FFFFFF;
}
.style2 {
	border-width: 0px;
}
.style3 {
	text-align: center;
	border-style: solid;
	border-width: 1px;
}
.style4 {
	text-align: center;
}
.style5 {
	border-style: solid;
	border-width: 1px;
}
.style6 {
	font-weight: bold;
	text-align: center;
}
.resimsytle {
	margin:5px 5px;
	border:1px;
	border-style:ridge;
	width:80px;
	height:80px;
	border-color:#CCCCCC;
	padding:3px 3px 3px 3px;
}
.corckaykil {
	margin:5px 5px;
	border:1px orange ridge;
	width:80px;
	height:60px;
	border-color:#CCCCCC;
	padding:3px 3px 3px 3px;
}
.compteBox{ background-color:#f0f4f5; width:585px; overflow:hidden; padding:18px 0 20px 30px; margin-bottom:10px}
.compteInfo{ float:right; padding:25px 15px 0 0}
.compteBox label{ font-size:14px; letter-spacing:-1px}
.compteBox input{ display:block}
.compteBoxMed{ width:260px; float:left}
.compteBoxMed label{ font-size:16px}
.compteBoxMed .inputBox{
	background:url(images/iletisim_arkaplan.gif) no-repeat left top;
	width:243px;
	height:25px;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 23px;
	margin-left: 0;
}
.compteBoxMed .noInputBox{width:223px; height:25px; margin:6px 0 23px 0}
.compteBoxMed .alertinput{background:url(images/bg_input_223_alert.gif) no-repeat left top!important}
.compteBoxMed input{
	width:200px;
	height:20px;
	border:0;
	background:none;
	margin-left: 3px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
}
.blueText{ color:#5fcbf3}
.inputAdress{background:url(images/bg_input_473.gif) no-repeat left top; width:473px; height:25px; margin:6px 0 23px 0}
.inputAdress input{ border:0; background:none; width:467px; height:20px; padding:3px 2px 2px 3px; color:#8ea6a9}
.inputSmall{background:url(images/bg_input_128.gif) no-repeat left bottom; width:128px; height:25px; margin:6px 0 23px 0}
.inputSmall input{border:0; background:none; width:123px; height:20px; padding:3px 2px 2px 3px; color:#8ea6a9}
.inputSmall select{border:0; width:124px; height:21px; margin:2px 2px 2px 2px; color:#8ea6a9}
.inputBigger{background:url(images/bg_input_320.gif) no-repeat left bottom; width:320px; height:25px; margin:6px 0 23px 0}
.inputBigger input{border:0; background:none; width:315px; height:20px; padding:3px 2px 2px 3px; color:#8ea6a9}