/*
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
*/

* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    background: #c1c1c1;
    color: #000;
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
}

.bg_digits {
    width: 1360px;
    height: 394px;
    margin: 0 -680px;;
    position: absolute;
    top: 0;
    left: 50%;
    background-image: url(../images/bg_digits.jpg);
    background-repeat: no-repeat;
}

.bg_gradient {
    width: 1020px;
    margin: 0 -510px;
    position: absolute;
    top: 0;
    left: 50%;
    background-image: url(../images/bg_gradient.png);
    background-repeat: repeat-y;    
}
a {
    /*color: #000;*/
    color: #669933;
}
a:visited {
    color: #669933;
}
a:hover {
    color: #7cc523;
}
textarea {
    font-family:Arial;
    font-size: 12px;
}

/* Левая колонка */

.logo {
    margin: 10px 20px;
}

.stats {
    padding-top: 10px;
    padding-left: 40px;
    font-family: Tahoma;
    font-size: 18px;
}

.search {
    padding-top: 52px;
    padding-left: 40px;
}

.search input {
    background-color: #fff;
    border-width: 3px;
    border-style: solid;
    border-color: #669933;
    width: 170px;
    height: 20px;
    vertical-align: middle;
}

.cities, .project-announces {
    padding-top: 10px;
    padding-left: 40px;
}

.project-announces {
    text-align: center;
}

.cities h1, .cities h2, .project-announces h1, .project-announces h2 {
    margin-top: 10px;
    font-family: Tahoma;
    font-size: 18px;
    font-weight: normal;
}

.cities h2 a {
    text-decoration: underline;
    color: #7d7d7d;
}
.cities a {
    /*color: #7d7d7d;*/
    color: black;
}

.tags {
    padding-top: 10px;
    padding-left: 10px;
    width: 200px;
    text-align: center;
}
.tags h1 {
    margin: 10px 0;
    font-family: Tahoma;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    padding-left: 30px;
}
.tags a {
    color: #7d7d7d;
    text-decoration: none;
}
.tags a:hover {
    color: #7cc523;
}
.tags a.active {
    color: #7cc523;
}


/* правая колонка */

.header {
    background-image: url(../images/header.jpg);
    background-repeat: no-repeat;
    width: 715px;
    height: 380px;
}
.header2 {
    background-image: url(../images/header2.jpg);
    background-repeat: no-repeat;
    width: 715px;
    height: 380px;
}

.top_menu {
    padding: 10px 0;
    color: #8cc63f;
    font-weight: bold;
    font-size: 14px;
}

.top_menu a {
    color: black;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
}
.top_menu a.active {
    color: #f00;
}
.top_menu a:hover {
    text-decoration: underline;
}

.bottom_menu {
    padding: 10px 0;
    color: #8cc63f;
    font-weight: bold;
    font-size: 14px;
}

.bottom_menu a {
    color: black;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
}
.bottom_menu a.active {
    color: #f00;
}
.bottom_menu a:hover {
    text-decoration: underline;
}

.login_box {
    display:none;
    z-index:10000;
    width: 300px;
    height: 200px;
    left: 0px;
    top: 0px;
    padding: 20px;
    background-image: url(../images/login_box.png);
    background-repeat: no-repeat;
}
.login_box h3 {
    margin-bottom: 30px;
    font-family: Tahoma;
    font-size: 18px;
    font-weight: normal;
}
.login_box input {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    width: 200px;
}
.login_box p {
    padding-top: 30px;
}

.sendlink_box {
    display:none;
    z-index:10000;
    width: 300px;
    height: 240px;
    left: 0px;
    top: 0px;
    padding: 20px;
    background-image: url(../images/sendlink_box.png);
    background-repeat: no-repeat;
}
.sendlink_box h3 {
    margin-bottom: 30px;
    font-family: Tahoma;
    font-size: 18px;
    font-weight: normal;
}
.sendlink_box input {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    width: 200px;
}
.sendlink_box p {
    padding-top: 30px;
}

.members {
    width: 670px;
    height: 60px;
}

.members .prev {
    cursor: pointer;
    margin-top: 22px;
    margin-right: 7px;
    float: left;
}

.scrollable {
    width: 622px;
    margin: 0 1px;
    height: 60px;
    float: left;
    position:relative;
    overflow:hidden; 
}
.items {
    width:20000em;
    position:absolute;
}
.items div {
    float:left;
    height: 60px;
    margin-right: 7px;
}

.members .next {
    cursor: pointer;
    margin-top: 22px;
    margin-left: 5px;
    float: left;
}

.main_menu {
    list-style:none;
    margin-top: 12px;
    margin-left: 7px;
    float: left;
}
.main_menu li {
    margin-bottom: 5px;
}
.main_menu li a {
    font-family: Arial;
    font-size: 16px;
    text-decoration: none;
    /*
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    */
    color: #000;    
}
.main_menu li a:hover {
    color: #f00;
}
.main_menu li a.active {
    color: #f00;
}
.picture {
    height: 215px;
}
.picture img {
    padding-left: 200px;
    padding-top: 30px;
    height: 185px;
}
.current {
    clear: both;
    margin-left: 26px;
    padding-top: 0px;
    font-family: Arial;
    font-size: 18px;
    color: #fff;
}

