@charset "UTF-8";

/************************************************************************************
 * newsline.css - for publishing news from the program's BBT 
 * to website VEP.RU
 * [ http://www.vep.ru/ ]
 *
 * Copyright (c) 2015 Mike Dobrotvorsky
 * Copyright (c) 2015 Agency-VEP
 * 
 * Date: 2015-09-02
 * Revision: 1.2
 ************************************************************************************/
 
/************************************************************************************/
/* 	Selective-Colors * to website VEP.RU * [ http://www.vep.ru/ ]					*/
/************************************************************************************/
	
   .Selective-Colors {
/******************** Basic Colors ***********************/
	color: #7F924A;	/* Dark-Green-Basic */
	color: #f5fae1;	/* Super-Light-Green-BG */
	color: #C3D18D;	/* Light-Green-BG */
	
    color: #ff6600;	/* Dark-Orange-Basic */
	color: #ffcc99;	/* Light-Orange */
	color: #fff4e5;	/* Super-Light-Orange */
	color: #FFFFF0;	/* Ultra-Light-Orange */
	
	color: #888888;	/* Dark-Gray */
	color: #bababa;	/* Light-Gray */
	color: #dadada;	/* Super-Light-Gray */
	color: #eeeeee;	/* Ultra-Light-Gray */
	
/******************** Styles for select text ***********************/
	background-color: #C3D18D;	/***** (marker-text-green) *****/
	background-color: #ffcc99;  /***** (marker-text-orange) *****/
	
	color:#6a8d00;	/***** (text-select-green) ****/
	color:#ff6600;	/***** (text-select-orange) ****/
	
	color: #40610b; /* Super-Dark-Green-0-Txt-Main_menu-link */
	color: #416e00;	/* 		 Dark-Green-Text-1-Txt-link */
	color: #8aa100;	/* 			  Green-Text-2-Txt-link-visited */
	color: #ff6600;	/* 			 Orange-Text-3-Txt-link-hover */
	color: #7f924a;	/* 			  Green-Text-4-Txt-Data */
	
/******************** Styles for Box ***********************/	
	background-color: #7F924A;	/* Dark-Green-Box */
	background-color: #ff6600;	/* Dark-Orange-Box */
	

    background-color: #F5FAE1;	/* Light-Green-Box */
    border: 1px dashed #7F924A; /* Dark-Green-Border for Light-Green-Box */
	
    background-color: #fef3d8;	/* Light-Orange-Box */
    border: 1px dashed #fe7010;	/* Dark-Orange-Border for Light-Orange-Box */
	

    background-color: #fffff0;	/* Ultra-Light-Green-Box */
    border: solid #7F924A 2px; /* Dark-Green-Border for Super-Light-Green-Box */
	
    background-color: #fffff0;	/* Ultra-Light-Orange-Box */
    border: solid #ff6600 2px;	/* Dark-Orange-Border for Super-Light-Orange-Box */	

}
/************************************************************************************/

/* ===== Start Reset XHTML, HTML4, HTML5 ================================================================= */
.newsline a,
.newsline abbr,
.newsline acronym,
.newsline address,
.newsline applet,
.newsline article,
.newsline aside,
.newsline audio,
.newsline b,
.newsline big,
.newsline blockquote,
.newsline body,
.newsline canvas,
.newsline caption,
.newsline center,
.newsline cite,
.newsline code,
.newsline dd,
.newsline del,
.newsline details,
.newsline dfn,
.newsline dialog,
.newsline div,
.newsline dl,
.newsline dt,
.newsline em,
.newsline embed,
.newsline fieldset,
.newsline figcaption,
.newsline figure,
.newsline font,
.newsline footer,
.newsline form,
.newsline h1,
.newsline h2,
.newsline h3,
.newsline h4,
.newsline h5,
.newsline h6,
.newsline header,
.newsline hgroup,
.newsline hr,
.newsline i,
.newsline iframe,
.newsline img,
.newsline ins,
.newsline kbd,
.newsline label,
.newsline legend,
.newsline li,
.newsline mark,
.newsline menu,
.newsline meter,
.newsline nav,
.newsline object,
.newsline ol,
.newsline output,
.newsline p,
.newsline pre,
.newsline progress,
.newsline q,
.newsline rp,
.newsline rt,
.newsline ruby,
.newsline s,
.newsline samp,
.newsline section,
.newsline small,
.newsline span,
.newsline strike,
.newsline strong,
.newsline sub,
.newsline summary,
.newsline sup,
.newsline table,
.newsline tbody,
.newsline td,
.newsline tfoot,
.newsline th,
.newsline thead,
.newsline time,
.newsline tr,
.newsline tt,
.newsline u,
.newsline ul,
.newsline var,
.newsline video,
.newsline xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 12px;
  text-decoration: none;
}
.newsline b,
.newsline strong {
/*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
  font-weight: bold;
}
.newsline li {
/*
  For IE6 + IE7:
  "display: list-item" keeps bullets from
  disappearing if hasLayout is triggered.
*/
  display: list-item;
  list-style: none;
}
/* ===== End Reset XHTML, HTML4, HTML5 ================================================================= */

