body {
    margin     : 0;
    background : #F6F6F6;
}

.hr {
    font-size     : 1px;
    border-bottom : 1px solid #CCC;
}

.rounded {
    border-radius : 6px;
}

.center {
    text-align : center;
}

.right {
    text-align : right;
}

#header {
    height        : 62px;
    border-bottom : 1px solid #BBB;
    overflow      : visible;
    margin        : 10px -1px 10px -5px;
    background    : url('img/header.png') no-repeat 0 100%;
}

#left-content {
    margin-top : 0px;
}

#menu {
    top       : 48px;
    font-size : 13px;
}

.adminmessage p {
    margin        : 10px;
    padding       : 10px;
    border-radius : 6px;
}

.fourPhotosInRow {
    border-collapse : collapse;
    margin-top      : 10px;
}

.fourPhotosInRow td.photoMiddleCell:last-child,
.fourPhotosInRow td.dataMiddleCell:last-child {
    border-right : 0 !important;
}

#pnlinkbar {
    margin-bottom : 10px;
    font-family   : "Roboto Condensed" !important;
    background    : #E7E7E7 !important;
    height        : 30px;
    line-height   : 30px;
    margin-top    : -2px;
    margin-bottom : 0;
    border-bottom : 0 !important;
}

#cse-search-box {
    display : none;
}

#cse-search-box input[type=text] {
    width               : 182px;
    padding             : 6px 4px !important;
    background-position : 4px center !important;
}

#cse-search-box input[type=submit] {
    text-transform : uppercase;
    font-size      : 11px !important;
}

#pnlinkbar a {
    color     : #6F6F6F !important;
    font-size : 15px;
}

#pnlinkbar a:hover {
    color : #000 !important;
}

#pnlinkbar .pnlinkbarcontainer,
#pnlinkbar .pnlinkbarinnercontainer,
#pnlinkbar .pnlinkbarinnercontainer,
#pnlinkbar .pnlinkbarlinks {
    border-bottom    : 0 !important;
    background-color : transparent !important;
}

#pnlinkbar .pnlinkbarcontainer {
    width  : 1003px;
    margin : 0 auto;
}

select, input, .ddOrder, textarea {
    border-radius : 6px;
    padding       : 4px;
    box-sizing    : border-box;
    border        : 1px solid #CCC;
    font-size     : 13px;
}

#layout {
    margin        : 20px auto;
    border        : 1px solid #CCC;
    border-radius : 10px;
    width         : 1012px;
    padding       : 5px;
    background    : #FFF;
    box-shadow    : 3px 3px 3px rgba(0, 0, 0, 0.3);
}

#main {
    width  : 1016px;
    margin : 0 auto;
}

.clear {
    display : block;
}

#right {
    float  : right;
    margin : 0;
    width  : 325px;
}

#right-content {
    width : 325px;
    float : right;
}

div.box .plus {
    margin-left : 5px;
}

div.box:nth-child(1) {
    background     : #F7F7F7;
    padding-bottom : 5px;
}

div.box div.header {
    padding          : 4px 0;
    border-top       : 0;
    background-image : none;
    border-radius    : 6px 6px 0 0;
    background       : linear-gradient(to bottom, #FF9000 0%, #FF9000 calc(50% - 1px), #ED8601 50%, #ED8601 100%);
}

.image {
    width : 315px;
}

div.box div.header span {
    background  : none;
    color       : #FFF;
    text-shadow : 1px 1px 1px #000;
    font-size   : 14px;
}

.pager {
    padding        : 5px 0;
    border-spacing : 0px;
}

.pager .pagenum {
    padding   : 4px;
    font-size : 13px;
}

.ddOrder {
    width : 200px;
}

#left {
    width : 160px;
}

#center {
    margin-bottom : 20px;
}

#main #center {
    width       : 525px;
    margin-left : 3px;
}

.image .kepkeret {
    max-width     : 310px;
    border-radius : 3px;
    border        : 1px solid #CCC;
}

div > p > b > a[target=_parent] {
    display     : inline-block;
    padding-top : 10px;
    font-size   : 22px;
    font-family : "Roboto Condensed";
}

.image-data {
    width        : 180px;
    margin-right : 0px;
    text-align   : center;
}

.image-data-container {
    display : inline-block;

}

#mainMenu {
    overflow      : visible;
    border        : 1px solid #CCC;
    border-radius : 6px;
}

