/* --- BASE PAGE/BODY STYLES --- */
body {
	background: #f9f9ff;
	font-family: Arial;
	font-size: 14px;
    margin: 0;
    min-width: 985px;
    
 }

/* --- TYPOGRAPHY & SMALL ELEMENTS --- */
small {font-size: 90%;}

/* --- IMAGE ALIGNMENT --- */
.imgmiddle {
	position: relative;
	top: -2px;
 }

/* --- SHADOWS & BOX SHADOWS --- */
.shadow {
	-moz-box-shadow: 1px 1px 10px 3px #AAA;
	-webkit-box-shadow: 1px 1px 10px 3px #AAA;
	box-shadow: 1px 1px 10px 3px #AAA;
 }

/* --- NOTIFICATION POPUPS --- */
#notify {
	-moz-box-shadow: 1px 1px 7px 3px #333;
	-webkit-box-shadow: 1px 1px 7px 3px #333;
	position: absolute;
	border: solid 1px #777;
	box-shadow: 1px 1px 7px 3px #333;
	color: #000;
	display: none;
	padding: 15px;
	position: fixed;
	text-align: center;
	width: 500px;
	z-index: 3;
 }

/* --- BACKGROUND OVERLAY FOR MODALS --- */
#backgr {
	position: absolute;
	background: #000;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
 }

/* --- GENERIC PADDED BLOCK --- */
.p5 {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 1px;
    margin-top: 2px;
	background-color: #EAEAEA;
	border-radius: 6px;
	margin-bottom: 2px;
	padding: 5px;
 }

/* --- LINK STYLES --- */
a, a:visited {
	color: #00285D;
	text-decoration: none;
 }

a:hover, a:visited:hover {
	color: #A16200;
	text-decoration: none;
}

/* --- HEADER & LOGO --- */
.title {
    display: block;
    white-space: nowrap;
    height: 60px;    background: url('/images/logo.png') no-repeat #00285D;
    background-position: 6px 2px;
    padding-left: 60px;
    background-size: 55px;
}

.title > .logo {
    position: relative;
    left: 10px;
    font-size: 50px;
    height: 56px;
    float: left;
    color: #FFF;
    font-weight: bold;
    text-shadow: #363636 1px 0px, #363636 1px 1px, #363636 0px 1px, #363636 -1px 1px, #363636 -1px 0px, #363636 -1px -1px, #363636 0px -1px, #363636 1px -1px, #363636 0 0 3px, #363636 0 0 3px, #363636 0 0 3px, #363636 0 0 3px, #363636 0 0 3px, #363636 0 0 3px, #363636 0 0 3px, #363636 0 0 3px;
}

.title > .sublogo {
    font-size: 18px;
    font-weight: bold;
    float: left;
    text-indent: -2%;
    position: relative;
    top: 7px;
    left: 80px;
    text-transform: lowercase;
    color: #FFF;
    text-shadow: #363636 1px 0px, #363636 1px 1px, #363636 0px 1px, #363636 -1px 1px, #363636 -1px 0px, #363636 -1px -1px, #363636 0px -1px, #363636 1px -1px;
}

.sublogo > .row1 {
    text-align: center;
    position: relative;
    right: 40px;
}

.sublogo > .row2 {
    text-align: right;
    position: relative;
    top: -4px;
}

/* --- SMALL HEADER VARIANT --- */
.header_small {
    height: 40px;
    background-size: 35px;
    padding-left: 35px;
}

.header_small .logo {
    font-size: 32px;
    height: 32px;
    top: 2px;
}

.header_small .sublogo {
    display: none;
}

/* --- LANGUAGE SELECTOR --- */
.lang_sel {
	float: right;
	padding: 4px;
    position: relative;
    top: 4px;
}

.lang_sel_sub {
    position: absolute;
    white-space: nowrap;
    right: 5px;
}

/* --- MAIN MENU --- */
.menu {
	background: #EEEEEE;
	height: 26px;
}

.menu > span#menu_open {
	display: none;
}

.menu a, .menu a:visited {
    color: #00285D;
    display: block;
    float: left;
    font-size: 15px;
    font-variant: small-caps;
    font-weight: normal;
    line-height: 18px;
    padding: 4px 9px;
    text-decoration: none;
    text-transform: lowercase;
    vertical-align: central;
}
     
.menu a.red {
    color: #2b9348;  /* Changed from #ef233c to green */
}

.menu a:hover {
    background: #CDCED0;
}

.menu a.red:hover {
    color: #55a630;  /* Changed from #d90429 to lighter green */
}

.menu_cnt {
    position: relative;
    float: right;
    font-size: 9px; 
}

.menu_cnt > div {
    position: absolute;
    right: -9px;
    text-align: right;
    padding: 2px;
    background-color: #c00;
    height: 9px;
    top: -4px;
    line-height: 9px;
    border-bottom-left-radius: 2px;
    color: #FFF;
    opacity: 0.6;
    /* для IE */ filter: alpha(Opacity=60); 
}

/* --- MAIN LAYOUT WRAPPERS --- */
.wrapper {
	padding: 10px;
}
 
.content {
    display: flex;
    gap: 20px;
    width: 100%;
    margin: 0 auto;
}

