﻿/* CSS Document */

body {
	background:#FFFFFF;
}

img {vertical-align:top;}
a img { border:0;}


.left { float:left;}
.right { float:right;}
.clear { clear:both;}

html, input, textarea {
      font-family:Arial, Helvetica, sans-serif;
      font-size:12px;
      line-height:18px;
      color:#111;
}

input, select { vertical-align:middle; font-weight:normal;}

a { text-decoration: none;}
a:hover {text-decoration: underline;}
#main { 
	width:960px; 
	margin:0 auto; 
	text-align:left; 
	padding:20px 0 0;
}

#header { width:960px;}

#footer { height:320px;}
#content {
	
}
.half, .halfsplit, .quarter  {float:left;}
.wrapper {overflow:hidden; }

/* ============================= page ===========================*/
.full {
	width: 960px;
	padding:0;
}
.halfsplit {
	width: 480px;
	padding:0;
}
.half{
	width: 470px;
	padding:0;
	margin-right:10px;
}
.quarter {
	width: 230px;
	padding:0;
	margin-right:10px;
}
a {color:#59858b; outline:none;}
a:hover{text-decoration:underline;}
p {padding-bottom:1px;}


h1 {
	font-size:28px;
	font-weight: normal;
	color:#4dbff1;
	margin: 5px 0 20px 0;
	line-height:28px;
}
h1 span {font-size:34px; line-height:1.2em; letter-spacing:-1px;}
h2 {
	font-size:24px; 
	font-weight: normal;
	color:#6a6a6a; 
	padding:5px 0 10px;}
h3 {
	font-size:20px;
	font-weight: normal;
	color:#4e4e4e; 
	line-height:1.2em; 
	letter-spacing:-1px;
	padding:13px 0 6px;
	margin:0 0 13px;
	border-bottom:4px solid #f4f4f4;}
h4 {
	font-size:22px; 
	color:#4e4e4e; 
	line-height:1.2em; 
	padding:13px 0 3px;
	margin:0 0 13px;
	border-bottom:4px solid #f4f4f4;
	font-weight:normal;}
h6 {font-size:13px; color:#6a6a6a; font-weight:normal; padding:12px 0 8px;}

.blue {color:#4dbff1;}
.pink {color:#db4894;}
.green {color:#36aa3c;}
.orange {color:#ff4500;}
.grey {color:#434445;}
/* ============================= main layout ====================== */

.imgindent {margin:2px 20px 0 0; float:left;}
.fright {text-align:right;}
/* ============================= header ====================== */
#header {position:relative; margin-right:3px;}
#header a {text-decoration:none; }
.menu a,.menu li { font-size:16px;  color:#afafaf; line-height:1.2em; font-weight:normal;}
.menu a { margin:0 0 0 8px; text-decoration:none;color:#494949;}
#header .menu a:hover {color:#db4894;}
.menu {padding:13px 0 85px;}
#header .menu a.active,#header .menu a.active:hover {color:#4dbff1; cursor:default;}

#header .rightLangSwıtch a { text-decoration: none;}
#header .rightLangSwıtch a:hover { text-decoration: underline; color:black;}

#header .rightLangSwıtch{
	background:url("images/menu_top_bg.gif") no-repeat 5px 0px;
	padding:3px 0 7px 0;
	margin:-8px -1px 0 0;
	width:84px;
	text-align: center;
	
}
#header .menuwrap {
	padding-top: 10px;
	height: 50px;
	border-top:1px solid #e4e4e4;
}
.logo {padding:0; }
.twitter {position:absolute; top:27px; right:10px;}

.slogan {padding:11px 55px 0;}
.slogan p {padding:17px 0 40px; color:#777777; font-size:18px; line-height:1.2em;}
.slogan a {
	background:url(images/link_marker.jpg) no-repeat right center; 
	padding-right:8px; 
	color:#1c1c1c;
	font-weight:300; 
	font-style:italic;
	font-size:17px; line-height:1.2em;
	margin-left:2px;}
.slogan a:hover {color:#db4894;}
/* ============================= content ====================== */
#content ul {padding:0 8px 15px 0;}
#content li {list-style-type:none; background:url(images/marker.gif) no-repeat 0 7px; padding-left:10px; line-height:24px;}
#content li a {color:#777777;}

.banners p {padding-bottom:20px;}
.banners img {padding-left:2px;}

.links {padding:9px 0;}
.link {
	/* background:url(images/link_marker.jpg) no-repeat right 8px;  */
	padding-right:6px; 
	color:#384145;
	font-weight:300; 
	font-style:italic;
	font-size:16px; line-height:1.2em;
	text-decoration:none;}
.link:hover {border-bottom:1px solid #384145;}
* html .link {	background:url(images/link_marker.jpg) no-repeat right center; }
*:first-child+html .link {	background:url(images/link_marker.jpg) no-repeat right center; }

.row2 {margin:24px 0 33px;}

.block {
	background:url(images/col_bg.png) no-repeat top center; 
	width:117px;
	height:200px;
	overflow: hidden;
	padding:6px;
	float:left;
	margin: 7px 7px 0 0;
	text-align: center;
}
/*.blocks  {padding:14px 0 0;}*/

.block img { width:90px;  /*margin-left: 10px; */}
.block p {padding:6px 10px; line-height:16px; font-weight:bold;}

.block_type2 {background:#f6f6f6 url(images/type2_top.gif) no-repeat top center; margin:3px 0 16px;}
.block_type2_bottom {background:url(images/type2_bottom.gif) no-repeat bottom center; padding:5px 18px 5px 5px;}
.block_type2 .imgindent {margin:0 9px 0 0;}
.comments p {padding:7px 0; line-height:16px;}
.row1 h2 {padding:7px 0 13px;}

.portfolio  {padding:3px 0 16px;}
.portfolio p {padding-bottom:0; padding-top:22px;}
.portfolio .imgindent {
float:left;
margin:0 18px 22px 0;
}
.portfolio .col2 a.link {background:url(images/marker_prev.gif) no-repeat left center; padding-left:8px;}
/*phone*/
.phone {padding-right:21px;}
.phone span {font-weight:normal; color:#a7a7a7;}
.phone a { color:#777777;}
#content ul.pad {margin-top:-4px;}
.type3 {padding-left:19px;}
#content .type3 ul {padding:4px 0;}

.forum table {border-left:1px solid #555555; border-top:1px solid #555555; line-height:15px;}
.forum thead td {padding:5px 5px 10px; text-align:center;}
.forum td {border-right:1px solid #555555;border-bottom:1px solid #555555;}
.forum table a {color:#777777;}
.forum thead {color:#555555; font-size:11px ; font-family:Tahoma, Geneva, sans-serif;}
.forum .table_col { text-align:left; padding:0 0 0 28px;}

.table_col1 { padding: 18px 10px 12px 16px; width:190px; vertical-align:top;}
.table_col3 { padding: 18px 10px 12px 16px; width:171px; vertical-align:top;}
.table_col2 {width:55px; text-align:center;}
/* ============================= footer ====================== */
#footer {color:#a1a1a1; font-size:12px; border-top:1px solid #e4e4e4; line-height:19px; margin-top: 10px;}
#footer span {color:#4f4f4f; margin-right:6px;}
#footer a {color:#a1a1a1; font-size:12px; text-decoration:underline;}
#footer .menu {padding:16px 0 9px;}
#footer .menu a{margin:0 15px 0 10px;}
#footer .menu .first a {margin-left:0;}
#footer p {line-height:16px;}
#footer .contact { margin-top:10px; }
#footernav>li { min-height: 200px; width:125px; }
#footernav>li { border: 1px solid #EEE; padding: 3px; margin: 3px; float: left; font-weight: bold; list-style: none; }
#footernav { padding-left:3px; }
#footernav ul { font-weight: normal; list-style: none; padding: 0; margin: 0;  }


/* ============================= forms ============================= */
label {height:38px; display:block;}
#LoginForm {padding:5px 2px;}
#LoginForm input {
		color:#777777;
		line-height:15px;
		width:365px;
		padding:2px 5px 3px;
		margin:3px 0 0;
	}

#ContactForm label {height:33px; display:block;}
	#ContactForm { padding:10px 0 0 15px;}
#ContactForm input, #ContactForm textarea {
		width:365px;
		padding:2px 5px 3px;
		color:#777777;
		background:#fff;
		line-height:15px;
		height:15px;
	}
#ContactForm textarea {
		height:114px; overflow:auto; margin-bottom:9px;}
#ContactForm a {margin:0 3px 0 26px;}

/* ============================= Technical Report ============================= */
.report {
  font-weight: bold;
  width: 100%;
  background-color: lightblue;
  padding: 0.0em;
}

.author {
  font-weight: bold;
  width: 100%;
  padding: 0.0em;
}

.title {
  font-weight: bolder;
  width: 100%;
  color: darkblue;
}
.keywords {
  font-style: italic;
  width: 100%;
}

/* =============================   ============================= */
.personCell {
    position: relative;
    margin: 5px auto 0 auto;
    width: 700px;
    clear: both;
    font-family: Tahoma,Arial,Helvetica,Helv,Verdana,Swiss,MS Sans Serif,sans-serif;
    overflow:hidden;
}

.personCell div {
    margin: 5px;
}

.personCell .name {
    margin-top: 10px;
    font-weight: bold;
}

.personphoto {
    margin: 5px;
    width:100px;
    float: left;
}

.personCell .details {
	float: left;
	width: 300px;
}

.personCell .research {
	float: left;
	padding-top: 20px;
	width: 250px;
}

/* CALENDAR */
.scroll-pane {
    width: 224px;
	height:320px;
	overflow: auto;
}
	
.calendar {
    font-family: tahoma;
    font-size: 12px;
    padding: 3px;
}

.calendardetail {
    display:none;
}

.calendardate {
    font-weight: bold;
}

.calendarheaderdate {
    font-weight: bold;
    font-size: 13px;
    margin-left: 5px;
}

.calendartitle {
    cursor: pointer;
}

.calendarevent {
    background-color: whiteSmoke;
    border-style: solid;
    border-width: 1px;
    color: #444;
    border-color: #D0D0D0;
    border-radius: 10px;
    margin: 3px;
    padding: 3px 5px 3px 5px;
}
/* END CALENDAR */