#mainMenu li {
    background    : none;
    border-bottom : 1px solid #FFF;
}

#mainMenu li:first-child, #mainMenu li:first-child a {
    border-radius : 6px 6px 0 0;
    border-top    : 0;
}

#mainMenu li:last-child, #mainMenu li:last-child a {
    border-radius : 0 0 6px 6px;
    border-bottom : 0;
}

#mainMenu li a {
    margin        : 0 -1px 0 -1px;
    border        : 0;
    border-bottom : 1px solid #CCC;
    text-align    : left;
    padding       : 4px 10px;
    color         : #3D3D3D;
}

#mainMenu li a:hover {
    background : #2C96C0;
    color      : #FFF;
}

div.box {
    border-radius : 6px;
}

div.box:first-child {
    margin-top : 0;
}

div.box ul {
    line-height : 180%;
}

div.ad {
    width : 300px;
}

div#center-content {
    border        : 1px solid #CCC;
    border-radius : 6px;
}

div#center-content:first-child > div.wideBox {
    line-height : 20px;
    padding     : 4px 8px;
}

div#center-content .fPageHeader:first-child {
    margin-top    : -1px;
    margin-left   : -1px;
    margin-right  : -1px;
    border-radius : 6px 6px 0 0;
}

#categorylist {
    padding-left : 0;
}

#categorylist li {
    padding          : 3px 0;
    font-size        : 13px;
    list-style-image : none;
    list-style-type  : none;
    padding-left     : 0;
    border-bottom    : 1px dashed #CCC;
}

#categorylist li:last-child {
    border-bottom : 0;
}

#categorylist li > a:first-child {
    padding    : 3px 0 3px 18px;
    display    : inline-block;
    background : url("http://fotozz.hu/img/list-arrow.gif") no-repeat 3px center;
}

a {
    text-decoration : none;
}

a:hover {
    color : #1783EF;
}

