/* TAGS */
@font-face {
	font-family: "HeliosCond";
	src: url(/styles/fonts/helcond0.pfm); 
}

.png {
	background-image: none !important;
	behavior: url(/styles/png-ie-fix.htc);
}

html, body {
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	font-weight: normal;
	/*color: #747474;*/
	color: #000;
	background-color: #ebebeb;
}

form, input, textarea {
	margin: 0px;
	padding: 0px;
}
input { vertical-align: middle; }
img {
	border: 0px;
	display: inline;
}
ul, ul li {
	margin: 0px;
	padding: 0px;
}
ol {  }
ol li {  }
em {  }
div {  }
p { margin: 10px 0px 0px 0px; }
h1, h2, h3, h4, h5, h6 {
	margin: 5px 0px 5px 0px;
	padding: 0px;
}
h1 { 
	font-size: 18px;
	margin: 0px 0px 10px 0px;
}
h2 {
	font-size: 16px;
	font-weight: bold;
	color: #f00;
}
h3 { 
	font-size: 15px;
	font-weight: bold;
	color: #f00;
}
h4 { 
	font-size: 14px;
	font-weight: bold;
	color: #f00;
}
h5 {
	font-size: 12px;
	font-weight: bold;
	color: #f00;
}
h6 { 
	font-size: 11px;
	font-weight: normal;
}

/* LINKS */
a:link, 
a:visited, 
a:active {
	color: #000;
	font-size: 12px;
	text-decoration: none;
}
a:hover,
a:visited:hover {
	color: #000;
	font-size: 12px;
	text-decoration: underline;
}

a.u:link, 
a.u:visited, 
a.u:active {
	color: #000;
	font-size: 12px;
	text-decoration: underline;
}
a.u:hover,
a.u:visited:hover {
	color: #000;
	font-size: 12px;
	text-decoration: none;
}

a.red:link, 
a.red:visited, 
a.red:active {
	color: #f00;
	font-size: 11px;
	text-decoration: none;
}
a.red:hover,
a.red:visited:hover {
	color: #f00;
	font-size: 11px;
	text-decoration: underline;
}

/* TEXTS */
.txt-title {  }
.txt-subtitle {  }
.txt-normal {  }

/* FORMS */
.textarea,
.textbox {
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	border: 1px solid #f00; /* inset */
	padding: 1px 10px 1px 10px;
	/* background-color: #f2f2f2; */
}
.textarea {
	
}
.button { 
	vertical-align: middle;
	border: 1px solid #f00;
	background-color: #f2f2f2;
	font-size: 10px;
	padding: 2px 10px 2px 10px;
}
.select { vertical-align: middle; }

/* colors */
.black { color: #000; }
.white { color: #fff; }

/* misc */
.required {
	/* color: #bb0000; */
	color: #f00;
	font-size: 11px;
}

.wshort { width: 150px; }
.wmedium { width: 250px; }
.wwide { width: 500px; }

.uppercase { text-transform: uppercase; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }

.small { font-size: 10px; }
.big { font-size: 12px; }

.justify { text-align: justify; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.float-left { float: left; }
.float-right { float: right; }

.hidden { display: none; }
.visible { display: ; }

div.left {
	float: left;
	padding: 5px 5px 5px 5px;
	margin: 0px 10px 5px 0px;
	background-color: #ebebeb;
}
div.right {
	float: right;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 5px 10px;
	background-color: #ebebeb;
}
div.left img,
div.right img { border: 1px solid #f00; }

img.left {
	float: left;
	margin: 0px 10px 5px 0px;
	border: 1px solid #f00;
}
img.right {
	float: right;
	margin: 0px 0px 5px 10px;
	border: 1px solid #f00;
}

.centered {
	margin: 0px auto 0px auto;
	padding: 0px auto 0px auto;
}
