/* fonts */

@font-face {
    font-family: 'BaskervilleWin95BTBold';
    src: url('/fonts/baskerville/baskerville_bold_win95bt.eot');
    src: url('/fonts/baskerville/baskerville_bold_win95bt.eot?#iefix') format('embedded-opentype'),
         url('/fonts/baskerville/baskerville_bold_win95bt.woff') format('woff'),
         url('/fonts/baskerville/baskerville_bold_win95bt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Agora';
    src: url('/fonts/agora/pfagoraslabpro-light.eot');
    src: url('/fonts/agora/pfagoraslabpro-light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/agora/pfagoraslabpro-light.woff') format('woff'),
         url('/fonts/agora/pfagoraslabpro-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: Helvetica;
    src: url('/fonts/helvetica/HelveticaNeueCyr-UltraLight.eot?#iefix') format('embedded-opentype'),
    	 url('/fonts/helvetica/HelveticaNeueCyr-UltraLight.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* html */

html, body, div, h1, h2, h3, table, tr, th, td, a, img, p, span, ul, li, ol, form, input, textarea, select
{
	margin: 0;
	padding: 0;
	border: 0;
}

body
{
	color: #3a3a3a;
	font-family: Arial;
	font-size: 13px;
}

input, select, textarea
{
	border: 1px solid #bababa;
	font-family: Arial;
	font-size: 13px;
}

input[type="radio"] {
	border: 0;
}

textarea {
	resize: none; 
	overflow-y: hidden;
	height: auto;
}

input.checkbox
{
	border: 0;
}

h1
{
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 10px;
}

h1.main-title .sub-title
{
	display: block;
	float: left;
}

h1.main-title .gray
{
	color: gray;
}

#column-center-left h1.main-title
{
	margin-left: 0;
}

h2, h3
{
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
}

p
{
	margin-bottom: 12px;
}

#column-content p {
	overflow: hidden;
}

a
{
	color: #3689c9;
}

.js-link {
	text-decoration: none;
	border-bottom: 1px dashed;
}

ul
{
	margin-left: 15px;
	margin-bottom: 12px;
}

ul.simple
{
	margin: 0;
}

ul.simple li
{
	list-style: none;
}

li
{
	1list-style: none outside url('/i/system/content/li.png');
}

span.js-href
{
	text-decoration: underline;
	color: #3689c9;
	cursor: pointer;
}

hr
{
	display: block;
	height: 1px;
	overflow: hidden;
	background: silver;
	border: 0;
}

/* areas */

#wrapper
{
	min-width: 1000px;
}

.clear
{
	clear: both;
}

.area-wrapper
{
	margin: 0 auto;
}

.fixed-width
{
	width: 1000px;
	margin: 0 auto;
}

#content-area {
	overflow: hidden;
}

#content-area .area-wrapper
{
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 7px;
	overflow: hidden;
	min-height: 400px;
}

#footer-area
{
	height: 80px;
	background: #f9f9f9;
	overflow: hidden;
}

#footer-area .area-wrapper
{
	padding: 12px 0 0 0;
}

#topline-area .block
{
	margin: 0;
}

/* menu */

.menu-disabled, .menu-disabled a
{
	color: silver;
}

/* simple */

.silver
{
	color: gray;
}

/* messages */

.block.messages
{
	font-size: 15px;
	position: relative;
}

.block.messages ul
{
	list-style: none;
	margin-left: 20px;
	margin-bottom: 0;
}

.block.messages-error
{
	border-color: #EF8585;
	color: #EF8585;
	background: url('/i/system/messages/icon_error.png') no-repeat 9px 9px transparent;
}

.block.messages-info
{
	border-color: #8db514;
	color: #8db514;
	background: url('/i/system/messages/icon_success.png') no-repeat 9px 9px transparent;
}

.block.messages-notice
{
	border-color: #56AAD5;
	color: #56AAD5;
	background: url('/i/system/messages/icon_inform.png') no-repeat 9px 9px transparent;	
}

.message-close
{
	background: url('/i/system/messages/icon_close.png') no-repeat 0 0 transparent;
	display: block;
	height: 18px;
	position: absolute;
	right: 3px;
	top: 3px;
	width: 18px;
}

.block.messages-info .message-close
{
	background-position: 0 0;
}

.block.messages-info .message-close:hover
{
	background-position: 0 -18px;
}

.block.messages-error .message-close
{
	background-position: -18px 0;
}

.block.messages-error .message-close:hover
{
	background-position: -18px -18px;
}

.block.messages-notice .message-close
{
	background-position: -36px 0;
}

.block.messages-notice .message-close:hover
{
	background-position: -36px -18px;
}

/* tabs */

ul.tabs
{
	display: block;
	clear: left;
	overflow: auto;
	margin-left: 0;
	margin-bottom: 0;
}

ul.tabs li
{
	list-style: none;
	display: block;
	float: left;
	margin-right: 5px;
}

ul.tabs li .menu-item
{
	padding: 2px 4px;
	display: block;
}

ul.tabs li.current a
{
	background: #ecf1f6;
	color: #3a3a3a;
	text-decoration: none;
	border-radius: 4px;
}

ul.tabs li.label span
{
	padding: 2px 0;
	display: block;
}

ul.tabs li.tabs-item-right
{
	float: right;
}

/*
ul.tabs-ajax li a
{
	text-decoration: none;
	border-bottom: 1px dashed #3689C9;
}

ul.tabs-ajax li.current a
{
	border-bottom: 0;
}
*/
#menu-tabs {
	float: left;
	overflow: visible;
}
#menu-tabs li
{
	margin-right: 6px;
	height: 33px;
	position: relative;
	1overflow: hidden;
	1border-radius: 7px 7px 0 0;
}

#menu-tabs li .menu-item
{
	border-radius: 7px 7px 0 0;
	color: #2881c6;
	font-size: 13px;
	font-weight: bold;
	line-height: 33px;
	height: 33px;
	text-decoration: none;
	padding: 0 15px;
	background: #fff url('/i/system/tabs/tab_inactive_tile.png') bottom repeat-x;
}

#menu-tabs li .menu-item.green-item
{
	color: #fff;
	background: #fff url('/i/system/tabs/tab_inactive_green_tile.png') bottom repeat-x;
}

#menu-tabs li.current .menu-item
{
	border-top: 4px solid #8bb509;
	height: 29px;
	line-height: 27px;
	background: #fff;
	color: #3a3a3a;
}

#menu-tabs li:hover .menu-item
{
	background: #fff;
	color: #3a3a3a;
}

#menu-tabs li.menu-disabled .menu-item
{
	color: gray;
}

#menu-tabs li.menu-disabled .menu-item:hover
{
	background: silver;
}

#menu-tabs .new
{
	position: absolute;
	right: -4px;
	top: -7px;
}

.menu .new 
{
	background: none repeat scroll 0 0 #F4CD3C;
	border: 2px solid #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	color: #D28F00;
	display: inline-block;
	font-weight: normal;
	height: 18px;
	width: 18px;
	line-height: 18px;
	font-size: 12px;
	text-align: center;
}

#menu-tabs2
{
	padding-bottom: 10px;
	margin-left: -7px;
}

#menu-tabs2 li
{
	margin-right: 7px;
}

#menu-tabs2 li .menu-item
{
	padding: 3px 7px;
	display: block;
	border-radius: 5px;
}

#menu-tabs2 li.current .menu-item,
#menu-tabs2 li .menu-item:hover
{
	background-color: #ecf1f6;
	color: #3a3a3a;
	text-decoration: none;
}

#menu-tabs2 .menu-item .tabs-item-right {
    background: url("/i/system/tabs/tab_item_add.png") no-repeat 2px center transparent;
    padding-left: 22px;
}