/*========= .Pages ==========================================================================*/
.Pages {
    font: normal 13px/20px Arial, Helvetica, sans-serif;
    margin: 20px 5px;
    text-align: center;
    vertical-align: top;
}
/*===========================================================================================*/

/*=== WWW ======= #newsline ===============================================================================*/	
#newsline {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	width: 100%;
	margin:5px 0 20px 0;
}

/***********************************************************************/
#newsline a:link, #newsline a:active {
    color: #416e00; text-decoration: underline; font-weight: lighter; }
#newsline a:visited {
    color: #8aa100; text-decoration: underline; font-weight: lighter; }
#newsline a:hover {
	color: #ff6600; text-decoration: none; font-weight: lighter; }
/***********************************************************************/
#newsline h1, #newsline .h1 {
	font: 400 21px/23px Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	color: #ff6600;
	border-bottom: 2px solid #bababa;
	padding: 0px 0px 2px 0px;
	display: block;
	margin: 0px 0px 20px 0px;
}
#newsline h2, #newsline .h2,
#newsline h3, #newsline .h3,
#newsline h4, #newsline .h4,
#newsline h5, #newsline .h5,
#newsline h6, #newsline .h6
{	font: 400 12px/16px Arial, Helvetica, sans-serif;
	color: #ff6600;
	margin: 5px 0px 20px 0px;
	padding: 0;
}
#newsline h2, #newsline .h2 {font-size: 18px; font-weight: 500;}
#newsline h3, #newsline .h3 {font-size: 15px; font-weight: 600;}
#newsline h4, #newsline .h4 {font-size: 13px; font-weight: 600;}
#newsline h5, #newsline .h5 {font-size: 12px; font-weight: 600;}
#newsline h6, #newsline .h6 {font-size: 12px; font-weight: 600;}
/***********************************************************************/
#newsline p {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	margin: 0px 0 12px 0;
	padding: 0;
}
/*************************************************************************************/
/*** WWW ******************* Styles for the snippets from BBT *************** WWW ***/

/***** Styles for select text *****/
#newsline .marker-Blue {background-color: #C3D18D;	/***** (marker-green) *****/}
#newsline .marker-Orange {background-color: #ffcc99;  /***** (marker-orange) *****/}
#newsline .selection_simple1 {color:#6a8d00;	/***** (text-green) ****/}
#newsline .selection_simple2 {color:#fe7010;	/***** (text-orange) ****/}

