* { margin: 0; padding: 0; } body { background: #EEEEEE; font-family: Verdana; font-size: 12px; } #footer { font-size: 12px} h1, h2, h3, h4 { font-weight: normal; line-height: 1em; position: relative; padding-top: 10px; font-family: Verdana; } p {font-family: Verdana} a { color: #038dba} a:visited { color: #7ea29e} a:hover { color: #1eae25} a:active { color: #1eae25} h1 { font-size: 32px} h2 { font-size: 26px; width: 80%; margin-bottom: 60px} h3 { font-size: 18px} h4 { font-size: 14px} .add1 { font-size: 12px} .add2 { font-size: 11px} .add3 { font-size: 10px} #tableindex { height: 100%; width: 100%; min-width: 850px; min-height: 400px; } #i_am { width: 65px; height: 30px; float: left; margin: -6px 30px 0 0 } #i_am img, #i_am a{vertical-align: middle} #breadcrumbs #i_am a { color: #038dba; font-size: 22px; } #breadcrumbs #i_am a:hover {color: #1eae25} #logo { border: none; vertical-align: middle; width: 226px; height: 21px; background: url(../images/logo.jpg); float: left; margin: -3px 7px 0 0 } .red { color: #CC3333} .gray, a.gray {color: #999} #space { height: 35px; } #header { background: url(../images/logo.jpg) no-repeat 25px 24px; vertical-align:top; height: 60px; } #content { min-width: 850px; max-width: 1400px; vertical-align:top; padding: 0 30px 25px 35px; font-size: 12px; } #floater { background: url(../images/nav_bg.png) repeat-y left; border-bottom:1px solid #E2E2E2; min-width: 850px; height: 35px; position: fixed; top: 0; left: 0; width:100%; z-index: 5; } #footer td { vertical-align: top; height: 120px; border-top:1px solid #E2E2E2; position: relative; } #footer p { margin: 50px 0 0 30px } #user { padding-left: 10px; padding-right: 15px; text-align: center; height: 35px; background-color: #FFFFFF; right: 0; position: absolute; font-size: 12px; } #arrow-right-personal { width: 14px; height: 35px; position: absolute; left: -14px; background: url(../images/arrow-right-personal.png) no-repeat; } #arrow-down { background-image: url(../images/arrow-down-personal.png); background-repeat: no-repeat; height: 13px; margin-left: 30px; margin-top: 35px; position: absolute; width: 28px; z-index: 1; } #arrow-down-footer { background-image: url(../images/arrow-down-footer.gif); background-repeat: no-repeat; height: 14px; margin-left: 30px; margin-top: -1px; position: absolute; width: 28px; } #content h1 { padding-left: 10px; padding-bottom: 10px; } #user p{ line-height:30px; height:30px; } #menu { float:left; padding-left: 10px; } #menu p{ line-height:30px; height:30px; color: #ffffff; width: auto; } #menu p a:hover { color: #ffffff; } #menu p a { color: #cccccc; font-size: 12px; } .flash_messages { margin-top: 13px; padding: 8px 8px 8px 8px; /*37px; */ } #flash_warning { /*background: url(../images/warning.png) no-repeat #edc755 6px 5px;*/ background: no-repeat #edc755 6px 5px; } #flash_notice { /*background: url(../images/notice.png) no-repeat #7ad462 6px 5px;*/ background: no-repeat #7ad462 6px 5px; } #flash_error { /*background: url(../images/error.png) no-repeat #ed7c55 6px 5px; */ background: no-repeat #ed7c55 6px 5px; } #breadcrumbs { padding: 30px 0 0 30px; color: #787878; height: 24px; position: relative; vertical-align: middle; font-size: 12px } #breadcrumbs a {font-size:12px} #breadcrumbs .sep_crumb {font-size: 8px} #breadcrumbs a { color: #787878; } #breadcrumbs a:hover { color: #000000; } table td {vertical-align: top} /* Стили полей для ввода: */ input, select, textarea { border: 1px solid #aaaaaa; vertical-align: middle; font-size: 16px } .select { height: 30px} .search_title { height: 25px; width: 95%; padding: 0 5px; } .textarea { width: 500px; padding: 5px; font-family: Verdana } button { vertical-align: middle} /* Стили всех input="text"*/ .textfield { height: 30px; vertical-align: middle; padding: 0 5px; width: 500px; } /* Стили Поля с календарем*/ .birthday, .date { width: 120px; text-align: center; height: 30px } .time { width: 70px; text-align: center; margin-left: 20px;Ещё margin-bottom: 30px; height: 30px } .phonecode { width: 70px; height: 30px; padding: 0 5px } .phonenumber { width: 230px; height: 30px; padding: 0 5px; margin-left: 10px } /* Стили всех input="file"*/ .file { width: auto; padding-right: 5px } /* стили при выводах ошибок и предупреждений*/ /* На стороне сервера*/ .errorExplanation { background-color: #ff9999; width: 50%; padding: 10px } .errorExplanation h2 { padding-top: 0; margin-bottom: 0; } .errorExplanation ul { padding-left: 20px} .fieldWithErrors { display: inline; } .fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select { border: 2px solid #FF9999; } .required label{ color: red; } /* На стороне клиента*/ input.error, textarea.error, select.error {border: 2px solid #bb0707} label.error { color: #bb0707; position: absolute; left: 0; bottom: -20px } #new_news p, #new_user p, .edit_news p, #edit_user p {position:relative} /* Блок с ссылкой на требования к подаче материалов*/ #requirements { float: right; margin-bottom: 20px } /* Выравнивание Кнопки добавить новость*/ #add_news { float: right; padding-top: 20px; } #news-table { clear: both; font-size: 11px; } #news-table h4{ padding: 0 0 5px 0; } #news-table tr, #news-table td { height: 50px; padding-top: 10px } #news-table tr:first-child td {border-bottom: 1px solid #999} #news-table td{ text-align: left; padding-right: 5px; position: relative; } #news-table a.sort { color: black; border-bottom: 1px dashed black; cursor: pointer; text-decoration: none } #news-table .news-date { width: 10%;padding-left: 10px} #news-table .news-title, #news-table .user-title { width: 30%; font-size: 12px} #news-table .news-author { width: 10%} #news-table .news-money { width: 1%; padding: 10px 10px; } #news-table .news-check { width: 5%; text-align: right; padding-right: 20px } #news-table .news-todo { width: 8%} #news-table #news-titles .news-title, #news-table #news-titles .user-title { font-size: 11px} #news-table .news-author .opacity { background: url(../images/end.png) repeat-y right; position: absolute; width: 55px; height: 40px; margin: 0 0 0 -55px } #news-table .news-todo ul li { list-style: none} .window { background: url(../images/window.png) no-repeat; width: 14px; height: 13px; padding-right: 5px; cursor: pointer; display: none; } .news-todo div { display: none; width: 105px; height: auto; background-color: white; border: 1px solid #ccc; z-index: 2; position: absolute; margin: -20px 0 0 -20px; padding: 30px 19px 10px; -moz-box-shadow: 1px 5px 7px #888; -webkit-box-shadow: 1px 5px 7px #888; } .news-todo div a {line-height: 20px} .publicate, a.publicate { color: #1eae25} .reject, a.reject { color: #d34d04} .delete, a.delete {color: #bb0707} .edit, a.edit {color: #798793} .success { background-color: #270062; color: white; padding: 0 10px 5px } span.why { display: none; z-index: 3; position: relative; } #news-titles span.why {display: block} .why a, .hide { color: black; border-bottom: 1px dashed black; cursor: pointer; } /*#news-table tr:not(:first-child):hover {background-color: white} #news-table tr:hover > .news-todo .why, #news-table tr:hover > .news-ico div {display: block}*/ #news-table td:nth-child(4) {text-align: center} #node { background-color:#F7F8F4; padding: 40px 30px; position:relative; width: 800px; } .text { font-size:14px; line-height:1.8em; padding:0 45px 20px 30px; } #node h1 {padding: 10px 0} #photo { margin: 0 0 0 -30px; clear: both } #node #photo .add2 { padding: 10px 0 20px 20px; } .text p.supertext, .text blockquote { color: #999; font-size: 18px; line-height: 1.5em; margin-left: -30px; padding: 20px 0; } #node .left { float: left; padding: 0 25px 25px 0 } #why_not { background-color: #ccc; padding: 40px 40px 20px 40px; } #why_not .title { font-size: 18px; margin: 0 0 20px -20px; } #why_not .button {margin-top: 20px} #why_not textarea { width: 100%} #actable td { padding: 5px; text-align: center; vertical-align: middle; border-bottom: 1px solid #ddd; } #actable .actd { background-color: #ddd; text-align: center } #actable .first { text-align: left; } #actable .acth { background-color: #038dba; font-weight: bold } #actable .acth a {color: white} #multiple { display: none} /* Link yellow */ a.button_yellow > span { background:url("../images/colorbutton_shmatrix.png") no-repeat scroll 100% -43px transparent; display:block; height:43px; line-height:43px; padding:0 19px 0 0px; } a.button_yellow { background:url("../images/colorbutton_shmatrix.png") no-repeat scroll 0 -43px transparent; border:medium none; color:#333333; cursor:pointer; display:inline-block; font-size:18px; height:43px; overflow:visible; padding:0 0 0 24px; white-space:nowrap; text-decoration: none; } a.button_yellow:hover > span { background-position:100% -86px; } a.button_yellow:hover { background-position:0 -86px; } a.button_yellow:active > span { background-position:100% 0px; } a.button_yellow:active { background-position:0 0px; } /* Link green */ a.button_green > span { background:url("../images/colorbutton_shmatrix.png") no-repeat scroll 100% -172px transparent; display:block; height:43px; line-height:43px; padding:0 19px 0 0px; } a.button_green { background:url("../images/colorbutton_shmatrix.png") no-repeat scroll 0 -172px transparent; border:medium none; color:#333333; cursor:pointer; display:inline-block; font-size:18px; height:43px; overflow:visible; padding:0 0 0 24px; white-space:nowrap; text-decoration: none; } a.button_green:hover > span { background-position:100% -215px; } a.button_green:hover { background-position:0 -215px; } a.button_green:active > span { background-position:100% -129px; } a.button_green:active { background-position:0 -129px; } /* Button yellow */ button.button_yellow { background: transparent; border:medium none; cursor:pointer; overflow:visible; padding:0; white-space:nowrap; } button.button_yellow span { background:url("../images/colorbutton_shmatrix.png") no-repeat scroll 0 -43px transparent; color:#333333; display:inline-block; font-size:18px; height:43px; overflow:visible; padding:0 0 0 24px; } button.button_yellow span span { background:url("../images/colorbutton_shmatrix.png") no-repeat scroll 100% -43px transparent; display:block; height:43px; line-height:43px; padding:0 19px 0 0px; } button.button_yellow:hover span { background-position: 0 -86px; } button.button_yellow:hover span span { background-position: 100% -86px; } button.button_yellow:active span { background-position: 0 0px; } button.button_yellow:active span span { background-position: 100% 0px; } /* Button green */ button.button_green { background: transparent; border:medium none; cursor:pointer; overflow:visible; padding:0; white-space:nowrap; } button.button_green span { background:url("../images/colorbutton_shmatrix.png") no-repeat scroll 0 -172px transparent; color:#333333; display:inline-block; font-size:18px; height:43px; overflow:visible; padding:0 0 0 24px; } button.button_green span span { background:url("../images/colorbutton_shmatrix.png") no-repeat scroll 100% -172px transparent; display:block; height:43px; line-height:43px; padding:0 19px 0 0px; } button.button_green:hover span { background-position: 0 -215px; } button.button_green:hover span span { background-position: 100% -215px; } button.button_green:active span { background-position: 0 -129px; } button.button_green:active span span { background-position: 100% -129px; } /* Simple link button */ a.button > span { background:url("../images/button_shmatrix.png") no-repeat scroll 100% -37px transparent; display:block; height:38px; line-height:34px; padding:0 18px 0 0px; } a.button { background:url("../images/button_shmatrix.png") no-repeat scroll 0 -37px transparent; border:medium none; color:#333333; cursor:pointer; display:inline-block; font-size:18px; height:38px; overflow:visible; padding:0 0 0 19px; white-space:nowrap; text-decoration: none; } a.button:hover > span { background-position:100% -75px; } a.button:hover { background-position:0 -75px; } a.button:active > span { background-position:100% 1px; } a.button:active { background-position:0 1px; } /* Simple button submit */ button.button { background: transparent; border:medium none; cursor:pointer; overflow:visible; padding:0; white-space:nowrap; } button.button span { background:url("../images/button_shmatrix.png") no-repeat scroll 0 -37px transparent; color:#333333; display:inline-block; font-size:18px; height:38px; overflow:visible; padding:0 0 0 19px; } button.button span span { background:url("../images/button_shmatrix.png") no-repeat scroll 100% -37px transparent; display:block; height:38px; line-height:37px; padding:0 19px 0 0px; } button.button:hover span { background-position: 0 -75px; } button.button:hover span span { background-position: 100% -75px; } button.button:active span { background-position: 0 -1px; } button.button:active span span { background-position: 100% -1px; } #news-cost { background: #ac0070; color: #ffffff; padding: 0 9px 0 9px; } .left-space { padding-left: 10px !important; } .small-font { font-size: 11px; } .otstup {margin-bottom: 30px} #menu a.more { border-bottom: 1px dashed #ccc; cursor:pointer; z-index:3; position:relative; line-height: 1.3em; } #menu a.more:hover {border-bottom: 1px dashed #fff} #more { display: none; min-width: 100px; width: auto; height: auto; border:1px solid #ccc; position: absolute; margin-left: -7px; padding: 30px 10px 10px 10px; background-color: #fff } #menu #more a {white-space: nowrap;color:#038DBA} #menu #more a:hover {color:#1eae25} #menu p span .more {position:relative;float:right;margin-top: 3px;margin-left:4px}