ul.right-menu {
	margin-left: 5px;
}

.right-menu li
{
	padding: 2px 0;
	margin-bottom: 2px;
	position: relative;
	list-style: none !important;
}
.right-menu li span,
.right-menu li a
{
	padding: 6px 5px 0 0;
	margin-left: 5px;
	cursor: pointer;
	color: #3689C9;
	border-bottom: 1px dashed;
	text-decoration: none;
}

.right-menu li.current span,
.right-menu li.current a
{
	background: none repeat scroll 0 0 #ECF1F6;
	border-radius: 4px 4px 4px 4px;
	color: #3A3A3A;
	padding: 3px 5px;
	margin: 0;
	border:	none;
}

.right-menu h3 
{
	margin: 10px 0 0 0;
}
/* blocks */

.block
{
	margin-bottom: 10px;
}

.block
{
	border: 1px solid #f0f0f0;
	border-radius: 5px;
	overflow: hidden;
}

.block-big
{
	text-align: center;
}

.block .block-wrapper
{
	border-radius: 5px;
}

.block .block-title
{
	padding: 10px 15px 0 15px;
	margin-bottom: 0;
}

.block-big .block-title
{
	font-size: 24px;
	font-family: 'BaskervilleWin95BTBold', Arial;
}

.block .block-title .marker
{
	background: #aec649 url('/i/system/block/marker.png') bottom repeat-x;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 5px;
	border-radius: 3px;
}

.block .block-title .marker a
{
	color: #fff;
	text-decoration: none;
}

.block .block-content
{
	padding: 10px 15px;
}

.block-no-border
{
	border: 0;
	border-radius: 0;
}

.block-no-padding .block-title
{
	padding: 10px 0 0 0;
}

.block-no-padding .block-content
{
	padding: 0;
}

.block-blue, .block-green, .block-red
{
	border-top: 0;
}

.block-blue .block-wrapper
{
	border-top: 3px solid #3689ca;
}

.block-green .block-wrapper
{
	border-top: 3px solid #9fc232;
}

.block-red .block-wrapper
{
	border-top: 3px solid #f22525;
}

