/* ================================= Common ================================= */

* {box-sizing: border-box; -moz-box-sizing: border-box;}  /*hack for Mozilla*/

body{
	font-size:0.9em;
	line-height:1.3em;
	font-family:"Arial"
}

table, tr, td{
	border-collapse: collapse;
	font-size:1em;
	vertical-align: top;
}

a {
	text-decoration: underline;
	color:black;
	cursor:pointer;
	font-size:0.9em;
}

a:hover {
	text-decoration: none;
}

a img{border:none;}

p{margin:1em 0;}

h1{
	font-size:24px;
	line-height:24px;
	color: black;
	margin:1.5em 0px;
}

h2{
	font-size:22px;
	line-height:22px;
	font-weight:normal;
	color: black;
	padding:0px;
	margin:1em 0px;
}

h3{
	font-size:20px;
	line-height:20px;
	color: black;
	padding:0px;
	margin:1em 0px;
}

/* ================================ End Common ============================== */


/* ================================ styles ============================== */

.title1{
	color:black;
	font-size:1.3em;
	line-height:1.5em;
	margin-bottom:0.3em;
}

div.attention{
	color:#000000;
	background:#d4d2cf;
	padding:20px 50px;
	margin:1em 0;
}


img.image_left{
	float:left;
	margin-right:1em;
	margin-bottom:1em;
}

img.image_right{
	float:right;
	margin-left:1em;
	margin-bottom:1em;
}


/* ================================ templates ============================== */

.customTable{
	width:100%;
}

.ct1 .title{
	width: 70%;
}

.ct2 .title{
	width: 40%;
}

.customTable .value{
	text-align: right;
}

.ct1 .value{
	width: 30%;
}

.ct2 .value{
	width: 60%;
}


.customTable .title, .customTable .value{
	background-color: #D4D2CF;
	padding: 5px 20px 5px 10px;
	font: bold 12px/12px "Arial";
	color: #5B5B5B;
}

.customTable .spacer{
	height: 10px;
	width:100%;
	color: #4c4c4c;
}

p.table_desc{
	margin:0;
	padding:0;
}