/*
HTML5 Boilerplate
https://github.com/necolas/normalize.css/wiki
http://css-infos.net
http://css-infos.net/properties/webkit
*/

html, body , div, span, applet, object, embed, iframe,
h1, h2, h3, h4, h5, h6, p, abbr, acronym, address,
big, cite, del, em, font, q, s, strike, sub, sup,
tt, var, dl, dt, fieldset, form, label , 
table, tbody, tfoot, thead, tr, ins, li,
b, u, i, center,
article, aside, canvas, details,  
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section 
{
	display: block; /*HTML5 display-role reset for older browsers*/
}

audio, canvas, video 
{
	display: inline-block;
	*display: inline;
	*zoom: 1; /*the asterisk in the property is ha hack for IE7 and older*/
}

audio:not([controls]) 
{
	display: none; /*display: none : Modern browsers with support for audio will not display audio elements that do not have controls. Because the previous rule displays audio elements, this rule is needed to ensure that Firefox 3/4/5, Safari 4, and Opera will hide audio elements that do not have controls. Chrome, Safari 5, and IE9 will never display audio elements that lack the controls attribute.*/
	 height: 0;
}

[hidden] 
{ 
	display: none; /*display: none : Addresses styling not present in FF3, S4/5, IE7/8/9. No effect on IE6. This rule is separate from the previous one because otherwise IE8 (or any browser that doesn't understand one of the selectors) will drop the entire rule.*/
}


html {
	background: #fff;
	color: #000;
	font-size: 100%;
	-webkit-text-size-adjust: 100%; /*The size in percentage at which to display text in Safari on iPhone.*/
	-ms-text-size-adjust: 100%;
}

html, button, input, select, textarea 
{ 
	font-family: sans-serif;
	/*color: #222;*/
}

body {
/*
	font-size: 1em; 
	line-height: 22px;*//*Yecms - 1 also value one (with nothing else on ericMeyer.css and htmldoctor.css)*/
	/*color: #000000;
	background: #ffffff;*/
	margin: 0;
}

::-moz-selection 
{
	/*text selection for mozilla firefox*/
	background: #b3d4fc; /*#AEAEAE; */
	color: #fff; 
	text-shadow: none; 
}

::selection 
{
	/*text selection in explorer, safari and chrom*/
	background: #b3d4fc; /*#AEAEAE; */
	color: #fff;
	text-shadow: none; 
}

:focus 
{
	outline: 0;
}

