/* Importing styles
*******************************/

@import 'reset.css';

@import 'content.css';

@import 'menu.css';


/* Main styles
*******************************/

body { 
	font-size: 11px;
	color: #737373 ;
}


/* Default fonts
*******************************/

body			{ font-family: Tahoma, Arial, Helvetica, sans-serif }
pre			{ font-family: Verdana, sans-serif; } 
code			{ font-family: "Courier New", Monaco, Courier, monospace; } 


/* Header elements
*******************************/

h1,h2,h3,h4,h5,h6 { 
  color:#5C5C5C; 
  text-align: left;
  font-weight: bold;
}

h1					{ font-size: 18px; line-height: 28px; }
h2					{ font-size: 16px; line-height: 20px; }
h3					{ font-size: 13px; line-height: 18px; }
h4					{ font-size: 12px; line-height: 14px; }
h5					{ font-size: 11px; line-height: 11px; }
h6					{ font-size: 10px; line-height: 10px; }


/* Text elements
*******************************/

p				{ padding: 0 0 12px 0; text-align: justify; }
p.last 			{ margin-bottom:0; }
p img				{ float: left; margin:0 12px 12px 0; padding:0; }
p img.top 		{ margin-top:0; }

blockquote  	{ color: #5C5C5C; margin: 0 0 24px 24px; }
strong      	{ font-weight: bold; }
em          	{ font-style: italic; }
pre         	{ border: 1px solid #5C5C5C; margin-bottom: 12px; padding:12px; }

a				{ color: #000; text-decoration: underline; font-weight: bold; }
a:hover			{  }

a.h1, a.h2, a.h3, a.h4, a.h5, a.h6 { 
  color:#5C5C5C; 
  text-align: left;
  font-weight: bold;
  display: block;
}

a.h1					{ font-size: 18px; line-height: 28px; }
a.h2					{ font-size: 16px; line-height: 20px; }
a.h3					{ font-size: 13px; line-height: 18px; }
a.h4					{ font-size: 12px; line-height: 14px; }
a.h5					{ font-size: 11px; line-height: 11px; }
a.h6					{ font-size: 10px; line-height: 10px; }

/* Colors
*******************************/


/* Text size
*******************************/

.twl				{ font-size: 12px; }
.elv				{ font-size: 11px; }
.ten				{ font-size: 10px; }
.nn				{ font-size: 9px; }


/* Float
*******************************/

.f_right 		{ float: right; }
.f_left 			{ float: left; }
.f_none 			{ float: none; }


/* Text size
*******************************/

.t_right 		{ text-align: right; }
.t_left 			{ text-align: left; }
.t_center 		{ text-align: center; }
.t_justify 		{ text-align: justify; }


/* Other
*******************************/

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}




/* Table styles
*******************************/

table {
	width:100%;
	border-top:1px solid #dedede;
	border-right:1px solid #dedede;
	border-collapse:collapse;
}

caption {
	margin: 0;
	padding:10px 0 5px 0;
	caption-side:top;
	text-align:center;
}
	
td {
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
	padding: 2px 10px;
	text-align:center;
}

th {
	font-weight:bold;
	text-align:left;
	border-bottom: 1px solid #dedede;
	border-left:1px solid #dedede;
	padding:.3em 1em;
}
						
thead th, tfoot th {
	text-align:center;
}


/* Table styles
*******************************/

label{
	float: left;
	width: 110px;
	margin-left: 24px;
}

input, select{
	margin: 0;
	font-size: 11px;
	border: 0;
	color:#000;
	background-color: White;
}

input.text, input.small{
	background: url(../img/login_input_back.jpg) left top repeat-x;
	padding: 3px;
}

input.button{
	padding: 3px 11px;
	background: url(../img/button_back.jpg) left top repeat-x;
}

input.checkbox		{ color:#91C465; background: #000; }

select,
textarea			{ background: #fff; }

select.text, 
input.text			{ width: 140px; }

select.small, 
input.small 		{ width: 50px; }

textarea			{ width: 400px;	height: 140px;}