/***** Borders *****/
#newsline .outerselection {
    width: 100% !important;
    margin: 0px 0 25px 0;
}
/***************************************************************/
/* Block Green-Dark */
#newsline .selection1 {
    font: normal 14px/16px Arial, Helvetica, sans-serif;
    background-color: #7F924A;
    color: #FFF;
    padding: 0.7em 1em;
    border: none;
}
/* Block Green-Light */
#newsline .selection2 {
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    background-color: #F5FAE1;
    padding: 0.7em 1.2em;
    border: 1px dashed #7F924A;
}
/* Block Orange-Dark */
#newsline .selection3 {
		font: normal 14px/16px Arial, Helvetica, sans-serif;
	background-color: #fe7010;
	color:#FFF;
	padding: 0.7em 1em;
	border: none;
}
/* Block Orange-Light */
#newsline .selection4 {
		font: normal 12px/16px Arial, Helvetica, sans-serif;
	background-color: #fef3d8;
	padding: 0.7em 1.2em;
	border: 1px dashed #fe7010
}
/* Block Gray-Light */
#newsline .selection5 {
	background-color:#f0f0f0;
	padding: 0.7em 1.2em;
	border: 1px dashed #999;
}
/***************************************************************/
/*	New style "Block-Question-Orange" */
#newsline .outerframe1 {
    width: 100% !important;
    margin: 0px 0 25px 0;
    background-color: #fffff0;
    background-image: url(/image/snippets/block_line_o.gif);
    background-repeat: repeat-y;
    background-position: left top;
    border: 2px solid #fe7010;
}
#newsline .frame1m { 
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	padding: 0.7em 1em 0.7em 60px;
	background-image: url(/image/snippets/block_accent_o.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
/***************************************************************/
/*	New style "Block-Question-Green" */
#newsline .outerframe2 {
    width: 100% !important;
    margin: 0px 0 25px 0;
    background-color: #fffff0;
    background-image: url(/image/snippets/block_line_b.gif);
    background-repeat: repeat-y;
    background-position: left top;
    border: 2px solid #7F924A;
}
#newsline .frame2m {
    font: normal 12px/16px Arial, Helvetica, sans-serif;
    text-align: left;
    vertical-align: top;
    padding: 0.7em 1em 0.7em 60px;
    background-image: url(/image/snippets/block_question_b.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
/********************************************************************************/
#newsline .outerframe { 
/* Container for mono or duble & triple block frame 3,4,5,6 */
	border-collapse: separate !important;
	border-spacing: 10px !important;
	width: 100% !important;
	margin: 0px 0 10px 0;
	background-color: #FFFFFF;
}
#newsline .frame3, #newsline .frame4, #newsline .frame5, #newsline .frame6 {
	font: normal 12px/16px Arial, Helvetica, sans-serif;}
/********************************************************************************/
#newsline .frame3 { /* Green Border - Mono */
	background-color: #fffff0;
    border: solid #7F924A 2px;
    padding: 0.7em 1em;
}
#newsline .frame4 { /* Orange Border - Mono */
    background-color: #fffff0;
    border: 2px solid #fe7010;
    padding: 0.7em 1em;
}
#newsline .frame5 { /* Green Border - Duble */
	background-color: #fffff0;
    border: solid #7F924A 2px;
    padding: 0.7em 1em;
}
#newsline .frame6 {	/* Orange Border - Duble */
    background-color: #fffff0;
    border: solid #fe7010 2px;
    padding: 0.7em 1em;
}
/*** MMM ******************* Styles for the snippets from BBT *************** MMM ***/
/***********************************************************************************/

/*=== MMM ======= #newsline ===============================================================================*/




/*=== WWW ======= #newslist ===============================================================================*/
#newslist {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	width: 100%;
	margin: 0 0 20px 0;
}
#newslist #News { border: none; }
#newslist A:link, #newslist A:active, #newslist A:visited, #newslist A:hover {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
/*	color: #ff6600;	*/
	text-align: left; vertical-align: top;
	
	text-decoration: none; cursor: pointer;
	
	display: block; width: 100%; border-bottom: 1px dashed #bababa;
	
	margin: 0px; padding: 10px 0 8px 0;
	overflow: auto;		/* new-correct   !!! important !!! */
}
#newslist A:hover {
	text-decoration: none;
	background-color: #eee;
}
#newslist .Data {
	font-weight: bold;
	color: #7f924a;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}
#newslist .Title {
	font: bold 13px/16px Arial, Helvetica, sans-serif;
	color: #ff6600;
/*	text-decoration: none;	*/
	padding: 2px 5px 0px 5px;
}
#newslist a:hover .Title {
    color: #ff6600;
    text-decoration: underline;
}
#newslist .Text {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #333333;
	text-decoration: none;
	padding: 3px 5px 0px 5px;
}
/**********************************************************************************/
#newslist A:link .More, #newslist A:active .More, #newslist A:visited .More, #newslist A:hover .More {
display: block; float: right; bottom: 0; right: 0px;
	margin: 5px 5px 0 5px; padding: 2px 7px;
	
    color: #ff6600; background-color: transparent;
    font: normal 12px Arial, Helvetica, sans-serif;
    text-decoration: none; cursor: pointer;
	
-webkit-border-radius: 3px; -moz-border-radius: 4px; border-radius: 4px;
}
/*
#newslist A:visited .More { color: #006fd8; background-color: transparent; }	*/
#newslist A:hover .More { color: #fff; background-color: #ff6600; }
/**********************************************************************************/
/*=== MMM ======= #newslist ===============================================================================*/