/* default css */
body				{ background-color:white; font-family: Arial, Verdana, sans-serif; margin:0; padding:0; font-size: 12px;}
textarea 			{ width:300px; height:150px; margin-bottom:15px; }
label				{ width:200px; display:block }
.listItems label { width: 370px;}
#wrapper			{ width:97%;  margin:10px auto;  padding:10px; background-color:#f1f1f1; border:2px solid #ccc; font-size: 14px;}

#nav				{ float:left; width:135px; height:auto; }
#nav ul 			{ list-style:none }
#nav ul li 			{ line-height:25px; }
#nav ul li a 		{ text-decoration:none; color:#FF6633 }
#nav ul li a:hover 	{ text-decoration:none; color:#FF9900; font-weight:bolder; font-size:larger}

#main				{ margin:0; width:100%; height:auto; }
#header				{ font-size:12px; margin-bottom:20px; position:relative;}
#footer				{ clear:both; padding-top:40px; font-size:13px; }
#footer a			{ color:#000000; text-decoration:none }
#footer a:hover		{ color:#0066FF; text-decoration:underline; }

#meniu	a			{ text-decoration:none; color:#FF6633;font-weight:bolder; font-size:larger; line-height:25px}
#meniu	a:hover		{ text-decoration:underline; color:#FF6633; font-weight:bolder; font-size:larger; line-height:25px}

#logout                          { position: absolute; top: 3px; left: 0; }
#logout	a			{ text-decoration:none; color:#000000;font-weight:bolder; font-size:larger; line-height:25px}
#logout	a:hover		{ text-decoration:underline; color:#000000; font-weight:bolder; font-size:larger; line-height:25px}

#pleft				{ float:left; width:400px; }
#pleft img			{ padding-right:10px; }
#pleft a 			{ text-decoration:none; color:#000000 }
#pleft a:hover 		{ text-decoration:none; color: #0066FF; font-weight:bolder; font-size:larger}

#pright				{ float:right; height:auto; width:150px; text-align:left; padding-left:5px; }
#pright img			{ padding-right:3px; }
#pright a 			{ text-decoration:none; color:#000000 }
#pright a:hover 	{ text-decoration:none; color: #0066FF; font-weight:bolder; font-size:larger}

