@import url("reset.css") all;
@import url("tab.css");
body { background:#EEEEEE; text-align:center; font-family: "Trebuchet MS", "Segoe UI", Calibri; font-size:9pt;  }
a { text-decoration:none; color:#37D; font-weight:bold }
a:hover { color:#f60; }
p { margin:5px 0 }
h3,h1,h6,h4 { clear:both; }
strong { font-weight:bold }

#body { width:1110px; margin:auto; margin-top:10px; box-shadow:0 3px 10px #aaa;-moz-box-shadow:0 3px 10px #aaa;-webkit-box-shadow:0 3px 10px #aaa; overflow:hidden; margin-bottom:20px }
#govde { width:980px; margin:0; display:block; overflow:hidden; float:left }
#sagreklam { width:120px; margin:0 0 0 8px; display:block; float:left}
#header { background: #888888 url('../img/header_bg.jpg') repeat-x top left; height:120px; text-align:left; }
#htmenu { width:auto; height:18px; text-align:right; overflow:visible; color:#fff; padding-top:3px}
#htmenu ul { display:block; float:right;}
#htmenu li { display:inline;  border-right:1px #333 solid}
#htmenu a { color:#FFFFFF; font-weight:bold; padding:0px 10px 0 10px;}
#htmenu a:hover { color:#0099CC }
#htmenu a.last, ul li:last-child { border-right:none}

#search { height:70px }
#arabul { float:left; display:block; width:400px; position:relative; top:0px;}
#arabul span { margin: 0 0 0 20px; color:#f0f0f0; font-size:2em;}
#arabul strong { font-weight:bold; color:#ffffff }
#arabulbuton { display:block; float:right; margin:25px 30px 0 0; width:24px; }
#searchopt { display:block; float:left; width:130px; margin:10px 5px 0px 10px }
#searchopt label { color:#ffffff; font-size:0.9em; letter-spacing: 0.1em; font-family: Tahoma, Arial, sans-serif }
#searchopt input { margin-bottom:0px; vertical-align:bottom }
#logo { background:#FFFFFF url('../img/logo_bg.png') repeat-x top left; width:300px; height:120px; float:left; margin:0}
#logo img { margin:20px 0 0 10px }
#headerr { float:left; width:650px; margin:0;}
#hbmenu { float:left; margin-top:0px; padding:0; height:28px}
#hbmenu ul { height:26px; margin-top:5px}
#hbmenu li { display:inline;height:26px}
#hbmenu a { color:#ffffff; font-weight:bold; font-size:1.3em; padding:0 9px 5px 9px; border-right:1px solid #555555; margin:0; }
#hbmenu a:hover { color:#0099CC; background:#000000 }
#hbmenu a.last { border-right:none }
#content { margin-top:5px; height:auto; background:white; overflow:hidden }

#left { width:180px; display:block; float:left;}
#cats { width:auto; display:block; background:#eef; margin:0 0 10px 0 }
#cats h3 { font-size:1.3em; font-weight:bold; color:#000; line-height:1.5em; background:#dde; border-bottom:2px solid #37D; border-top:1px solid #ccc; padding:5px 0 0 5px}
#cats ul li { border-bottom:1px dotted #cccccc; background:url('../img/right_arrow4.gif') no-repeat 165px center; padding-left:15px;  }
#cats ul a { color:#333333; font-size:1.2em; font-weight:bold; line-height:1.6em; }
#cats ul a:hover { color:#fff }
#cats ul li:hover {background:#36C; color:#fff; position:relative;}
#cats ul li:hover a {color:#fff;}
#cats ul ul { display:none;position:absolute;left:180px;top:0;border:1px solid #fff;background:#456;width:200px; z-index:999}
#cats ul li:hover ul {display:block;z-index:9999; background:#345; color:#fff}
#cats ul ul li {background:none; padding-left:10px}
#cats ul ul li a { color:#fff; font-size:1.25em; font-weight:bold; line-height:1.5em;  }

#ad768x90 { margin:auto; text-align:center; margin-bottom:5px }

#middle { float:left; display:block; width:475px; height:auto; margin-left:10px }
#b2kolon { float:left; display:block; overflow:visible; width:780px; margin:0 0 0 10px;}
#tab { margin:0; padding:0; margin-bottom:10px; }
#sonek {clear:both  }


#right { float:right; display:block; width:305px; height:auto; margin-left:5px}
#pop {clear:both  }

#ad300x300 { margin:0; width:300px; margin-bottom:5px }

#anketic { font-size:1.1em; line-height:1.5em }
#anketic p { line-height:1.5em }
.anketsecenek { position:relative; padding:0; margin:5px; border:1px solid #aac; width:95%; background:#fdfdfe}
.anketsecenek .golge { position:absolute; height:100%; background:#9ac}
.anketsecenek .oysayisi { position:absolute; top:2px; right:3px; color:#aaa; font-weight:bold; visibility:hidden; background:#fdfdfe}
.anketsecenek .secenek { position:relative; line-height:15px; color:#000; padding:3px; font-weight:bold;}

#pMain { display:block;width:640px;padding:10px; float:left;}
#pMain h3 { font-size:2.5em; color:#69F; font-weight:bold; margin-bottom:5px}
#pMain h3 em { color:#999; font-size:0.8em }
#pMain p.pKat { color:#999; font-size:1em; line-height:1.5em;  }
#pMain hr { border:1px solid #69F; width:100%;  }
#pMain .ss { padding:0; margin:0; display:block; width:260px; float:left; text-align:center;}
#pMain .ss img { border:1px solid #ddd; margin:0px; padding:5px }
#pInfo { width:360px; float:left; margin-left:15px; display:block; }
#pInfo td { padding:3px 0 3px 0; border-bottom:1px dotted #ddd; color:#333; font-size:1.2em}
#pInfo td.sol { width:130px }
#pInfo td.sag { width:230px }
#pInfo td.last { border-bottom:none }
#pMain .inndir { width:365px; display:block; background:#DDF; height:50px; text-align:center; position:relative; float:left; margin-left:10px }
#pMain .inndir a { font-size:2.5em; width:100%; display:block; text-align:center }
#pMain .inndir a:hover { background:#009900; color:#fff }

#pMain .vkOk { font-size:1em; color:#090; font-weight:bold; width:100%; display:block; text-align:center; margin-top:5px }
#pMain #pOzet { display:block; margin:0 0 10px 0; border:1px dotted #ddd; padding:10px; background:#FFD; font-size:1.2em;
                box-shadow:0 3px 10px #aaa;-moz-box-shadow:0 3px 10px #aaa;-webkit-box-shadow:0 3px 10px #aaa; }
#pMain #pOzet strong { color:#000; font-weight:bold }
#pMain #pInceleme { font-family: verdana, "Segoe UI", Calibri, sans-serif; line-height:1.5em }
#pMain #pInceleme ul, #pMain #pInceleme li { line-height:1.5em }
#pMain #pInceleme .inceleyen { display:block; width:100%; border:1px dotted #ddd; overflow:hidden; color:#999 }
#pMain #pInceleme .inceleyen em { color:#69F; font-weight:bold }
#pMain #pInceleme .inceleyen img { display:block; border:1px solid #ddd; margin:5px; padding:5px; float:left }
#pMain #pInceleme .inceleyen h6 { display:block; font-size:1.2em; font-weight:bold; margin:5px; font-family: "Trebuchet MS", "Segoe UI", Calibri; color:#666 }
#pMain #pInceleme .inceleyen .incelemeRating { display:block; float:right; width:80px; height: 60px; border:0px dotted #ddd; margin:5px; padding:5px }
#pMain #pInceleme .inceleyen .incelemeRating p { clear:both; font-size:1em; line-height:1.5em}
#pMain #pInceleme .inceleyen .incelemeRating p img { margin:0; padding:0; border:0;}
#pMain #pInceleme .inceleyen .incelemePuan { display:block; float:right; width:140px; height: 60px; border:0px dotted #ddd; margin:5px; padding:5px }

#pResimler div { display:block; margin:10px; float:left; text-align:center }
#pResimler div img { display:block; padding:5px; border:1px solid #ddd }

#pMinfo { margin-bottom:10px; display:block; overflow:hidden; }

#pRight { display:block; float:right; width:310px; margin-top:70px}
#pRating { display:block; border:1px solid #69f; width:300px; margin-bottom:10px; padding:0px;}
#pRating table { width:100%;}
#pRating table td { width:50%; border-bottom:1px dotted #ddd; padding:5px; font-size:1.2em; font-weight: bold; color:#333 }
#pRating table td strong { color:#FF6600; font-size:1.2em }

#begeni-sonuc { font-size:0.8em }

.pYorum { width:100%; display:block; border:1px dotted #ddd; margin:0 0 5px 0; padding:0; overflow:hidden }
.pYorum .pYsol { width:10%; display:block; float:left; overflow:hidden;}
.pYorum .pYsol a { width:100%; display:block; text-align:center; margin:5px}
.pYorum .pYsol img { width:40px; height:40px; display:block; text-align:center}
.pYorum .pYsag { width:90%; display:block; float:left; overflow:hidden;}
.pYorum .pYsag .yorum { height:auto; overflow:visible}
.pYorum .pYsag .yorumAlt { font-size:0.8em; color:#999; display:block; margin:10px; float:right; }
.pYorum .pYsag .yorumBaslik { font-size:0.8em; color:#999;  }
.pYorum .pYsag .yRating { display:block; float:right; margin:2px 5px; padding:5px 0; font-size:0.8em; color:#999 }
.pYorum .pYsag .yRating a.evet { color:#393}
.pYorum .pYsag .yRating a.hayir { color:#C33}
.pYorum .pYsag .yRating p img { margin:0; padding:0; border:0;}

.pYorum .ySil { float:right; margin:5px; width:20px;}

#pYorumEkle h5 { font-size:1.4em; font-weight:bold }
#pYorumEkle textarea { width:99%; height:50px; font:1em arial, serif; color:#333 }
#pYorumEkle button { display:block; text-align:center; margin:10px 0; border:1px solid #69f; background:#eef;
    color:#69f; font-size:1.1em; font-weight:bold; padding:3px 20px; cursor:pointer !important; cursor:hand; }
#pYorumEkle button:hover { background:#333; color:#fff }

#uyekayitSag { float:right; width:300px; border:1px solid #69F; background:#EEEEFF}
#uyekayitForm label { width:600px; display:block; font-size:1.5em; margin:10px 10px; overflow:hidden;}
#uyekayitForm span { width:180px; display:block; float:left }
#uyekayitForm input { width:150px; display:block; float:left; border:1px solid #999; padding:0 10px;
    background:#eee; font:bold 0.8em arial,sans-serif; -moz-border-radius:0.4em; -khtml-border-radius:0.4em; height:1.5em; }
#uyekayitForm input:hover, #uyekayitForm input:focus { border-color:#69f;background:#fff;}
#uyekayitForm button { display:block; text-align:center; margin:20px 0 10px 190px; border:2px solid #69f; background:#eef;
    color:#69f; font-size:1.2em; font-weight:bold; padding:5px 20px; cursor:pointer !important; cursor:hand; }
#uyekayitForm button:hover { background:#333; color:#fff }
#uyekayitForm .onaykodu { width:80px; margin-left:10px }
#uyekayitForm img { float:left; border:0 }
.hata2 { font-size:0.6em; color:#f00; border:1px dotted #ddd; background:#FEE; width:200px; float:left; height:1.5em; margin:0 0 0 10px; padding:2px }

.loginpopform form { }
.loginpopform label { display:block; margin:10px 10px; overflow:hidden; font-size:1.2em;}
.loginpopform span { display:block; float:left; width:100px; font-weight:bold }
.loginpopform input { display:block; float:left; border:1px solid #999; padding:0 10px;
    background:#eee; font:bold 0.8em arial,sans-serif; -moz-border-radius:0.4em; -khtml-border-radius:0.4em; height:1.5em; }
.loginpopform input:hover, .loginpopform input:focus { border-color:#69f;background:#fff;}
.loginpopform button { display:block; text-align:center; margin:20px; border:2px solid #69f; background:#eef;
    color:#69f; font-size:1.2em; font-weight:bold; padding:3px 20px; cursor:pointer !important; cursor:hand; }
.loginpopform button:hover { background:#333; color:#fff }
.loginpopform .onaykodu { width:80px; margin-left:10px }
.loginpopform img { float:left; border:0 }

#iSecenekler { font-size:1.2em; }
#iSecenekler li { line-height:1.5em }

#footer { background:#ddd; border-top:1px solid #69F; width:100%; padding:10px; display:block; overflow:hidden }
.fLinks { display:block; float:left; width:200px; border-right:1px dotted #999; margin-right:10px }
.fLinks p { font-size:1.2em; color:#f60; margin:0 0 5px 0 }
.fLinks a { line-height:1.5em }

#loginpopmain { display:block; overflow:hidden; width:100%; padding:5px }
#loginpoplogin { width:40%; display:block; float:left}
#loginpopsignup { width:50%; border-left:1px solid #69F; display:block; float:left; padding-left:10px }

#profiltablo { width:400px; font-size:1.2em; margin:0 0 10px 0; float:left; border:1px solid #dde}
#profiltablo td { padding:3px; border:0px dotted #ddd; vertical-align: top }
#profiltablo th { font-weight:bold; background:#dde; margin:10px; padding:5px}
#profiltablo textarea { width:98%; float:right}
#profiltablo button { background:#dde; font-weight:bold; padding:2px 10px; cursor:pointer; border:1px solid #aab; margin:0; float:right}
#profiltablo td .sol { width:35%}
#profiltablo td .sag { width:65%}
#profilresim { width:150px; display:block; border:0px solid #999; float:left; margin:0 10px 10px 0; line-height:1.5em; overflow:hidden}
#profilresim img { display:block; margin: auto;}
#profilresim a { line-height:1.5em}
#profilaktiv { display:block; float:left; margin:0 0 0 10px; width:370px; font-size:1.2em; overflow:hidden; border:1px solid #dde}
#profilaktiv td { padding:3px; width:370px}
#profilaktiv th { font-weight:bold; background:#dde; margin:10px; padding:5px}

#scSonuc { display:block;width:100% }
#scSoru { display:block; width:99%; height:60px }
#scSorusor { background:#efe; overflow:hidden; padding:10px }

.golge { box-shadow:0 3px 10px #aaa;-moz-box-shadow:0 3px 10px #aaa;-webkit-box-shadow:0 3px 10px #aaa; }
.aramakutu { background:url('../img/arabul_kutu.png') no-repeat center left; width:220px; height:34px; border:0; margin:20px 0 0 20px; padding-left:5px}
.box { width:auto; display:block; background:#eef; margin:0 0 10px 0}
.box h3 { font-size:1.3em; font-weight:bold; color:#000; line-height:1.5em; background:#dde; border-bottom:2px solid #37D; border-top:1px solid #ccc; padding:5px 0 0 5px;}
.box ul {  }
.box ul li { border-bottom:1px dotted #cccccc; }
.box a, .box label { margin-left:5px; color:#333333; font-size:1em; font-weight:bold; line-height:1.6em; }
.box ul li:hover {background-color:#37D; position:relative;}
.spv10 { clear:both;margin-bottom:10px }

.pbox { width:auto; display:block; border:1px solid #69F; margin-top:10px }
.pbox h3 { display:block; font-size:1.2em; color:#FFF; line-height:1.5em; padding:5px 0 0 5px; height:31px; background:#37d }
.pbox .plist { margin:5px }

.pliste1 { width:220px; float:left; margin:0 5px 5px 0; background:url('../img/pliste_bg3.jpg') no-repeat top right}
.pliste1 img {	float:left; margin:0 5px 10px 0; border:1px solid #ddd; padding:5px;}
.pliste2 { clear:both; display:block; margin:0 0 5px 0; background:url('../img/pliste_bg1.jpg') no-repeat top right}
.pliste2 img {	float:left; margin:0 5px 5px 0; border:1px solid #ddd; padding:5px;}
.pliste3 { width:221px; float:left; margin:0 5px 5px 0;border:1px dotted #ddd; background:url('../img/bgfadegreen.gif') repeat-x bottom right; padding:2px}
.pliste3 h6 { font-weight:bold; margin-bottom:5px }
.pliste3 a { line-height:1.5em; font-size:0.9em }
.pliste3 a:hover { color:#111; background:#eef; border-bottom:1px dotted #69F }

.pliste4 { margin:0 0 10px 0; background:url('../img/pliste_bg4.jpg') repeat-x 50% 50%; border-bottom:1px dotted #ddd; padding-bottom:10px; font-size:1.1em}
.pliste4 img {	float:left; margin:0 5px 10px 0; border:1px solid #ddd; padding:5px;}
.pliste4 a:hover { color:#333; border-bottom:1px dotted #69F; background:#eee }
.pliste4 .altbilgi { color:#339966; font-size:0.8em }
.pliste4 .altbilgiDil { color:#FF9966; margin-left:10px }
.pliste4 .boyut { color:#936; margin-left:10px }
.pliste4 .os { color:#630; margin-left:10px }
.pliste4 .hit { color:#F60; margin-left:10px }
.pliste4 .eklenme { color:#ccc; margin-left:10px }
.pliste4 p { margin-top: 5px; width:100%}
.pliste4 .sira { clear:both;width:30px;color:#eef; height:24px; margin:1px; padding:0px; text-align:right; float:right; font-family:"Arial Black", Arial, sans-serif; font-weight:bold; font-size:1.5em;}
.pliste4 .sira a { color:#eef }
.pliste4 .kat { color:#aaa; font-size:0.8em; width:auto }
.pliste4 .puan { width:16px;height:16px; color:#69F; font-size:0.7em; font-weight:bold; float:right; display:block; text-align:center; background:url('../img/star-gri.png') no-repeat top left; padding-top:3px }
.pliste4 .pinfo { font-size:0.8em; font-family: "Segoe UI", verdana, Arial, Helvetica, sans-serif; line-height:1.5em}

.presimkucuk { float:left; display:block; width:auto; padding:2px; border:1px #eef}
.presimkucuk img { float:left; display:block; width:48px; height:48px }


.pliste5 { width:190px; float:left; border:2px dotted #ccc; height:100px; margin:0 10px 10px 0; padding:3px; overflow:hidden}
.pliste5 img { float:left; display:block; width:40px; height:40px; margin:0 3px 2px 0 }

.last { border-bottom:none; border-right:none; margin-bottom:0; padding-bottom:0 }
.saga { float:right; display:block; text-align:right;}
.sola { float:left; display:block; text-align:left }
.ortala { text-align:center; margin:auto }
.arananlar { color:#ccc; margin:5px; font-size:1.2em }
.arananlar a { color:#37D;}
.arananlar a:hover { color:#000 }
.kalin { font-weight:bold }
.hata { width:auto; min-width:360px; display:block; background:#FCC; border:1px dotted #999; padding:10px 0 10px 10px; margin-bottom:10px; font-size:1.2em; color:#000  }
.hata strong { color:#f00; font-size:1.3em; font-weight:bold; display:block; margin-bottom:10px; font-family:"Segoe UI", Arial,sans-serif }
.onay { width:auto; min-width:360px; display:block; float:left; background:#CFC; border:1px dotted #999; padding:10px 0 10px 10px; margin-bottom:10px; font-size:1.2em; color:#060  }
.onay strong { font-weight:bold }
.bilgi { width:auto; min-width:360px; display:block; float:left; background:#FEC; border:1px dotted #999; padding:10px 0 10px 10px; margin-bottom:10px; font-size:1.2em; color:#000 }
.bilgi strong { font-weight:bold }

.sirali ul li { display:inline; width:auto; float:left; border:none }
.h31 { color:#69F; font-weight:bold; font-size:24px; margin-bottom:10px }
.h31 em { color:#999}
.h32 { color:#060; font-weight:bold; font-size:20px; margin-bottom:10px }
.h33 { color:#666; font-weight:bold; font-size:20px; margin:10px 0; padding-bottom:10px; border-bottom:2px solid #69F }
.h33 em { color:#000 }
.h34 { color:#999; font-weight:bold; font-size:20px; margin-bottom:10px }
.mavicizgi { border:1px solid #69F; width:100%; margin-bottom:10px }
.icerik { padding:10px; display:block }
.metin1 { font-family: "Trebuchet MS", "Segoe UI", Calibri; font-size:1.2em; line-height:1.5em}
.ul1 { list-style-type:square; color:#69f; margin-left:20px; }
.ul1 li { line-height:1.5em; margin-bottom:5px; color:#111 }
.font90p, a.font90p, .font90p li { font-size:90% }
.font75p, a.font75p, .font75p li { font-size:75% }
.font110p, a.font110p, .font110p li { font-size:110% }
.renkk1 { color:#C33 }
.renkg1 { color:#AAA }

.kutu300 { width:300px }
.bOrta { font-size:1.2em }
.bfix16 { font-size:16px }
.kutu1 { border:2px dotted #69F; background:#DDF; margin:0 0 10px 0; display:block; padding:10px }
.w100p { width:100% }

fieldset.arama  { border:2px solid #ddf; padding:5px; margin:5px }
.arama legend { padding:5px 10px; font-weight:bold }

.buton1 { display:block; text-align:center; margin:10px 0; border:1px solid #69f; background:#37D;
    color:#fff; font-size:1em; font-weight:bold; padding:3px 20px; cursor:pointer !important; cursor:hand; }
.buton1:hover { background:#333; color:#fff }

.buton2 { display:block; text-align:center; margin:10px 0 5px 0; border:1px solid #090; background:#060;
    color:#fff; font-size:1em; font-weight:bold; padding:3px 20px; cursor:pointer !important; cursor:hand; }
.buton2:hover { background:#333; color:#fff }

.buton3 { display:block; float:right; margin:20px 0 0 0; border:1px solid #69f; background:#37D;
    color:#fff; font-size:0.8em; font-weight:bold; padding:3px 10px; cursor:pointer !important; cursor:hand; }
.buton3:hover { background:#333; color:#fff }


.slider { overflow: hidden; position: relative; width:460px;}
.cs-buttons { font-size: 0em; padding: 5px;}
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #333; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }
.cs-title { width: 100%; padding: 10px; background-color: #000000; color: #FFFFFF; font-size:1em; line-height:1.5em }
.cs-prev,
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; font-size:2em; }

.edtpuani { display:block;overflow:hidden;float:left;margin-right:10px}

.pUyeservisleri { margin:5px; color:#666}
.pUyeservisleri li { line-height:1.5em }
.pUyeservisleri a { font-size:1.2em; margin-right:20px }

.pSoruCevap { width:100%; display:block; border:1px dotted #dde; margin:0 0 5px 0; padding:0; overflow:hidden; background:#eef }
.pSCcevap { width:97%; border:1px dotted #dde; margin:0 0 5px 20px; padding:0; overflow:hidden; background:#fcfcfc }
.pSoruCevap .pSCsol { width:10%; display:block; float:left; overflow:hidden;}
.pSoruCevap .pSCsol a { width:100%; display:block; text-align:center; margin:5px}
.pSoruCevap .pSCsol img { width:40px; height:40px; display:block; text-align:center}
.pSoruCevap .pSCsag { width:90%; display:block; float:left; overflow:hidden;}
.pSoruCevap .pSCsag .yorum { height:auto; overflow:visible}
.pSoruCevap .pSCsag .yorumAlt { font-size:0.8em; color:#999; display:block; margin:10px; float:right; }
.pSoruCevap .pSCsag .yorumBaslik { font-size:0.8em; color:#999;  }
.pSoruCevap .pSCsag .yRating { display:block; float:right; border:0px dotted .ddd; margin:2px 5px; padding:5px 0; font-size:0.8em; color:#999 }
.pSoruCevap .pSCsag .yRating a.evet { color:#393}
.pSoruCevap .pSCsag .yRating a.hayir { color:#C33}
.pSoruCevap .pSCsag .yRating p img { margin:0; padding:0; border:0;}
.pSoruCevap .ySil { float:right; margin:5px; width:20px;}
.pSoruCevap .cevapla { width:100%; text-align:right}
.pSoruCevap .cevapla a { font-size:1.1em; background:#ddd; border:1px solid #ccc; padding:2px 10px}
.cevapkutusu textarea { width:85%; height:36px }

.rating { width:80px; height:16px; margin:5px 0 5px 0; padding:0; list-style:none; clear:both; position:relative; background: url(../img/star-matrix.gif) no-repeat 0 0}
.star_0 {background-position:0 0}
.star_1 {background-position:0 -16px}
.star_2 {background-position:0 -32px}
.star_3 {background-position:0 -48px}
.star_4 {background-position:0 -64px}
.star_5 {background-position:0 -80px}
li.indicator {display: none;}
ul.rating li {  cursor: pointer;  float:left;  text-indent:-999em;}
ul.rating li.indicator {float: right; text-indent: 0; position: relative; left: 18px;}
ul.rating li a {  position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200;}
ul.rating li span {text-decoration:none; position:absolute; width:16px; height:16px;}
ul.rating li.s_1 a {left:0;-moz-outline:none;}
ul.rating li.s_2 a {left:16px;-moz-outline:none;}
ul.rating li.s_3 a {left:32px;-moz-outline:none;}
ul.rating li.s_4 a {left:48px;-moz-outline:none;}
ul.rating li.s_5 a {left:64px;-moz-outline:none;}
ul.rating li a:hover { z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(../img/star-matrix.gif) no-repeat 0 0;}
ul.rating li.s_1 a:hover {background-position:0 -96px;}
ul.rating li.s_2 a:hover {background-position:0 -112px;}
ul.rating li.s_3 a:hover {background-position:0 -128px}
ul.rating li.s_4 a:hover {background-position:0 -144px}
ul.rating li.s_5 a:hover {background-position:0 -160px}
#rating-sonuc { display:block; position:relative; margin-top:5px;}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; padding:10px}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../img/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}