/*--------------------------------------------------------------------------

[client] Screen Stylesheet



author:Anton Ivanov [site-creator]

email:site-creator@mail.ru

icq:3355666

website:www.site-creator.info

-----------------------------------------------------------------------------*/



/* Common

---------------------------------------- */



/*--- Reset --------------------------- */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, b, big, cite, code, del, dfn, em, font, img, ins, i, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:none; outline:none; font-weight:inherit; font-style:inherit; font-family:inherit; font-size:100%; vertical-align:baseline; }

html { height:100%; font-size:100.01%; }

body { min-height:100%; position:relative; }

img { vertical-align:top; }

*:focus { outline:none; }

acronym { font-variant:small-caps; }

acronym, dfn { cursor:help; border-bottom:1px dashed #ccc; }

blockquote { font:italic 1.25em helvetica; color:#666; margin:10px 0 10px 50px; padding:.3em 10px 0; border-left:3px solid #ccc; }

blockquote p { padding-bottom:.3em; }

blockquote:before, blockquote:after,q:before,q:after { content:""; }

blockquote, q { quotes:"" ""; }

dfn, cite, var, address { font-style:normal; }

del { text-decoration:line-through; }

ins { text-decoration:underline; }

sup, sub { vertical-align:baseline; position:relative; font-size:.85em; }

sup { bottom:.5em; }

sub { top:.5em; }

strong, b { font-weight:bold; }

small { font-size:.833em; }

big { font-size:1.25em; }

em, i { font-style:italic; }

li { list-style:none; }

ol li { list-style:decimal inside; }

fieldset legend { color:#000; }

optgroup { font-family:inherit; color:#fff; background:#030303; font-style:normal; font-weight:normal; }

option { font-family:inherit; background:#fff; color:#000;	padding-left:.4em; }

optgroup option { padding-left:15px; }

input.checkbox { margin:1px 2px; height:15px; width:15px; border:1px solid #BDD7E1; }

input.radio { margin:0 2px 1px; height:18px; width:15px;  }

input, select, button { vertical-align:middle; }

.vis { display:block; }

.unvis { display:none; }



/*--- Text -------------------------- */



body { background:#E2E2E2; font:.6875em Tahoma, Arial, Verdana, Sans-Serif; color:#000; min-width:1000px; }

p { padding-bottom:13px; }

hr { border:none; border-top:1px solid #808080; background:gray; height:0; overflow:hidden; margin:7px 0; }

.f-left { float:left; }

.f-right { float:right; }

img.f-left { float:left; border:5px solid #BDD7E1; margin:15px 20px 0 0; position:relative; top:-15px; }

img.f-right { float:right; border:5px solid #BDD7E1; margin:15px 0 0 20px; position:relative; top:-15px; }



/*--- Links ------------------------- */



a { cursor:pointer; color:#265AB1;  text-decoration:underline; }

a:hover { text-decoration:none; }

.add-employee { background:#FB1911 url(/img/add-employee-bg.png) repeat-x 0 bottom; text-align:center; color:#fff; width:21.9em; margin:-3px auto -9px; text-decoration:none; padding:3px 0 5px; display:block; }



/*--- Table ------------------------- */



table { border-collapse:collapse; width:100%; }

caption, th, td { text-align:left; font-weight:normal; vertical-align:top; }



.box .beauty-table-wrap { margin:0 -25px 0 -16px; padding:4px 0 10px; }

.box_ { margin:0 -25px 0 -16px; padding:4px 0 10px; }

.beauty-table td, .beauty-table th { padding:6px 18px 8px; border-bottom:1px dotted #C1D9E2; }

.beauty-table th { border-color:#000; font-weight:bold; }

.beauty-table .child-n4  td { background:#F2F7F9; }



/*--- Forms ------------------------- */



.text-field, select, textarea { padding:4px 8px 5px; margin:0; background:#fafafa; border:1px solid #BDD7E1; width:10em; font:1em Tahoma; color:#7594A0; }

.file-field { padding:3px 8px 4px; background:#fff; margin:0; width:100%; border-color:#BDD7E1;  font:1em Tahoma; color:#7594A0; }

.button { background:#fff url(/img/button-bg.png) repeat-x 0 bottom; height:2em; padding:0 20px 1px; cursor:pointer; border:1px solid #BDD7E1; font:normal 1em Tahoma; color:#265AB1; }

select { padding:0; height:2.1em; }

textarea { height:9.364em; width:100%; display:block; vertical-align:middle }



.search-on-base { background:#fff url(/img/search-on-base-bg.png) repeat-x !important; }

.search-on-base fieldset { padding-right:9.17em; position:relative; }

.search-on-base fieldset label { width:100%; padding-left:19px; margin-right:-19px; overflow:hidden; }

.search-on-base .button { position:absolute; right:0; top:1px; }

.search-on-base .text-field { width:100%; margin-left:-19px; vertical-align:top; }



.auth { padding:3px 0 0 23px; }

.auth .text-field { width:146px; margin-bottom:2px; }

.auth label { padding:3px 0 5px; display:block; }

.auth .button { margin-right:15px; }

.auth .welcome { color:#7594A0; padding:7px 0 12px 8px; }

.auth .actions { padding:0 0 19px 8px; }

.actions li { padding:1px 0 1px 0; }



.add-comment { clear:both; position:relative; width:100%; padding-left:18px; margin-right:-18px; position:relative; }

.add-comment textarea { margin-bottom:6px; margin-left:-18px; }

.add-comment h5 { margin-left:-18px; }



.form { margin-right:-20px; width:100%; padding-left:20px; position:relative; }

.form dl { position:relative; padding:0 0 2px 11.727em; margin-left:-20px; }

.form dl dt { width:11.5em; position:absolute; left:0; top:8px; font-size:.91em; }

.form dl dd { overflow:hidden; padding-left:18px; position:relative; }

.form dl dd.select-wrap, .form dl dd.file-field-wrap { padding-left:0; }

.form dl dd.code-wrap { padding-left:173px; min-height:52px; }

.form dl dd.code-wrap .code { position:absolute; left:0; top:0; text-align:center; overflow:hidden; border:1px solid #BDD7E1; }

.form dl dd.code-wrap .code img { vertical-align:middle; }

.form dl dd.code-wrap label { display:block; margin-left:-18px; padding:12px 0 8px; }

.form dl dd select { width:100%; }

.form dl dd .text-field, .form dl dd textarea { width:100%; margin-left:-18px; }

.form .footnote { font-size:.91em; width:22.2em; padding:15px 0 10px; margin:0 0 0 -20px; float:left; }

.form .button { float:right; position:relative; top:19px; }

.form #field-code { width:165px; }

.form #field-nameplate-data { height:80px; }

.form #field-comment { height:180px; }

 

.form-add-employee .footnote, .form-send-mess .footnote  { padding:16px 0 2px 11.727em; margin-left:-8px; }

.form-add-employee .button, .form-send-mess .button { top:10px; }



/*--- Headings ---------------------- */



h1, h2, h3, h4, h5, h6 { font:normal 1.636em Verdana, Tahoma; color:#D9422E; padding-bottom:10px; }

.aside h3 { padding-left:23px; }

.headline { border:1px solid #C1D9E2; background:#fff; padding:7px 32px 7px 17px; margin-bottom:2px; }

.headline2 { font-size:1.091em; padding-bottom:3px; font-weight:bold; }



/* Layouts

--------------------------------------- */



#page { min-width:1000px; }



/*--- Head --------------------------- */



#head { background:#F3F3F3; border-bottom:5px solid #fff; padding:8px 6px 0 50px; position:relative; }

#head h1 { color:#898989; font:bold 3.273em Arial, Tahoma; padding:14px 0 0;  }

#head h1 a { color:#898989; text-decoration:none; }

#head h1 span { color:#D9422E; }

#head h2 { position:relative; top:-3px; color:#797979; font-size:1.273em; font-family:"Trebuchet MS"; }



#num-employees { color:#848484; font-size:1.091em; position:absolute; right:5px; width:239px; bottom:3px; padding-bottom:0; }

#num-employees b { color:#D9422E; }



.head-banner { float:right; }



.nav { padding-top:5px; }

.nav li { float:left; margin-right:2px; }

.nav li a { float:left; border:1px solid #fff; padding:5px 18px 3px; background:#FEFEFE url(/img/nav-li.png) repeat-x; }



/*--- Content ----------------------- */



.content-wrap { background:#F3F3F3; padding:6px 7px 20px 9px; clear:both; }

.content { position:relative; width:100%; }

.main-wrap { float:left; width:100%; }



.main { margin:0 243px; }

.aside { float:left; margin-left:-100%; width:240px; }

.extra { float:left; width:240px; margin-left:-240px; }

.extra .box { padding-right:11px; }


.box_ { padding-right:11px; }

.box { border:1px solid #C1D9E2; background:#fff bottom repeat-x; padding:10px 32px 16px 17px; margin-bottom:2px; }


.box_ { border:1px solid #C1D9E2; background:#fff bottom repeat-x; height: 57px; padding:10px 32px 16px 17px; margin-bottom:2px; }



.box.banner { padding:0 !important;  }



.abc { float:right; padding-top:6px; }

.abc li { display:inline; }



.headings { float:left; width:46%; padding-right:4%; margin-right:-1px; }

.headings li { padding-bottom:13px; }



.mounth-year { float:right; color:#D9422E; padding-top:7px; }

.calendar { padding:0 0 9px 15px; }

.calendar ul { padding-bottom:1px; width:177px; }

.calendar dd ul li { float:left; text-align:center; width:24px; padding:5px 0; border:1px solid #C0D9E2; margin:0 -1px -1px 0; }

.calendar dd.days-week ul li { padding:1px 0 4px; border-color:#fff; }

.calendar dd ul li.spacer { border-color:#fff; }

.calendar dd ul li.holiday a { color:red; }



.buttons { text-align:center; padding:26px 0; }

.buttons li { display:inline; }

.buttons li img { margin-bottom:2px; }



.updating { margin:0 0 -16px -4px; }

.updating li { padding:0 0 16px; }

.updating li a { padding:0 0 2px 27px; background:url(/img/updating-li-bg.png) no-repeat; }



.comments { margin:0 0 -13px -4px; }

.comments li { padding:0 0 13px; }

.comments li a { padding:0 0 2px 27px; }

.comments li dd a { background:url(/img/comments-li-bg.png) no-repeat 0 .2em; }



.paging { padding:10px 0 1px; }

.paging li { display:inline; margin-right:3px; font-weight:bold; color:#000; }

.paging li.next a { text-decoration:none; }



/*--- Microformats ---------------------- */



.news .published { float:right; color:#7594A0; }

.news h4 { font-size:1em; font-weight:bold; }

.news p { padding-bottom:9px }

.news.primary { padding-top:3px; }

.news.primary li { padding:2px 0 12px; }

.extra .news .published { line-height:1; position:relative; top:1px;  float:left; color:#000; border-right:1px solid #006CDB; padding-right:4px; margin-right:4px; }



.unreliable-employee { margin-right:-18px; }

.unreliable-employee .fn { color:#000; font-size:1.273em; padding-bottom:0; font-weight:bold; }

.unreliable-employee .adr { color:#BDD7E1; font-size:1.273em; padding-bottom:8px; font-weight:bold; }



.employee-comments { padding:13px 0; }

.employee-comments .published { color:#BDD7E1; margin-left:2px; }

.employee-comments .hentry { padding-bottom:4px; }



/*--- Footer -------------------------- */



#footer { border-top:5px solid #fff; padding:22px 33px 21px; position:relative; }



.features { position:absolute; top:17px; left:248px; }

.features li { float:left; margin-right:41px; }



/*---  New Block Formatting Context --------------- */

#wrap, #page, #head, #footer, .content-wrap, .unreliable-employee, .content, .main, .aside, .extra, .box, .box_, ul, dl { overflow:hidden; }



/*--- Clearing ------------------------- */

.clear, .clearing:after { content:'.'; width:100%; display:block; height:0; clear:both; font-size:0; line-height:0; overflow:hidden; visibility:hidden }



/*--- Firefox hacks ------------------------- */

@-moz-document url-prefix() {

	.button { padding:0 17px 1px;  }

}

.redcolor {

	color: #D9422E;

}