.content p {
    margin-top: 10px;
}

.content .order {
    text-align: center;
}

.content .order a {
    background: #f00;
    font-size: 18px;
    color: #fff;
    padding: 5px 15px;
    text-decoration: none;
}

.red_link {
    background: #f00;
    font-size: 18px;
    color: #fff;
    padding: 5px 15px;
    text-decoration: none;
}
.red_link a {
    color: #fff;
}
a.red_link {
    color: #fff;
}
.green_link {
    background: #7cc523;
    font-size: 18px;
    color: #fff;
    padding: 5px 15px;
    text-decoration: none;
}
a.green_link {
    color: #fff;
}
.green_link a {
    color: #fff;
}
.green_stat {
    background: #7cc523;
    font-size: 18px;
    color: #fff;
    padding: 5px 15px;
    text-decoration: none;
    text-align: center;
    width: 30px;
    float: left;
    font-weight: bold;
}
a.green_stat {
    color: #fff;
}
.stat {
    font-size: 18px;
    padding: 5px 15px;
    text-decoration: none;
    text-align: center;
    width: 30px;
    float: left;
}
a.stat {
    color: #000;
}
.gray_span {
    background: #959595;
    color: #fff;
    padding: 3px 3px;
    text-decoration: none;
}
.white_span {
    padding: 3px 3px;
}

.content h1, .content h2 {
    margin-top: 10px;
    font-family: Tahoma;
    font-size: 18px;
    font-weight: normal;
}

.map_canvas {
    border-style: solid;
    border-width: 1px;
    width: 360px;
    height: 200px;
    float: right;
}
.send_message {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    width: 630px;
    padding: 20px;
}
.send_message input {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    width: 400px;
}
.send_message textarea {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    width: 630px;
    height: 100px;
}

.send_comment {
    width: 630px;
    padding: 20px;
}
.send_comment input {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    width: 400px;
}
.send_comment textarea {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    width: 630px;
    height: 100px;
}

.value {
    /*font-style: italic;*/
    margin-left: 20px;
    display: block;
}


/* tabs */

/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    border-bottom:1px solid #666;
    height:30px;
}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
    background: url(../images/tabs.png) no-repeat -420px 0;
    font-size:12px;
    display:block;
    height: 30px;
    line-height:30px;
    width: 134px;
    text-align:center;
    text-decoration:none;
    color:#333;
    padding:0px;
    margin:0px;
    position:relative;
    top:1px;
}

ul.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    background-position: -420px -31px;
    color:#fff;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: -420px -62px;
    cursor:default !important;
    color:#000 !important;
    text-decoration:none;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */

/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }

/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }

/* initially all panes are hidden */
div.panes div.pane {
    display:none;
}
/* tab pane styling */
div.panes div {
    display:none;
    padding:15px 10px;
    border:1px solid #999;
    border-top:0;
    font-size:12px;
    background-color:#fff;
    color: #000;
}
div.panes div h1 {
    margin-top: 0px;
}
div.panes div li {
    margin-left: 15px;
}

li {
    margin-left: 20px;
}


.meeting {
    /*background-color: #483533;*/
    /*border: 1px #dadada solid;*/
    background-image: url(../images/meeting_bg.png);
    background-repeat: no-repeat;
    height: 155px;
    width: 300px;
    padding: 15px 10px 0 18px;
    margin-bottom: 15px;
    float: left;
}
.meeting img {
    float: left;
    margin-right: 10px;
}
.meeting a {
    color: #000;
}

.member {
    /*border: 1px #dadada solid;*/
    background-image: url(../images/member_bg.png);
    background-repeat: no-repeat;
    height: 135px;
    width: 300px;
    padding: 15px 10px 0 18px;
    /*
    margin-bottom: 5px;
    margin-right: 5px;
    */
    float: left;
}
.member img {
    float: left;
    margin-right: 10px;
}
.member .action {
    width: 228px;
    padding-right: 15px;
    float: right;
}
.member a {
    color: #000;
}

/* футер */
.clear1 {
    clear: both;
    height: 1px;
}
.clear5 {
    clear: both;
    height: 5px;
}
.clear10 {
    clear: both;
    height: 10px;
}
.clear30 {
    clear: both;
    height: 30px;
}
.friends h1 {
    margin-top: 30px;
    font-family: Tahoma;
    font-size: 18px;
    font-weight: normal;
    float: left;
}

/* News */
.news {
    margin-bottom: 15px;
    display: block;
}
.news_date {
    font-weight: bold;
    color: gray;
}
.news_author {
    font-weight: bold;
    color: #000;
}
.news_author a {
    color: #000;
}
.news_caption, .news_caption a {
    font-weight: bold;
    color: #669933;
    text-decoration: none;
    margin-bottom: 10px;
    font-size: 18px;
}
.news_caption a:hover {
    color: #7cc523;
}
.news_detailed {
    font-weight: bold;
    color: #828282;
}