input.button, a.button, input[type=submit] {
    color           : #FFF;
    font-weight     : bold;
    line-height     : 18px;
    text-decoration : none;
    font-family     : Arial;
    border-radius   : 5px;
    padding         : 0px 15px;
    cursor          : pointer;
    background      : linear-gradient(to bottom, #386AA8 0%, #244166 100%);
    text-shadow     : 1px 1px 1px rgba(0, 0, 0, 0.8);
    border          : 1px solid #386AA8;
}

a.button {
    display        : inline-block;
    vertical-align : middle;
    height         : 16px;
}

input.button:hover, a.button:hover {
    color      : #FFF;
    background : linear-gradient(to bottom, #244166 0%, #386AA8 100%);
}

a.button {
    padding : 6px 15px;
}

.pager a.button {
    padding : 6px;
}

.photoData {
    line-height : 16px;
}

.wideBox .tabs {
    background     : none;
    border-bottom  : 1px solid #CCC;
    overflow       : visible;
    padding-bottom : 0;
}

.wideBox .tabs {

}

.wideBox .tabs span {
    background    : linear-gradient(to bottom, #FFF 0%, #CCC 100%);
    padding       : 5px 10px;
    border-radius : 4px 4px 0 0;
    display       : inline-block;
}

.wideBox .tabs span.selected {
    background : linear-gradient(to bottom, #CCC 0%, #FFF 100%);
}

.photoUploadButton {
    background    : linear-gradient(to bottom, #FF9000 0%, #FF9000 calc(50% - 1px), #ED8601 50%, #ED8601 100%);
    padding       : 5px 30px;
    z-index       : 10000;
    position      : absolute;
    right         : 10px;
    top           : 0;
    border        : 1px solid #BF7118;
    border-radius : 6px;
    color         : #FFF;
    font-size     : 16px;
    font-weight   : bold;
    font-family   : Tahoma, Arial, sans-serif;
}

.wideBox .header span {
    color : #315B90;
}

.photoUploadButton:hover {
    color : #FFF;
}

.fPageHeader {
    height        : 30px;
    border        : 1px solid #CCC;
    line-height   : 30px;
    font-size     : 14px;
    border-radius : 6px;
}

.fPageHeader span {
    border-bottom : 0;
    color         : #3D3D3D;
}

.wideBox .header {
    border        : 1px solid #CCC;
    border-radius : 6px;
    padding-left  : 20px;
    margin-top    : 10px;
    height        : 30px;
    line-height   : 30px;
    color: #555;
    font-size: 13px;
    background    : url("http://fotozz.hu/img/menu-arrow.gif") no-repeat 0 50%, linear-gradient(to bottom, #F7F7F7, #DDD);
}

.wideBox .header .username {
    background-color : transparent;
}

.right.average {
    text-align : right;
}

div.box.loginbox {
    margin-bottom : 10px;
}

.loginbox input {
    width : 100px;
}

.fourPhotosInRow .commentCell {
    height      : 25px;
    padding-top : 5px;
}

.fourPhotosInRow .commentCell:first-child {
    border-radius : 6px 0 0 0;
}

.fourPhotosInRow .commentCell:last-child {
    border-radius : 0 6px 0 0;
}

.photoCell.photoMiddleCell {
    padding : 8px 0;
}

.dataCell {
    border-top : 1px solid #CCC;
    padding    : 5px;
    background : linear-gradient(to bottom, #EEE, #FFF);
}

.imageThumb {
    border-radius : 5px;
    max-width     : 115px;
}

.imageThumb:hover {
    opacity : 0.9;
    border  : 1px solid #BBB;
}

#smallbanners {
    text-align : center;
}

.opinions {
    width : 354px;
}

.opinions.elfogadasraVaro{
    width: 367px;
}

.opinionphoto img {
    border-radius : 3px;
    border        : 1px solid #CCC;
}

.opinionphoto img:hover {
    opacity : 0.9;
}

.opinion .header {
    font-size : 13px;
}

#center-content div p {
    line-height : 1.6em;
}

.opiniontoevaluate{
    margin-top: 5px;
}

.opinion .avatar,
.opiniontoevaluate .avatar,
.answertoopinion .avatar{
    max-width           : 100px;
    border-radius       : 3px;
    float               : left;
    background-size     : cover;
    background-position : center center;
    width               : 50px;
    height              : 50px;
    margin              : 3px 5px 5px 0;
}

.reply .avatar {
    float  : right;
    margin : 3px 0 5px 5px;
}

.opinion .header .point {
    background : transparent;
}

.header .point{
    float: right;
    font-weight: normal;
    margin-right: 5px;
}

.opinion .text {
    border-bottom : 0;
    border        : 1px solid #CCC;
    margin-right  : 60px;
    margin-top    : 10px;
    border-radius : 10px;
    padding       : 10px 10px;
}

.opinion .reply {
    background-color : #F0F0F0;
    margin-left      : 60px;
    text-align       : right;
    border-radius    : 10px;
    padding          : 5px 10px;
    margin-top       : 10px;
    border           : 1px solid #CCC;
}

#footer {
    height        : 25px;
    line-height   : 25px;
    border-bottom : 1px solid #777;
}

div.ajanlo {
    margin-top : 20px;
}

.cikkek dt {
    border-bottom : 1px dotted #CCC;
    padding       : 5px;
}

.cikkek dd {
    margin-top : 10px;
}

.cikkek dd img {
    box-shadow    : 3px 3px 3px rgba(0, 0, 0, 0.3);
    border-radius : 4px;
}

#linkfooter {
    margin-top : 10px;
}

.users td {
    padding : 5px;
}

#geeks_promo {
    width : 310px;
}

div.ajanlo .fejlec {
    border-radius : 6px 6px 0 0;
    line-height   : 21px;
}

div.ajanlo div.fejlec div {
    background : transparent !important;
}

div.ajanlo .fejlec.kek {
    background    : linear-gradient(to bottom, #0076CA 0%, #0068B0 17px, #005793 50%, #005793 100%);
    border-bottom : 2px solid #162B33;
}

div.ajanlo .fejlec.zold {
    background    : linear-gradient(to bottom, #4BDB24 0%, #45BA23 17px, #3E9424 50%, #3E9424 100%);
    border-bottom : 2px solid #243315;
}

div.ajanlo .fejlec.narancs {
    background    : linear-gradient(to bottom, #FF9B07 0%, #E58600 17px, #C27200 50%, #C27200 100%);
    border-bottom : 2px solid #552000;
}

.ad {
    margin-bottom : 20px;
}

#linkfooter .column ul li {
    border-bottom    : 0;
    padding          : 2px;
    list-style-image : url('arrow.png');
}