/**
 * @author: Cassini
 * @copyright 2010 meydansozluk.com
 */

*
{
    margin: 0; padding: 0;
    border: 0;
    outline: none;
}

table
{
    display: none;
}

body
{
    width: 100%;
    background-color: #EEEEEE;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #000000;
    cursor: default;
}

a
{
    text-decoration: none;
    color: #000080;
}

small
{
    font-size: 10px;
}

.clear
{
    clear: both;
}

#header
{
    position: relative;
    width: 100%; height: 128px;
    background: transparent url("header-back.jpg") left top repeat-x;
    border-bottom: 1px solid #CCCCCC;
}

#header .inside
{
    width: 980px;
    margin: 0 auto;
}

#header h1
{
    float: left;
    display: block;
    width: 300px; height: 125px;
    background: transparent url("logo.gif") left top no-repeat;
}

#header h1 span
{
    display: none;
    margin: 48px 0 0 305px;
    font: italic 18px Tahoma;
    color: #48526D;
}

#header .clear
{
    clear: right;
    height: 8px;
}

/* search */
#search
{
    float: right;
    width: 300px;
    margin-right: 10px; padding: 10px 0;
    line-height: 30px;
    text-align: center;
    font-family: Verdana;
    font-size: 11px;
}

#search a
{
    margin: 0 -5px 0 -5px;
    color: #000080;
}

#search a:hover
{
    background-color: #C0C0C0;
}

#search input
{
    width: 240px;
    padding: 6px; padding-left: 20px;
}

/* member box */
#member
{
    float: right;
    width: 300px; height: 80px;
    padding: 5px 0;
    line-height: 24px;
}

#member a
{
    color: #000080;
}

#member a:hover
{
    background-color: #C0C0C0;
}

#member .sidefull
{
    width: 300px;
    text-align: right;
}

/* menu */
#menu
{
    float: right;
    height: 30px;
    list-style-type: none;
}

#menu li
{
    float: left;
    display: block;
    margin-left: 5px;
    padding: 4px 0px;
}

#menu li.active
{
    background-image: url("menu-back-active.jpg");
}

#menu li a
{
    padding: 4px;
    font: 10pt Arial, sans-serif;
    background-color: #566484;
    border: 2px outset #A6B4D4;
    color: #FFF;
    text-align: center;
}

#menu li.active a
{
    background-image: url("menu-linkback-active.jpg");
}

#menu li a:hover
{
    background-color: #667494;
}

/* dinamic */
#dinamic
{
    z-index: 999;
    position: absolute;
    visibility: hidden;
    background: #EEEEEE;
    font-size: 11px;
}

#dinamic .cekmece
{
    width: 160px;
    border: 2px solid #DAE0ED;
    list-style-type: none;
}

#dinamic .cekmece li
{
    display: block;
}

#dinamic .cekmece li a
{
    display: block;
    height: 16px;
    padding: 4px;
    background-color: #697897;
    font: 9pt Verdana, sans-serif;
    text-align: right;
    line-height: 16px;
    color: #FFF;
}

#dinamic .cekmece li a:hover
{
    background-color: #596686;
}

#dinamic .divloading
{
    text-align: center;
}

#dinamic .divsmall
{
    width: 160px;
    padding: 20px;
    border: 1px solid #999;
    text-align: center;
}

#dinamic .divsmall strong
{
    font-weight: normal;
}

#dinamic .divbig
{
    width: 250px;
    padding: 10px;
    border: 2px solid #999;
    text-align: center;
}

#dinamic .divbig strong
{
    font-weight: normal;
}

#dinamic .divverybig
{
    width: 330px;
    padding: 10px;
    border: 2px solid #999;
    text-align: center;
}

#dinamic .divverybig strong
{
    font-weight: normal;
}

#dinamic .divfree
{
    padding: 10px;
    border: 2px solid #999;
}

#dinamic .divfree strong
{
    font-weight: normal;
}

#dinamic .divfree input
{
    font-size: 11px;
}

/* main */
#main
{
    width: 980px;
    margin: 0 auto;
}

#banner
{
    padding: 10px 0 10px 0;
    background: #EEEEEE;
    text-align: center;
    clear: both;
}

/* content */
#content
{
    float: left;
    overflow: hidden;
    width: 620px;
    padding: 10px;
    font-size: 13px;
    line-height: 18px;
    background: #DDDDDD;
}

#content h2
{
    overflow: hidden;
    width: 580px;
    padding-bottom: 5px;
    font: 24px "Trebuchet MS", sans-serif;
    border-bottom: 2px dashed #CCC;
    line-height: 24px;
    color: #000080;
}