#column-right .block ul li,
ul.ul-blue li
{
	list-style: none outside url('/i/system/content/li_blue.png');
}

#block-bug-report
{
	background: url('/i/system/block/bug_report/envelope.png') no-repeat;
	height: 142px;
	overflow: hidden;
	border: none;
}

#block-bug-report-new
{
	position: fixed;
	right: -155px;
	top: 240px;
	background: #99C11E url('/i/system/block/bug_report/bug_report_popup_tile.png') repeat-x;
	overflow: hidden;
	border-radius: 10px 0 0 10px;
	opacity: 0.95;
	color: #435900;
	font-size: 15px;
	z-Index: 110;
}

#block-bug-report-new:hover
{
	right: 0;
}

#block-bug-report-new a
{
	color: #435900;
	display: block;
	padding: 5px 10px 5px 45px;
	background: url('/i/system/block/bug_report/bug_report_popup_ask.png') 7px 5px no-repeat;
    text-decoration: none;
}

#block-bug-report-new a span
{
    font-size: 11px;
}

#block-theme-change-new{
	position: fixed;
	right: 0;
	top: 158px;
	background: #fff;
	overflow: visible;
	border-radius: 10px 0 0 10px;
	opacity: 0.95;
	width: 130px;
}

#block-theme-change-new:hover{
	z-Index: 120;
}

#block-theme-change-new .block-wrapper{
	margin: 10px 0 10px 15px;
}

#block-theme-change-new .lists-wrapper{
	display: none;
	position: absolute;
	background: #fff;
	width: 240px;
	top: 45px;
	right: 10px;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid silver;
}

#block-theme-change-new .list-popup:hover .lists-wrapper{
	display: block;
}

#block-theme-change-new .lists-wrapper .theme-list,
#block-popup-window .lists-wrapper .theme-list{
	width: 120px;
	float: left;
}

#block-theme-change-new .theme-list.full{
	float: none;
	clear: both;
	margin: 0 auto;
	padding-top: 5px;
}

#block-popup-window .lists-wrapper .theme-list ul{
	list-style: none;
	margin-left: 10px;
}

#block-popup-window .lists-wrapper .theme-list ul li{
	padding: 2px 5px;
	margin-top: 1px;
}

#block-theme-change-new a,
#block-popup-window .lists-wrapper .theme-list ul li a{
    text-decoration: none;
}

#block-theme-change-new ol li a{
	border-bottom: 1px dashed #3689C9;
}

#block-theme-change-new h4{
	margin: 7px 0 0 0;
}
#block-popup-window .lists-wrapper .theme-list h4{
	margin: 0 0 15px 0;
	text-align: center;
}
#block-theme-change-new h4.bright,
#block-theme-change-new li.bright h4,
#block-popup-window .lists-wrapper .theme-list h4.bright{
	color: orange;
}

#block-theme-change-new h4.quiet,
#block-theme-change-new li.quiet h4,
#block-popup-window .lists-wrapper .theme-list h4.quiet{
	color: #A7D0DD;
}
#block-theme-change-new .list-popup-items
{
	padding: 0 0 5px 0;
	border-radius: 0 0 0 10px;
}

#block-theme-change-new ol li
{
	padding: 4px 15px;
}

#block-theme-change-new ol li:hover
{
	background: none;
}

#block-theme-change-new .list-popup .list-popup-items{
	position: absolute;
	opacity: 1;
	width: 130px;
	margin-top: 1px;
	right: 0;
	box-shadow: none;
}

#block-search-form-common
{

}

#block-search-form-common table
{
	width: 100%;
}

#block-search-form-common #search-button-wrapper
{
	padding-left: 10px;
}

#block-search-form-common #search-form-text
{
	border: 1px solid #B5B5B5;
	background: url('/i/system/search/search-gray.png') no-repeat right center;
}

#block-search-form-common #search-form-text
{
	font-size: 16px;
	padding-left: 1%; 
	padding: 4px 4% 4px 0;  
	width: 96%;
	display: block;
    text-indent: 1%;
}

#block-gedcom
{
	background: url('/i/system/block/gedcom.png') no-repeat;
	height: 143px;
	overflow: hidden;
	border: none;
}

#block-gedcom h3
{
	color: #9fc232;
}

#block-gedcom h3,
#block-gedcom p
{
	text-align: left;
}

#block-invite
{
	background: url('/i/system/block/invite.png') no-repeat;
	height: 142px;
	overflow: hidden;
	border: none;
}

/************ COLUMNS ************/

#columns-wrapper
{
	background: #fff;
	border-radius: 7px;
	padding: 10px 10px 10px 15px;
	z-Index: 100;
	position: relative;
	clear: both;
}

#columns-wrapper.with-tabs
{
	border-radius: 0 7px 7px 7px;
}


.with-left-column #column-content
{
	margin-left: 220px;
	width: auto;
	float: none;
}

.with-right-column #column-center-left-wrapper
{
	margin-right: 260px;
}