.message			{ border:1px solid red; background-color:#ccc;  color:red; padding:5px; width:250px;  font-size:12px; margin:5px; }


#login_form 		{ width: 300px;	background: #CCC url(../img/login_bg.jpg) repeat-x 0 0; border: 1px solid white; margin: 35px auto 0; padding: 1em; -moz-border-radius: 3px; }
#register_form 		{ width: 350px;	background: #CCC url(../img/login_bg.jpg) repeat-x 0 0; border: 1px solid white; margin: -10px auto 0; padding: 1em; -moz-border-radius: 3px; }
#contactform 		{ width: 300px;	background: #CCC url(../img/login_bg.jpg) repeat-x 0 0; border: 1px solid white; margin: 35px auto 0; padding: 1em; -moz-border-radius: 3px; }
#formular 		{ width: 300px;	background: #CCC url(../img/login_bg.jpg) repeat-x 0 0; border: 1px solid white; margin: 35px auto 0; padding: 1em; -moz-border-radius: 3px; }
#formular1 		{ width: 400px;	background: #CCC url(../img/login_bg.jpg) repeat-x 0 0; border: 1px solid white; margin: 35px auto 0; padding: 1em; -moz-border-radius: 3px; }

#formular table {width:95%}
#formular1 table {width:95%}
#formular2 { width: 95%;	background: #CCC url(../img/login_bg.jpg) repeat-x 0 0; border: 1px solid white; margin: 35px auto 0; padding: 1em; -moz-border-radius: 3px;}
#formular3 { color: #333; width: 95%;	background-color: #CCC; border: 1px solid white; border-spacing:0; margin: 35px auto 0; padding: 1em; -moz-border-radius: 3px; font-size: 12px;}
#formular3 a { color: #333;}
#formular3 td {padding: 3px;}
#formular3 tr.odd { background-color: #cccccc;}
#formular3 tr.even { background-color: #f2f2f2;}
#formular3 tr.head { background-color: #999999;}
#formular3 tr.line { background-color: #cccccc;}
#formular3 tr.odd:hover, 
#formular3 tr.even:hover { background-color: #ffffff; }

.tablecomponents { color: #333; width: 95%;	background-color: #CCC; border: 1px solid white; border-spacing:0; margin: 35px auto 0; padding: 1em; -moz-border-radius: 3px; font-size: 12px;}
.tablecomponents a { color: #333; }
.tablecomponents td {padding: 3px;}
.tablecomponents tr.odd { background-color: #cccccc; height: 30px;}
.tablecomponents tr.even { background-color: #f2f2f2; height: 30px;}
.tablecomponents tr.head { background-color: #999999; height: 30px; }
.tablecomponents tr.head2 { background-color: #bdfa29; height: 30px; }

.tablecomponents tr.line { background-color: #F6A828; height: 30px;}
.tablecomponents tr.odd:hover, 
.tablecomponents tr.even:hover { background-color: #ffffff; }
.tablecomponents input[type=text] { width: 50px;}
.tablecomponents input.fldLarge[type=text] { width: 95px;}
.tablecomponents img { cursor: pointer;}

h1,h2,h3,h4,h5 		{ margin-top: 0; font-family: arial black, arial; text-align: center; }
h3 { text-align: left;}
#login_form input[type=text] 	{ display: block; margin: 0 0 1em 0; width: 280px; border: 5px; -moz-border-radius: 1px; -webkit-border-radius: 1px; padding: 1em; }
#register_form input[type=text] { display: block; margin: 0 0 1em 0; width: 280px; border: 5px; -moz-border-radius: 1px; -webkit-border-radius: 1px; padding: 1em; }
#register_form select { display: block; margin: 0 0 1em 0; width: 305px; border: 5px; -moz-border-radius: 1px; -webkit-border-radius: 1px; padding: 1em; }
#contactform input[type=text] 	{ display: block; margin: 0 0 1em 0; width: 280px; border: 5px; -moz-border-radius: 1px; -webkit-border-radius: 1px; padding: 1em; }
#logistics input[type=text] { display: block; margin: 0 0 1em 0; width: 75px; border: 5px; -moz-border-radius: 1px; -webkit-border-radius: 1px; padding: 1em; margin-right: 10px; }

.component { display: block; margin: 0 0 1em 0; width: 230px; border: 5px; -moz-border-radius: 1px; -webkit-border-radius: 1px; padding: 1em;}

input[type=password] { display: block; margin: 0 0 1em 0; width: 280px; border: 5px; -moz-border-radius: 1px; -webkit-border-radius: 1px; padding: 1em; }
form button,
input[type=submit], 
form a 				{ white-space:nowrap; border: none; margin-right: 1em; padding: 6px; text-decoration: none; font-size: 12px; -moz-border-radius: 4px; background: #F4BC71; color: black; box-shadow: 0 1px 0 	
					  white; margin-left:5px; -moz-box-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0 white; }
form button:hover,
input[type=submit]:hover, 
form a:hover 		{ background: #FF9900 ; cursor: pointer; }

/* Validation error messages */

.error 				{ color: #393939; font-size: 15px; }
fieldset 			{ width: 300px; margin: auto; margin-bottom: 2em; display: block; }

/* FOR FUN */

h1 					{ text-shadow: 0 1px 0 white; }

h4 a 				{text-decoration:none; color:#FF9900}

#meniu form 		{float:right; margin-right:-15px }
#contactform textarea {width:300px; height:150px; margin-bottom:15px}


#items {
   position: relative;
   font-size: 12px;
   width: 900px;
   padding: 50px 20px;
   margin: 0 auto; 
   position: relative; }

/* These styles create the dropdown menus. */
#navbar {
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   padding: 0;}
#navbar li {
   list-style: none;
   float: left; }
#navbar li a {
   display: block;
   padding: 3px 8px;
   text-decoration: none; 
   color: orange;
 }
#navbar li a:hover {
   color: #000; }
#navbar li ul {
   display: none;  }
#navbar li:hover ul, #navbar li.hover ul {
   position: absolute;
   display: inline;
   left: 0;
   width: 100%;
   margin: 0;
   padding: 0; }
#navbar li:hover li, #navbar li.hover li {
   float: left; }
#navbar li:hover li a, #navbar li.hover li a {
   color: #000; }
#navbar li li a:hover {
   color: #357; }

.links {list-style:none; font-size:22px;  }
.links li {margin: 0 0 5px 40px }
.links li a {color:#000000; text-decoration:none}
.links li a:hover {color:blue; text-decoration:none}

#componentsDialog fieldset { padding:0; border:0; margin:0; width: 350px;}
#componentsDialog h1 { font-size: 1.2em; margin: .6em 0; }
#componentsDialog div#users-contain { width: 350px; margin: 20px 0; }
#componentsDialog div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
#componentsDialog div#users-contain table td, #componentsDialog div#users-contain table th { border: 1px solid #eee; padding: 0; text-align: left; }
#componentsDialog .ui-dialog .ui-state-error { padding: 0; }
#componentsDialog .validateTips { border: 1px solid transparent; padding: 0; }

#componentsDialog input[type=password], 
#componentsDialog input[type=text] { display: block; margin: 0 0 1em 0; width: 350px; border: 5px; -moz-border-radius: 1px; -webkit-border-radius: 1px; padding: 1em; }
#componentsDialog select { display: block; margin: 0 0 1em 0; width: 370px; border: 5px; -moz-border-radius: 1px; -webkit-border-radius: 1px; padding: 1em; }

input.fldChanged { background-color: #ffe6e6; }
input.fldSave { background-color: #c1f471;}
input.fldSave:hover { background-color: #94db24;}
.tdGenerate {background-color: #ffff00;}

.tdRed {background-color: #ff9898; font-weight: bold; }