body { 	
	margin:0px;
	font-family:Arial, sans-serif;
	font-weight:normal;
	font-size:12pt;
	color:#333333; 
	line-height:1.3;
	background-color:#E7E7E7;
	background-image:url(images/bkg.gif);
}

/* Input elements */
form {
	margin:0;
}

/* Links */
a {
	color:#333333;
	text-decoration:underline;
}

a:link {
	color:#333333;
}

a:visited {
	color:#333333;
}

a:hover {
	color:#8C1E1E;
}

a:active {
	color:#333333;
}

a.marked {
	color:#8C1E1E;
}

/* Font variations */
.tiny {
	font-size:10pt;
}

.highlight {
	color:#8C1E1E;
}

.error {
	color:#8C1E1E;
}

.filename {
	background-color:yellow;
	font-family:Courier, serif;
}

/* Paragraphs */
p, table, ul, ol { 
	margin:0 0 20px 0; padding:0;
}

ul {
	list-style-position:inside;
}

/* Default table */
table {
	border-collapse:collapse;
}

td {
	padding:0px;
}

/* images */
images {
	border:0;
	margin:0;
}

/* Main menu */
#main_menu {
	height:50px;
	margin-bottom:13px;
	position:relative;
	margin-top:0px;
	font-size:11pt;
}