#content h3
{
    overflow: hidden;
    width: 580px;
    padding-bottom: 5px;
    font: 18px "Trebuchet MS", sans-serif;
    border-bottom: 2px dashed #CCC;
    line-height: 24px;
    color: #000080;
    clear: both;
}

#content h2 a, h3 a
{
    color: #000080;
}

#content h2 a:hover, h3 a:hover
{
    background-color: #C0C0C0;
}

#content .info
{
    margin-top: 4px;
}

#content .videocontent
{
    width: 586px;
    height: 376px;
    margin: 0 auto;
    padding: 15px 0 25px 0;
    text-align: center;
}

#content .direction
{
    margin: 15px 0 10px 0;
    text-align: center;
}

#content .direction a
{
    padding: 4px 6px 4px 6px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
}

#content .direction a:hover
{
    background: #48526D;
    border: 1px solid #EEEEEE;
    color: #FFFFFF;
}

#content .fbcomments
{
    width: 580px;
    margin: 0 auto;
    margin-top: 40px;
    padding: 10px;
    background: #F0F0F0;
}

#content .padding
{
    padding: 5px;
    text-align: left;
}

#content .paddingcenter
{
    padding: 5px;
    text-align: center;
}

#content .paddingbordered
{
    padding: 5px;
    clear: both;
}

#content .paddingvideo
{
    float: left;
    overflow: hidden;
    width: 100px;
    height: 90px;
    margin: 0 5px 10px 0;
    margin-top: 5px;
    background-color: transparent;
    border: 1px solid #BBBBBB;
    text-align: center;
    cursor: pointer;
}

#content .butonlink
{
    background-color: #566484;
    border: 2px solid #DAE0ED;
    border: 2px outset #A6B4D4;
    line-height: 16px;
    font: 9pt Arial, sans-serif;
    color: #FFFFFF;
}

#content .butonlink:hover
{
    background-color: #667494;
    border: 2px solid #DAE0ED;
    border: 2px outset #A6B4D4;
    color: #FFFFFF;
}

#content .butonlinkactive
{
    padding: 4px;
    background: transparent url("butonlink-active.jpg") left bottom repeat-x;
    border: 2px solid #DAE0ED;
    border: 2px outset #A6B4D4;
    line-height: 16px;
    color: #FFFFFF;
}

#content .textareaform
{
    padding-top: 10px;
}

#content .pages
{
    padding: 4px;
    line-height: 32px;
    text-align: center;
}

#content .pages a.page
{
    margin-left: 5px;
}

#content .pages a.pagered
{
    margin-left: 5px;
}

#content .pages a.page:hover
{
    text-decoration: underline;
}

/* tabs */
#tabmenu
{
    list-style-type: none;
    padding: 0 10px 25px 10px;
    border-bottom: 1px solid #999;
}

#tabmenu li
{
    float: left;
    height: 18px;
    margin: 0 4px; padding: 3px 5px;
    background: transparent url("butonlink-normal.jpg") left bottom repeat-x;
    border: 1px solid #CCCCCC;
    border-bottom: 1px solid #999;
}

#tabmenu li a
{
    font-weight: normal;
    color: #000;
}

#tabmenu li a:hover
{
    background-color: transparent;
}

#tabmenu li.active
{
    background: transparent url("butonlink-active.jpg") left bottom repeat-x;
    border: 1px solid #566484;
    color: #FFFFFF;
}

#tabmenu li.active a
{
    color: #FFFFFF;
}

#tabs div
{
    clear: both;
    display: none;
    padding-top: 10px;
    text-align: center;
}

/* right panel */
#rightpanel
{    
    float: right;
    overflow: hidden;
    width: 336px;
    padding: 10px 0;
}

#rightpanel h3
{
    overflow: hidden;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font: 18px "Trebuchet MS", sans-serif;
    border-bottom: 2px dashed #DDD;
    line-height: 15px;
    color: #000080;
}

#rightpanel .others
{
    overflow: hidden;
    margin-bottom: 20px;
    padding-left: 3px;
}

