/**
* Основные стили для frontend, должны включаться на каждой его странице
*/

* {
    padding: 0px;
    margin: 0px;
}

body {
    font: 0.85em Arial, Verdana, sans-serif;
    color: #7D7F7F;
    background-repeat: repeat;
}

ul, ol {
    padding-left: 40px;
    margin: 13px 0px;
}

p {
    margin: 5px 0px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Verdana, sans-serif;
}

.invisible {
    display: none;
}


/* Выравнивание содержимого элемента */
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.center {
    text-align: center;
}


/* Ссылки */
a {
    color: #a3b700;
}
a img {
    border: 0px;
}
a.blueLink {
    color: #3098ab;
}
a.blueLink:hover {
    color: #a3b700;
}
a.whiteLink {
    color: #fff;
}
a.whiteLink:hover {
    text-decoration: none;
}


/* Формы */
input[type="submit"], input[type="button"] {
    background-color: #A3B700;
    border: none;
    text-decoration: underline;
    padding: 3px;
    color: #fff;
}
.required label:after, span.required:after {
    content: "*";
    color: #FF2F2F;
}
input[type=text], input[type=password] {
    width: 200px;
}

.clear {
    clear: both;
}



div.noticeBox {
    margin-top: -5px;
    background: #F2F2EA;
    color: #BB0102;
    padding: 4px;
    display: none;
}

div#browserUpgrade {
    width: 1000px;
    margin: 0px auto;
}
p#upgradeMessage {
    font-size: 1.2em;
    text-align: center;
}
ul.upgradeLinks {
    list-style-type: none;
    width: 775px;
    margin: 0px auto;
}
ul.upgradeLinks li {
    float: left;
    margin-right: 10px;
}
ul.upgradeLinks li a {
    background: url('/images/browsersLogos.jpg') no-repeat top left;
    display: block;
    height: 50px;
    width: 145px;
    text-indent: -2000em;
    overflow: hidden;
}
ul.upgradeLinks #safariLink {
    background-position: left -150px;
}
ul.upgradeLinks #ffLink {
    background-position: left -50px;
}
ul.upgradeLinks #chromeLink {
    background-position: left -100px;
}
ul.upgradeLinks #operaLink {
    background-position: left -200px;
}
p.noticeBoxClose {
    text-align: right;
    width: 775px;
    margin: 0px auto;
    padding: 3px 0px;
    padding-right: 15px;
}



#photoUploadButton {
    background: url('/images/buttons/en/upload.png') no-repeat 0px 0px;
    width: 76px;
    height: 25px;
}
#photoUploadButton:hover {
    background-position: 0px -50px;
}
#photoUploadForm input[type=text], #photoUploadForm input[type=file], #photoUploadForm textarea {
    width: 300px;
    border: 1px solid #C3C3C3;
    color: #808080;
}
#upload_result, #upload_result_text {
    display: none;
}
