@font-face {
    font-family: 'KlavikaBasic-Regular';
    src: url('/fonts/KlavikaBasic-Regular.eot');
    src: url('/fonts/KlavikaBasic-Regular.ttf') format('truetype'), 
        url('/fonts/KlavikaBasic-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
    width:100%;
    height:100%;
    font-size:100.1%;
    min-width: 1255px;
    margin:0;
    padding:0;
    border: 0;
    outline:0;	
}
body{
    min-width: 1255px;     
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border: 0;
    outline:0;	   
}
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,table,ul,li{	
    margin:0;
    padding:0;   
    text-decoration: none; 
}
a, a:link, a:active, a:visited, a:hover {
    outline: 0px;
    text-decoration: none;
    color: #E06D03;
}
a:hover {
    text-decoration: underline;
    color: #E06D03;
}
a img {
    border: none;
}
.relative{
    position:relative;
}
.clear{
    clear:both;
}
.left{
    float: left;
}
.right{
    float: right;
}
.bold{
    font-weight: bold;
}
#logo{
    margin: 14px 0 0 70px;
    float: left;
}
#leftCol {
    width: 300px;
    float: left;
    margin: 0 0 0 20px;
}
#rightCol {
    float: left;
    min-width: 900px;
    margin: 0 20px 0 10px;
}
#bottomCol {
    margin: 0 10px 20px;
    min-width: 1220px;
}
#main {
    position: relative;
    width: 100%;
    background: url('/img2/contentBgRepeat.png') top left repeat-x;
    text-align: center; 
    font-family: Tahoma;
    min-width: 1255px;
}
#footerWrapper {
    min-width: 1255px;
    width: 100%;
    background: url('/img2/footerBgRepeat.png') top left repeat-x #090909; 
}
#header{
    width: 100%;
}
div#headerContent {
    height: 74px;
    background: url("/img2/headerBgRepeat.png") repeat-x scroll center bottom #C1C1C1;
    margin-bottom: 10px;
}
a.userSubdomain {
    font-weight: bold;
    color: #F8AE00;
    font-size: 0.8em;
    background-repeat: no-repeat;
}
#loginPanel {
    position: absolute;
    top: 5px;
    right: 20px;
    height: 20px;
    text-align: right;
    z-index: 3;
}
.loginPanelItem {
    float: right;
    margin-left: 7px;
    color: #B7B7B7;
    font-size: 11px;
    padding-top: 0px;
    padding-right: 5px;
}
.loginPanelItem a {
    font-size: 11px;
}
.loginPanelItem a:link {color: #C0C0C0; text-decoration: none; }
.loginPanelItem a:visited {color: #C0C0C0; text-decoration: none; }
.loginPanelItem a:hover {color: #C0C0C0; text-decoration: underline; }
.loginPanelItem a:active {color: #C0C0C0; }
#betaBanner {
    background: url('/img2/beta_banner.png') top left no-repeat;
    width: 50px;
    height: 30px;
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
}
#menuTop{
    margin-left: 345px;
    padding-top: 25px;
    z-index: 200;
}
#menuTop a{
    color: #fff;
    text-decoration: none;
}
#menuTop a.gray {
    color: #9B9B9B;
}
#menuRoot{
    font-family: "KlavikaBasic-Regular";
    text-align: left;
}
#menuRoot li{	
    float: left;
    display: block;
    list-style: none;
    font-size: 22px;
    color: #fff; 
    white-space: nowrap
}
#menuRoot li a{	
    display: block;
    padding: 0 15px 0 15px;    
}
#menuRoot>li>ul{
    border: 1px solid #aaa8a9;  
    visibility: hidden;
    background: #000;
    opacity: 0.9;
    margin: 10px 0 0 0;
    border-radius: 5px;
    position: absolute;
    z-index: 800;
}
#menuRoot li ul a{
    opacity: 1;
}
#menuRoot li ul li div ul li{	
    float: none;
    display: block;
    height: 30px;
    line-height: 30px;        
}
#menuRoot li ul li div ul li a{	
    width: auto;
}
#menuRoot li ul li div ul li a:hover{	
    background: #f8ae00;
}
#menuRoot li ul li div ul li a#menuTopSmallUploadPhotos,
#menuRoot li ul li div ul li a#menuTopSmallExhibitionsPanel {
    color: #f8ae00;
}
#menuRoot li ul li div ul li a#menuTopSmallUploadPhotos:hover,
#menuRoot li ul li div ul li a#menuTopSmallExhibitionsPanel:hover {	
    background: #fff;
}
#menuRoot li.menuTopLabel {
    color: #9b9b9b;
    font-size: 18px;
    padding: 0 15px 0 15px;    
}
#menuRoot li.menuTopSmall {
    font-size: 18px;  
}

