﻿/***************** www.mig-21.hu v1.0 by pweb *****************/


body{
	background: #f6f6f6;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(images/bg1.gif);
	background-repeat: repeat;
}

a {
color: #FF0000;
text-decoration: none;
font-weight: normal;
}

a:hover {
color: #666600;
text-decoration: none;
font-weight: normal;
}

blockquote {
background: #f6f1eb;
padding: 15px;
margin: 5px 0;
}

b{font-size: 100%;}
em{color: #70A401;}

#maincontainer{
background: #f6f1eb;
width: 100%;
margin: 0 auto;
	background-image: url(images/bg1.gif);
	background-repeat: repeat;

}

#topsection{
background: url(images/header_bg.png) repeat-x;
height: 205px;
width: 100%;

}

#title {
float: left;
padding-top: 0px;
}

#title a{
color: #70A401;
font: 34px Arial, Verdana;
font-weight: bold;
}

#title a:hover{
color: #70A401;
font: 34px Arial, Verdana;
font-weight: bold;
}

#navmenu {
	clear: both;
	width: 100%;
	padding-left: 7px;
}

#contentwrapper{
float: left;
width: 96%;
margin: 0 2% 0 2%;
}

#contentcolumn{
margin: 5px 155px 0 160px;
color: #666666;
}

#contentcolumn_l{
margin: 5px 0px 0 160px;
padding: 10px 0px 10px 10px;
color: #666666;
}

#contentcolumn_r{
margin: 5px 160px 0 0;
padding: 5px 5px 5px 0px;
color: #666666;
}

#contentcolumn_m{
margin: 5px 0 0 0;
padding: 5px 0px 5px 0px;
color: #666666;
}

#leftcolumn{
margin-top: 5px;
margin-bottom: 5px;
margin-left: -100%;
float: left;
width: 170px;

background-color: #f6f1eb;
font: 9px arial, verdana, tahoma, helvetica, sans-serif;
color: #666666;
padding-left: 10px;
}

#rightcolumn{
margin-top: 5px;
margin-bottom: 5px;
margin-left: -175px;
float: left;
width: 170px;

background-color: #f6f1eb;
font: 9px arial, verdana, tahoma, helvetica, sans-serif;
color: #666666;
}

#footer{
	clear: left;
	width: 100%;
	height: 200px;
	background: url(images/footer.png) repeat-x;
	color: #999999;
	padding: 15px 0 0 0;
	font: 11px Arial, verdana, tahoma, helvetica, sans-serif;
	text-align: center;
	background-color: cfcfdd;
	f
}

.left_footer{
float: left;
width: 55%;
color: #999999;
text-align: left;
padding: 0px 0px 10px 20px;
font: 10px Arial, verdana, tahoma, helvetica, sans-serif;
}

.licence{
float: right;
width: 25%;
color: #666666;
text-align: right;
padding: 0px 20px 10px 0px;
font: 10px Arial, verdana, tahoma, helvetica, sans-serif;
}

#footer a{
text-decoration: none;
color: #666666;
font-weight: normal;
}

/*****************login menu*************/

#loginmenu {
background: url(images/loginbox.png) no-repeat;
width:180px;
height:164px;
float:right;
color: #FFFFFF;
text-align: center;
font-weight: bold;
}

img {
border: 0px;
}

#loginmenu .tbox{
width: 90px;
font: 11px Arial;
margin: 0 3px 2px 0;
color: #FFFFFF;
background-color: #f6f6f6;
border: 1px solid #000;
padding: 0 0 0 3px;
}

.loginbutton {
background: url(images/login.png);
border: 0px #000 solid;
vertical-align: top;
padding-top: 0;
width: 51px;
height: 58px;
cursor: pointer;
}

/***************** Content Tables*********/

.captiontopleft{ width: 22px; background-image: url(images/topleft.png); }
.captiontopmiddle{ width: 99%; background-repeat: repeat-x; background-image: url(images/top.png); }
.captiontopright{ width: 11px; background-image: url(images/topright.png); }

.captionleft{ width: 22px; background-image: url(images/capleft.png); }
.captionbar{
	
	background-repeat: repeat-x;
	padding-right:5px;
	font-size: 12px;
	color: #666666;
	font-family: tahoma;
	background-image: url(images/capdark.png);
	font-weight: bold;
	text-transform: uppercase;
}
.captionend{ width: 12px; background-image: url(images/captransition.png); }
.captionmain{ width: 100%; background-repeat: repeat-x; background-image: url(images/caplight.png); }
.captionright{ width: 11px; background-image: url(images/capright.png); }

.bodyleft{ width: 9px; background-repeat: repeat-y; background-image: url(images/left.png); }

.bodymain{
	width: 99%;
	font-size: 13px;
	font-family: arial;
	vertical-align:top;
	background-color: #e0e4e9;
	font-weight: normal;
	line-height: 15px;
	
	
	background-repeat: repeat-y;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
 }

.bodyright{ width: 9px; background-repeat: repeat-y; background-image: url(images/right.png); }

.bottomleft{ width: 20px; height: 13px; background-image: url(images/bottomleft.png); }
.bottommain{ width: 99%;  height: 13px; background-repeat: repeat-x; background-image: url(images/bottom.png);}
.bottomright{ width: 24px;  height: 13px; background-image: url(images/bottomright.png); }


/***************** Menus ****************/

.menu_table {
background-color: #FFFFFF;
margin-bottom: 10px;
}

.menu_caption {
background: #f6f6f6 url(images/menu_caption.png) no-repeat;
padding: 6px 0;
color: #70A401;
font: 10px Arial;
text-align: center;
text-transform: uppercase;
}

.menu_content {
background-color: #FFFFFF;
padding: 10px 8px 9px 8px;
color: #666666;
font: 10px Arial;
text-align: left;
}

