@import url(http://fonts.googleapis.com/css?family=Oxygen:400,700&subset=latin,latin-ext);

body{margin:0; padding:0; background:#fff; font-family: 'Oxygen', sans-serif;}
img{border:none; margin:0; padding: 0;}
a{text-decoration: none;}
ul,li,h1,h2,h3,h4,h5,p,span{margin: 0; padding: 0; font-weight: normal;}
*{outline: 0;}
.clear{clear: both;}
.div100{float: left; width: 100%;}
.fleft{float:left;}
.fright{float:right;}
.dtable{display: table;}
.taleft{text-align: left !important;}
.borderright{border-right: 1px solid #aaa;}

/* Login.php */
.loginContainer{width: 373px; background: #fff; margin:100px auto 0 auto; border:1px solid #656770; position: relative;}
.loginTitleBlok{overflow: hidden; background: #35363a; padding:18px;}
.loginTitleBlok > h5{font-size: 20px; color:#fff; font-weight: 700;}
.loginTitleBlok > h5 > span{font-weight:500; color: #9295a1;}
.loginBlok{padding: 18px; overflow: hidden; background: #54565f;}
.loginBlok label.loginNotice{float:left; display: inline-block; font-size: 15px; color: #fe8294; line-height: 36px; margin: 0; font-weight: 700;}
.loginBlok input[type=name], input[type=password]{width:304px; padding:10px 15px; background: #dfe2ef; border:1px solid #3e3f47; font-size: 15px; color:#797c87; margin:0 0 9px 0; font-style: italic;}
.loginBlok input[type=submit] {float: right; width: 86px; height: 36px; font-size: 16px; font-weight: 700; color: #fff; border: none; background: transparent url(../images/loginSubmitBg.png) no-repeat; cursor: pointer;}
.loginLogo{width: 135px; height: 135px; background:url(../images/logo_login.png) no-repeat; position: absolute; right: -66px; top: -70px; z-index: -5; }

/* headerContainer */ 
.headerContainer{width: 100%; height: 73px; overflow: hidden; background: #242527; position: fixed; z-index: 10;}
.headerContainer > h5{float: left; font-size: 20px; color:#fff; line-height: 73px; font-weight: 700; margin:0 0 0 4px;}
.headerContainer > h5 > span{color:#c5c5c5; font-weight: 400;}

.designed{float: right; font-size: 12px; letter-spacing: 1px; color:#a3a3a3; margin: 29px 22px 0 0;}
.designed:hover{color:#ffffff;}
.genelbaslik{    
	display: block;
    width: 100%;
    font-size: 16px;
    color: #e9ebf3;
    font-weight: 400;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #df4c66;
    background: #242527;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;}

.ds li {      
	display: block;
    width: 186px;
    height: 36px;
    float: left;
    overflow: hidden;}

.ds li  span{    float: left;
    margin-top: 3px;
    margin-right: 15px;
    height: 40px;
    font-size: 13px;}

/* menuContainer - large */
.menuContainer{float: left; width: 250px; overflow: hidden; margin:0 18px 0 0; background: #35363a; position: fixed; top: 73px; left: 0; z-index: 10;}
.menuContainer > .menuBlok{float: left; width: 100%; min-height: 38px; padding: 0 0 2px 0; background:url(../images/menuLineBg.png) repeat-x bottom left;}
.menuContainer > .menuBlok > img{float: left; margin:11px 0 0 16px;}
.menuContainer > .menuBlok > .menuLink{display: block; padding: 0 14px 0 52px; font-size: 14px; color:#fff; line-height: 38px;}
.menuContainer > .menuBlok > .menuLink2{display: block; padding: 0 14px 0 52px; font-size: 14px; color:#fff; line-height: 38px;}
.menuContainer > .menuBlok > .menuLink:hover , .menuLink2:hover , .activeLink{background-color: #242527 !important;}
.menuContainer > .menuBlok .logout{color:#ec4c66 !important; font-weight: 700; background-color: #242527;}
.menuContainer > .menuBlok .iconclose{background: url(../images/icon_close.png) no-repeat 218px center;}
.menuContainer > .menuBlok .iconopen{background: url(../images/icon_open.png) no-repeat 218px center;}

.menuContainer > .menuBlok .subMenuBlok{display: none; width: 100%; overflow: hidden;}
.menuContainer > .menuBlok .subMenuBlok ul.subMenuList{list-style: none; width: 100%; overflow: hidden; padding: 9px 0;}
.menuContainer > .menuBlok .subMenuBlok ul.subMenuList > li{float: left; display: block; width: 241px; margin:0 0 0 9px; height: 28px;}
.menuContainer > .menuBlok .subMenuBlok ul.subMenuList > li > a{float: left; width:219px;  padding:0 0 0 22px; font-size:13px; color:#a6aab2; line-height: 28px;}
.menuContainer > .menuBlok .subMenuBlok ul.subMenuList > li > a:hover , .activeSubLink{background: #44454b;}

#closeMenu{float: right; display: block; width: 18px; height: 20px; background: url(../images/menu_close.png) no-repeat; margin:9px 0 0 0;}

/* menuContainer - small */
.menuContainer2{float: left; width: 46px; margin: 0 18px 0 0; background: #35363a; position: fixed; top: 73px; left: 0; z-index: 10;}
.menuContainer2 > .menuBlok2{float: left; width: 100%; height: 38px; padding: 0 0 2px 0; background:url(../images/menuLineBg.png) repeat-x bottom left; position: relative;}
.menuContainer2 > .menuBlok2 > .menuLink{float: left; display: block; width: 46px; height: 38px; background-position: center; background-repeat: no-repeat; }
.menuContainer2 > .menuBlok2 > .menuLink:hover , .smActive{background-color: #242527;}

.menuContainer2 > .menuBlok2 .subMenuBlok2{display: none; min-width: 150px; min-height:38px; position: absolute; left: 47px; z-index: 10; background: #38393d;}
.menuContainer2 > .menuBlok2 .subMenuBlok2 > a.link{display: block; padding: 0 0 0 15px; height: 38px; font-size: 14px; color:#fff; line-height: 38px; background: #242527; position: relative; left:-1px;}
.menuContainer2 > .menuBlok2 .subMenuBlok2 ul.subMenuList{list-style: none; width: 100%; overflow: hidden; padding: 9px 0;}
.menuContainer2 > .menuBlok2 .subMenuBlok2 ul.subMenuList > li{float: left; margin:0 0 0 10px; overflow: hidden; }
.menuContainer2 > .menuBlok2 .subMenuBlok2 ul.subMenuList > li > a{float: left; display: block; min-width: 130px; padding:0 0 0 10px; font-size:13px; color:#a6aab2; line-height: 28px;}
.menuContainer2 > .menuBlok2 .subMenuBlok2 ul.subMenuList > li > a:hover , .activeLink{background-color: #242527 !important;}
.menuContainer2 > .menuBlok2 .subMenuBlok2 .logout{color:#ec4c66 !important; font-weight: 700; background-color: #242527;}

#openMenu{float: right; display: block; width: 18px; height: 20px; background: url(../images/menu_open.png) no-repeat; margin:9px 0 0 0;}

/* right fullwidth Blok CSS */
.rightContainerFull{float: right; overflow: hidden; min-width: 500px; min-height: 500px; position: relative; top: 82px;}
.rightContentBlok{float: left; width: 99%; overflow: hidden; margin: 0 10px 15px 0;}

.indexborderbg{border: 1px solid #c5c5c5; background: #e9e9e9; -webkit-border-radius: 4px; border-radius: 4px;}

.supPageTitleBlok{width: 97%; height: 44px; padding: 0 1%; margin:0 0 20px 0; overflow: hidden;}
.supPageTitleBlok > h5{float: left; font-size: 22px; color:#242527; font-weight: 700; line-height: 44px;}
.supPageTitleBlok > h5 span{font-size: 14px; color:#cb324b; font-weight: 700;}
.supPageTitleBlok a.backlink{float: right; font-size: 13px; color:#3c6ba5; line-height: 44px;}
.supPageTitleBlok a.backlink:hover{text-decoration: underline; font-weight: 700;}

/* index CSS */
.welcomePanel{width: 97%; padding: 10px 1%;  min-height: 500px; }
.welcomeText{display: table-cell; vertical-align: middle; text-align: center; font-size: 42px; color:#a1a4b1; padding:30px;}
.welcomeText > span{font-weight: 700;}

/* form css */
.formTitleBlok{width: 100%; height: 42px; background: #d7d7d7;}
.formTitleBlok > h5{float: left; margin: 0 0 0 16px; font-size: 16px; color:#cb324b; line-height: 42px; font-weight: 700;}
.formTitleBlok > span{float: right; margin: 0 16px 0 0; font-size: 13px; color:#3c6ba5; line-height: 42px;}
.formTitleBlok > span > a{font-size: 13px; color:#3c6ba5; line-height: 42px;}
.formTitleBlok > span > a:hover , .showhideactive{font-weight: 700;}

.formContentBlok{width: 98%; padding: 10px 1%;}
.formRow50{float: left; width: 45%; min-height: 57px; overflow: hidden; margin: 0 5% 10px 0;}
.formRow100{width: 100%; min-height: 30px; overflow: hidden; margin: 0 0 10px 0;}
.formRow50 > span , .formRow100 > span {display: block; width: 100%; font-size: 14px; color:#7b7b7b; font-weight: 700; margin: 0 0 5px 0;}
.formContentBlok input[type="text"]{width: 97%; padding: 5px 1%; font-size: 14px; color:#252424;}
.formContentBlok select{width: 99%; padding: 5px 1%; font-size: 14px; color:#252424;}
.formContentBlok input[type="submit"]{float: left; height: 30px; font-size: 12px; color:#fff; padding: 0 20px; cursor: pointer; font-weight: bold; background-color:#6caa29; border:none; -webkit-border-radius: 4px; border-radius: 4px;}
.formContentBlok input[type="file"]{float: left;}
.formContentBlok a.showImg{float: left; margin: 0 0 0 20px; color:#3c6ba5; font-size: 12px; font-style:italic; line-height: 30px;}
.formContentBlok a.showImg:hover{text-decoration: underline;}
.formContentBlok a.deleteImg{float: left; margin: 0 40px 0 20px; color:#d4183b; font-size: 12px; font-style:italic; line-height: 30px;}
.formContentBlok a.deleteImg:hover{text-decoration: underline;}

.listContentBlok{width: 98%; padding: 10px 1%;}

ul.galleryList{list-style: none; margin: 0; padding: 0; width: 100%;}
ul.galleryList li{float: left; overflow: hidden; margin: 0 10px 10px 0; position: relative;}
ul.galleryList li > a.galleryImg{float: left; display: block; overflow: hidden; position: relative;}
ul.galleryList li > a.deleteImg{display: none; width: 51px; height: 30px; position: absolute; bottom:10px; text-indent: -3333px; background-color: rgba(0, 0, 0, 0.7); background-image: url(../images/icon_delete.png); background-repeat: no-repeat; background-position: center; }
ul.galleryList li:hover > a.deleteImg{display: block;}

.listTable{width: 100%; margin: 0; padding: 0; border-collapse: collapse;}
.listTable thead{width: 100%; margin: 0 0 10px 0; padding: 0;}
.listTable thead tr{width: 100%; border: 1px solid #c5c5c5;  }
.listTable thead tr td{padding: 8px 0; font-size: 14px; color:#cb324b; text-align: center; background:#d7d7d7; font-weight: 700;}
.listTable thead tr td.title span{margin:0 0 0 10px;}
.listTable thead tr td input.search{width: 88%; padding: 0 2%; font-size: 14px; color: #aeaeae; font-style: italic; }

.listTable tbody{width: 100%; margin: 0; padding: 0;}
.listTable tbody tr{width: 100%; border: 1px solid #c5c5c5; margin:0 0 3px 0;}
.listTable tbody tr:nth-child(odd){background: #e2e2e2;}
.listTable tbody tr:nth-child(even){background: #f0f0f0;}
.listTable tbody tr:hover{background: #d0d0d0;}
.listTable tbody tr td{padding: 8px 0; font-size: 13px; color:#7b7b7b; text-align: center;}
.listTable tbody tr td a{color:#3c6ba5; text-decoration: underline;}
.listTable tbody tr td a:hover{color:#cb324b;}
.listTable tbody tr td.rank{color:#7b7b7b; font-weight: 700;}
.listTable tbody tr td.title span{margin:0 0 0 10px;}

/* PAGER */
.pagerBlok{width: 100%; overflow: hidden; text-align: center;}
.pagerBlok ul.pagerList{list-style: none; display: inline-block;}
.pagerBlok ul.pagerList li{float: left; margin: 5px 5px 5px 0;}
.pagerBlok ul.pagerList li > a{display: block; padding: 5px 10px; border:1px solid #c0c0c0; background: #f8f8f8; font-size: 14px; color:#9a9a9a;}
.pagerBlok ul.pagerList li > a:hover , .pagerActive{border:1px solid #c0c0c0 !important; background: #a2a2a2 !important; color:#fff !important;}



/***** RESET *****/
html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}