#rightpanel .mini
{
    float: left;
    overflow: hidden;
    width: 100px;
    height: 90px;
    margin: 0 4px 4px 0;
    background-color: transparent;
    border: 1px solid #DDDDDD;
    text-align: center;
    font-size: 11px;
    cursor: pointer;
    filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#rightpanel .miniselected
{
    float: left;
    overflow: hidden;
    width: 100px;
    height: 90px;
    margin: 0 4px 4px 0;
    background-color: transparent;
    border: 1px solid #DDDDDD;
    text-align: center;
    font-size: 11px;
    border: 1px solid #000000;
    cursor: pointer;
    filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}

#rightpanel .pages
{
    margin-top: 10px;
    text-align: center;
}

#rightpanel .pages a
{
    padding: 3px 4px 3px 4px;
    font-weight: 12px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
}

#rightpanel .pages a.selected
{
    background: #48526D;
    border: 1px solid #EEEEEE;
    color: #FFFFFF;
}

#rightpanel .pages a:hover
{
    background: #48526D;
    border: 1px solid #EEEEEE;
    color: #FFFFFF;
}

#rightpanel .function
{
    margin-top: 35px;
    text-align: center;
}

#rightpanel .entry
{
    margin: 25px 0 0 5px;
    padding: 10px 25px;
    background: transparent url("blockquote.gif") no-repeat;
    text-align: justify;
}

#rightpanel .padding
{
    padding: 3px;
}

#rightpanel .paddingcenter
{
    padding: 5px;
    text-align: center;
}

/* footer */
#footer
{
    overflow: hidden;
    width: 100%;
    margin: 5px auto;
    margin-bottom: 0;
    padding: 20px 0 15px 0;
    font-size: 11px;
    background: transparent url("footer-back.jpg") left top repeat-x;
    border-top: 1px solid #CCCCCC;
}

.footerlogo
{
    float: left;
    margin-top: 3px;
    margin-left: 30px;
    width: 49px;
    height: 44px;
    background: transparent url("footer-logo.gif") no-repeat;
    text-align: center;
}

.footercopy
{
    float: left;
    margin-left: 15px;
    color: #000;
}

.footercopy a
{
    color: #000;
}

.footerlinks
{
    float: right;
    margin-right: 15px;
    text-align: right;
}

#footerwarning
{
    float: left;
    width: 90%;
    margin: 3px 0 0 15px;
    text-align: justify;
}

.footerextra
{
    margin: 0 auto;
    text-align: center;
    clear: both;
}

.footerextra p
{
    padding-top: 15px;
    margin-bottom: -5px;
}

/* texts with image */
.admin
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-admin.gif") left top no-repeat;
}

.arrow-bottom
{
    padding: 1px 0 2px 16px;
    background: transparent url("s-arrow-bottom.gif") left top no-repeat;
}

.arrow-left
{
    padding: 1px 0 2px 16px;
    background: transparent url("s-arrow-left.gif") left top no-repeat;
}

.arrow-leftd
{
    padding: 1px 0 2px 16px;
    background: transparent url("s-arrow-leftd.gif") left top no-repeat;
}

.arrow-right
{
    padding: 1px 16px 2px 0;
    background: transparent url("s-arrow-right.gif") right top no-repeat;
}

.arrow-rightd
{
    padding: 1px 16px 2px 0;
    background: transparent url("s-arrow-rightd.gif") right top no-repeat;
}

.arrow-rightl
{
    padding: 1px 0 2px 16px;
    background: transparent url("s-arrow-right.gif") left top no-repeat;
}

.arrow-rightld
{
    padding: 1px 0 2px 16px;
    background: transparent url("s-arrow-rightd.gif") left top no-repeat;
}

.bad
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-bad.gif") left top no-repeat;
}

.blog
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-blog.gif") left top no-repeat;
}

.blogadd
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-blogadd.gif") left top no-repeat;
}

.chartpie
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-chartpie.gif") left top no-repeat;
}

.comment
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-comment.gif") left top no-repeat;
}

.comments
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-comments.gif") left top no-repeat;
}

.complete
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-complete.gif") left top no-repeat;
}

.date
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-date.gif") left top no-repeat;
}

.delete
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-delete.gif") left top no-repeat;
}

.edit
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-edit.gif") left top no-repeat;
}

.forward
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-forward.gif") left top no-repeat;
}

.alert
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-alert.gif") left top no-repeat;
}

.error
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-error.gif") left top no-repeat;
}

.bell
{
    padding: 0px 0 2px 18px;
    background: transparent url("s-warn.gif") left top no-repeat;
}

.feed
{
    padding: 2px 0 2px 18px;
    background: transparent url("s-feed.gif") left top no-repeat;
}

.good
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-good.gif") left top no-repeat;
}

.keyboard
{
    padding: 1px 0 2px 20px;
    background: transparent url("s-keyboard.gif") left top no-repeat;
}

.light
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-light.gif") left top no-repeat;
}

.link
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-link.gif") left top no-repeat;
}

.linkadd
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-linkadd.gif") left top no-repeat;
}

.mail
{
    padding: 1px 0 2px 20px;
    background: transparent url("s-mail.gif") left top no-repeat;
}

