td 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black; }
body 		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black;  }
strong		{ font-weight: bold; }
body {
	margin:0;
	padding:0;
	background: url('./back.jpg');
}


/* LOGIN FORM */
.login_div 	{ width: 300px; margin: 0 auto; position: relative; top: 50px; padding: 16px; background: white url('login_back.jpg'); }
.login_left	{ padding: 0px 8px 0px 0px; width: 40%; text-align: right; }
.login_right	{ padding: 0px 0px 0px 0px; width: 60%; }
#login_form 	{ width: 100%; }
#login_warning 	{ background: red; width: 280px; padding: 8px; margin-bottom: 16px; text-align: center; color: white; }
.login_note	{ text-align: center; line-height: 16px; color: #990000; }
.login_div th	{ font: 13px Verdana, Arial, Helvetica, sans-serif; color: #990000; }
.login_div input { width: 100px; }
.login_div hr	{ border-bottom: 0px none; border-left: 0px none; border-right: 0px none; border-top: 1px solid #df8080; }
.login_div .edit, .password { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: 1px solid gray; background: silver; color:#333333; height:18px; padding-left:4px; margin-top:5px; }
.login_div .button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border: 0px solid black; pading: 4px; height: 24px; background: #990000; color: white; }
#version	{ position: absolute; bottom: 24px; left: 24px; color: black;} 

/* DESIGN */
#back-left	{ background: url('./back-left.jpg'); position: absolute; top: 110px; left: 0px; width: 154px; height: 377px; }
#back-right	{ background: url('./back-right.jpg'); position: absolute; top: 110px; left: 864px; width: 160px; height: 377px; }
#design_a1	{ background: url('./a1.jpg'); position: absolute; top: 21px; left: 154px; width: 174px; height: 89px;}
#design_a2	{ background: url('./a2.jpg'); position: absolute; top: 21px; left: 328px; width: 539px; height: 89px;}
#design_a3	{ background: url('./a3.jpg'); position: absolute; top: 0px; left: 677px; width: 207px; height: 21px;}
#design_a4	{ background: url('./a4.jpg'); position: absolute; top: 21px; left: 867px; width: 17px; height: 89px;}
#design_a5	{ background: url('./a5.jpg'); position: absolute; top: 75px; left: 124px; width: 30px; height: 35px;}

#design_b1	{ background: url('./b1.jpg'); position: absolute; top: 110px; left: 154px; width: 174px; height: 19px;}
#design_b2	{ background: url('./b2.jpg'); position: absolute; top: 110px; left: 328px; width: 536px; height: 19px;}
#design_b3	{ background: url('./b3.jpg'); position: absolute; top: 129px; left: 154px; width: 174px; height: 20px;}

#design_f1	{ background: url('./f1.jpg'); position: absolute; top: 129px; left: 141px; width: 13px; height: 44px; }
#design_f2	{ background: url('./f2.jpg'); position: absolute; top: 129px; left: 864px; width: 14px; height: 28px; }
#design_m	{ background: url('./back2.jpg'); position: absolute; top: 129px; left: 154px; width: 710px; height: 200px;}
#design_m2	{ background: url('./m2.jpg'); position: absolute; top: 129px; left: 328px; width: 520px; height: 301px;}

#design_z1	{ background: url('./z1.jpg'); position: absolute; top: 400px; left: 154px; width: 174px; height: 98px;}
#design_z2	{ background: url('./z2.jpg'); position: absolute; top: 400px; left: 328px; width: 536px; height: 98px;}
#design_z3	{ background: url('./z3.jpg'); position: absolute; top: 400px; left: 124px; width: 30px; height: 113px;}
#design_z4	{ background: url('./z4.jpg'); position: absolute; top: 498px; left: 154px; width: 174px; height: 15px;}
#design_z5	{ background: url('./z5.jpg'); position: absolute; top: 400px; left: 864px; width: 20px; height: 40px;}

#menu		{ position: absolute; top: 160px; left: 170px; width: 150px; height: 120px; color: #E0E0E0; font-weight: bold; }
#dynamic	{ position: absolute; top: 129px; left: 344px; width: 460px; height: 269px; }
#navilink	{ font-weight: bold; text-transform: lowercase; color: #a00000;}
#content 	{ position: relative; top: 16px; }

#menu a		{ color: white; text-decoration: none; }
#menu a:hover 	{ color: yellow; text-decoration: underline; }
#dynamic a	{ color: #400000; text-decoration: none; }
#dynamic a:hover { color: #400000; text-decoration: underline; }

/* TABLE */
.table table	{ width: 100%; }
.table th	{ padding: 3px 3px 3px 5px ; background: gray url('image.php?mode=th'); color: white; text-align:left; }
.table td	{ padding: 3px 3px 3px 5px ; text-align:left; }

/* FORM */
.form table	{ width: 100%; }
.form th	{ padding: 3px 3px 3px 5px ; background: gray url('image.php?mode=th'); color: white; text-align:left; }
.form td	{ padding: 3px 3px 3px 5px ; text-align:left; }
.form .form_left { width: 200px; }

/* BUTTONS */
.button_add	{ margin-right: 2px;}
.button_edit	{ margin-right: 2px;}
.button_delete	{ margin-right: 4px;}
.button_visible	{ margin-right: 2px;}

/* TREE */
.tree_line	{ padding: 3px 3px 3px 5px ; text-align:left; }

/* LEGENDA */
.legenda	{ width: 748px; padding: 8px 8px 8px 32px; background: gray url('image.php?mode=legenda'); color: black;  }

/* OTHERS */
input, select 	{ border: 1px solid gray; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  }
.edit		{ width: 300px; padding: 2px 2px 2px 5px; }
.file		{ width: 300px; padding: 2px 2px 2px 5px; }
.combobox	{ width: 200px; padding: 2px 2px 2px 5px; }
.button		{ padding: 4px 8px 4px 8px;