.menu_bottom {
background: #f6f6f6 url(images/menu_bot.png) no-repeat;
}

/***************** Core classes ***********/

.smalltext, .smallblacktext, .tbox, .button, .button:hover, .nextprev, .helpbox {
font: normal 11px Arial, Verdana, Tahoma, sans-serif;
text-align: left;
color: #666666;
}

h1 {
font: 15px Arial, Verdana;
font-weight: bold;
margin-top: 0em;
margin-bottom: 0em;
color: #666666;
}

h2 {
font: 11px Arial, Verdana;
font-weight: bold;
margin-top: 0em;
margin-bottom: 0em;
color: #666666;
}

h3 {
font: 16px Arial, Verdana;
font-weight: bold;
margin-top: 0em;
margin-bottom: 0em;
color: #666666;
}

.indent {
border: #f6f6f6 0px dashed;
padding: 3px;
margin: 0px;
background-color: #e0e4e9;
}

.button {
	color: #669933;
	font-weight: bold;
	background-image : url(images/button.png);
	text-align: center;
	border: 0px none #888888;
}

.button:hover {
color: #66CC00;
font-weight: bold;
cursor: pointer;
border: 1px solid #FFFFFF;
background-image : url(images/button.png);
text-align: center;
}

.nextprev {
border: 0px;
text-align: center;
padding: 2px;
background-color: #000;
}

.nextprev2 {
border: 0px;
text-align: center;
padding: 2px;
background-color: #000;
}

code {
border:0px dashed #000;
background-color:#006666;
padding:8px;
margin:14px
}

.tbox, .helpbox{	
font-size: 11px;
font-family: Arial, Lucida Sans, Tahoma, Sans-Serif;
color: #666666;
background-color: #e0e4e9;
border: 1px solid #000;
padding: 3px 3px 3px 3px;
width: auto;
}

#chatbox .tbox, .helpbox{	
font-size: 11px;
font-family: Arial, Lucida Sans, Tahoma, Sans-Serif;
margin: 3px 0 5px 0;
color: #666666;
background-color: #e0e4e9;
border: 1px solid #000;
padding: 3px 3px 3px 3px;
width: 95%;
}

#chatbox .button {
margin-bottom: 7px;
text-align: center;
}

#commentform .tbox, #commentform .helpbox{
width: 350px; 
background-color:#e0e4e9;
border: 1px solid #171717; 
}

table {
margin-left: auto;
margin-right: auto;
}

ul {
	padding-left: 8px;
}
  
.fborder, .border{
border-collapse: collapse;
border-spacing: 0px;
}

.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar {
	padding: 3px;
	background-color: #e0e4e9;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 3px;
	border-left-width: 0px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #f5f0ea;
	border-right-color: #f5f0ea;
	border-bottom-color: #f5f0ea;
	border-left-color: #f5f0ea;
}

.forumheader, .forumheader4, .finfobar {
background-color: #f5f0ea;
}

.forumheader5 {
cursor: pointer;
}

.fcaption, .forumheader2, .forumheader3 {
text-align: left;
}

.forumheader {
font-weight: bold;
font-size: 11px;
padding: 9px;
background-color: #f5f0ea;
}

.forumheader2 a{
font-weight: bold;
}

td.forumheader4 {
background-color: #f5f0ea;
border: 1px #171717 solid;
}

/* MENU STYLES */

div.menuBar,
div.menuBar a.menuButton, div.menuButton, div.menuButton_over, 
div.menu,
div.menu a.menuItem {
text-align: left; font-size: 10px;
}

div.menuBar {
padding: 0;
text-align: left;
clear: both;
}

div.emenuBar {
text-align: left;
}

/* main level links */

div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
width: 100px; float: left; height: 29px; margin: 0px 1px 0px 1px; padding: 15px 0px 0px 0px; text-align: center; text-transform: uppercase; font-size: 10px; color: #FF0000; background: url(images/tab_off.png) no-repeat center; font-weight: normal; text-decoration: none;
   }
  
/* main level links hover */  

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
background: url(images/tab_hov.png) no-repeat center; color: #FFFFFF; text-decoration: none; }

/* main level links active */

div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, 
div.menuBar a.menuButtonActive:hover {
background: url(images/tab_act.png) no-repeat center; color: #FFFFFF; }

/* sublinks styles */

/* sublink container */

div.menu {
left: 0px;
padding: 1px 1px 1px 1px;
position: absolute;
top: 0px;
visibility: hidden;
z-index: 70;
background-color: #f6f1eb;


}

/* sublinks main style */

div.menu a.menuItem {
width: 100px; float: left; height: 29px; margin: 0px 1px 0px 1px; padding: 15px 0px 0px 0px; text-align: center; text-transform: uppercase; font-size: 10px; color: #FF0000; background: url(images/tab_off.png) no-repeat center; font-weight: normal; text-decoration: none;
}

/* sublinks hover style */

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
background: url(images/tab_hov.png) no-repeat center; color: #FFFFFF; text-decoration: none; }



div.menu a.menuItem span.menuItemBuffer {
	padding: 0px 2px 0px 2px;
	color: #ffffff;
	
}

div.menu a.menuItem:hover span.menuItemBuffer {
padding: 0px 2px 0px 2px;
color: #000000;

}

div.menu a.menuItem span.menuItemText {
padding: 0px 0px 0px 4px;

}

div.menu a.menuItem span.menuItemArrow {
margin-right: -.75em;

}

div.menu div.menuItemSep {
border-top: 1px solid #a5a5a5;
border-bottom: 1px solid #f6f1eb;
margin: 1px 1px;

}

a.menuItem.header {
border-bottom: 1px solid #b3b3b3;

}