a 
{ 
	color: #00e;
	margin:0; 
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

a:visited 
{ 
	color: #551a8b;
}

/*
a:hover 
{
	color: #06e;
	outline: 0;
}*/

a:focus 
{
	outline: 0;/*thin dotted;*/ /*outline is a line that is drawn around elements*/
}

a:active ,a:hover 
{
	outline: 0; 
}

del {
    text-decoration: line-through;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}


abbr[title] , dfn[title]
{
	border-bottom: 1px dotted;
}

b, strong
{ 
	font-weight: bold;
}

blockquote 
{
	margin: 1em 40px; 
}

dfn 
{
	font-style: italic; 
}

hr 
{ 
	/*display: block; 
	height: 1px; 
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0; 
	padding: 0; */
	-moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

ins 
{ 
	background: #ff9; 
	color: #000;
	text-decoration: none; 
}

mark 
{ 
	/*background: #ff0; 
	color: #000;
	font-style: italic;
	font-weight: bold;*/
	 background: #ff0;
    color: #000;
}

p,pre 
{
    margin: 1em 0;
}

pre, code, kbd, samp 
{ 
	font-family: monospace, serif; 
	_font-family: 'courier new', monospace; /* IE 6 and below*/
	font-size: 1em; 
}

pre 
{ 
	white-space: pre;
	white-space: pre-wrap; 
	word-wrap: break-word;
}

q ,blockquote
{ 
	quotes: none; /*Specifies that the "open-quote" and "close-quote" values of the "content" property will not produce any quotation marks*/
}

q:before, q:after , blockquote:before, blockquote:after
{ 
	content: ""; /*or ''*/
	content: none; 
}

small 
{ 
	font-size: 80%; /*85%;*/
}

sub, sup 
{ 
	font-size: 75%;
	line-height: 0;
	position: relative; 
	vertical-align: baseline; 
}

sup 
{ 
	top: -0.5em; 
}

sub 
{ 
	bottom: -0.25em; 
}

ul, ol 
{
	margin: 1em 0;
	padding: 0 0 0 40px; 
	list-style: none;
}

menu, ol, ul 
{
    padding: 0 0 0 40px;
}

dd 
{ 
	margin: 0 0 0 40px; 
}

nav ul, nav ol 
{ 
	list-style: none; 
	list-style-image: none; 
	margin: 0;
	padding: 0; 
}

img 
{ 
	border: 0; /*Removes border when inside 'a' element in IE6/7/8/9 and Firefox 3.**/
	-ms-interpolation-mode: bicubic; /* Improves image quality when scaled in IE7. It is on by default in IE8 and is not implemented in IE6.*/
	vertical-align: middle; 
}

svg:not(:root)
{ 
	overflow: hidden; /* Corrects overflow not being hidden in IE9. Earlier versions of IE don't support SVG, so we can safely use the :not() and :root selectors that modern browsers use in the default UA stylesheets to apply this style*/
}

figure 
{ 
	margin: 0; /*Addresses margin not present in IE6/7/8/9, S5, O11.*/
}

/*
form 
{ 
	margin: 0; 
}
*/

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
label 
{ 
	cursor: pointer;
}
*/

legend 
{ 
	border: 0; 
	*margin-left: -7px; /*the asterisk in the property is ha hack for IE7 and older*/
	padding: 0; 
	white-space: normal; 
}

button, input, select, textarea 
{ 
	font-size: 100%; 
	margin: 0; 
	vertical-align: baseline; 
	*vertical-align: middle; /*the asterisk in the property is ha hack for IE7 and older*/
}

button, input 
{ 
	line-height: normal; 
}

button, select 
{
    text-transform: none;
}

button, input[type="button"], input[type="reset"], input[type="submit"] 
{
	cursor: pointer; 
	-webkit-appearance: button; /*Changes the appearance of buttons and other controls to resemble native controls*/
	*overflow: visible; /*the asterisk in the property is ha hack for IE7 and older*/
}

button[disabled], input[disabled] 
{
	cursor: default; 
}

input[type="checkbox"], input[type="radio"] 
{ 
	box-sizing: border-box; 
	padding: 0;
	*width: 13px; /*the asterisk in the property is ha hack for IE7 and older*/
	*height: 13px; /*the asterisk in the property is ha hack for IE7 and older*/
}

input[type="search"] 
{ 
	-webkit-appearance: textfield; /*Changes the appearance of buttons and other controls to resemble native controls*/
	-moz-box-sizing: content-box; /*in Firefox ~ box-sizing: content-box;*/
	-webkit-box-sizing: content-box; /*in safari ~ box-sizing: content-box;*/
	box-sizing: content-box; 
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button 
{
	-webkit-appearance: none; /*Changes the appearance of buttons and other controls to resemble native controls*/
}

button::-moz-focus-inner, input::-moz-focus-inner 
{ 
	/*a fix for mozilla firefox*/
	border: 0;
	padding: 0; 
}

textarea {
	overflow: auto; 
	vertical-align: top; 
	resize: vertical; 
}

input:valid, textarea:valid 
{
/*was empty*/  
}

input:invalid, textarea:invalid 
{ 
	background-color: #f0dddd; 
}


table 
{ 
	border-collapse: collapse; 
	border-spacing: 0; 
}

caption, th 
{
	/*Yecms - rule was added from our style.css*/
	text-align: right;
	font-weight: normal;
}

td 
{ 
	vertical-align: top; 
	text-align: left;/*Yecms - property added from our style.css*/
	font-weight: normal;
}

.chromeframe 
{
	margin: 0.2em 0; 
	background: #ccc; 
	color: black; 
	padding: 0.2em 0; 
}

@media only screen and (min-width: 35em) {
	/*used for mobile devices as well as pc*/
  /*check http://css-tricks.com/snippets/css/media-queries-for-standard-devices/*/

}

.ir 
{
	/*
	Image replacement
	see http://basics.4design.tl/html5-boilerplate-using-ir-class
	Using .ir class and make the replaced image “clickable”
	*/
	display: block;
	border: 0;
	/*text-indent: -999em;*/
	 /* IE 6/7 fallback */
    *text-indent: -9999px;
	overflow: hidden;
	background-color: transparent; 
	background-repeat: no-repeat;
	text-align: left; 
	direction: ltr; 
	*line-height: 0; /*the asterisk in the property is ha hack for IE7 and older*/
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.ir br 
{ 
	display: none;
}

.hidden 
{ 
	/*Hide for both screenreaders and browsers*/
	display: none !important;
	visibility: hidden; 
}

.visuallyhidden 
{ 
	/*Hide only visually, but have it available for screenreaders*/
	border: 0; 
	clip: rect(0 0 0 0); 
	height: 1px; 
	margin: -1px; 
	overflow: hidden; 
	padding: 0;
	position: absolute; 
	width: 1px; 
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus 
{ 
	clip: auto; 
	height: auto; 
	margin: 0; 
	overflow: visible; 
	position: static; 
	width: auto; 
}

.invisible 
{
	/*Hide visually and from screenreaders, but maintain layout*/
	visibility: hidden; 
}

/*
why to use clear fix:
The problem happens when a floated element is within a container box, that element does not automatically force the container’s height adjust to the floated element. When an element is floated, its parent no longer contains it because the float is removed from the flow. You can use 2 methods to fix it:
{clear: both;}
clearfix
see http://www.webtoolkit.info/css-clearfix.html
*/
.clearfix:before, .clearfix:after 
{ 
	content: ""; 
	display: table; 
}

.clearfix:after 
{ 
	clear: both; 
}

.clearfix 
{
	*zoom: 1;/*the asterisk in the property is ha hack for IE7 and older*/
}

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */


@media print 
{
	* { 
		background: transparent !important;
		/*color: black !important; */
		color: #000 !important; 
		box-shadow:none !important; 
		text-shadow: none !important; 
		filter:none !important; 
		-ms-filter: none !important; 
	} 
	
	a, a:visited 
	{ 
		text-decoration: underline; 
	}
	
	a[href]:after 
	{ 
		content: " (" attr(href) ")"; 
	}
	
	abbr[title]:after 
	{ 
		content: " (" attr(title) ")"; 
	}
	
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after 
	{ 
		content: ""; 
	} 
	
	pre, blockquote 
	{ 
		border: 1px solid #999; 
		page-break-inside: avoid;
	}
	
	thead 
	{ 
		/*used to group header content in an HTML table*/
		display: table-header-group; 
	} 
	
	tr, img 
	{ 
		page-break-inside: avoid;
	}
	
	img 
	{ 
		max-width: 100% !important; 
	}
	
	@page 
	{ 
		margin: 0.5cm; 
	}
	
	p, h2, h3 
	{ 
		orphans: 3; /*The orphans property defines the minimum number of lines of a paragraph that must be left at the bottom of a page.*/
		widows: 3; /*The widows property defines the minimum number of lines of a paragraph that must be left at the top of a page.*/
	}
	
	h2, h3 
	{ 
		page-break-after: avoid; 
	}
}