/*
Copyright (c) 2010 Turkish Airlines, 
Agency: McCann Erickson İstanbul.
Design by Akif Yılmaz; PHP and some Javascript by Mehmet Turaç;  XHTML, CSS and all other cool stuff by Meriç Kara.
If you can read this, please support Mozilla Firefox, Opera Browser, Apple Safari and Google Chrome.
*/
body{margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; padding:0}
html{background:url(../i/bg-main.jpg) center top no-repeat #cdebf2; margin:0; padding:0}
.block{display:block; overflow:hidden; clear:both;}
.none{display:none}
.left{float:left}
.right{float:right}
.indent{text-indent:-9999px}
.indent span{visibility:hidden;}
.relative{position:relative;}
.absolute{position:absolute;}
.pngfix {behavior: url(/j/iepngfix.htc)}
a{color:#000000; text-decoration:none;}
a:hover{text-decoration:underline;}
#wrapper{width:950px; margin:0 auto;}
#form{width:603px; margin:0 auto;}
#header{height:144px}
#header a.logo{background:url(../i/logo-socialtrippin.png); width:309px; height:116px; top:15px; left:30px}
#form a.logo{background:url(../i/logo-socialtrippin.png); width:309px; height:116px; display:inline-block; position:relative; left:128px; margin-bottom:6px;}
#header a.share-this{background:url(../i/btn-share-this.png); width:105px; height:65px; right:30px}
#content{top:-34px}
p.nomargin{margin-left:-30px; margin-bottom:12px}
#pageid{background:url(../i/border-bottom.jpg) repeat-x 0px 32px; height:39px;}
#tabs{background:url(../i/border-bottom.jpg) repeat-x 0px 32px; height:240px;}
#tabs ul.tabs{float:right; right:24px;}
#tabs ul.tabs li{float:left;}
#tabs ul.tabs a{ background:url(../i/btn-five.png) no-repeat; height:33px; width:88px; display:block}
#tabs ul.tabs a.selected{background-position:0 -33px!important;}
#tabs ul.tabs a.what{background:url(../i/btn-what.png) no-repeat; }
#tabs ul.tabs a.what:hover{background-position:0 -33px!important;}
#tabs ul.tabs a.when{background:url(../i/btn-when.png) no-repeat; }
#tabs ul.tabs a.when:hover{background-position:0 -33px!important;}
#tabs ul.tabs a.where{background:url(../i/btn-where.png) no-repeat; }
#tabs ul.tabs a.where:hover{background-position:0 -33px!important;}
#tabs ul.tabs a.how{background:url(../i/btn-how.png) no-repeat; }
#tabs ul.tabs a.how:hover{background-position:0 -33px!important;}
#tabs ul.tabs a.why{background:url(../i/btn-why.png) no-repeat; }
#tabs ul.tabs a.why:hover{background-position:0 -33px!important;}
#tabs ul.tabs a.who{background:url(../i/btn-who.png) no-repeat; }
#tabs ul.tabs a.who:hover{background-position:0 -33px!important;}
#what, #where, #when, #how, #why, #who{clear:both; background:url(../i/bg-five.png); position:relative; top:6px; padding:8px; height:184px; width:936px;}

.item a.selected{background-position:0 -26px!important}
#mid-three{background:url(../i/border-bottom.jpg) repeat-x 0px 32px; height:300px; margin:10px 0 0 0;}
#mid-three ul.tabs{float:right; right:24px;}
#mid-three ul.tabs li{float:left;}
#mid-three ul.tabs a.past{background:url(../i/btn-past.png) 0 -45px;height:33px; width:93px; display:block}
#mid-three ul.tabs a.past:hover,#mid-three ul.tabs a.current:hover,#mid-three ul.tabs a.upcoming:hover{background-position:0 0;}
#mid-three ul.tabs a.selected{background-position:0 0 !important;}
#mid-three ul.tabs a.current{background:url(../i/btn-current.png) 0 -45px;height:33px; width:93px; display:block}
#mid-three ul.tabs a.upcoming{background:url(../i/btn-upcoming.png) 0 -45px;height:33px; width:93px; display:block}
#past, #current, #upcoming{clear:both; background:url(../i/bg-middle.png); position:relative; top:6px; padding:6px; height:249px; width:940px;}
#past, #upcoming{padding:0;}
#mid-three #mid-image{width:419px; height:249px}
#mid-three #mid-content{height:249px; width:528px; display:block; right:8px}
#mid-three #mid-content ul li{behavior: url(/j/iepngfix.htc); background:url(../i/bg-attendees.png); width:492px; height:60px; margin-top:7px; padding:4px 12px 8px 16px}
#mid-three #mid-content ul li h1{font-style:italic; font-size:14px; margin-bottom:2px}
#mid-three #mid-content ul li h1 span{font-weight:bold; font-style:normal; text-decoration:underline}
#mid-three #mid-content ul li h1 b{font-weight:bold;}
#mid-three #mid-content ul li a.readmore{float:right; background:url(../i/btn-read-more.png) 0 -14px; width:68px; height:14px; text-indent:-9999px; display:block}
#mid-three #mid-content ul li a.readmore:hover{float:right; background:url(../i/btn-read-more.png) 0 0; width:68px; height:14px; text-indent:-9999px; display:block}

#trip-trigger{background:url(../i/border-bottom.jpg) repeat-x 0px 32px; height:38px;width:941px; margin:0 0 0 5px}
#trip-trigger ul{float:right}
#trip-trigger ul li{float:left; height:33px;}
#trip-trigger ul li.previous a{background:url(../i/btn-next-prev.png); width:40px; height:33px; display:block; text-indent:-9999px;}
#trip-trigger ul li.text a{}
#trip-trigger ul li.next a{background:url(../i/btn-next-prev.png)-40px 0; width:40px; height:33px; display:block; text-indent:-9999px;}

#left-wrap{width:222px; display:block; overflow:hidden; background:url(../i/bg-left-wrap.png)}
#left-block{width:222px; margin:0; background:url(../i/bg-left-block.png) 5px 0 no-repeat; padding:20px 0 0 0;}
.left-foot{background:url(../i/bg-left-foot.png); width:222px; height:5px; overflow:hidden; display:block;}
#left-block .item{margin:0 0 10px 0}
#left-block .toggle_container a{display:block; font-size:14px; color:#494949; text-decoration:none; background:url(../i/bg-person-links.png) 0 -28px; width:184px; height:17px; margin:10px 0 0 4px; padding:0 0 0 30px; behavior: url(/j/iepngfix.htc)}
#left-block .toggle_container a:hover, #left-block .toggle_container a.active{background-position:0px -4px;}
#left-block a.subject{background:url(../i/btn-subject.png); width:214px; height:26px; margin:0 0 0 4px} 
#left-block a.overwiev{background:url(../i/btn-overwiev.png); width:214px; height:26px; margin:0 0 0 4px} 
#left-block a.socialhash{background:url(../i/btn-socialhash.png); width:214px; height:26px; margin:0 0 0 4px} 
#left-block a.place-info{background:url(../i/btn-place-info.png); width:214px; height:26px; margin:0 0 0 4px} 
#left-block .attendees{background:url(../i/btn-attendees.png); width:214px; height:26px; margin:0 0 0 4px} 
#left-block a.attendees{background:url(../i/btn-attendees.png); width:214px; height:26px; margin:0 0 0 4px} 
#left-block .active, #left-block a.place-info:hover, #left-block a.subject:hover, #left-block a.attendees:hover, #left-block a.socialhash:hover, #left-block a.overwiev:hover{background-position: 0 -26px} 

#miniwrap{overflow:hidden; display:block; background:url(../i/bg-miniwrap.png) repeat-y; }
#right-block{width:728px; padding:20px 0 0 0; background:url(../i/bg-social.png) 4px 0 no-repeat;}
.foot{background:url(../i/bg-foot.png); width:728px; height:5px; overflow:hidden; display:block;}
#passphoto img{display:block; border:thin #000 solid; margin:0 0 0 10px; width:150px;}
#attendee-info{width:454px; margin:0 46px;}
#attendee-info h1{font-size:20px; margin:0 0 4px 0}
#place-subject-info{margin:0 46px;}
#place-subject-info h1{font-size:20px; margin:0 0 4px 0}
.more-info{margin:40px auto; width:320px; text-align:center; clear:both; overflow:hidden}
.more-info h1{font-weight:bold; font-size:14px!important;}
.social-info{width:320px; text-align:center;}
.social-info a{background:url(../i/btn-social.png) no-repeat; width:53px; height:53px; display:inline-block; text-indent:-9999px; behavior: url(/j/iepngfix.htc)}
.social-info a.linkedin{background-position:0 0;}
.social-info a.twitter{background-position:-60px 0;}
.social-info a.facebook{background-position:-120px 0;}
.social-info a.rss{background-position:-180px 0;}
.social-info a.friendfeed{background-position:-240px 0;}
.social-info a.blog{background-position:-300px 0;}

#footer{width:100%; background:url(../i/bg-footer.png) top center no-repeat; text-align:center; color:#777777; font-size:11px; line-height:16px; padding:17px 0 17px 0;}
#footer a{color:#777777; text-decoration:none;}
#footer a:hover{color:#CCCCCC; text-decoration:none;}
a.thy{background:url(../i/logo-thy.png); width:194px; height:73px; margin:35px auto 0 auto; display:inline-block}
a.xing{background:url(../i/logo-xing.png); width:116px; height:25px; display:inline-block; margin:13px; 0}
a.mainpage{background:url(../i/btn-mainpage.png); width:93px; height:42px; display:block; overflow:hidden; float:left; position:relative; top:-6px; left:-310px; text-indent:-9999px;}
.form{background:url(../i/form.jpg); width:603px; height:667px;}
.form input, .form textarea{position:relative; display:block; float:left; background:#FFFFFF; border:1px solid #8c919b; resize: none}
.form radio{position:relative; float:left;}
.form input{width:194px; height:24px; font-size:14px;}
.form textarea{font-size:14px; width:337px; height:87px;}
#attend_0, #attend_1,#futureevents_0,#futureevents_1{width:auto; height:auto;}
#name{top:208px; left:-248px;}
#surname{top:225px; left:-248px;}
#email{top:245px; left:-248px;}
#whynot{top:103px; left:6px;}
#adress{top:254px; left:117px; height:72px}
#phone{top:344px; left:-223px;}
#attend_0{top:48px; left:32px;}
#attend_1{top:48px; left:88px;}
#futureevents_0{top:432px; left:-503px;}
#futureevents_1{top:432px; left:-450px;}
#submit{background:url(../i/btn-form-sent.jpg); width:84px; height:36px; text-indent:-9999px; border:none; left:461px;cursor:pointer; top:-10px;}
.red{background:#e53136!important;}
.msgtext{position:relative;left:124px; top:467px;}
#msg{position:relative; float:left; top:434px; font-size:20px; left:1px;padding:22px 0; width:606px; height:25px; overflow:hidden; text-align:center}
.feedtab{background:url(../i/btn-crawler.png); width:93px; height:31px; margin-right:20px;}
.newstab{background:url(../i/btn-crawler.png) 0 -35px; width:93px; height:31px; margin-right:20px;}
.privacy{ background:url(../i/bg-privacy-policy.jpg); width:137px; height:31px; margin-right:20px;}
#holder1, #holder2{width:451px; background:url(../i/bg-crawler.png) 0 31px no-repeat; height:312px;}
#holder1{margin-right:47px;}
#holder1 ul, #holder2 ul{width:435px; height:227px; display:block; overflow:hidden; clear:both; padding:19px 0 8px 8px; }
#holder1 ul li{ background:#f5f5f5; margin:0 3px 12px 3px; padding:6px;}
#holder2 ul li{ background:#f5f5f5; margin:0 3px 10px 3px; padding:6px;}
#holder1 ul li {height:27px; margin:0 3px 9px 3px}
#holder1 ul li a, #holder2 ul li a{color:#c30000; text-decoration:none;}
#holder1 ul li a:hover, #holder2 ul li a:hover{text-decoration:underline;}
#holder2 ul li.unique{background:none; margin:0 auto; display:block; width:290px}
#feeder{margin-top:10px;}
a.more{background:url(../i/read_more.png); width:85px; height:20px; top:7px;}
a.more:hover{background-position:0 -20px;}

.pages{border:6px solid #3c3638; background:#eaeff2; padding:20px}
.pages h3{ font-size:14px; text-decoration:underline; color:#000000}
ul.readmores{width:100%; display:block; overflow:hidden; clear:both;}
ul.readmores li{ background:#f5f5f5; margin:0 3px 12px 3px; padding:6px;}
ul.readmores li {height:27px; margin:0 3px 9px 3px}
ul.readmores li a{color:#c30000; text-decoration:none;}
ul.readmores li a:hover{text-decoration:underline;}

.large{width:100%;}