.with-left-column #column-center-left {
	width: auto;
	float: none;
}

#column-center-left
{
	padding-bottom: 10px;
	width: 100%;
	float: left;
}


#column-content
{
    float: left;
    width: 100%;
    /* overflow: hidden; /* paddings between blocks */
    min-height: 300px;
}

#column-left
{
	float: left;
	width: 200px;
	overflow: hidden;
	position: relative;
}

#column-right
{
    float: right;
   	width: 240px;
    overflow: hidden;
    position: relative;
}

/* footer */

#block-footer-menu
{
	margin: 0;
}

#block-footer-menu ul
{
	margin-left: 0
}

#menu-footer li
{
	display: block;
	float: left;
	list-style: none;
	margin-left: 20px;
}

#menu-footer li .menu-item
{
	color: #bfbfbf;
}

#menu-footer li:first-child
{
	margin-left: 0;
}

#menu-footer li a:hover
{
	color: gray;
}

#block-footer-link
{
	margin-left: 240px;
	line-height: 20px;
	color: #BFBFBF;
}

#block-footer-link #field-link-url
{
	margin-left: 10px;
	color: #bfbfbf;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	border: 1px solid #f1f1f1;
	border-top-color: #d7d7d7;
	border-bottom: 0;
	padding: 0 5px;
	width: 220px;
}

#block-footer-link #field-link-url:hover
{
	color: #454545;
	cursor: pointer;
}

#block-footer-copyrights
{
	float: left;
	color: #BFBFBF;
	margin: 3px 10px 0 0;
}

/* content */

.color-red
{
	color: maroon;
}

.color-green
{
	color: #699f00;
}

.color-gray
{
	color: gray;
}

.color-purple
{
	color: #b453a3;
}

.color-lilac
{
	color: #5971cb;
}

.size-small
{
	font-size: 11px;
}

.external, span.js-href.external
{
	color: #405489;
	padding-right: 15px;
	background: url('/i/system/content/external_link.gif') right center no-repeat;
}

#column-content ol.reg-list
{
	margin: 15px 0;
	padding: 0 0 0 30px;
}

/* lists */

.list-search-substring .list-search-no-results
{
	width: auto;
	height: auto;
	display: block;
	float: none;
}

.list-users
{
	margin-left: 0;
	overflow: auto;
}

.list-users li
{
	list-style: none;
	float: left;
	width: 100px;
	margin: 0 15px 15px 0;
	height: 135px;
	overflow: hidden;
}

.list-users li .user-item
{
	position: relative;
}

.list-users li .user-item-photo
{
	overflow: hidden;
	display: block;
	height: 100px;
	margin-bottom: 5px;
	position: relative;
}

.list-users li .user-item-photo img
{
	border-radius: 3px;
}

.list-users li .user-item-died .user-item-photo
{
	1opacity: 0.7;
}

.user-item .user-item-name
{
	font-size: 11px;
}

.list-users li:hover
{
	overflow: visible;
	z-index: 100;
	position: relative;
}

.list-users li:hover .user-item-label
{
	background: #fff;
	1padding-bottom: 5px; /* ff */
}

.list-users li.last
{
	margin-right: 0;
}

.list-users li .user-item-label-died
{
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	overflow: hidden;
	opacity: 0.7;
}

.list-users li .user-item-label-my_family
{
	position: absolute;
	right: -1px;
	top: -1px;
}

.list-users li .user-item-label-my_family a
{
	display: block;
	width: 35px;
	height: 35px;
	background: url('/i/system/users/my_family.png');
}

.user-item .user-item-label
{
	font-size: 11px;
	color: #727272;
}

.list-users li .user-item-label-died a
{
	display: block;
	width: 20px;
	height: 20px;
	background: url('/i/system/users/died.png') left top no-repeat;
}

.list-users li .user-item-label-menu
{
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 200;
}

.list-users li .user-item-label-menu ol
{
	margin-left: 0;
	padding: 2px 5px;
	background: #000;
	display: none;
	opacity: 0.8;
	text-align: center;
}

.list-users li:hover .user-item-label-menu ol
{
	display: block;
}

.list-users li .user-item-label-menu ol li
{
	list-style: none;
	height: auto;
	float: none;
	width: 100%;
	margin: 0;
	height: auto;
	overflow: none;
}

.list-users li .user-item-label-menu ol a
{
	color: #fff;
	font-size: 11px;
	text-decoration: none;
	1font-weight: bold;
}

.list-users li .user-item-label-menu ol a:hover
{
	text-decoration: underline;
}

.list-users li.add-new .user-item-name a
{
	color: #91bd0c;
}

.list-popup
{
	margin-left: 0;
	position: relative;
}

.list-popup li
{
	list-style: none;
}

.list-popup li a
{
	text-decoration: none;
}

.list-popup .list-popup-label
{
	text-decoration: none;
	border-bottom: 1px dashed #3689c9;
	white-space: nowrap;
}