/* Анонс */
.announce_caption {
    font-weight: bold;
    color: #7cc523;
    text-decoration: none;
    margin-bottom: 10px;
    font-size: 18px;
}

/* Комментарии */
.comments {
    padding: 5px 20px;
    background-color: #ececec;    
}
.comment_date {
    font-weight: bold;
    color: gray;
}
.comment_author {

}
.comment_author a {
    color: #000;
}
.comment_text {

}

.last {
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #ececec;
    /*width: 635px;*/
    display: inline-block;
    min-height: 200px;
}
.last div {
    float: left;
    width: 30%;
    height: 100%;
    padding: 10px;
    background-color: #ececec;
}
.last .news_caption a {
    font-size: 16px;    
}
.last h1 {
    font-size: 16px;
    margin-bottom: 10px;
}

#sendmessage {
    position: fixed;
    left: 0px;
    top: 20px;
    z-index: 2;
}

.online {
    padding-top: 10px;
    padding-left: 40px;
}

.online h1, .cities h2 {
    margin-top: 10px;
    font-family: Tahoma;
    font-size: 18px;
    font-weight: normal;
}
.ourfriends {
    padding-top: 10px;
    padding-left: 40px;
    text-align: center;
}
.ourfriends h1, .ourfriends h2 {
    margin-top: 10px;
    font-family: Tahoma;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
}

.albumphoto {
    float: left;    
    margin: 2px;
    text-align: center;
    width: 211px;
}

.photo {
    border-style: solid;
    border-width: 1px;
    border-color: #7d7d7d;
    padding: 3px;
    width: 205px;
    height: 205px;
    display: table-cell;
    vertical-align: middle;
}

.albumphoto_item {    
    margin: 2px;
    text-align: center;
}

.photo_item {
    /*
    border-style: solid;
    border-width: 1px;
    border-color: #7d7d7d;
    */
    padding: 3px;
    text-align: center;
}

input {
    border-color: gray;
}




/** calendar */
#calmain {
    padding-left: 45px;
}
#calmain table {    
    font-size: 20px;
}
#calman th.heading {
    background: none;
}
#calmain td {
    width: 81px;
    height: 81px;
    text-align: center;
    vertical-align: middle;
    background: url(../images/cells.png);
    color: #444;
    position: relative;
    padding:0;
}
#calmain th {
    height: 30px;
    font-weight: bold;
    font-size: 14px;
}
#calmain td:hover, #calmain th:hover {
    background-position: 0px -81px;
    color: #222;
}
#calmain td.date_has_event {
    background-position: 162px 0px;
    color: white;
}
#calmain td.date_has_event:hover {
    background-position: 162px -81px;
}
#calmain td.padding {
    background: url(../images/calpad.jpg);
}
#calmain td#today {
    background-position: 81px 0px;
    color: white;
}
#calmain td#today:hover {
    background-position: 81px -81px;
}
#calmain td#today a {
    color: white;
    text-decoration: none;
}
#calmain .events {
    position: relative;
    /* old-style reset here <img src="http://www.okadadesign.no/blog/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley">  */
    border: 0px;
    padding: 0px;
}
#calmain .events ul {
    text-align: left;
    position: absolute;
    display: none;
    z-index: 1000;
    padding: 15px;
    background: #E7ECF2 url(../images/popup.png) no-repeat;
    color: white;
    border: 1px solid white;
    font-size: 15px;
    width: 200px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -border-radius: 3px;
    list-style: none;
    color: #444444;
    -webkit-box-shadow: 0px 8px 8px #333;
}
#calmain .events li {
    padding-bottom: 5px;
}
#calmain .events li span {
    display: block;
    font-size: 12px;
    text-align: justify;
    color: #555;
}
#calmain .events li span.title {
    font-weight: bold;
    color: #222;
}
#calmain th a{
    text-decoration:none;
    font-size:120%;
    font-weight:bold;
    color: #000;
    outline-width:0;
}
#calmain a.events {
    color: white;
    text-decoration: none;
}

.topmenu_bg, .topmenu_active_bg {
    width: 127px;
    height: 28px;
    text-align: center;
    padding: 5px 0;
    margin-top: 5px;
    margin-right: 10px;
    float: left;
}
.topmenu_bg {
    background-image: url(../images/topmenu_bg.png);
    background-repeat: no-repeat;
}
.topmenu_active_bg {
    background-image: url(../images/topmenu_active_bg.png);
    background-repeat: no-repeat;
}
.topmenu_bg a, .topmenu_active_bg a {
    text-decoration: none;
    color: #000;
    position: relative;
    top: -3px;
    font-size: 11px;
}
.topmenu_bg a:hover, .topmenu_active_bg a:hover {
    text-decoration: underline;
}