#menuRoot .submenu {
    position: absolute;
    top: 0px;
    left: 160px;
    border: 1px solid #aaa8a9;  
    background: #000;
    opacity: 0.9;
    margin: 10px 0 0 0;
    border-radius: 5px;
    z-index: 801;
}
#menuRoot ul.submenu {
    background: #000;
    opacity: 0.9;
    margin: 10px 0 0 0;
    border-radius: 5px;
    z-index: 801;
}

#menuRoot ul.submenu li {
    float: left;
    background: #000;
}

#menuHomeLink{
    background: url('/img2/homeIcon.png') top left no-repeat;
    width: 20px;
    height: 18px;
    display: block;
    margin-bottom: 9px;
}
.readMore{
    background: #f8ae00;
    border-radius: 5px 5px 0 0;
    height: 24px;
    position: absolute;
    bottom: 1px;
    right: 50px;
    padding: 0 25px 1px 25px;
    z-index: 51;
}
.readMore a{
    font-size: 17px;    
    line-height: 24px;   
    text-decoration: none;
    color: #fff;
}
.orangeButton, .orangeButtonSmall {
    background:#F5F5F5 url(/img2/button/orangeButtonBackground.jpg) 100%  repeat-x;
}
.greenButton, .greenButtonSmall {
    background:#F5F5F5 url(/img2/button/greenButtonBackground.jpg) 100%  repeat-x;
}
.disabledButtonSmall {
    background:#F5F5F5 url(/img2/button/disabledButtonBackground.jpg) 100%  repeat-x;
}
.orangeButton, .greenButton {
    padding-left: 20px;
    padding-right: 20px;
    margin:10px;
    border: 1px solid #222222;
    height:38px;
    overflow: auto;
    cursor:pointer;
    text-align:center;
    font-weight:bold;
    padding-top: 12px;
    font-size:20px;
}
.orangeButtonSmall, .greenButtonSmall, .disabledButtonSmall {
    padding-left: 20px;
    padding-right: 20px;
    margin:10px;
    border: 1px solid #222222;
    height:25px;
    overflow: auto;
    text-align:center;
    padding-top: 5px;
    font-size:16px;
    font-weight:bold;
}
.orangeButtonSmall, .greenButtonSmall {
    cursor:pointer;
}
.dialogButtonNormal {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.dialogButtonWarning {
    float: right;
}
.register-button {
    background-position: 0px 0px;
}
.register-button:hover {
    background-position: -180px 0px;
}
.register-button:active {
    background-position: -360px 0px;
}
.openid-button-google {
    background-position: 0px 0px;
}
.openid-button-google:hover {
    background-position: -190px 0px;
}
.openid-button-google:active {
    background-position: -380px 0px;
}
.openid-button-facebook {
    background-position: 0px -30px;
}
.openid-button-facebook:hover {
    background-position: -190px -30px;
}
.openid-button-facebook:active {
    background-position: -380px -30px;
}
.openid-button-twitter {
    background-position: 0px -60px;
}
.openid-button-twitter:hover {
    background-position: -190px -60px;
}
.openid-button-twitter:active {
    background-position: -380px -60px;
}
.dialog-one-column {
    text-align: left;
}
.dialog-column {
    float: left;
}
.dialog-column-separator {
    float: left;
    width: 1px;
    background-color: #b5b5b5;
    margin: 15px;
}
.dialog-column .dialog-title {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    padding: 0 20px 8px 20px;
    border-bottom: 1px #b5b5b5 solid;
    margin-bottom: 10px;
}
.dialog-form dt {
    margin: 0 20px;
    line-height: 13px;
    text-align: left;
}
.dialog-form label {
    font-size: 13px;
    color: #444444;
}
.dialog-form dd {
    margin: 0 20px 5px 20px;
}
.form-input {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-color: #b5b5b5;
    border-width: 1px;
    border-style: solid;
    color: #444444;
    width: 190px;
    height: 20px;
    font-size: 12px;
}
.form-button {
    -moz-user-select: none;
    border: 1px #B5B5B5 solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 1px 0 0 #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    letter-spacing: 0;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    text-indent: 0 !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    text-transform: capitalize;
    white-space: nowrap;
    background-position: 0 0;
    height: 30px;
    width: 90px;
    font-family: Tahoma;
    font-size: 13.5px;
    font-weight: normal;
    line-height: 30px;
}
.form-button-big {
    padding: 0;
    height: 60px;
    width: 190px;
    font-family: Tahoma;
    font-size: 1.4em;
    font-weight: bold;
}
.form-button-submit {
    background: #f8ae00;
    background: -moz-linear-gradient(top, #f8ae00 0%, #ca7d1a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ae00), color-stop(100%,#ca7d1a));
    background: -webkit-linear-gradient(top, #f8ae00 0%,#ca7d1a 100%);
    background: -o-linear-gradient(top, #f8ae00 0%,#ca7d1a 100%);
    background: -ms-linear-gradient(top, #f8ae00 0%,#ca7d1a 100%);
    background: linear-gradient(top, #f8ae00 0%,#ca7d1a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ae00', endColorstr='#ca7d1a',GradientType=0 );
}
.form-button-submit:hover {
    background: #fcdd89;
    background: -moz-linear-gradient(top, #fcdd89 0%, #fcc789 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcdd89), color-stop(100%,#fcc789));
    background: -webkit-linear-gradient(top, #fcdd89 0%,#fcc789 100%);
    background: -o-linear-gradient(top, #fcdd89 0%,#fcc789 100%);
    background: -ms-linear-gradient(top, #fcdd89 0%,#fcc789 100%);
    background: linear-gradient(top, #fcdd89 0%,#fcc789 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdd89', endColorstr='#fcc789',GradientType=0 );
}
.form-button-submit:active {
    background: #ca7d1a;
    background: -moz-linear-gradient(top, #ca7d1a 0%, #f8ae00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ca7d1a), color-stop(100%,#f8ae00));
    background: -webkit-linear-gradient(top, #ca7d1a 0%,#f8ae00 100%);
    background: -o-linear-gradient(top, #ca7d1a 0%,#f8ae00 100%);
    background: -ms-linear-gradient(top, #ca7d1a 0%,#f8ae00 100%);
    background: linear-gradient(top, #ca7d1a 0%,#f8ae00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca7d1a', endColorstr='#f8ae00',GradientType=0 );
}
.form-button-cancel {
    background: #42403f;
    background: -moz-linear-gradient(top, #42403f 0%, #181918 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42403f), color-stop(100%,#181918));
    background: -webkit-linear-gradient(top, #42403f 0%,#181918 100%);
    background: -o-linear-gradient(top, #42403f 0%,#181918 100%);
    background: -ms-linear-gradient(top, #42403f 0%,#181918 100%);
    background: linear-gradient(top, #42403f 0%,#181918 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42403f', endColorstr='#181918',GradientType=0 );
}
.form-button-cancel:hover {
    background: #828180;
    background: -moz-linear-gradient(top, #828180 0%, #676767 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828180), color-stop(100%,#676767));
    background: -webkit-linear-gradient(top, #828180 0%,#676767 100%);
    background: -o-linear-gradient(top, #828180 0%,#676767 100%);
    background: -ms-linear-gradient(top, #828180 0%,#676767 100%);
    background: linear-gradient(top, #828180 0%,#676767 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828180', endColorstr='#676767',GradientType=0 );
}
.form-button-cancel:active {
    background: #181918;
    background: -moz-linear-gradient(top, #181918 0%, #42403f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#181918), color-stop(100%,#42403f));
    background: -webkit-linear-gradient(top, #181918 0%,#42403f 100%);
    background: -o-linear-gradient(top, #181918 0%,#42403f 100%);
    background: -ms-linear-gradient(top, #181918 0%,#42403f 100%);
    background: linear-gradient(top, #181918 0%,#42403f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181918', endColorstr='#42403f',GradientType=0 );
}
.one-pix {
    height: 1px;
}
.tooltip {
    display: none;
    z-index: 1003;
}
.tooltip-helper {
    display: none;
}
.tooltip-error {
    font-size:12px;
    padding:25px;
    background-color: #EF1306;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #FFFFFF;
    padding: 7px 10px;
}
.tooltip-error ul {
    list-style: none;
    text-align: left;
}
.tooltip-error-arrow {
    bottom: 0;
    height: 8px;
    left: 20px;
    position: relative;
    width: 15px;
    z-index: 2000;
}
.tooltip-error-arrow div {
    background-color: #EF1306;
    border: 0 none;
    display: block;
    font-size: 0;
    height: 1px;
    line-height: 0;
    margin: 0 auto;
}
.tooltip-error-arrow .line8 {
    width: 15px;
}
.tooltip-error-arrow .line7 {
    width: 13px;
}
.tooltip-error-arrow .line6 {
    width: 11px;
}
.tooltip-error-arrow .line5 {
    width: 9px;
}
.tooltip-error-arrow .line4 {
    width: 7px;
}
.tooltip-error-arrow .line3 {
    width: 5px;
}
.tooltip-error-arrow .line2 {
    width: 3px;
}
.tooltip-error-arrow .line1 {
    width: 1px;
}
.tooltip ul {
    padding: 0px;
    margin: 0px;
}
#sitemap {
    padding: 30px 0 0 35px;
}
.sitemapGroup {
    float: left;
    width: 185px;
    height: 200px;
    margin-right: 5px;
}
.sitemapGroupItemMain, .sitemapGroupItem {
    margin-bottom: 2px;
    text-align: left;
    font-size: 14px;
    color: #c2c2c2;
}
.sitemapGroupItemMain {
    font-size: 20px;
    letter-spacing: 1px;
    color: #fff;
}
.sitemapGroupItemMain a {
    text-decoration: none;
    color: #fff;
}
.sitemapGroupItemMain a.gray {
    color: #9B9B9B !important;
}
.sitemapGroupItemMain a:link,
.sitemapGroupItemMain a:active,
.sitemapGroupItemMain a:visited,
.sitemapGroupItemMain a:hover {
    text-decoration: none;
    color: #fff;
}
.sitemapGroupItemMain a:hover {
    text-decoration: underline;
    color: #fff;
}
.sitemapGroupItem a {
    text-decoration: none;
    color: #c2c2c2;
}
.sitemapGroupItem a.gray {
    color: #9B9B9B !important;
}
.sitemapGroupItem a:link,
.sitemapGroupItem a:active,
.sitemapGroupItem a:visited,
.sitemapGroupItem a:hover {
    text-decoration: none;
    color: #c2c2c2;
}
.sitemapGroupItem a:hover {
    text-decoration: underline;
    color: #c2c2c2;
}
#sitemapOther {
}
.sitemapOtherItem {
    float: left;
    margin-right: 20px;
    font-size: 14px;
    letter-spacing: 1px;
}
.sitemapOtherItem a, .sitemapOtherItemRight a {
    text-decoration: none;
    color: #c2c2c2;
}
.sitemapOtherItem a:hover, .sitemapOtherItemRight a:hover {
    text-decoration: underline;
    color: #c2c2c2;
}
.sitemapOtherItemRight {
    float: right;
    margin-right: 20px;
    font-size: 14px;
    letter-spacing: 1px;
}
.footerWrapperSeparator {
    margin: 10px;
    height: 1px;
    background-color: #b7b7b7;
}
#logosContainer {
    width: 100%;
}
.logosItem {
    float: right;
    padding-right: 30px;
}
div#contentsText {
    margin: 0 15px;
}
div#contentsTextLeft {
    left: 0px;
    width: 460px;
    font-size: 13px;
    text-align: justify;
    color: #b7b7b7;
    float: left;
}
div#contentsTextRight {
    right: 0px;
    width: 760px;
    font-size: 13px;
    text-align: justify;
    color: #b7b7b7;
    float: right;
}
div.contentsTextValue {
    margin-top: 10px; 
    height: 48px; 
    overflow: hidden;
}
div#footer {
    min-height: 15px;
    margin: 10px 0 0;
    padding-bottom: 10px;
    color: #b7b7b7;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    text-align: center;
}
div#footer a {
    color: #C2C2C2;
    font-size: 10px;
    text-decoration: none;
    border: 0px;
    outline: none;
}
div#footer a:hover {
    text-decoration: underline;
}
div#footer .separator {
    color: #ED890A;
}
div#footer .left {
    font-size: 10px;
    padding-left: 10px;
}
div#footer .right {
    font-size: 10px;
    padding-right: 10px;
}
div#footer .right .on {
    color: #ED890A;
}
div#footer .right .off {
    color: #C2C2C2;
}
div#footer .right .dns {
    color: #717171;
}
.footerSoc {
    float: left;
    margin: 6px 0 0 0;
}
.socialButtons{
    position: relative; 
    margin: 0 0 0 400px
}
.socialButtons div{
    float: left;
}
.image_album_full {
    background-image:url(/img2/photo/icons_112.png);
    background-position:-508px 0;
}
.image_album_empty {
    background-image:url(/img2/photo/icons_112.png);
    background-position:-282px 0;
}
.image_album_full, .image_album_empty {
    width:112px; height: 112px;
    text-align: center;
    vertical-align: middle;
    display:table-cell;
    cursor: pointer;
}
.image_background {
    background-image:url(/img2/photo/icons_112.png);
    background-position:0 0;
    font-size: 8px;
    cursor:pointer;
}
.image_background_small {
    background-image:url(/img2/photo/icons_64.png);
    background-position:0 0;
    font-size: 8px;
}
.image_background_small  {
    width:92px;
    height: 92px;
    text-align: center;
    vertical-align: middle;
    display:table-cell;
}
.image_background {
    width:140px;
    height: 140px;
    text-align: center;
    vertical-align: middle;
    display:table-cell;
}
.result_image_area {
    float: left;
    margin:2px;
}
#adult-warning-dialog .dialog-form-text {
    font-size: 12px;
    text-align: left;
}
#adultAgreeButton {
    float: left;
}
#adultDisagreeButton {
    float: right;
}
#languageSwitcher {
    height: 20px;
    position: absolute;
    right: 20px;
    text-align: right;
    top: 55px;
    z-index: 3;
    font-size: 10px;
    color: #C2C2C2;
}
#languageSwitcher .on {
    color: #ED890A;
}
#languageSwitcher .off {
    color: #C2C2C2;
}
#languageSwitcher a {
    color: #C2C2C2;
    font-size: 10px;
    text-decoration: none;
    border: 0px;
    outline: none;
}
#languageSwitcher a:hover {
    text-decoration: underline;
}
#languageSwitcher .separator {
    color: #ED890A;
}