.list-popup .list-popup-arrow
{
	background: #ddf0ff;
	border-radius: 3px;
	display: inline-block;
	font-size: 0.8em;
	text-align: center;
	width: 1.4em;
	margin-left: 0.5em;
}

.list-popup .list-popup-items
{
	display: none;
	position: absolute;
    background: #fff;
    margin-left: 0;
    max-height: 300px;
    /*opacity: 0.9;*/
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    border-radius: 0 0 4px 4px;
    z-index: 100;
    box-shadow: 0 3px 7px -4px;
    right: 0;
}

.list-popup .list-popup-items.list-popup-left
{
    left: 0;
}

.list-popup .list-popup-items li
{
	display: block;
	padding: 2px 20px 2px 5px;
	white-space: nowrap;
}

.table-base .list-popup>li:hover
{
	background: #fff;
	border-radius: 4px 4px 0 0;
}

.table-base .list-popup>li:hover>span>a
{
	background: #fff;
	border-radius: 4px 4px 0 0;
	text-align: center;
	color: gray;
	display: block;
}

.table-base .list-popup .list-popup-items
{
	border-radius: 4px 4px 4px 0;
}

.list-popup .list-popup-items li:hover
{
	background: #e4f0c5;
}

.main-title .list-popup .list-popup-items li
{
	font-weight: normal;
	white-space: nowrap;
}

.main-title .list-popup
{
	float: left;
}

.main-title .list-popup .list-popup-items
{
	padding-top: 1px;
	margin-left: -4px;
}

.main-title .list-popup .list-popup-items li
{
	font-size: 15px;
}

.list-popup .list-popup-items li.selected,
.main-title .list-popup .list-popup-items li.selected
{
	font-weight: bold;
}

.list-popup li:hover .list-popup-items
{
	display: block;
}

.list-popup li:hover .list-popup-items-hidden
{
	display: none;
}

ol.list-popup-ajax li a
{
	text-decoration: none;
	border-bottom: 1px dashed #3689C9;
}

#block-search-substring #search-substring-wrapper
{
	border: 1px solid #b5b5b5;
	background: url('/i/system/search/search-gray.png') right center no-repeat;
	overflow: hidden;
}

#block-search-substring #search-substring-text
{
	display: block;
	width: 640px;
	padding: 3px 25px 3px 3px;
	border: 0;
	float: left;
}

#block-search-substring input[type=submit]
{
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	cursor: pointer;
	float: right;
	height: 23px;
	width: 27px;
}

/* bar */

#bar
{
	width: 100%;
	border: 1px solid gray;
	1overflow: auto;
}

#bar-content
{
	margin: 2px;
	overflow: hidden;
	height: 30px;
}

.bar-item
{
	line-height: 30px;
	font-weight: bold;
	float: left;
	text-align: center;
	overflow: hidden;
}

#bar-item-1
{
	background: #99CC03;
	color: #fff;
}

.bar-loading #bar-item-2
{
	background: url('/i/system/content/progress.gif');
}

/* ajax */

.ajax-loading-b
{
	display: block;
	width: 220px;
	height: 19px;
	background: url('/i/system/ajax/loading_bar.gif') no-repeat;
	margin: 0 auto;
}

.ajax-loading-c
{
	display: block;
	width: 66px;
	height: 66px;
	background: url('/i/system/ajax/loading_circle.gif') no-repeat;
	margin: 0 auto;
}

.ajax-loading-d
{
	display: block;
	width: 128px;
	height: 15px;
	background: url('/i/system/ajax/loading_blue_bar.gif') no-repeat;
	margin: 0 auto;
}

#under-content-area .area-wrapper
{
	margin-left: 240px;
	margin-right: 270px;
	min-height: 0;
	padding-top: 0;
}

#keyboard_all
{
	display: block;
	text-align: center;
	margin: 10px 3px;
	padding: 3px;
}

#keyboard_all a.key
{
	margin: 3px;
	padding: 3px 6px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	border: 1px solid gray;
	background-color: #EFECDF;
	color: #707070;
}

#keyboard_all a.key:hover
{
	background-color: #fff;
}

#keyboard_text
{
	width: 160px;
}

/* block ajax popup */

.blackscreen
{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
	left: 0;
	top: 0;
	display: none;
	z-index: 200;
}

#block-popup-window
{
	display: none;
	position: fixed;
}

.block-popup
{
	position: fixed;
	top: 200px;
	left: 50%;
	margin-left: -150px;
	width: 300px;
	z-Index: 201;
}

.block-popup .block-close
{
	float: right;
}

.block-popup .block-close span
{
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url('/i/system/ajax/popup_close.png') no-repeat;
	overflow: hidden;
	margin: 3px 5px 0 0;
}

.block-popup .block-title
{
	text-align: center;
	font-size: 13px;
	color: #fff;
	padding: 0 0 0 21px;
}