div.mainmenu {
	padding:10px;
	background-color:#FFFFFF;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
	box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

div.mainmenu .item {
  
	vertical-align:middle;
	cursor:pointer;
	color:#333333;
	font-size:11pt;
	white-space:nowrap;
	padding:10px 20px 10px 20px;
	margin-bottom:10px;
}

div.mainmenu .item:last-child {
	margin-bottom:0px;
}

div.mainmenu .hasItems {
	
}

div.mainmenu .hover {
	color:#FFFFFF;
	background-color:#8C1E1E;
}

div.mainmenu .active {
	color:#FFFFFF;
	background-color:#CDCDCD;
}

div.mainmenu .marked {
	color:#FFFFFF;
	background-color:#8C1E1E;
}

/* Sub menus */
div.mainmenu_sub {
	border:1px solid #CCCCCC;
	z-index:1000;
}

div.mainmenu_first_sub{

	padding-top:20px;
	padding-bottom:20px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

/* Horizintak menu */
div.mainmenu_horizontal {
	width:100%;
	background-color:#CDCDCD;	
}

div.mainmenu_horizontal .item {
	display:inline-block;
	height:50px;
	vertical-align:middle;
	line-height:50px;
	font-weight:bold;
  font-size:13pt;
	color:#333333;
	cursor:pointer;

	width:93px;
	text-align:center;
	
}

div.mainmenu_horizontal .hover {
	color:#FFFFFF;
	background-color:#8C1E1E;
}

div.mainmenu_horizontal .hasItems {

}

div.mainmenu_horizontal .active {
	color:#FFFFFF;
	background-color:#8C1E1E;
}

div.mainmenu_horizontal .marked {
	color:#FFFFFF;
	background-color:#8C1E1E;
}

/* Main frame */
div.main_frame {
	margin:10px 10px 20px 10px;
/*	border:1px solid #CCCCCC; */
	background-color:#FFFFFF;
	min-height:600px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	-webkit-box-shadow: 10px 10px 44px -16px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 44px -16px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 44px -16px rgba(0,0,0,0.75);

}

div.content {
	padding:20px;
}

div.footer {
	text-align:center;
	font-size:10px;
	padding-bottom:20px;
}

.input_header {
	font-size:11pt;
	margin-bottom:10px;
}

.input_field {
	margin-bottom:10pt;
}

.input_field div {
  font-size:11pt;
	padding-top:10px;
	float:none  !important;
	vertical-align:top;
	display:inline-block;
	width:200px !important;
}

.input_field input[type=checkbox] {
	margin-top:10px !important;
}

label {
	display:inline-block;
	vertical-align:top;
	line-height:1.4;
	padding-left:5px;
}

.input_field label {
	padding-left:0px;

}

input[type=checkbox] {
  margin:0;
	padding:0px;
}

.input_field input, .input_field textarea, select {
	/*
	font-family:Arial, sans-serif;
	border:1px #CCCCCC solid;
	background-color:#FAFFE2;

	padding:2px;	
	*/
	font-size:11pt;
	margin: 0px;
	color: #000000; 
	background-color:white; 
	border: 1px solid #CDCDCD;;
	outline: none;
	padding: 9px 10px 9px 10px;
	border-radius:0px;
	box-sizing : border-box;
	box-shadow: inset 1px 2px 8px rgba(0, 0, 0, 0.07);
	-webkit-transition: .18s ease-out;
	-moz-transition: .18s ease-out;
	-o-transition: .18s ease-out;
	transition: .18s ease-out;
	
}

input[type=checkbox], input[type=radio] {
	width:20px;
	height:20px;
}

.input_field input.code,textarea.code {


}

.input_button {
	margin-bottom:10px;
}

.input_button input, button {
	background-color: #A80707;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12pt !important;
	padding: 9px 20px 9px 20px;
	border: none;
	outline: none;
	cursor: pointer;
	margin: 0px;
	display:inline-block;
	vertical-align: middle;  
  background-repeat: repeat-x;  
  border:none;
	margin-bottom:10px;  
	color:#FFFFFF;  
	outline-style:none;
	outline-width:0;
  -webkit-appearance: none;
  -moz-appearance: none;       	

  box-shadow: 
        0 0px 0px rgba(0,0,0,0.5), 
        inset 0 1px rgba(255,255,255,0.2), 
        inset 0 1px rgba(255,255,255,0.2),
        inset 0 1px 20px rgba(255,255,255,0.25), 
        inset 0 -15px 30px rgba(0,0,0,0.3);

  -o-box-shadow: 
        0 0px 0px rgba(0,0,0,0.5),
        inset 0 1px rgba(255,255,255,0.2),
        inset 0 1px rgba(255,255,255,0.2),
        inset 0 1px 20px rgba(255,255,255,0.25),
        inset 0 -15px 30px rgba(0,0,0,0.3);

  -webkit-box-shadow: 
        0 0px 0px rgba(0,0,0,0.5),
        inset 0 1px rgba(255,255,255,0.2),
        inset 0 1px rgba(255,255,255,0.2),
        inset 0 1px 20px rgba(255,255,255,0.25),
        inset 0 -15px 30px rgba(0,0,0,0.3);

  -moz-box-shadow:
        0 0px 0px rgba(0,0,0,0.5),
        inset 0 1px rgba(255,255,255,0.2),
        inset 0 1px rgba(255,255,255,0.2),
        inset 0 1px 20px rgba(255,255,255,0.25),
        inset 0 -15px 30px rgba(0,0,0,0.3);  
  text-decoration:none !important;
	-webkit-appearance: none;
	-moz-appearance: none;       	

}

.input_button input.yellow, button.yellow {
	background-color:#F0B75A;
}

.input_button input:active, button:active {
	background: none;
	background-color: #970D1D !important;
	box-shadow:none; 
  -o-box-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
}

.input_button input.yellow:active, button.yellow:active {
	background-color:#C39650 !important;
  -o-box-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
}


/* Topics */
h1 {
	color:#8C1E1E;
	font-size:22px;
	margin-top:0px;
	margin-bottom:25px;
	margin-left:0px;
	font-weight:normal;
	font-style:italic;
	line-height:normal;
}

h2 {
	color:#8C1E1E;
	font-size:18px;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:20px;
	line-height:normal;
}

h3 {
	font-size:12pt;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:bold;	
	line-height:normal;
}


.data_tbl {

}

.data_tbl tr.header td {
  font-weight:bold;
  background-color:#808080 !important;
  color:#FFFFFF;
}

.data_tbl td {
  padding:5px 10px 5px 10px;
  border:1px solid #CCCCCC;
}

.data_tbl tr:hover td {
	background-color:#E7E7E7;
}

.data_tbl tr td:last-child {
  text-align:right;
}