.mailactive
{
    padding: 1px 0 2px 20px;
    background: transparent url("s-mailactive.gif") left top no-repeat;
}

.page
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-page.gif") left top no-repeat;
}

.pageadd
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-pageadd.gif") left top no-repeat;
}

.pagered
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-pagered.gif") left top no-repeat;
}

.pageedit
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-pageedit.gif") left top no-repeat;
}

.pagedelete
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-pagedelete.gif") left top no-repeat;
}

.pageadd
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-pageadd.gif") left top no-repeat;
}

.pagego
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-pagego.gif") left top no-repeat;
}

.configure
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-configure.gif") left top no-repeat;
}

.group
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-group.gif") left top no-repeat;
}

.groupadd
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-groupadd.gif") left top no-repeat;
}

.groupdelete
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-groupdelete.gif") left top no-repeat;
}

.vcardadd
{
    padding: 3px 0 2px 20px;
    background: transparent url("s-vcard-add.gif") left top no-repeat;
}

.vcarddelete
{
    padding: 3px 0 2px 20px;
    background: transparent url("s-vcard-delete.gif") left top no-repeat;
}

.rss
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-rss.gif") left top no-repeat;
}

.search
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-search.gif") left top no-repeat;
}

.searchadv
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-searchadv.gif") left top no-repeat;
}

.stats
{
    padding: 1px 0 2px 20px;
    background: transparent url("s-stats.gif") left top no-repeat;
}

.tag
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-tag.gif") left top no-repeat;
}

.favourite
{
    padding: 1px 0 2px 19px;
    background: transparent url("s-favourite.gif") left top no-repeat;
}

.folder
{
    padding: 2px 0 2px 18px;
    background: transparent url("s-folder.gif") left top no-repeat;
}

.user
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-user.gif") left top no-repeat;
}

.userdetail
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-userdetail.gif") left top no-repeat;
}

.login
{
    padding: 1px 0 2px 20px;
    background: transparent url("s-login.gif") left top no-repeat;
}

.register
{
    padding: 1px 0 2px 20px;
    background: transparent url("s-vcard-add.gif") left top no-repeat;
}

.logout
{
    padding: 1px 16px 2px 0;
    background: transparent url("s-arrow-right.gif") right top no-repeat;
}

.online
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-online.gif") left top no-repeat;
}

.offline
{
    padding: 1px 0 2px 18px;
    background: transparent url("s-offline.gif") left top no-repeat;
}

.application
{
    padding: 1px 0 2px 19px;
    background: transparent url("s-application.gif") left top no-repeat;
}

.applicationadd
{
    padding: 1px 0 2px 19px;
    background: transparent url("s-application-add.gif") left top no-repeat;
}

.disk
{
    padding: 1px 0 2px 19px;
    background: transparent url("s-disk.gif") left top no-repeat;
}

/* forms */
input
{
    padding: 3px 0 3px 2px;
    background-color: #FFFFFF;
    border: 1px solid #BBB;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    color: #000;
}

input.verybig
{
    width: 450px;
}

input.big
{
    width: 240px;
}

input.small
{
    width: 80px;
}

input.checkbox
{
    width: 20px !important;
    border: none;
}

.labeledinput
{
    padding: 2px 0;
    line-height: 24px;
}

.labeledinput label
{
    display: block;
    position: absolute;
    width: 110px;
    margin-left: 10px;
}

.labeledinput input, .labeledinput select
{
    margin-left: 120px;
}

select
{
    background-color: #FFFFFF;
    border: 1px solid #C0C0C0;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: #000;
}

optgroup
{
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-style: normal;
    text-indent: 4px;
}

option
{
    padding: 1px 10px;
    font-family: Verdana, sans-serif;
    font-weight: normal;
}

textarea
{
    width: 500px;
    padding: 4px;
    background-color: #F9F9F9;
    border: 1px solid #C0C0C0;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    color: #000;
}

textarea.small
{
    width: 350px;
}

.textareaform textarea
{
    float: left;
}

.textareabuton
{
    float: left;
    padding: 3px 0 0 10px;
    font-size: 11px;
    line-height: 18px;
    text-align: left;
}

.textareabuton strong
{
    font-weight: normal;
}

/* inputs with image */
.ipassword
{
    background: #FFFFFF url("si-password.gif") left center no-repeat;
    padding-left: 20px;
}

.isearch
{
    background: #FFFFFF url("si-search.gif") left center no-repeat;
    padding-left: 20px;
}
.iuser
{
    background: #FFFFFF url("si-user.gif") left center no-repeat;
    margin-bottom: 5px;
    padding-left: 20px;
}