.main {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.main > div:first-child {
    display: flex;
    gap: 5px;
    width: 100%;
}

/* --- CONTENT BLOCKS (CBLOCK) --- */
.cblock.full_space {
    flex: 1;
    min-width: 0;
    max-width: calc(50% - 2.5px);
    box-sizing: border-box;
    overflow: hidden;
}

.cblock.float_left {
    flex: 1;
    min-width: 0;
    max-width: calc(50% - 2.5px);
    text-align: center;
    box-sizing: border-box;
    padding: 12px;
    overflow: visible;
}

.cblock.float_left form {
    width: 100%;
    display: block;
    position: relative;
}

.cblock.float_left .fblock {
    text-align: center;
    margin-bottom: 10px;
    box-sizing: border-box;
    white-space: nowrap;
}

.cblock.float_left input[type="text"] {
    width: auto;
    box-sizing: border-box;
}

.cblock.float_left input[name="vsrch_name"] {
    width: 100px;
}

.cblock.float_left input[name="vsrch_name2"] {
    width: 100px;
}

.cblock.float_left select {
    max-width: 160px;
    margin: 5px 0;
}

.cblock.float_left input[type="submit"] {
    margin: 5px 0;
}

@media screen and (max-width: 1200px) {
    .main > div:first-child {
        flex-direction: column;
    }
    
    .cblock.full_space,
    .cblock.float_left {
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px;
    }
}

.cblock.float_left .grey {
    flex-shrink: 0;
}

/* --- SIDEBAR --- */
.sidebarl {
    width: 262px;
    min-width: 262px !important;
}

.sidebar {
    width: 262px;
    min-width: 262px !important;
}

/* --- GENERIC CONTENT BLOCK --- */
.cblock {
    background: #EEEEEE;
    text-align: left;
    padding: 12px 20px 17px;
    box-shadow: 0 1px 2px rgba(54, 54, 54, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(54, 54, 54, 0.3);
    -webkit-box-shadow: 0 1px 2px rgba(54, 54, 54, 0.3);
    margin-bottom: 10px;
}

.cblock.float_left {
    float: none;
    flex-shrink: 0;
}

.cblock.full_space {
    flex: 1;
    min-width: 0;
}

.cblock h4, .h4 {
    font-size: 21px;
    font-weight: bold;
    margin: 0 0 10px;
}

/* --- WINDOW/POPUP STYLES --- */
.wintitle {
	background: #00285D;
	border-bottom: none;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border: 2px solid #00285D;
	color: #fff;
	font-family: Arial;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	margin-left: 0;
	padding: 0px 5px;
	text-align: left;
 }

.wincontent {
	background: #dfdfdf;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border: #00285D 1px solid;
	color: #000;
	font-family: Arial;
	font-size: 12px;
	height: auto;
	margin-bottom: 10px;
	padding-bottom: 2px;
	padding-top: 5px;
	text-align: center;
 }

.wintitlel {
	background: #00285D;
	border-bottom: none;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border: 2px solid #00285D;
	color: #fff;
	font-family: Arial;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	margin-left: 0;
	padding: 0px 5px;
	text-align: left;
 }

.wincontentl {
	background: #dfdfdf;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border: #00285D 1px solid;
	color: #000;
	font-family: Arial;
	font-size: 12px;
	height: auto;
	margin-bottom: 10px;
	padding: 2px;
	text-align: center;
 }

.wincontentblock {
	background: #dfdfdf;
	border-radius: 6px;
	border: #363636 1px solid;
	color: #000;
	font-family: Arial;
	font-size: 12px;
	height: auto;
	margin-bottom: 10px;
	padding: 2px;
	text-align: center;
 }

/* --- FOOTER --- */
.footer {
	/*border-top: dotted 1px #333;*/
	font-size: 11px;
	margin: 8px auto 0;
	padding: 5px;
    text-align: center;
 }

.footer a {color: #333;}

.footer a:hover {
    border-bottom: dotted 1px #BD000D;
    color: #da3232;
}

/* --- GENERIC BLOCKS & LAYOUT --- */
.nblock {
	background-color: #eaeaea;
	border-radius: 5px;
	border: #eaeaea 2px solid;
	margin-bottom: 2px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 2px;
	padding: 3px;
	text-align: left;
 }

.lcol {
	padding-top: 3px;
	text-align: right;
	vertical-align: top;
 }
 
/* --- IMAGE PREVIEW STYLES --- */
.prw, .prwsm, .prwbig, .prwnl {
    border-radius: 6px;
	border: 1px solid #AAAAAA;
	padding: 1px;
}

.prw { width: 200px; }
.prwbig { width: 240px; }
.prwsm { width: 170px; }
 
/* --- PHOTO LIST & BLOCKS --- */
.plist {
    display: flex;
    flex-direction: row;
    -ms-flex-direction: row;
    flex-wrap: wrap;
    -ms-flex-wrap: -ms-wrap;
    justify-content: space-between;
 }

.pblock {
	background-color: #f0f0f0;
	border: #f0f0f0 1px solid;
	font-size: 11px;
	margin:2px 0 6px;
	padding: 3px;
	text-align: left;
	width: 205px;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 0; /* Helps prevent flex items from overflowing */
 }

.s1 .pblock {
	background-color: #f0f0f0;
	border: #E2E2E2 1px solid;
 }

.s11 .pblock {
	background-color: #f0f0f0;
	border: #f0f0f0 1px solid;
 }

/* --- PHOTO BLOCK TOP --- */
.phblocktop {
	background-color: #f0f0f0;
	border-radius: 5px;
	border: #f0f0f0 1px solid;
	font-size: 90%;
	padding: 3px;
 }

.phleft {
	float: left;
	margin-right: 5px;
	padding-right: 5px;
	width: 280px;
 }

.phright {
	float: left;
	width: 730px;
 }

/* --- LIGHT FRAME --- */
.lf {
	border: 1px solid #777777;
	box-shadow: 2px 2px 8px 3px #777777;
	margin-bottom: 7px;
	padding: 3px;
 }

/* --- SECTION BLOCKS --- */
.section * {
	margin: 0;
	padding: 0;
 }

.section a {color: #4e4e4e;}

.section p {padding: 7px 0;}

.section {
	margin: 0 0 30px;
	width: 100%;
 }

/* --- TABS --- */
ul.tabs {
	border-bottom: 1px solid #ddd;
	height: 28px;
	line-height: 25px;
	list-style: none;
 }

.tabs li {
	background: #363636;
	border-bottom: 0px solid #ddd;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border: 0px solid #6495ed;
	color: #fff;
	cursor: pointer;
	display: inline;
	float: left;
	margin: 0 1px -1px 0;
	padding: 0 13px 1px;
	position: relative;
 }

	.tabs li:hover,.vertical .tabs li:hover {
		background: #fff;
		border-bottom: 1px solid #fff;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		border: 0px solid #6495ed;
		color: #363636;
		padding: 0 13px;
	 }

	.tabs li.current {
		background: #dfdfdf;
		border-bottom: 1px solid #dfdfdf;
		border: 1px solid #363636;
		color: #000;
		padding: 0 13px 2px;
	 }

/* --- COLLAPSIBLE BOXES --- */
.box {
	background: #dfdfdf;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-width: 0 1px 1px;
	border: 1px solid #363636;
	display: none;
	padding: 0 12px;
 }

	.box.visible {display: block;}

/* --- TABLES --- */
.tablejrnith {
	border-collapse: collapse;
	border-radius: 6px;
	border: #a09f9f 0px solid;
 }

	.tablejrnith td {padding: 5px;}

.tablehead {
	background-color: #363636;
	color: #fff;
	text-align: center;
 }

.pgnav {
	background-color: #f0f0f0;
	border-radius: 6px;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	padding: 2px 5px;
	text-decoration: none;
	width: 8px;
 }

.thispgnav {
	background-color: #363636;
	border-radius: 6px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 2px 5px;
	text-decoration: none;
	width: 8px;
 }

/* --- EXIF TABLES --- */
.exif .s1 { background-color: #f0f0f0;}

.exif .s11 { background-color: #dfdfdf;}

.exif {border-collapse: collapse;}

	.exif td {padding: 2px;}

/* --- PHOTO JOURNAL --- */
.pj {
	border-radius: 6px;
	font-size: 12px;
	padding: 5px;
 }

/* --- ROW COLOR CLASSES --- */
.s0, .s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s1l, .s11, .s12, .s13, .s14, .s15, .s16, .s17, .s18 {padding: 1px;}

select.s0, select.s1, select.s2, select.s3, select.s4, select.s5, select.s6, select.s7, select.s8, select.s9 { padding: 0px; border-width: 1px; }

option.s0, option.s1, option.s2, option.s3, option.s4, option.s5, option.s6, option.s7, option.s8, option.s9 { padding: 0px; }

/* --- QUOTES & CODE BLOCKS --- */
blockquote {
	color: #002;
	font-size: 12px;
	letter-spacing: 1px;
 }

acronym {
	border-bottom: #303030 1px dotted;
	cursor: help;
 }

pre {
	background-color: #e0e8ef;
	border: #c0e6ff 1px solid;
	color: #002;
 }

hr {
	border-top: #404040 1px dotted;
	border: none;
	height: 0;
	width: 100%;
 }

var {
	color: blue;
	font-family: monospace;
	font-style: normal;
 }

h3, h4 , h5 {margin-bottom: 0;}

/* --- BULLETIN BOARD TABLES --- */
table.bb {border-collapse: collapse;}

table.bb th {
	background-color: #ddd;
	border: #b0b0b0 1px solid;
	color: #555;
 }

td.bb {border: #b0b0b0 1px solid;}

blockquote.bb_quote {
	background-color: #fff;
	border: #999999 0px solid;
	margin: 1em 0 0 .75em;
	padding: 5px;
 }

div.bb_quote_author {
	background-color: #fff;
	border-width: 1px 2px 2px 1px;
	border: #999999 0px solid;
	font-weight: bold;
	margin-top: -1.2em;
	text-align: center;
	white-space: nowrap;
	width: 500px;
 }

	div.bb_quote_author:after {content: " написал(а):";}

div.bb_code {
	background-color: #b5b5b5;
	border: #999999 1px solid;
	color: #404060;
	font-family: Monaco,'Courier New',monospace;
	margin: 1em 0 0 0.8em;
	padding: 5px;
 }

div.bb_code_header {
	background-color: #b5b5b5;
	border-width: 1px 2px 2px 1px;
	border: #999999 1px solid;
	color: #404060;
	font-weight: bold;
	margin-top: -1.6em;
	padding-left: 5px;
	text-align: left;
	white-space: nowrap;
 }

span.bb_code_lang:before {content: "Язык: ";}

div.bb_code_footer {
	border-color: #a9b8c2;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	color: #333333;
	font-weight: bold;
	margin: 5px -5px -5px -5px;
	padding: 4px;
	text-align: center;
 }

/* --- STEP INDICATORS --- */
.step {
	font-weight: bold;
	padding-top: 8px;
	padding: 2px;
 }

/* --- INFO POPUPS --- */
#showInfo {
	background: #333;
	border: 1px solid #000;
	color: #fff;
	opacity: 0.8;
	padding: 8px 10px;
	position: absolute;
 }

#showInfo2 {
	background: url(images/page.gif) repeat-x top #4d78b3;
	border: 1px solid #1d4c8d;
	opacity: 1;
	padding: 8px 10px;
	position: absolute;
 }

#showInfo3 {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: url(images/head-big.gif) repeat-x center #2465a1;
	border-radius: 2px;
	border: 1px solid #1d4c8d;
	color: #fff;
	opacity: 1;
	padding: 8px 10px;
	position: absolute;
 }

/* --- MODAL WINDOWS --- */
.openWindow {
	background: url(images/bg/black-60.png);
	height: 100%;
	position: fixed;
	width: 100%;
 }

#open-old {
	-moz-box-shadow: 0 0 8px #555;
	-webkit-box-shadow: 0 0 8px #555;
	background: #fff;
	border: 1px solid #1d4c8d;
	box-shadow: 0 0 8px #555;
 }

#openCloseHtml {
	height: 100%;
	position: fixed;
	width: 100%;
 }

#ajax-error {
	border: 2px solid #000;
	color: #bbb;
	cursor: pointer;
	font-family: "Tahoma";
	font-size: 11px;
	left: 10px;
	line-height: 14px;
	max-height: 350px;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	top: 10px;
	width: 350px;
 }

	#ajax-error > div a {color: #ddd;}

		#ajax-error > div a:hover {color: #eee;}

	#ajax-error > div {
		background: #111;
		border-top: 1px solid #333;
		opacity: 0.98;
		padding: 15px 10px;
	 }

		#ajax-error > div:hover {color: #ccc;}

		#ajax-error > div:active {opacity: 0.97;}

		#ajax-error > div:first-child {border-top: none;}

		#ajax-error > div span#ajax-error-close {
			background: url(/images/x3.png);
			cursor: pointer;
			float: right;
			height: 16px;
			margin: -8px -8px 0 8px;
			width: 16px;
		 }

			#ajax-error > div span#ajax-error-close:hover { background: url(/images/x2.png);}

			#ajax-error > div span#ajax-error-close:active { background: url(/images/x4.png);}