.block-popup .block-title span
{
	background: #b3d842 url('/i/system/ajax/popup_title.png') bottom repeat-x;
	font-size: 13px;
	padding: 5px 20px;
	border-radius: 5px 5px 0 0;
	display: inline-block;
}

.block-popup #block-popup-window-content
{
	border-radius: 4px;
	background: #fff url('/i/system/ajax/popup_title_arrow.png') top center no-repeat;
	box-shadow: 0 4px 6px -3px;
}

/* popup captcha */
.block-popup .captcha-wrapper .captcha
{
	width: 200px;
	margin: 0 auto;
}
.block-popup .captcha-wrapper .captcha input
{
	float: left;
	font-size: 26px;
	height: 43px;
	text-align: center;
	width: 85px;
}
.block-popup .captcha-wrapper .captcha-arrow
{
	margin: 0 7px;
}
.block-popup .captcha-wrapper .descr
{
	color: #A0A0A0;
	font-size: 11px;
	font-style: italic;
	margin: 10px auto;
	width: 260px;
}
.block-popup .captcha-wrapper
{
	margin: 10px;
}
.block-popup .captcha-wrapper h3
{
	text-align: center;
	margin-bottom: 20px;
}
.block-popup .captcha-wrapper .button
{
	display: block;
	text-align: center;
}
/* tables */

.table-base
{
	width: 100%;
	border-spacing: 0;
	margin-bottom: 15px;
}

.table-base th
{
	text-transform: uppercase;
	/*font-weight: normal;*/
	padding: 8px 7px 15px 7px;
	color: #7c7c7c;
	border-bottom: 1px solid #ccc;
	text-align: left;
	/*background: #4F4F4F;*/
}
.table-base th,
.table-base th a{
	/*color: #eee;*/
}
.table-base th .table-order-desc,
.table-base th .table-order-asc{
	height: 12px;
	width: 12px;
	margin: 0 0 -3px 4px;
	display: inline-block;
	background: url('/i/system/table/table_arrow.png') 0 0 no-repeat;
	background-size: 100%;
}
.table-base th .table-order-asc{
	background: url('/i/system/table/table_arrow.png') 0 -12px no-repeat;
	background-size: 100%;
}


.table-base tr:nth-child(even)
{
	background: #F7F7F7;
}

.table-base td
{
	vertical-align: top;
	padding: 8px 7px;
	border-bottom: 1px solid #ddd;
	border-top: 0;
}

.table-base tr:hover td
{
	background-color: #eee;
}

.table-base input, 
.table-base select
{
	height: 20px;
	margin-bottom: 5px;
	margin-right: 5px;
}
.table-base select{
	height: 22px;
}


/* comments */

.block-comments {
	max-width: 500px;
}

.block-post {
	border: 1px solid #d3dde6;
	border-radius: 5px;
	margin-bottom: 10px;
}

.comment {
	font-size: 11px;
	padding: 15px 20px;
	overflow-y: visible;
    word-wrap: break-word;
}

.comment.reply {
	/*background: #fff5e1;*/
	border-top: 1px solid #f8ecd4;
}

.comment.reply.last {
	border-radius: 0 0 5px 5px;
}


.comment .small-date {
	float: right;
	color: #8c8c8c;
	min-width: 110px;
	min-height: 14px;
	text-align: right;
}

.comment .comment-photo, .comment-reply .reply-photo {
	width: 50px;
	float: left;
	text-align: right;
}

.comment .comment-photo img {
	width: 50px;
	border-radius: 5px;
}

.comment.reply .comment-photo img, .comment-reply .reply-photo img {
	width: 30px;
	border-radius: 3px;
}

.comment .comment-body {
	margin-left: 60px;
	position: relative;
}

.comment .comment-titles {
	overflow: hidden;
}

.comment .comment-text {
	margin-top: 5px;
	line-height: 1.5;
}

.comment-actions {
	text-align: right;
}

.comment-actions .action, .action.like {
	line-height: 14px;
	height: 14px;
	text-decoration: none;
	cursor: pointer;
	color: #3689C9;
}

.comment-actions .action {
		margin-left: 10px
}
.comment-actions .action .text, .action.like .text {
	border-bottom: 1px dotted;
	margin-left: 5px;
}


.block-comments .show-all-comments {
	display: block;
	text-align: center;
	background: url('/i/sites/fs/pages/comments/grad-blue.png');
	text-decoration: none;
	padding: 8px 0;
	color: #3a3a3a;
	border-radius: 5px;
}

.block-comments .show-all-comments .text {
	border-bottom: 1px dotted;
}

.block-comments .block-post .show-all-comments {
	margin: 0 20px 5px;
	font-size: 11px;
}
.block-comments .show-all-comments.posts {
	margin-bottom: 10px;
}

.comment-actions .action, .action.like {
	padding-left: 14px;
}

.comment-actions .action.reply {
	background: url('/i/sites/fs/pages/comments/reply.png') left center no-repeat;
}

.comment-actions .action.delete {
	background: url('/i/sites/fs/pages/comments/delete.png') left 0 no-repeat;
	color: #d74949;
}

