@font-face {
    font-family: 'PF DinText Pro';
    src: url('../fonts/PFDinTextPro-Regular.eot');
    src: url('../fonts/PFDinTextPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PFDinTextPro-Regular.woff2') format('woff2'),
        url('../fonts/PFDinTextPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html { overflow-y: scroll; }
html, body { height: 100%; margin: 0; padding: 0; font-family: Tahoma,Verdana,Arial; font-size: 11pt; color: #231f20; }

#body { width: 900px; margin: 0 auto; position: relative; padding-bottom: 120px; }

.footer { background: #f2f5f7; height: 100px; position: relative; margin-top: -100px; }

h1 { text-align: center; margin: auto; padding: 20px; font-size: 2em; }

h2 { padding: 10px; padding-bottom: 5px; margin: 0; margin-bottom: 10px; font-size: 1.2em; font-weight: 600; color: #777; border-bottom: 3px solid #ffda08; }

h2 .umail { float: right; font-weight: 400; }

h4 { font: 500 13pt Roboto; }

select, input { background: #f2f5f7; border: none; display: inline-block; font-size: 14pt; font-weight: 700; margin: 0; padding: 10pt; border-radius: 3px; outline: 0; }

input[disabled], input[readonly] { color: #888; }

.title { display: block; font-size: 10pt; opacity: 0.7; margin-top: 20pt; }

.btn { background: #ffda08; color: #231f20; padding: 0 30pt; line-height: 25pt; display: inline-block; border-radius: 20pt; cursor: pointer; border: 0; border: 3px solid #fff; outline: 0; position: relative; text-decoration: none; }
.btn:active { left1: 1px; top: 1px; }

.btn[disabled] { color: #777; cursor: default; }

.btn[disabled]:active { top: 0; }

.btn1 { background: #ffda08; color: #231f20; font-weight: 500; padding: 0 30pt; line-height: 40pt; display: inline-block; border-radius: 20pt; cursor: pointer; border: 0; outline: 0; position: relative; }
.btn1:active { left: 1px; top: 1px; }

#dialog { padding: 20px; background: #fcfcfc; border-radius: 5px; }

#dialog h4 { background: #c8e4ff; padding: 5px 10px; }

#dialog .body { background: #dae1e8; padding: 5px 10px; }

.a { color: #00f; text-decoration: underline; cursor: pointer; }

#error { color: #f00; background: #fee; padding: 1em; border-left: 3px solid #f00; }

input.error { background: #fdd; }
.title.error { color: #f00; opacity: 1; }

.error input { background: #fdd; }
.error .title { color: #f00; opacity: 1; }

#menu { position: absolute; right: 0; top1: 23px; }

#menu div { text-align: right; font-weight: 600; background: #00f url(images/arrow.png) 5px 50% no-repeat; line-height: 28px; padding: 0 5px; }

.opc .btnlist { opacity: 0.2; display: inline-block; vertical-align: middle; }
.opc input { margin-right: 20px }
.opc:hover .btnlist { opacity: 1 }

.btnlist span { display: inline-block; width: 32px; height: 32px; margin:0; padding:0; outline:none; cursor: pointer; opacity: 0.8; position: relative; top: 50%; }
.btnlist span:hover { opacity: 1 }

.vkbtn { background:url(images/icons.png) 0 0 no-repeat; }
.fbbtn { background:url(images/icons.png) -32px 0 no-repeat; }
.twbtn { background:url(images/icons.png) -64px 0 no-repeat; }
.okbtn { background:url(images/icons.png) -96px 0 no-repeat; }
.gpbtn { background:url(images/icons.png) -128px 0 no-repeat; }
.mlbtn { background:url(images/icons.png) -160px 0 no-repeat; }
.ljbtn { background:url(images/icons.png) -192px 0 no-repeat; }
.igbtn { background:url(images/icons.png) -192px 0 no-repeat; }

.rdesc, .rtitle, .rimage { display: none; }

.restab { border-spacing: 15px 3px; width: 100%; }
.restab th { border-bottom: 1px solid #ffda08; text-align: left; padding-left: 10px; }

/*
.restab td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
*/

.restab .tddt { width: 150px; white-space: nowrap; }