#ajax-messages {
	bottom: 10px;
	font-family: "Tahoma";
	font-size: 11px;
	left: 10px;
	line-height: 14px;
	margin-top: 50px;
	max-height: 400px;
	max-width: 350px;
	overflow-x: hidden;
	overflow-y: auto;
	padding-right: 3px;
	position: fixed;
 }

	#ajax-messages > div {
		background: #111;
		border: 1px solid #000;
		color: #bbb;
		cursor: pointer;
		margin: 2px 0;
		opacity: 0.95;
		padding: 10px;
		padding: 5px;
		width: 250px;
	 }

		#ajax-messages > div a {color: #eee;}

		#ajax-messages > div:hover {color: #ccc;}

		#ajax-messages > div span#ajax-message-close {
			background: url(/images/x3.png);
			cursor: pointer;
			float: right;
			height: 16px;
			margin: -5px -5px 0 8px;
			width: 16px;
		 }

			#ajax-messages > div span#ajax-message-close:hover { background: url(/images/x2.png);}

			#ajax-messages > div span#ajax-message-close:active { background: url(/images/x4.png);}

#open2 {border: 1px solid #173552;}

#open {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: url(images/bg/black-30.png);
	border-radius: 6px;
	margin: -10px;
	padding: 10px;
 }

#open {position: relative;}

#openPanel-out {}