.comment-actions .action.vspam {
	background: url('/i/sites/fs/pages/comments/vspam.png') left 0 no-repeat;
	color: #d74949;
}

.action.like {
	background: url('/i/sites/fs/pages/comments/like.png') left 0 no-repeat;
}

.action .like-count {
	padding-left: 2px;
	color: #7b9133;
	font-weight: bold;
}

.list.like img, #block-popup-window .list-item img {
	width: 50px;
	border-radius: 5px;
}

.list.like {
	position: absolute;

	left: -60px;
}

.like.i-like.list {

	left: 0;
}

.like-balloon .likes-more {
	font-size: 11px;
	cursor: pointer;
	border-bottom: 1px dotted;
	color: #CCC;
}


.likes-block, .like-balloon {
	display: none;
	background: rgba(0,0,0,0.7);
	border-radius: 7px;
	width: 360px;
	height: 70px;
	overflow: hidden;
    z-index: 9999;
    padding: 5px;
}

.list.like .list-item, #block-popup-window .list-item img {
	float: left;
	margin: 5px;
}

.comment-actions .actions-top {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
}

.comment-actions .action .text:hover, .action.like .text:hover {
	border-bottom: 0;
	color: #3a3a3a;
}

.comment-reply textarea {
	width: 98%;
	font-size: 11px;
	margin-bottom: 10px;
	border-radius: 5px;
	padding: 2px;
}

.hidden {
	display: none;
}

.comment-reply {
	padding: 15px 20px;
}

.comment-reply .reply-title {
	margin: 0 0 15px 60px;
	font-size: 14px;
	font-weight: bold;
}

.comment-reply .reply-body {
	margin-left: 60px;
	overflow: hidden;
}

.comment-reply {
	background: #f4f4f4;
	border-top: 1px solid #dedede;
	border-radius: 0 0 5px 5px;
}

.comment-reply .override-from, .post-reply-form .override-from {
    margin: 5px 10px;
}

.comment-reply .form-button, .post-reply-form .form-button {
	float: left;
	margin-right: 10px;
}

.post-reply-form textarea {
	padding: 0 4px 0 3px;
	width: 98%;
	margin-bottom: 5px;
	border-radius: 5px;
}

.post-reply-form {
	max-width: 500px;
	overflow: hidden;
	margin-bottom: 15px;
}

#form-comment-post, #form-comment-post #wrapper_text {
	width: 100%;
	max-width: 500px;
}

#form-comment-post .sector-content {
	padding-top: 3px;
	margin-top: -5px;
}

#form-comment-post .field, #form-comment-post .sector {
	margin-bottom: 0;
}

#form-comment-post .sector-form-footer .field {
	margin-bottom: 10px;
}

.comment .hidden-text {
	display: none;
}

/* feed */
.list-feed
{
	margin: 0;
	padding: 0;
}

.list-feed li
{
	list-style: none;
}

.feed-photos img
{
	width: 100px;
}

.likes .like {
    height: 25px;
    margin-bottom: 10px;
}
.textarea-error {
	font-size: 11px;
	color: red;
	margin-bottom: 5px;
	display: none;
}

.pager {
	margin-bottom: 10px;
}

.pager ul{
	list-style: none;
	margin: 0;
	font-weight: bold;
	overflow: hidden;
}
.pager ul li{
	display: block;
	float: left;
	margin-right: 5px;
	padding: 2px 0;
}

.pager ul li a{
	padding: 0 4px;
}

.pager ul li.active{
	background: #3A3A3A;
	border-radius: 3px;
	color: #FFFFFF;
	padding: 2px 4px;
}

.ul-pad li {
	padding-bottom: 0.7em;
}

.pager .pager-title{
	margin-bottom: 5px;
}

.breadcrumbs
{
	margin: 10px 0 3px 0;
	font-size: 11px;
}

.breadcrumbs .breadcrumb-arrow
{
	padding: 0 5px;
	font-size: 13px;
}

