/* General Style */
body {margin:0px; padding:0px; height: 100%; background: url(/0DESIGN/bekcentr.jpg) center repeat-y #000;}
.wrap { margin: auto; background: url(/0DESIGN/shap1.jpg) center top no-repeat;}
.wrap1 {text-align: center; background: url(/0DESIGN/fut1.jpg) bottom no-repeat;}
.contanier {width: 100%; margin-left: auto; margin-right: auto; background: url(http://t/shap2.jpg) no-repeat; min-height: 1000px;}
.header {height: 490px; margin-left: auto; margin-right: auto; position: relative;}

table.main-table {border: 0; padding: 0; border-collapse: collapse; width: 100%; max-width: 1000px; border-spacing: 0; margin-left: auto; margin-right: auto;}
td.content-block {vertical-align: top; padding: 20px; text-align:left;}
td.side-block {vertical-align: top; width: 250px; padding: 0;}
td.forum-block {vertical-align: top; padding: 20px 20px 0px 20px;}

.header h1 {color: #1a56ac; font-size: 28pt; font-weight: normal; position: absolute; margin: 0; padding: 0; top: 120px; left: 50px; width: 450px; text-align: left;}
 .header a:link {text-decoration:underline; color:#98dcf1;}
 .header a:active {text-decoration:underline; color:#98dcf1;}
 .header a:visited {text-decoration:underline; color:#98dcf1;}
 .header a:hover {text-decoration:none; color:#fff;}
.date {position: absolute; top: 5px; left: 10px; color: #fff; font-size: 8pt;}
.user-bar {position: absolute; right: 10px; top: 5px; font-size: 8pt; color: #273143;}
.navigation {}
 .i-home {display: block; width: 16px; height: 16px; text-indent: -9999px; background: url() no-repeat; position: absolute; top: 5px; left: 110px; overflow: hidden;}
 .i-profile {display: block; width: 16px; height: 16px; text-indent: -9999px; background: url() no-repeat; position: absolute; top: 5px; left: 130px; overflow: hidden;}
 .i-add {display: block; width: 16px; height: 16px; text-indent: -9999px; background: url() no-repeat; position: absolute; top: 5px; left: 130px; overflow: hidden;}
 .i-enter {display: block; width: 16px; height: 16px; text-indent: -9999px; background: url() no-repeat; position: absolute; top: 5px; left: 150px; overflow: hidden;}
 .i-exit {display: block; width: 16px; height: 16px; text-indent: -9999px; background: url() no-repeat; position: absolute; top: 5px; left: 150px; overflow: hidden;}
 .i-rss {display: block; width: 16px; height: 16px; text-indent: -9999px; background: url() no-repeat; position: absolute; top: 5px; left: 170px; overflow: hidden;}

.loginBlock {position: absolute; right: 10px; top: 5px; font-size: 8pt; color: #273143;}
.loginDiv {float: left; margin: 0 3px;}
 .loginDiv input {width: 100px; background: #98e2f0; border: 1px inset #008cc4; font-size: 8pt; color: #000; height: 18px; margin-left: 3px;}
.passwordDiv {float: left; margin: 0 3px;}
 .passwordDiv input {width: 100px; background: #98e2f0; border: 1px inset #008cc4; font-size: 8pt; color: #000; height: 18px; margin-left: 3px;}
.buttonDiv {float: left; margin: 0 3px;}
.rememberDiv {float: left; margin: 0 3px;}
.loginLinks {float: left; margin: 0 3px;}
.logLnkSep {padding: 0 5px;}


.footer { background: url() center top no-repeat #; padding: 500px 10px 0px 10px; text-align: center; color: #; font-size: 10pt;}


.popup-table {background: url('/.s/t/808/1.png') repeat-x 0 -100px #fff;border: 0px; padding: 0px; border-collapse: collapse; width: 100%; border-spacing: 0px; }
.popup-header {padding:5px 15px;text-align:left;color:#fff;font-size:12pt;}
.popup-body {padding: 15px;}
.block {width: 250px; text-align: center; margin-bottom: 15px;}
.block-title {background: url() bottom left no-repeat; padding: 5px 5px 2px 42px; font-size: 12pt; text-align: left; margin-bottom: 5px; color: #44b4da; font-weight: bold;}
.block-top {width: 230px; margin-left: auto; margin-right: auto; }
.block-content {padding: 5px; text-align: left;}

.searchForm {position: absolute; right: 10px; top: 270px;}
.schQuery {position: absolute; top: 0; right: 60px;}
.schBtn {position: absolute; top: 0; right: 0px;}
.queryField { background: #fff; border: 1px inset #ddf0f7;}


a:link {text-decoration:underline; color:#29896d;}
a:active {text-decoration:underline; color:#29896d;}
a:visited {text-decoration:underline; color:#29896d;}
a:hover {text-decoration:none; color:#37cda1;}

td, body {font-family: Arial, sans-serif; font-size:13pt; color: #87a2af;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:10pt; }
.copy {font-size:9pt;}

a.noun:link {text-decoration:none; color:#332414}
a.noun:active {text-decoration:none; color:#332414}
a.noun:visited {text-decoration:none; color:#332414}
a.noun:hover {text-decoration:none; color:#844f25}

h1 {color: #7e8696; font-size: 24pt; text-shadow: 1px 1px 1px #000; font-weight: normal; text-align: center; padding: 0; margin: 15 0 10px 0;}

hr {color:#E1CAD1;height:64px;border:0; background: url(/0DESIGN/hr.jpg)center top no-repeat ;}
label {cursor:pointer;cursor:hand}

.blocktitle {color:#787878;font-size:12pt;}

a.menu1:link {text-decoration:underline; color:#e8f2f6}
a.menu1:active {text-decoration:underline; color:#e8f2f6}
a.menu1:visited {text-decoration:underline; color:#e8f2f6}
a.menu1:hover {text-decoration:underline; color:#bfd4db}
.menuTd {padding-left:12px;padding-right:10px; background: url('/.s/t/808/11.gif') no-repeat 0px 3px;}

.mframe {border-left:1px solid #E5E7EA; border-right:1px solid #E5E7EA;}
.colgray {border-right:1px solid #E5E7EA;}
.colwhite {border-right:1px solid #e8f2f6;}
.msep {border-top:1px solid #e8f2f6;}
/* ------------- */


====================/* Entries Style */=======================
.eBlock {background:#; border:0px solid #E1CAD1;}
.eTitle {font-size:20pt;font-weight:normal;color:#94a5a6; text-shadow: 1px 1px 1px #000; padding: 5px; border-bottom: 0px solid #E1CAD1;}
.eTitle a:link {text-decoration:none;}
.eTitle a:visited {text-decoration:none; }
.eTitle a:hover {text-decoration:none; }
.eTitle a:active {text-decoration:none; }

++++++++++++PHOTOS STYLES++++++++++++++++

.eMessage {text-align:justify;padding:10px !important;}
.eMessage a img{ 
border: 1px solid #1c4d63!important; 
background: url(/0DESIGN/f1.jpg) #000!important; 
padding: 10px!important; 
height: 150px; 
margin:20px;
-webkit-border-radius: 1em 1em;
-moz-border-radius: 1em 1em;
border-radius: 1em 1em;
-webkit-box-shadow: 3px 3px 3px -2px #143745;
-moz-box-shadow: 3px 3px 3px -2px #143745;
box-shadow : 3px 3px 3px -2px #143745;} 
.eMessage a img:hover{background: url(/0DESIGN/f2.jpg)!important; }

+++++++++++++++++++++++++++++++++++++++++++++++++++

.eBlock {text-align:justify;padding:10px !important;}
.eBlock a img{ 
border: 1px solid #1c4d63!important; 
background: url(/0DESIGN/f1.jpg) #000!important; 
padding: 10px!important; 
 
margin:2px;
-webkit-border-radius: 1em 1em;
-moz-border-radius: 1em 1em;
border-radius: 1em 1em;
-webkit-box-shadow: 3px 3px 3px -2px #143745;
-moz-box-shadow: 3px 3px 3px -2px #143745;
box-shadow : 3px 3px 3px -2px #143745;} 
.eBlock a img:hover{background: url(/0DESIGN/f2.jpg)!important; }

+++++++++++++++++++++++++++++++++++++++++++++++++++

+++++++++++++++++++++++++++++++++++++++++++++++++++

.eSerd {text-align:justify;padding:10px !important;}
.eSerd a img{ 
border: 1px solid #1c4d63!important; 
background: url(/0DESIGN/f1.jpg) #000!important; 
padding: 10px!important; 
height: 200px; 
margin:2px;
-webkit-border-radius: 1em 1em;
-moz-border-radius: 1em 1em;
border-radius: 1em 1em;
-webkit-box-shadow: 3px 3px 3px -2px #143745;
-moz-box-shadow: 3px 3px 3px -2px #143745;
box-shadow : 3px 3px 3px -2px #143745;} 
.eSerd a img:hover{background: url(/0DESIGN/f2.jpg)!important; }

+++++++++++++++++++++++++++++++++++++++++++++++++++





.eText {text-align:justify;padding:10px !important;}
.eText a img{ 
border: 1px solid #1c4d63!important; 
background: url(/0DESIGN/f1.jpg) #000!important; 
padding: 10px!important; 
height: 150px; 
margin:20px;
-webkit-border-radius: 1em 1em;
-moz-border-radius: 1em 1em;
border-radius: 1em 1em;
-webkit-box-shadow: 3px 3px 3px -2px #143745;
-moz-box-shadow: 3px 3px 3px -2px #143745;
box-shadow : 3px 3px 3px -2px #143745;} 
.eText a img:hover{background: url(/0DESIGN/f2.jpg)!important; }

+++++++++++++++++++++++++++++++++++++++++++++++++++



.eText {text-align:justify;padding:10px !important;}
.eDetails {padding:5px; text-align:left;font-size:8pt; background: #;}
.eDetails1 {padding:5px; text-align:left;font-size:8pt;background: #;}
.eDetails2 {padding:5px; text-align:left;font-size:8pt;}

.eRating {font-size:9pt;}

.eAttach {margin: 16px 0 0 0; padding: 0 0 0 15px; background: url('/.s/t/808/14.gif') no-repeat 0px 0px;}
/* ------------- */



/*------ Menu style ------*/
.show-menu {
 display: none;
}

.vert-menu {
 display: inline-block;
}

.vert-menu .uMenuRoot {
 padding: 0; max-width: 1000px;
 margin: 60px 0 5px;
 display: inline-block;
 line-height: 2;
font-size: 1.2038em; /*15/13*/text-align:center; 
 position: relative; text-align:center; font-family: Georgia, sans-serif;

}

.vert-menu .uMenuRoot li {
 padding: 0;
 margin: 0;
 list-style:none; 
}

.vert-menu .uMenuRoot > li {
 position: relative;
 display: inline-block;
 vertical-align: top;
}

.vert-menu .uMenuRoot > li:before {
 content: '';
 position: absolute;
 width: 0;
 height: 35px;
 right: 0;
 top: 30%;
 margin-top: -4px;
 border-right: #A08578;
 border-right: 0px solid #A08578;
}

.vert-menu .uMenuRoot > li:first-child:after {
 content: '';
 position: absolute;
 width: 0;
 height: 35px;
 left: 0;
 top: 30%;
 margin-top: -4px;
border-right: #A08578;
 border-right: 0px solid #A08578;
}

.vert-menu .uMenuRoot li a {
 display:block;
 text-align:center;
 color:#688bfd; text-shadow: 1px 1px 1px #000;
 text-decoration:none;
 padding: 0 10px; (отступ)
 margin: 0; height: 36px;

border: 1px solid #2d4357!important; 
background: url(/0DESIGN/m3.jpg) center #000!important; 
padding: 5px!important; 
margin: 2px;
-webkit-border-radius: 1em 1em;
-moz-border-radius: 1em 1em;
border-radius: 1em 1em;
-webkit-box-shadow: 3px 3px 3px -2px #000;
-moz-box-shadow: 3px 3px 3px -2px #000;
box-shadow : 3px 3px 3px -2px #000;

}

.vert-menu .uMenuRoot li:hover > a,
.vert-menu .uMenuRoot li:hover > span,
.vert-menu .uMenuRoot li > a:hover,
.vert-menu .uMenuRoot li > span:hover,
.vert-menu .uMenuRoot li > .uMenuItemA,
.vert-menu .uMenuRoot li > .uMenuItemA
 {
 color:#5ed838; text-shadow: 1px 1px 1px #000; background: url(/0DESIGN/menju.png) center ; height: 36px;
border: 1px solid #356277!important; 
background: url(/0DESIGN/m4.jpg) center #000!important; 
padding: 5px!important; 
margin:2px;

-webkit-box-shadow: 3px 3px 3px -2px #000;
-moz-box-shadow: 3px 3px 3px -2px #000;
box-shadow : 3px 3px 3px -2px #000;

}

.vert-menu .uMenuRoot li li:hover > a,
.vert-menu .uMenuRoot li li:hover > span {
 background-color: #d5cdf6 !important; (цвет вып при наведении)
}

.vert-menu .uMenuRoot li li.uWithSubmenu:hover > a,
.vert-menu .uMenuRoot li li.uWithSubmenu:hover > span {
 background-color: #d5cdf6 !important; (цвет вып при наведении)
}

.vert-menu .uMenuRoot li ul {
 display: none;
 margin: 0;
 padding: 0;
}

.vert-menu .uMenuRoot li:hover > ul {
 display: block;
 position: absolute;
 top: 100%;
 z-index: 10;
}

.vert-menu .uMenuRoot li li {
 margin: 0;
 padding: 0;
 display: block;
 width: 178px; (ширина выпадающего)
}

.vert-menu .uMenuRoot li li a {
 border-top: 1px solid #D3A9B1;
 border-top: 1px solid #D3A9B1; (линия в выпадающем)
 padding: 0px 0px;
 background-color: #B7848E; (цвет выпадающего)
}

.vert-menu .uMenuRoot li li > .uMenuItemA {
 background-color: #C4919B !important; (цвет выпадающего на его странице)
}

.vert-menu .uMenuRoot li ul > li {
 position: relative;
}

.vert-menu .uMenuRoot li ul li:hover ul{
 display: block;
 position: absolute;
 left: 100%;
 top: 0;
 z-index: 10;
 padding-left: 5px;
 border-left: 5px solid transparent;
}

.vert-menu .uMenuRoot li ul li:hover a:hover{
 background-color: #f7f7f7;
}
/*------ Menu style ------*/

/* Module Part Menu */

.catsTable, #mchatIfm2, #MCaddFrm {width: 100% !important;}
.catsTd {text-align: center;
border: 1px solid #143d4d!important; 
background: url(/0DESIGN/fon2.jpg) #0e1a24!important; 
padding: 10px!important; 
height: 30px; 
width: 20%;
margin: 20px!important;
-webkit-border-radius: 2em 2em;
-moz-border-radius: 2em 2em;
border-radius: 2em 2em;
-webkit-box-shadow: 3px 3px 3px -2px #000;
-moz-box-shadow: 3px 3px 3px -2px #000;
box-shadow : 3px 3px 3px -2px #000;} 
.catsTd:hover {border: 1px solid #143d4d!important; text-align: center; background: url(/0DESIGN/fon3.jpg)!important; 
}
.catName {font-size:14pt;}
.catNameActive {font-size:14px;}
.catNumData {font-size:9pt;color:#6E6E6E;}
.block .catDescr {font-size:10pt; padding-left:10px;}
.catDescr {font-size:10pt; padding-left:10px;}
a.catName:link {text-decoration:none; }
a.catName:visited {text-decoration:none; }
a.catName:hover {text-decoration:underline; }
a.catName:active {text-decoration:none; }
a.catNameActive:link {text-decoration:none; }
a.catNameActive:visited {text-decoration:none; }
a.catNameActive:hover {text-decoration:underline; }
a.catNameActive:active {text-decoration:none; }
.block a.catNameActive:link {text-decoration:none;}
.block a.catNameActive:visited {text-decoration:none;}
.block a.catNameActive:hover {text-decoration:underline; }
.block a.catNameActive:active {text-decoration:none; }

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



/* Entry Manage Table */
.manTable {}
.manTdError {color:#009fff;}
.manTd1 {}
.manTd2 {}
.manTd3 {}
.manTdSep {}
.manHr {}
.manTdBrief {}
.manTdText {}
.manTdFiles {}
.manFlFile {}
.manTdBut {}
.manFlSbm {}
.manFlRst {}
.manFlCnt {}
/* ------------------ */

/* Comments Style */
.cAnswer {padding-left:15px;padding-top:4px;font-style:italic;}

.cBlock1 {background:#002B34; border:1px solid #294D54;}
.cBlock2 {background:#002B34; border:1px solid #294D54; }
/* -------------- */

/* Comments Form Style */
.commTable {}
.commTd1 {color:#000000;}
.commTd2 {}
.commFl {color:#6E6E6E;width:100%;background:#FCFCFC;border:1px solid #bfd4db;}
.smiles {border:1px inset;background:#FFFFFF;}
.commReg {padding: 10 0 10 0px; text-align:center;}
.commError {color:#009fff;}
.securityCode {color:#6E6E6E;background:#FCFCFC;border:1px solid #bfd4db;}
/* ------------------- */

/* Archive Menu */
.archUl {list-style: none; margin:0; padding-left:0;}
.archLi {padding: 0 0 0px 13px; background: url('/.s/t/808/12.png') no-repeat 0 5px;}
/* ------------ */

/* Archive Style */
.archiveCalendars {text-align:center;color:#0000FF;}
.archiveDateTitle {font-weight:bold;color:#6E6E6E;padding-top:15px;}
.archEntryHr {width:250px;color:#cbcebc;}
.archiveeTitle li {margin-left: 15px; padding: 0 0 0 15px; background: url('/.s/t/808/15.gif') no-repeat 0px 4px; margin-bottom: .6em;}
.archiveEntryTime {width:65px;font-style:italic;}
.archiveEntryComms {font-size:9px;color:#C3C3C3;}
a.archiveDateTitleLink:link {text-decoration:none; color:#6E6E6E}
a.archiveDateTitleLink:visited {text-decoration:none; color:#6E6E6E}
a.archiveDateTitleLink:hover {text-decoration:underline; color:#6E6E6E}
a.archiveDateTitleLink:active {text-decoration:underline; color:#6E6E6E}
.archiveNoEntry {text-align:center;color:#0000FF;}
/* ------------- */



/* Poll styles */
.pollBut {width:110px;}

.pollBody {padding:7px; margin:0px; background:#FFFFFF}
.textResults {background:#E5E5E5}
.textResultsTd {background:#FFFFFF}

.pollNow {border-bottom:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.pollNowTd {}

.totalVotesTable {border-bottom:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.totalVotesTd {background:#FFFFFF;}
/* ---------- */

/* User Group Marks */
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
/* ---------------- */

/* Other Styles */
.replaceTable {height:100px;width:300px;}
.replaceBody {background: url('/.s/t/808/1.png') repeat-x #fff;}
.legendTd {font-size:9pt;}
/* ------------ */

/* ===== STYLES ===== */


.block-content li{text-align:left;}
input[type=submit] {*overflow: visible; *padding:0 7px;}
.uMenuV{z-index:5; text-align:left;}
input[type=text], input[type=password], textarea, iframe#mchatIfm2{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; *padding:3px 0px !important;}
.myBtnLeft img, .myBtnRight img, .myBtnLeftA img, .myBtnRightA img, .myBtnRight + td input, .myBtnRightA + td input { display: block }
.myBtnCenter, .myBtnCenterA { line-height:19px !important }




----------------------------------------------------------------------------
.col1 {background-color: #fff; padding: 2px; text-align: left; font-size:12pt;}

/*==========родословная==========*/

table.rod {
/*-webkit-box-shadow: 0px 1px 4px 0px #7f7f7f;
-moz-box-shadow: 0px 1px 4px 0px #7f7f7f;
box-shadow: 0px 1px 4px 0px #7f7f7f;*/
}
.col {
border: 1px solid #143745;
background: url(/0DESIGN/f1.jpg) #000!important;
padding: 10px;
border-radius: 1em 1em;
-moz-border-radius: 1em 1em;
-webkit-border-radius: 1em 1em;
text-align: left; font-size:12pt;
}
.col1 {background-color: #fff; padding: 2px; text-align: left; font-size:12pt;}

.col a img{ 
border: 1px solid #143745!important; 
background: url(/0DESIGN/f1.jpg) #000!important; 
padding: 5px!important; 
height: 100px; 
margin:2px;
-webkit-border-radius: 1em 1em;
-moz-border-radius: 1em 1em;
border-radius: 1em 1em;
-webkit-box-shadow: 3px 3px 3px -2px #143745;
-moz-box-shadow: 3px 3px 3px -2px #143745;
box-shadow : 3px 3px 3px -2px #143745;} 
.col a img:hover{background: url(/0DESIGN/f2.jpg)!important; }}




КАЛЬКУЛЯТОР
==========================================