/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
     Copyright Mike Crittenden
      Author: Mike Crittenden
======================================*/
 
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black		#000
- white		#fff
\**************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/


body {
	background:#330100;
	color:#FFF;
}
.container {
background:#330100;
}

.clear { width: 0px; height: 0px; clear: both; }

a:link, a:visited {
	color:#ccc;
}

a:hover {
	color:#eee;
}


/**************************************/
/*              HEADER                */
/**************************************/

#header {
	background:#220000 url(../design/site01.jpg) no-repeat;
	height:160px;
}
#header #login {
	width:250px;
	padding:10px 5px 10px 780px;
}
#header #login li{
	list-style:none;
}

#login a {color: #608AAA;}
#login a:hover {color:dddddd;}

/**************************************/
/*             NAVIGATION             */
/**************************************/
#menu {
	background:#240000 url(../design/menubg.jpg) no-repeat;
	height:40px;

}
#menu span a {
	padding:5px 10px;
	margin:5px 0px;
}


/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#main {
	background:#220000 url(../design/site03.jpg) no-repeat;
	min-height:300px;
}

#regform label.input {
	width: 200px;
	float:left;
}

#regform .input {
	width: 300px;
	float:left;
}
#regform .regmsg {
	display:inline;
	height:14px;
	padding:0px 5px 0px 5px;
	margin:0px 5px 0px 5px;
	text-align:center;
}


/*************** adatlap **************/

#adatlap label.adatlap {
	width: 150px;
	float:left;
	padding:3px 0px;
}

#adatlap .content {
	width: 450px;
	float:left;
	padding:3px 0px;
}
#adatlap .content2 {
	width: 300px;
	float:left;
	padding:3px 0px;
}
.adatlap_box {
	margin:5px 0px;
	padding:0px 5px;
	border:1px solid #DDDDDD;
}

#photos {
	width:600px;
}

/***************userlist **************/

#users table {
	width:90%;
}

#users td {
}

#tagok,#elnokseg,#felugyelobizottsag {
float:left;
}
#tagok li,#elnokseg li,#felugyelobizottsag li{
width:200px; 
float:left;
list-style:none;
}

/***************searchresult **************/

.searchresult {
	padding:5px 2px 12px 2px;
}


/***************sounditem **************/

.sounditem {
	padding:3px 0px 3px 0px;
}



/***************progressbar **************/

.progressWrapper {
	width: 250px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
	width:400px;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 270px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 270px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}

/**************************************/
/*            RIGHT CONTENT            */
/**************************************/

#right {
	background:#280000;
	min-height:500px;
}



/**************************************/
/*               FOOTER               */
/**************************************/
#footer{
	background:#220000 url(../design/site04.jpg) no-repeat;
	min-height:42px;

}