
/* TAGS */

/*@font-face {

        font-family: "HeliosCond";

        src: url(/styles/fonts/helcond0.pfm); 

}*/



div, span, img, ul, li, input, .png { /*behavior: url(/resources/png.htc);*/
	
}

html, body {
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-family: Tahoma;
	font-size: 9pt;
	/*line-height: 130%;*/
	/*letter-spacing: 0.5pt;*/
	font-weight: normal;
	background-color: #fff;
	color: #000; /*#212b00;*/
}

form, input, textarea {
	margin: 0px;
	padding: 0px;
}

input { vertical-align: middle; }

img {
	border: 0px;
	display: inline;
}

ul {
	margin: 0px;
	padding: 0px;
}

ul li {
	margin: 0px;
	padding: 0px;
}

ol { }

ol li { }

em { }

div { font-size: 9pt; }

p { margin: 0px 0px 10px 0px; }

h1, h2, h3, h4, h5, h6 {
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

h1 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 16pt;
}

h2 { font-size: 14pt; }

h3 { font-size: 12pt; }

h4 { font-size: 11pt; }

h5 { font-size: 10pt; }

h6 { font-size: 9pt; }

/* links */

a:link,  a:visited,  a:active {
	font-size: 8pt;
	text-decoration: underline;
	color: #5d8d00;
	/*color: #9dcc40;*/
}

a:hover,  a:visited:hover {
	font-size: 8pt;
	text-decoration: none;
	color: #5d8d00;
	/*color: #9dcc40;*/
}

a.alter:link,  a.alter:visited,  a.alter:active {
	font-size: 8pt;
	text-decoration: underline;
	color: #6a7384;
}

a.alter:hover,  a.alter:visited:hover {
	font-size: 8pt;
	text-decoration: none;
	color: #6a7384;
}

/* texts */

.bigtitle { 
	color: #5d8d00;
	font-weight: bold;
	font-size: 16px;
}

.title { 
	color: #5d8d00;
	font-weight: bold;
}

h1.subtitle,
h2.subtitle,
h3.subtitle,
h4.subtitle,
h5.subtitle,
h6.subtitle { 
	color: #000;
	text-decoration: underline;
}

.atitle {
	color: #4a597b;
	font-weight: bold;
}

.important {
	font-style: italic;
	font-weight: bold;
}

.vip {
	color: #f00;
	font-weight: bold;
}

/* forms */

.button {
	font-size: 7pt;
	color: #fff;
	background-color: #99ca3b;
	padding: 2px 10px 2px 10px;
	vertical-align: middle;
	border: 0px;
}

.combobox {
	font-size: 7pt;
	border: 1px inset #99ca3b;
	vertical-align: middle;
}

.textarea,  .textbox {
	border: 2px inset #99a0b0;
	background-color: #ecf2fb;
	font-size: 8pt;
	padding: 1px 10px 1px 10px;
}

/* colors */

