/*
PXCONVERTER

COPYRIGHT FLORIAN WOEGERER - ELEMENT
ELEMENTAGENCY.COM

*/

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	
}

:focus 	{ outline: 0;}
body 	{ line-height: 1; color: white;	background: #000;}
ol, ul 	{ list-style: none;}


/* GENERAL */
body {
	margin: 0px;
	padding: 0px;
	color: #FFF;
	font: 11px/18px 'MS Sans Serif', Geneva, sans-serif;
	background-color: #0e385a;
}

.css	{ overflow: scroll; width: 700px; background: url(../_img/bg_grey.png) repeat; 
font-family: Monaco, Courier, monospace; font-size: 12px; color: #FFF; padding: 10px;
		line-height: 1.5; overflow: auto; white-space: pre-wrap; word-wrap: break-word; border: 1px solid #000;
}
#result{
	background: url(../_img/bg_grey.png) repeat;  width:750px;  float:left; border: 1px solid #000; height: auto; padding: 10px 10px 40px 10px;
}
#csstext{ background: url(../_img/bg_grey.png) repeat;  width:700px;  border: 1px solid #000; height: 200px; overflow: scroll;
font-family: Monaco, Courier, monospace; font-size: 12px; color: #FFF; padding: 10px; 
		line-height: 1.5; overflow: auto; white-space: pre-wrap; word-wrap: break-word

}

#text{
	clear: both;
}

#input{ background: url(../_img/bg_grey.png) repeat;  width:750px;  float:left; border: 1px solid #000;margin-bottom: 10px; padding: 10px; color:#FFF; margin-top:20px;}

input{ background: url(../_img/bg_grey.png) repeat; border: 1px solid #000;margin-bottom: 10px; padding: 10px; color:#FFF;}
#upload_status, #file{	float: left; height: 20px;
}

#footer				{ width: 990px; line-height: 30px; text-align:right; height:30px;}	
/* BACKGROUND */

#bg_color{	background-color: #32365a; height:100%; width: 100%; position:fixed; z-index:-99;}
/*background images */		
#backgrounds{
	position: absolute;	
	top:0px;
	left:0px;
	height: 876px;
	width:100%; 
	z-index:-20;
}		

#element_bg	{ background: url(../_img/bg_element.jpg) no-repeat; height:100%; width:100%; background-color: #0e385a;}

h1 					{background: url(../_img/emconv_logo.png) no-repeat; text-indent: -4000px; height:50px; display:block;}
h2.px 					{background: url(../_img/pxstyle.png) no-repeat; text-indent: -4000px; height:50px; display:block; }
h2.em 					{background: url(../_img/emstyle.png) no-repeat; text-indent: -4000px; height:50px; display:block; }


#wrapper 			{ position: relative; width: 800px; margin: 10px; }
#single				{ width: 800px; position: relative; }

/* LINKS  , #nav ul a:hover, .navlink:hover, .navlink a:hover*/
a								{color:#FFF;text-decoration:none;outline:none;}
.navhover	{ color:#39801f; background-color:#ccc;}
.navlink 			{ background-color: transparent; color: #FFF;} 
.navactive 			{ background-color: #FFF; color: #39801f;} 
/* GENEREL */
span.white 			{ color: #FFF; }

/* CHECKBOX STYLING */

span.checkbox {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(checkbox.gif) no-repeat;
display: block;
clear: left;
float: left;
}
span.radio {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(radio.gif) no-repeat;
display: block;
clear: left;
float: left;
}
span.select {
position: absolute;
width: 50px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
height: 18px;
padding: 0px 24px 0 0px;
color: #37801a;
text-align: left;
;
background: url(../_img/frm_select.gif) no-repeat center right;
overflow: hidden;
}

label{
	height: 18px;
  	padding: 0 10px 0 8px;
}

#language_switch	{	position: fixed; bottom: 20px; left: 30px; width: 200px; height: 30px; color:#FFF; z-index:100;}
#progress-bar {	position: fixed; bottom: 0px; left: 220px; width: 200px; height: 20px; }



#footer				{position: fixed; bottom:0px; right:0px; width:100%; height:20px;  z-index:1000; background-color:#000;}
#footer span 		{float: right; padding: 0px 20px}


#next_post		{position: absolute;top: 450px; right: 50px;}
#previous_post	{top: 450px; left: 50px;}

/* ERROR MESSAGE FOR IE6 USERS */
#ie-message {
background:#db2e2e;
border:1px solid #333;
color: #fff;
padding:15px;
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
margin-bottom:10px;
position: relative;
top: 30px;
left: 200px;
width: 500px;
z-index: 1000;
}

#ie-message a {
color:#fff;
text-decoration:underline;
}


/* Loading Message */

#loadingpage{
	position: fixed; bottom: 32px; left: 150px; width: 300px; height: 18px; background: url(../_img/loading.gif) #000 no-repeat; padding-left: 20px;  z-index: 999;
}

input.styled { display: none; } 
select.styled { position: relative; width: 100px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } 
input.stylelang { display: none; } 
select.stylelang { position: relative; width: 80px; opacity: 0; filter: alpha(opacity=0); z-index: 5; }