.openTitle {
	background: url(images/head-big.gif) repeat-x center #2465a1;
	border-bottom: 1px solid #1d4c8d;
	border: 1px solid #5995cc;
	color: #fff;
	height: 24px;
	padding: 12px 1px 0 12px;
 }

	.openTitle a {color: #fff;}

.openTitle-old {
	background: url(images/page.gif) repeat-x top #4d78b3;
	border-bottom: 1px solid #1d4c8d;
	border: none;
 }

.openText {
	background: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 10px;
 }

.openPanel {
	background: url(images/open-gr5.gif) repeat-x top #f3f3f3;
	border-top: 1px solid #d7d7d7;
	min-height: 14px;
	padding: 14px 0 14px 13px;
 }

.openPanel-old { background: url(images/open-gr2.gif) repeat-x top #f9f9f9;}

.entLink {
	padding: 0 10px 0 0;
	text-align: right;
 }

	.entLink > *.bot, .entLink > *.bot-grey {
		margin-bottom: -10px;
		margin-top: -10px;
	 }

span#openClose {
	background: url(/images/x3.png);
	cursor: pointer;
	float: right;
	height: 16px;
	margin: 0 8px 0 0;
	width: 16px;
 }

	span#openClose:hover { background: url(/images/x2.png);}

	span#openClose:active { background: url(/images/x4.png);}

.shadow {box-shadow: 1px 1px 10px 3px #AAAAAA;}

/* --- TEMPORARY LABELS --- */
.temp {
	background-color: #F0E68C;
	border-top-right-radius: 6px;
	font-size: 80%;
	left: 4px;
	padding: 1px 6px 2px 4px;
	position: absolute;
	top: -20px;
 }

.temp2 {
	background-color: #62C7ED;
	border-top-right-radius: 6px;
	font-size: 80%;
	left: 4px;
	padding: 1px 6px 1px 4px;
	position: absolute;
	top: -20px;
 }

/* --- CALENDAR WIDGET --- */
.calendar {
	background: #c8d0d4;
	border-bottom: 2px solid #000;
	border-left: 2px solid #fff;
	border-right: 2px solid #000;
	border-top: 2px solid #fff;
	color: #000;
	cursor: default;
	display: none;
	font-family: tahoma,Arial,sans-serif;
	font-size: 11px;
	position: relative;
 }

	.calendar table {
		background: #c8d0d4;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #000;
		border-right: 1px solid #fff;
		border-top: 1px solid #000;
		color: #000;
		cursor: default;
		font-family: tahoma,Arial,sans-serif;
		font-size: 11px;
	 }

	.calendar .button {
		border-bottom: 1px solid #000;
		border-left: 1px solid #fff;
		border-right: 1px solid #000;
		border-top: 1px solid #fff;
		padding: 1px;
		text-align: center;
	 }

	.calendar .nav { background: transparent url(menuarrow.gif) no-repeat 100% 100%;}

	.calendar thead .title {
		background: #788084;
		border: 1px solid #000;
		color: #fff;
		font-weight: bold;
		padding: 1px;
		text-align: center;
	 }

	.calendar thead .headrow {}

	.calendar thead .daynames {}

	.calendar thead .name {
		background: #e8f0f4;
		border-bottom: 1px solid #000;
		padding: 2px;
		text-align: center;
	 }

	.calendar thead .weekend {color: #f00;}

	.calendar thead .hilite {
		background-color: #d8e0e4;
		border-bottom: 2px solid #000;
		border-left: 2px solid #fff;
		border-right: 2px solid #000;
		border-top: 2px solid #fff;
		padding: 0px;
	 }

	.calendar thead .active {
		background-color: #b8c0c4;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #000;
		border-right: 1px solid #fff;
		border-top: 1px solid #000;
		padding: 2px 0px 0px 2px;
	 }

	.calendar tbody .day {
		padding: 2px 4px 2px 2px;
		text-align: right;
		width: 2em;
	 }

		.calendar tbody .day.othermonth {
			color: #aaa;
			font-size: 80%;
		 }

			.calendar tbody .day.othermonth.oweekend {color: #faa;}

	.calendar table .wn {
		background: #e8f4f0;
		border-right: 1px solid #000;
		padding: 2px 3px 2px 2px;
	 }

	.calendar tbody .rowhilite td { background: #d8e4e0;}

		.calendar tbody .rowhilite td.wn { background: #c8d4d0;}

	.calendar tbody td.hilite {
		border-color: #fff #000 #000 #fff;
		border: 1px solid;
		padding: 1px 3px 1px 1px;
	 }

	.calendar tbody td.active {
		border-color: #000 #fff #fff #000;
		border: 1px solid;
		padding: 2px 2px 0px 2px;
	 }

	.calendar tbody td.selected {
		background: #d8e0e4;
		border-color: #000 #fff #fff #000;
		border: 1px solid;
		font-weight: bold;
		padding: 2px 2px 0px 2px;
	 }

	.calendar tbody td.weekend {color: #f00;}

	.calendar tbody td.today {
		color: #00f;
		font-weight: bold;
	 }

	.calendar tbody .disabled {color: #999;}

	.calendar tbody .emptycell {visibility: hidden;}

	.calendar tbody .emptyrow {display: none;}

	.calendar tfoot .footrow {}

	.calendar tfoot .ttip {
		background: #788084;
		background: #e8f0f4;
		border: 1px solid #000;
		color: #fff;
		padding: 1px;
		text-align: center;
	 }

	.calendar tfoot .hilite {
		background: #d8e0e4;
		border-bottom: 1px solid #000;
		border-left: 1px solid #fff;
		border-right: 1px solid #000;
		border-top: 1px solid #fff;
		padding: 1px;
	 }

	.calendar tfoot .active {
		border-bottom: 1px solid #fff;
		border-left: 1px solid #000;
		border-right: 1px solid #fff;
		border-top: 1px solid #000;
		padding: 2px 0px 0px 2px;
	 }

	.calendar .combo {
		background: #d8e0e4;
		border-bottom: 1px solid #000;
		border-left: 1px solid #fff;
		border-right: 1px solid #000;
		border-top: 1px solid #fff;
		cursor: default;
		display: none;
		font-size: 90%;
		left: 0px;
		padding: 1px;
		position: absolute;
		top: 0px;
		width: 4em;
		z-index: 100;
	 }

		.calendar .combo .label,.calendar .combo .label-IEfix {
			padding: 1px;
			text-align: center;
		 }

		.calendar .combo .label-IEfix {width: 4em;}

		.calendar .combo .active {
			background: #c8d0d4;
			border-bottom: 1px solid #fff;
			border-left: 1px solid #000;
			border-right: 1px solid #fff;
			border-top: 1px solid #000;
			padding: 0px;
		 }

		.calendar .combo .hilite {
			background: #048;
			color: #aef;
		 }

	.calendar td.time {
		background-color: #e8f0f4;
		border-top: 1px solid #000;
		padding: 1px 0px;
		text-align: center;
	 }

		.calendar td.time .hour,.calendar td.time .minute,.calendar td.time .ampm {
			background-color: #fff;
			border: 1px solid #889;
			font-weight: bold;
			padding: 0px 3px 0px 4px;
		 }

		.calendar td.time .ampm {text-align: center;}

		.calendar td.time .colon {
			font-weight: bold;
			padding: 0px 2px 0px 3px;
		 }

		.calendar td.time span.hilite {
			background-color: #667;
			border-color: #000;
			color: #fff;
		 }

		.calendar td.time span.active {
			background-color: #000;
			border-color: #f00;
			color: #0f0;
		 }

/* --- BUTTONS & PRELOADERS --- */
.p5 {
	border-radius: 6px;
	margin-bottom: 2px;
	padding: 5px;
 }

.same {
	border-bottom: 1px dotted currentColor;
	text-decoration: none;
 }

a.same {color: #000000;}

button {
	font-family: use-lang-def;
	font-size: 13px;
	font-weight: 400;
	padding: 1px 8px;
 }

.inline-preloader {
	background-image: url("data:image/gif;	base64,R0lGODlhCgACAJECAJmZmTMzMwAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgACACwAAAAACgACAEACBwQkhqZ5XgAAIfkEBQoAAgAsAAAAAAIAAgBAAgKMUwAh+QQFCgACACwAAAAABgACAEACBQQkEYZaACH5BAUKAAIALAQAAAAGAAIAQAIFBCQRhloAOw==");	color: transparent;
	display: inline-block !important;
	font: 0 serif;
	height: 2px;
	padding: 0px;
	text-shadow: none;
	vertical-align: middle;
	width: 10px;
 }

/* --- RATING BOXES --- */
.rate-box {
	margin: 3px 0 0 0px;
	white-space: nowrap;
 }

	.rate-box span {
		background-image: url("/images/rate_box.png");
		background-repeat: no-repeat;
		display: inline-block;
		height: 15px;
		vertical-align: bottom;
	 }

	.rate-box .rate-minus {
		background-position: 0 0;
		cursor: pointer;
		width: 18px;
	 }

		.rate-box .rate-minus:hover { background-position: 0 -15px;}

	.rate-box .rate-no-minus {
		background-position: 0 0;
		width: 3px;
	 }

	.rate-box .rate-minus-voted {
		background-position: 0 -30px;
		width: 18px;
	 }

	.rate-box .rate-plus {
		background-position: -74px 0;
		cursor: pointer;
		width: 18px;
	 }

		.rate-box .rate-plus:hover { background-position: -74px -15px;}

	.rate-box .rate-no-plus {
		background-position: -89px 0;
		width: 3px;
	 }

	.rate-box .rate-plus-voted {
		background-position: -74px -45px;
		width: 18px;
	 }

	.rate-box .rate-value {
		background-position: -18px 0;
		font-weight: bold;
		line-height: 14px;
		min-width: 16px;
		padding: 0px 4px;
		text-align: center;
	 }

	.rate-box .rate-positive {color: #00b300;}

	.rate-box .rate-negative {color: #d93300;}

	.rate-box .rate-zero {color: #666666;}

/* --- VOTE BUTTONS --- */
.wvote {
	border: 1px solid #CCCCCC;
	color: #AAAAAA;
	font-size: 10px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	width: 27px;
 }

.gold {color: #EDAD23;}

#upBlock {
	bottom: 15px;
	color: #000000;
	display: none;
	padding: 6px;
	position: fixed;
	right: 15px;
	text-align: center;
	z-index: 9999999999;
 }

.temp_frame {
	color: #FFFFFF;
	display: inline-block;
 }

.temp {
	border-top-right-radius: 6px;
	left: 2px;
	padding: 4px 4px 3px 3px;
	position: absolute;
	top: -25px;
 }

.temp_top {
	border-bottom-right-radius: 6px;
	left: 2px;
	padding: 4px 4px 3px 3px;
	position: absolute;
	top: 2px;
 }

/* --- FLEX CONTAINER & CENTERING --- */
.container {
	position: relative;
	width: 100%;
 }

	.container:after {
		clear: both;
		content: '';
		display: block;
	 }

.blockCenter {
	float: right;
	position: relative;
	right: 50%;
 }

.center {
	position: relative;
	right: -50%;
	z-index: 1;
 }

/* --- NAVIGATION ARROWS --- */
.l_arr_navi, .r_arr_navi {
	cursor: pointer;
	height: 72px;
	width: 72px;
 }

.l_arr_navi { background-image: url('/images/arr_left.png');}

	.l_arr_navi:hover { background-image: url('/images/arr_left_hov.png');}

.r_arr_navi { background-image: url('/images/arr_right.png');}

	.r_arr_navi:hover { background-image: url('/images/arr_right_hov.png');}

#vt_btns:hover { background-image: url('/images/vt_bg_hov.png');}

.btn_like_n, .btn_dislike_n, .btn_like_vtd, .btn_dislike_vtd {
	height: 61px;
	margin-left: 10px;
	margin-right: 10px;
	width: 50px;
 }

.btn_like_n { background-image: url('/images/btn_like.png');}

.btn_dislike_n { background-image: url('/images/btn_dislike.png');}

.btn_like_n:hover { background-image: url('/images/btn_like_hov.png');}

.btn_dislike_n:hover { background-image: url('/images/btn_dislike_hov.png');}

.btn_like_vtd { background-image: url('/images/btn_like_vtd.png');}

.btn_dislike_vtd { background-image: url('/images/btn_dislike_vtd.png');}

#vt_btns {
	background-image: url('/images/vt_bg.png');
	border-radius: 0px 0px 7px 7px;
	position: absolute;
	top: 6px;
	width: 140px;
 }

/* --- IMAGE ANNOTATION --- */
.image-annotate-canvas {
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	margin: 0;
	position: relative;
 }

.image-annotate-view {
	display: none;
	position: relative;
 }

.image-annotate-area {
	border: 1px dotted #565656;
	display: block;
	position: absolute;
 }

	.image-annotate-area div {
		border: 1px solid transparent;
		display: block;
	 }

.image-annotate-area-hover div {border-color: #fff !important; }

.image-annotate-note {
	background: #4a4a4a none repeat scroll 0 0;
	color: #fff;
	display: none;
	font-family: Verdana, Sans-Serif;
	font-size: 12px;
	padding: 3px 7px;
	position: absolute;
	word-wrap: break-word;
 }

#map {display: none;}

#map_canvas {
	border: solid 1px #BBB;
	height: 300px;
	overflow: hidden;
	width: 780px;
 }

#pfm_frame {
	display: none;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
 }

#pfm {
	background: #EEE;
	border: solid 1px #CCC;
	padding: 10px;
	text-align: center;
 }

.tablehead a {color: #FFF;}

.g_s { background-image: url("/images/grey_stripes.gif");}

.nw {white-space: nowrap;}

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

	.container:after {
		clear: both;
		content: '';
		display: block;
	 }

.blockCenter {
	float: right;
	position: relative;
	right: 50%;
 }

.center {
	position: relative;
	right: -50%;
	z-index: 1;
 }

/* --- VOTE BUTTONS (PLUS/MINUS) --- */
.vtplus, .vtminus, .kplus, .kminus {
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

.vtplus:disabled, .vtminus:disabled, .kplus:disabled, .kminus:disabled {
    background:#cbcbcb;
}

.vtplus:hover:disabled, .vtminus:hover:disabled, .kplus:hover:disabled, .kminus:hover:disabled {
    background:#cbcbcb;
}

.vtplus {
	-moz-box-shadow:inset 0px 1px 3px 0px #91b896;
	-webkit-box-shadow:inset 0px 1px 3px 0px #91b896;
	box-shadow:inset 0px 1px 3px 0px #91b896;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #75a679), color-stop(1, #2ca835));
	background:-moz-linear-gradient(top, #75a679 5%, #2ca835 100%);
	background:-webkit-linear-gradient(top, #75a679 5%, #2ca835 100%);
	background:-o-linear-gradient(top, #75a679 5%, #2ca835 100%);
	background:-ms-linear-gradient(top, #75a679 5%, #2ca835 100%);
	background:linear-gradient(to bottom, #75a679 5%, #2ca835 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#75a679', endColorstr='#2ca835',GradientType=0);
	border:1px solid #566958;
	background-color:#778d76;
	text-shadow:0px -1px 0px #2b6636;
}
.vtplus:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2ca835), color-stop(1, #75a679));
	background:-moz-linear-gradient(top, #2ca835 5%, #75a679 100%);
	background:-webkit-linear-gradient(top, #2ca835 5%, #75a679 100%);
	background:-o-linear-gradient(top, #2ca835 5%, #75a679 100%);
	background:-ms-linear-gradient(top, #2ca835 5%, #75a679 100%);
	background:linear-gradient(to bottom, #2ca835 5%, #75a679 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ca835', endColorstr='#2ca835',GradientType=0);
	border:1px solid #5a6956;
	background-color:#2ca835;
}
.vtplus:disabled {
	text-shadow:0px 1px 0px #2b6636;
}

.vtminus {
	-moz-box-shadow:inset 0px 1px 3px 0px #b89191;
	-webkit-box-shadow:inset 0px 1px 3px 0px #b89191;
	box-shadow:inset 0px 1px 3px 0px #b89191;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a67575), color-stop(1, #a82c2c));
	background:-moz-linear-gradient(top, #a67575 5%, #a82c2c 100%);
	background:-webkit-linear-gradient(top, #a67575 5%, #a82c2c 100%);
	background:-o-linear-gradient(top, #a67575 5%, #a82c2c 100%);
	background:-ms-linear-gradient(top, #a67575 5%, #a82c2c 100%);
	background:linear-gradient(to bottom, #a67575 5%, #a82c2c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a67575', endColorstr='#a82c2c',GradientType=0);
	border:1px solid #695756;
	background-color:#8d7776;
	text-shadow:0px -1px 0px #662b2b;
}
.vtminus:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a82c2c), color-stop(1, #a67575));
	background:-moz-linear-gradient(top, #a82c2c 5%, #a67575 100%);
	background:-webkit-linear-gradient(top, #a82c2c 5%, #a67575 100%);
	background:-o-linear-gradient(top, #a82c2c 5%, #a67575 100%);
	background:-ms-linear-gradient(top, #a82c2c 5%, #a67575 100%);
	background:linear-gradient(to bottom, #a82c2c 5%, #a67575 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a82c2c', endColorstr='#a67575',GradientType=0);
	border:1px solid #695656;
	background-color:#a82c2c;
}
.vtminus:disabled {
	text-shadow:0px 1px 0px #662b2b;
}

.kplus {
	-moz-box-shadow:inset 0px 1px 3px 0px #b8b891;
	-webkit-box-shadow:inset 0px 1px 3px 0px #b8b891;
	box-shadow:inset 0px 1px 3px 0px #b8b891;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cacb8c), color-stop(1, #a8a72c));
	background:-moz-linear-gradient(top, #cacb8c 5%, #a8a72c 100%);
	background:-webkit-linear-gradient(top, #cacb8c 5%, #a8a72c 100%);
	background:-o-linear-gradient(top, #cacb8c 5%, #a8a72c 100%);
	background:-ms-linear-gradient(top, #cacb8c 5%, #a8a72c 100%);
	background:linear-gradient(to bottom, #cacb8c 5%, #a8a72c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cacb8c', endColorstr='#a8a72c',GradientType=0);
	border:1px solid #696956;
	background-color:#8d8d76;
	text-shadow:0px -1px 0px #66652b;
}
.kplus:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a8a72c), color-stop(1, #cacb8c));
	background:-moz-linear-gradient(top, #a8a72c 5%, #cacb8c 100%);
	background:-webkit-linear-gradient(top, #a8a72c 5%, #cacb8c 100%);
	background:-o-linear-gradient(top, #a8a72c 5%, #cacb8c 100%);
	background:-ms-linear-gradient(top, #a8a72c 5%, #cacb8c 100%);
	background:linear-gradient(to bottom, #a8a72c 5%, #cacb8c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a8a72c', endColorstr='#cacb8c',GradientType=0);
	border:1px solid #696956;
	background-color:#a8a72c;
}
.kplus:disabled {
	text-shadow:0px 1px 0px #66652b;
}

.kminus {
	-moz-box-shadow:inset 0px 1px 3px 0px #9391b8;
	-webkit-box-shadow:inset 0px 1px 3px 0px #9391b8;
	box-shadow:inset 0px 1px 3px 0px #9391b8;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7a75a6), color-stop(1, #322ca8));
	background:-moz-linear-gradient(top, #7a75a6 5%, #322ca8 100%);
	background:-webkit-linear-gradient(top, #7a75a6 5%, #322ca8 100%);
	background:-o-linear-gradient(top, #7a75a6 5%, #322ca8 100%);
	background:-ms-linear-gradient(top, #7a75a6 5%, #322ca8 100%);
	background:linear-gradient(to bottom, #7a75a6 5%, #322ca8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7a75a6', endColorstr='#322ca8',GradientType=0);
	border:1px solid #565669;
	background-color:#78768d;
	text-shadow:0px -1px 0px #2b3166;
}
.kminus:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #322ca8), color-stop(1, #7a75a6));
	background:-moz-linear-gradient(top, #322ca8 5%, #7a75a6 100%);
	background:-webkit-linear-gradient(top, #322ca8 5%, #7a75a6 100%);
	background:-o-linear-gradient(top, #322ca8 5%, #7a75a6 100%);
	background:-ms-linear-gradient(top, #322ca8 5%, #7a75a6 100%);
	background:linear-gradient(to bottom, #322ca8 5%, #7a75a6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#322ca8', endColorstr='#7a75a6',GradientType=0);
	border:1px solid #565669;
	background-color:#322ca8;
}
.kminus:disabled {
	text-shadow:0px 1px 0px #2b3166;
}
.grey {color: #AAA}

	.grey a {color: #888}

		.grey a:hover {
			border-bottom: dotted 1px #BD000D;
			color: #da3232;
		 }

/* --- LOGO STYLES --- */
.logo_s, .logo_s2 {cursor: pointer;}

/* --- LOAD BAR --- */
.load_bar {
	background-color: #F0F0F0;
	border: 1px solid #e1dfdf;
	cursor: pointer;
	font-style: italic;
	margin: 1px 3px 10px;
	padding: 5px 0;
	text-align: center;
 }

	.load_bar:hover {
		background: #c3c1c1;
		border: 1px solid #c3c1c1;
	 }

/* --- TABS --- */
.active_tab, .tab {padding: 2px 10px;}

.active_tab {
	background-color: #363636;
	border-top: solid 2px #363636;
	color: #DFDFDF;
 }

.tab {
	background-color: #DFDFDF;
	border-top: solid 2px #DFDFDF;
 }

.tab_space {width: 0px;}

a.titlelink {color: #FFFFFF;}

	a.titlelink:hover {color: #da3232;}

.transp {
    opacity: 0.7;
    filter: alpha(Opacity=70);
}

.dots {
    border-bottom: 1px dotted;
}

/* --- PHOTO DATA & AUTHOR --- */
.pdata {
    margin-top: 5px;
    margin-bottom: 20px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    padding: 5px 7px;
    max-width: 100%;
    box-sizing: border-box;
    min-width: 0;
    display: block;
}

.pdata span {
    display: inline-block;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

.pauthor {
    background: url('/images/author.png') no-repeat;
    padding-left: 15px;
    font-weight: bold;
}

.psent {
    background: url('/images/sent.png') no-repeat;
    padding-left: 15px;
}

.pdate, .pcnum, .prate, .pview { display: inline-block; padding-left: 15px; margin-right: 6px; }

.pdate {
    background: url('/images/date.png') no-repeat;
    margin-right: 0;
}

.pcnum, .pcnum2 {
    background: url('/images/comments.png') no-repeat;
}

.prate {
    background: url('/images/rate.png') no-repeat; font-weight: bold;
}

.pview, .pview2 {
    background: url('/images/views.png') no-repeat;
}

.psent, .pauthor { display: inline-block }
.pdate { float: right; }

.pview2 { padding-left: 15px; display: inline-block; }
.pcnum2 { padding-left: 15px; display: inline-block; margin-left: 10px; }

/* --- PINNED INFO --- */
.pinfrm { position: relative; }

.pinfrm > div {
    position: absolute;
    top: -22px;
    background: transparent linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent) repeat scroll 0% 0%; 
    display: inline-block;
    margin-top:-5px;
    margin-left:2px;
    padding:2px 6px 2px 4px;
    border-top-right-radius: 13px;
    border: 0px solid transparent;
}

/* --- PHOTO DATA ROWS --- */
.pdrow {
    margin-top: 4px;
}

.pdadd {
    float: right;
}

.pdbtm {
    width: 205px;
    position: absolute;
    bottom: 3px;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
    min-width: 0;
}

.pdbtm span {
    display: inline-block;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

/* --- PHOTO ROWS --- */
.prow { background-color: #EEE; margin-bottom: 2px; }
.prow > table { width: 100%; }
.prow > table > tr > td { vertical-align: top; }
.prow td.pinfo { width: 100%; padding: 10px 0px 10px 10px; }

.prow .pdadd { 
    float: none;
    margin-top: 15px;
}

.prow .pcnum, .prow .prate, .prow .pview { background-position: left center; padding-left: 17px; margin-right: 12px; }

.pacol { 
    padding: 0 4px;
    text-align: center;
    font-size: 12px;
}

.cond1 { background-color: #fffcce; }
.cond2 { background-color: #cee7ff; }

.pblock.cond1 { border-color: #fffcce; }
.pblock.cond2 { border-color: #cee7ff; }

.pblock .prw { display: block; margin: auto; }

.clear_both { clear: both; }

.positive {color: #00b300;}
.negative {color: #d93300;}

/* --- FORM SUBSCRIPTION & BLOCKS --- */
.fsubscr {
    color: #777;
    font-size: 12px;
}

.fblock {
    margin-bottom: 5px;
}

.float_left  { float: left; }
.float_right { float: right; }

.cblock.full_space, .fspace { width: 100%; }

.list_head { font-size: 22px; padding-bottom: 1px; margin-bottom: 7px; }
.list_cont { padding-left: 18px; margin-top: 0px; margin-bottom: 25px; }

.bigtxt { font-size: 17px !important; }
.bigtxt2 { font-size: 18px !important; }
.bold { font-weight: bold !important; }
.mt5  { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.pl4 { padding-left: 4px !important; }
.pt4 { padding-top: 4px !important; }
.pl25 { padding-left: 25px !important; }
.pr10 { padding-right: 10px !important; }
.ps7 { padding-right: 7px; padding-left: 7px; }
.ps5_10 { padding: 5px 10px; }
.ptb10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.p10 { padding: 10px; }
.p15_10 { padding: 15px 10px; }
.hg10 { height: 10px !important; }
.hg1 { height: 1px !important; }
.mb0 { margin-bottom: 0 !important; }
.pl0 { padding-left: 0px !important; }
.pr0 { padding-right: 0px !important; }

h1 { margin-top: 0; }

/* --- COUNTRY PAGE LAYOUT --- */
.yellow_stripes { background-image: url('/images/yellow_stripes.png');}

.country { padding-top: 3px; }
.country > a > b { border-bottom: dotted 1px; }
.country div { padding: 3px 0 5px 19px; }

.cblock.padding_low { padding: 7px 8px; margin-bottom: 1px; }
.cblock.padding_low2 { padding: 7px 8px; }

.photo_frame { color: #fff; padding: 6px 0 4px; border-bottom: solid 1px #777; border-top: solid 1px #777; font-size: 12px; }

.sub_h1 { margin-top: -15px; }

.inl_block { display: inline-block; }

.nrow {
    margin-bottom: 6px;
    padding-bottom: 4px;
    border-bottom: 1px solid #f0f0f0;
}

.cblock.rowed, .cblock.p0 { padding: 0; }
.cblock.rowed > h4 { padding-left: 8px; padding-top: 7px; margin-bottom: 5px; }
.cblock.rowed > .row { padding: 5px 7px; border-bottom: 1px solid #DFDFDF; }
.cblock.rowed > .row:last-child { border-bottom: none; }

.cblock.rowed > .row2 { padding: 10px 9px; border-top: 1px solid #FFF; }
.cblock.rowed > .row2:nth-child(odd) { background-color: #ececec; }
.cblock.rowed > .row2:nth-child(3) { margin-top: 6px; }

.fav {
    background: url('/images/fav_no.png') no-repeat transparent;
    background-position: center;
    margin-top: -1px;
}
    
.fav.voted { background-image: url('/images/fav_ys.png');}
.fav.loading { background-image: url('/images/loading.gif'); }

.acenter { text-align: center; }
.aright { text-align: right; }
.vatop { vertical-align: top; }
.vacenter { vertical-align: central; }

.cblock.rowed > table { width: 100%; border-collapse: collapse; }
.cblock.rowed > table td { border-top: 1px solid #FFF; font-size: 12px; line-height: 17px; height: 17px; }
.cblock.rowed td.fname { padding: 2px 9px; white-space: nowrap; width: 1px; }
.cblock.rowed td.fval { padding: 2px 11px 2px 7px; }
.cblock.rowed tr:last-child > td { padding-bottom: 3px; }
.cblock.rowed td[colspan="2"] { padding: 5px 9px !important; }
.cblock.rowed tr:nth-child(odd) td { background-color: #ececec; }
.cblock.rowed td.fval > span.ps7 { margin-left: -7px; }

.cblock.rowed.big > table td { font-size: 14px; line-height: 19px; height: 19px; }
.cblock.rowed.big tr:nth-child(1) > td { border: none; }

table.rowed2 td { border-top: 1px solid #FFF; }
table.rowed2 tr:nth-child(1) > td { border: none; }

td.rowed_divs div { border-top: 1px dotted #363636; }
td.rowed_divs div:nth-child(1) { border: none; }

label > input[type=checkbox] { position: relative; top: 1px; }
.sm label > input[type=checkbox] { top: 2px; }

label.lgrey.grey input[type=checkbox] { opacity: 0.5; }

/* --- VEHICLE HISTORY --- */
.num_div {
    margin-top: -8px;
    position: absolute;
    left: 0;
    right: 0;
    padding: 5px 20px;
    color: #FFF;
}

.num_div > .num_date {
    font-weight: bold;
    margin-right: 15px;
}

.num_div > .arrow {
    margin-right: 35px;
    position: relative;
    top: -2px;
}

.num_div > .num_remark {
    font-style: italic;
    font-size: 12px;
}

.num_spacer { margin-bottom: 21px; }
.num_spacer.is_remark { margin-bottom: 36px; }

.w100p { width: 100%; }

table.dtbl {
    border-collapse: collapse;
    border: none;
}

table.dtbl th {
    background-color: #363636;
    padding: 2px 11px 2px 7px;
    color: #fff;
    font-weight: normal;
}

table.dtbl tr {
    background-color: #DFDFDF;
    padding: 2px 11px 2px 7px;
}

table.dtbl.lined td {
    border: 1px solid #FFF;
}

th.d { padding: 2px 11px 2px  7px !important; }
th.c { padding: 2px  9px 2px  9px !important; }
th.r { padding: 2px  7px 2px 11px !important; }

.d,.ds {
	padding: 2px 11px 2px 7px;
	text-align: left;
 }

.c,.cs {
	padding: 2px 9px 2px 9px;
	text-align: center;
 }

.r,.rs {
	padding: 2px 7px 2px 11px;
	text-align: right;
 }

.ds,.cs,.rs,.sm {font-size: 11px;}

/* --- FLEX DISPLAY --- */
.displ_flex { display: flex; flex-flow: row wrap; }

.vg_ithem {
    display: inline-block;
    border: 1px solid #fff;
    margin: 5px;
    padding: 3px 5px;
}

.vg_ithem .vgi_name { font-size: 16px; }

/* --- ERROR BOX --- */
.errbox {
    border: 1px dashed #ff9797;
    color: #F00;
    background-color: #ffff99; 
    padding: 3px 5px;
}

input[type=submit].bigtxt2 { padding: 4px 16px; }

/* --- ROW COLOR CLASSES --- */
.s0   { background-color: #FFFFFF !important; }
.s1   { background-color: #EEEEEE !important; }
.s11  { background-color: #E2E2E2 !important; }
.s2   { background-color: #B0DFB0 !important; }
.s12  { background-color: #A0D6A0 !important; }
.s3   { background-color: #F0E68C !important; }
.s13  { background-color: #E5D866 !important; }
.s4   { background-color: #FFAAAA !important; }
.s14  { background-color: #FC9595 !important; }
.s5   { background-color: #E9B883 !important; }
.s15  { background-color: #D99E5E !important; }
.s6   { background-color: #94A9E3 !important; }
.s16  { background-color: #7D97DF !important; }
.s7   { background-color: #8BD3ED !important; }
.s17  { background-color: #62C7ED !important; }
.s8   { background-color: #D8BFD8 !important; }
.s18  { background-color: #C8A2C8 !important; }
.s9   { background-color: #C9C9C9 !important; }
.s19  { background-color: #BDBDBD !important; }
.s-1  { background-color: #c2c2a3 !important; }
.s1-1 { background-color:#adad85 !important; }

table.form td.fsubscr {
    vertical-align: top;
    padding-top: 6px;
    min-height: 25px;
    line-height: 12px;
}

.alt_help {
    cursor: help;
    border-bottom: 1px dotted #686868;
}

.grey .alt_help { border-bottom-color: #a5a3a3; }

label {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

ins.diffins, ins.diffmod {
    text-decoration: none;
    background-color: #D4D101;
}

del.diffdel {
    color: #A81908;
}

del.diffmod {
    font-weight: normal;
    color: #A81908;
}

.as_disabled {
    pointer-events:none;
    color:#AAA;
    background:#F5F5F5;
}

tbody.vbody { border-top:solid 1px #FFF; }
tbody.vbody:first-child { border-top:none; }

tbody.vbody td { border-top:solid 1px #DDD; }
tbody.vbody tr:first-child td { border-top:none; }

.verd { font-family: Verdana; }

/* --- VEHICLE HISTORY --- */
.num_div2 {
    padding: 5px 20px;
    margin: -5px -10px 5px;
    color: #FFF;
}

.num_div2 > .num_date, .start_stat > .num_date, .end_stat > .num_date { width: 75px !important; font-weight: bold; }

.num_div2 > .arrow, .start_stat > .arrow, .end_stat > .arrow, .orow_stat > .arrow {
    margin-right: 15px;
    position: relative;
    top: -2px;
}

.stat_block {
    padding: 0 10px 5px;
    margin: 5px -10px 5px;
}

.start_stat { margin-top: 5px; }
.end_stat { padding: 5px 10px; margin: 0 -10px 5px; }

.orow_stat { padding: 5px 10px; }
.orow_stat > .num_date { font-weight: bold; margin-right: 10px; }

/* --- VEHICLE HISTORY STYLES --- */
.vehicle-history {
    margin-top: 10px;
    padding: 10px;
    background: #f5f5f5;
    border-radius: 3px;
}

.vehicle-history-title {
    font-weight: bold;
    margin-bottom: 8px;
    color: #333;
}

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

.history-entry {
    border-bottom: 1px solid #eee;
}

.history-entry:last-child {
    border-bottom: none;
}

.history-date {
    color: #666;
    padding: 4px 10px 4px 0;
    width: 85px;
    white-space: nowrap;
}

.history-number {
    padding: 4px 0;
}

.history-number img {
    vertical-align: middle;
    margin-right: 5px;
}

/* --- VEHICLE SEARCH AUTOCOMPLETE --- */
.vsrch-close {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    color: #777;
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
    z-index: 1000;
    display: block;
}

.vsrch-close:hover {
    color: #b1b1b1;
}

#vsrch_res {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #FFFFFF;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    z-index: 1000;
    width: 100%;
    max-width: 100%;
    margin-top: 2px;
}

#vsrch_form {
    position: relative;
    width: 100%;
    z-index: 1010;
}

.mt10 {
    position: relative;
}

/* --- COUNTRY PAGE FLEX LAYOUT --- */
.flex-container {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
    width: 100%;
}

.main-content {
    flex: 1 1 60%;
    min-width: 0;
}

.sidebar-content {
    flex: 0 0 40%;
    min-width: 300px;
}

.mr10.full_space {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

/* --- EUROSAABS GALLERY/LOAD PAGE ONLY --- */
body.load-page #vaddform {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1200 !important;
    background: #fff;
    padding: 18px 20px 20px 20px;
    border: 2px solid #888;
    box-shadow: 0 8px 32px rgba(0,0,0,0.25);
    min-width: 400px;
    max-width: 90vw;
    max-height: 90vh;
    overflow-y: auto;
    display: none;
}
body.load-page .ui-autocomplete,
body.load-page .ui-helper-hidden-accessible {
    position: absolute !important;
    z-index: 1300 !important;
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: 0 2px 8px rgba(0,0,0,0.18);
    max-height: 250px;
    overflow-y: auto;
}