/******** SOCIAL *********/
.social-icons
{
	overflow: hidden;
	margin-top: 5px;
}
.social-icons .social-icon
{
	display: block;
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 5px;
}
.social-icons .social-icon-fb
{
	background: url('/i/system/social/icons.24.png') no-repeat 0 0;
}
.social-icons .social-icon-fb:hover
{
	background: url('/i/system/social/icons.24.png') no-repeat 0 bottom;
}
.social-icons .social-icon-vk
{
	background: url('/i/system/social/icons.24.png') no-repeat -96px 0;
}
.social-icons .social-icon-vk:hover
{
	background: url('/i/system/social/icons.24.png') no-repeat -96px bottom;
}
.social-icons .social-icon-mr
{
	background: url('/i/system/social/icons.24.png') no-repeat -48px 0;
}
.social-icons .social-icon-mr:hover
{
	background: url('/i/system/social/icons.24.png') no-repeat -48px bottom;
}
.social-icons .social-icon-ok
{
	background: url('/i/system/social/icons.24.png') no-repeat -72px 0;
}
.social-icons .social-icon-ok:hover
{
	background: url('/i/system/social/icons.24.png') no-repeat -72px bottom;
}
.social-icons .social-icon-gp
{
	background: url('/i/system/social/icons.24.png') no-repeat -24px 0;
}
.social-icons .social-icon-gp:hover
{
	background: url('/i/system/social/icons.24.png') no-repeat -24px bottom;
}
.fs-img {
	margin: 0 10px 10px 0;
}
.fs-img.left {
	float: left;
	margin: 0 10px 10px 0;
}
.fs-img.right {
	float: right;
	margin: 0 0 10px 10px;
}
#block-popup-window-content .auth-button {
	border-bottom: 1px dashed #000;
	cursor: pointer;	
	float: left; 
	margin-right: 15px;
	font-size: 14px;
}
#block-popup-window-content .auth-button.active {
	border-bottom: 0;  	
}
#block-popup-window-content .auth-buttons {
	overflow: hidden;
	margin: 10px 0;
}
.area-wrapper div#block-footer-reg-form {
	position: fixed;
	bottom: 0;
	z-index: 999;
	width: 1100px;
	left: 50%;
	margin-left: -550px;
}
#block-footer-reg-form .reg-form-arrow {
	background: url('/i/system/registration/reg_form_arrow_up.png') center center no-repeat #9cc813;
	width: 30px;
	height: 20px;
	border-radius: 3px 3px 0 0;
	margin: 0 auto;
	display: block;
}
#block-footer-reg-form .reg-form-arrow.down {
	background: url('/i/system/registration/reg_form_arrow_down.png') center center no-repeat #9cc813;
}
#block-footer-reg-form .reg-form-cont {
	overflow: hidden;
	border-radius: 5px 5px 0 0;
	padding: 10px 15px 0;
	color: #fff;
	box-shadow: 0 0 3px 1px #9CC813;
	background: #9cc813; /* Old browsers */
	background: -moz-linear-gradient(top,  #9cc813 0%, #83ad00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9cc813), color-stop(100%,#83ad00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9cc813 0%,#83ad00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9cc813 0%,#83ad00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9cc813 0%,#83ad00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9cc813 0%,#83ad00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cc813', endColorstr='#83ad00',GradientType=0 ); /* IE6-9 */
}

#block-footer-reg-form .reg-form-reg {
	width: 765px;
	float: left;
	padding-bottom: 20px;
}

#block-footer-reg-form .reg-form-reg .field-field-legal_done {
	position: absolute;
	top: 100px;
	width: 750px;
}

#block-footer-reg-form .reg-form-reg .field-field-legal_done .descr {
	color: #fff;
	display: block;
	float: none;
	max-width: 750px;
	width: 750px;
}

#block-footer-reg-form .reg-form-reg + div{
	float: left;
}

#block-footer-reg-form .reg-form-reg + div h3{
	margin: 0;
}

#block-footer-reg-form .sector-content{
	border: none;
}
#block-footer-reg-form .descr,
#block-footer-reg-form .field-req-marker,
#block-footer-reg-form .sector-title,
#block-footer-reg-form .faq2-link,
#block-footer-reg-form .field-title,
#block-footer-reg-form .captcha-arrow {
	display: none;
}
#block-footer-reg-form .field {
	width: 140px;
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 0 5px 0 0;
}
#block-footer-reg-form .field-values {
	min-width: 0;
}
#block-footer-reg-form .field-content,
#block-footer-reg-form .sector-content,
#block-footer-reg-form .captcha-a,
#block-footer-reg-form .sector{
	padding: 0;
	margin: 0;
}
#block-footer-reg-form .sector-form-footer .field{
	width: 160px;
}
#block-footer-reg-form .form-button{
	padding: 0 5px;
}
#block-footer-reg-form .captcha-img, 
#block-footer-reg-form input[type=text],
#block-footer-reg-form input[type=email]{
	border: 1px solid #88b00d;
	border-radius: 3px;
	height: 25px;
	line-height: 25px;
}
#block-footer-reg-form .form {
	margin-bottom: 15px;
	max-width: inherit;
	overflow: hidden;
}
#block-footer-reg-form .form-button{
	color: #769d00;
}
#block-footer-reg-form .form-button{
	background: #A1C23C url('/theme/fs/i/controls/button-light.png') top repeat-x;
}
#block-footer-reg-form .form-button:hover{
	background-position: center center;
}
#block-footer-reg-form .form-button:active{
	background-position: center bottom;
}

/* columns */

.columns-list
{
    overflow: auto;
    overflow-x: hidden;
}

.columns-list .column
{
    float: left;
}

.columns-list.columns-2 .column
{
    width: 50%;
}

.columns-list.columns-3 .column
{
    width: 33%;
}

.columns-list.columns-4 .column
{
    width: 25%;
}

.columns-list.columns-5 .column
{
    width: 20%;
}