.green { color: #99ca3b; }

.grey { color: #edf1f4; }

/* misc */

.warning {
	font-size: 9pt;
	font-style: italic;
}

.error { color: #f00; }

.required {
	color: #f00;
	font-size: 9pt;
}

.note {
	font-size: 7pt;
	font-style: italic;
	color: #f00 !important;
}

.w-xx-small { width: 35px; }

.w-x-small { width: 95px; }

.w-medium { width: 145px; }

.w-wide { width: 400px; }

.w-x-wide { width: 700px; }

.uppercased { text-transform: uppercase !important; }

.underlined { text-decoration: underline !important; }

.italic { font-style: italic !important; }

.bold { font-weight: bold !important; }

.normal { font-weight: normal !important; }

.justify { text-align: justify !important; }

.center {
	width: 100%;
	text-align: center !important;
}

.left { text-align: left !important; }

.right { text-align: right !important; }

.float-left { float: left; }

.float-right { float: right; }

.hidden { display: none; }

.visible { display: block; }

img.left {
	float: left;
	margin: 0px 15px 15px 0px;
}

img.right {
	float: right;
	margin: 0px 0px 5px 5px;
}

.centered {
	margin: 0px auto;
	padding: 0px auto;
}

.image-right {
	float: right;
	margin: 0px 0px 10px 20px;
}

.image-left {
	float: left;
	margin: 0px 20px 10px 0px;
}

.image { /*border: 2px solid #5a9e47;*/
	border: 1px solid #4a597b;
}

.image img { }

.splitter {
	font-size: 1px;
	height: 1px;
	width: 100%;
	border-top: 2px dotted #edf1f4;
	margin: 20px 0px 20px 0px;
	float: left;
}

.page-title { /* .z-content */
	margin-top: 5px;
	margin-bottom: 15px;
	float: left;
	width: 100%;
}

.page-title .wrp { /* .z-content */
	float: left;
	padding-right: 20px;
	padding-bottom: 5px;
	border-bottom: 5px solid #9dcc40;
}

.media-list { /* .z-content */
	list-style: none;
	float: right;
	padding-left: 15px;
}

.media-list li { /* .z-content */ margin-bottom: 20px; }

.content-block {
	float: left;
	width: 100%;
}

.table-green {
	width: 100%;
	border-top: 1px solid #5d8d00;
	border-left: 1px solid #5d8d00;
	margin: 10px 0px 10px 0px;
}

.table-green td {
	padding: 4px;
	vertical-align: top;
	border-bottom: 1px solid #5d8d00;
	border-right: 1px solid #5d8d00;
	font-size: 8pt;
}

.table-green .title td {
	text-align: center !important;
	color: #99ca3b;
	font-weight: bold;
	font-size: 7pt;
}

.table-green .header td {
	background-color: #000;
	color: #99ca3b;
	font-weight: bold;
	font-size: 9pt;
}

.table-green .first {
	background-color: #f8ffec !important;
	color: #5d8d00;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	width: 10%;
}

.table-green .subtitle td {
	background-color: #e3f4c7;
	color: #5d8d00;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	width: 10%;
}

.table-green .center td {
	text-align: center !important;
	vertical-align: middle !important;
}

.table-green .info td { font-style: italic !important; }

.table-grey {
	width: 100%;
	border-top: 1px solid #4a597b;
	border-left: 1px solid #4a597b;
	margin: 10px 0px 10px 0px;
}

.table-grey td {
	padding: 4px;
	vertical-align: top;
	border-bottom: 1px solid #4a597b;
	border-right: 1px solid #4a597b;
	font-size: 8pt;
}

.table-grey .title td {
	text-align: center !important;
	color: #7985a1;
	font-weight: bold;
	font-size: 9pt;
}

.table-grey .header td {
	background-color: #6a7384;
	color: #ecf2fb;
	font-weight: bold;
	font-size: 7pt;
}

.table-grey .first {
	background-color: #edf1f4;
	color: #4a597b;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	width: 10%;/*#7985a1

        #edf1f4

        #ecf2fb

        #99a0b0

        #6a7384*/

}

.table-grey .subtitle td {
	background-color: #cedae3;
	color: #4a597b;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	width: 10%;
}

.table-grey .center td {
	text-align: center !important;
	vertical-align: middle !important;
}

.table-grey .info td { font-style: italic !important; }

.z-content ul { 
	padding-left: 15px;
	list-style: square;
}

.marked {
	margin-top: 10px;
	padding-left: 15px;
	list-style: square;
	color: #99ca3b;
}

.marked li {
	/*margin: 0px 0px 10px 0px;*/
	padding: 0px 0px 10px 0px;
	font-size: 8pt;
}

.marked li span { color: #000; }


.amarked {
	margin-top: 10px;
	padding-left: 15px;
	list-style: square;
	color: #6a7384;
}

.amarked li {
	padding: 0px 0px 10px 0px;
	font-size: 8pt;
}

.amarked li span { color: #4a597b; }
