/* sötét: #687938; világos: #88A240; homok: #CCCC66; pasztell: #D4DEBA */

/*'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif */ 
body { background-color: #687938; margin: 15px 8px 0px 15px; font-family: Verdana; font-size: 9pt; text-align: center;
	background-image: url('images/bgr_pccd_texture.jpg'); background-repeat: repeat; 
	}
ul { text-align: left; }
ul li { list-style-image: url('images/list-style-gray.gif'); marker-offset: 40px; }
a { color: color: #4144b1; text-decoration: none; }
a:visited { color: color: #4144b1; text-decoration: none; }
	
#all { width: 900px; text-align: justify; margin: 0 auto; position: relative; top: -60px; left: 0px; z-index: 0; }
#logo { background-image: url('images/pccd_logo_middle.png'); width: 90px; height:64px; position: relative; top: 52px; left: -10px; z-index: 1; }
#body {  }
#topbar {  }
#topbar_left_blank { background-color: #BCCB94; width: 10px; height: 56px; border-left: 1px solid #687938; float: left; }
#topbar_left { background-image: url('images/topbar_bgr_left.png'); background-color: #BCCB94; width: 10px; height: 56px; float: left; }
#topbar_content { background-image: url('images/topbar_bgr.png'); width: 869px; height: 56px; float: left; }
#topbar_right { background-image: url('images/topbar_bgr_right.png'); width: 10px; height: 56px; float: left; }
#topbar_title { background-image: url('images/pccd_interactive_multimedia.png'); position: relative; top: 6px; left: 560px; width: 312px; height: 18px; float: left; }
#topbar_menu { position: relative; top: 4px; left: -240px; height: 27px; float: left;}
.topbar_menu_item { float: left; text-align: left; }
.topbar_menu_item_left, .topbar_menu_selected_left { width: 4px; height: 25px; float: left; }
.topbar_menu_item_center, .topbar_menu_selected_center { height: 20px; float: left; vertical-align: middle; padding: 5px; padding-bottom: 0px; }
.topbar_menu_item_right, .topbar_menu_selected_right { width: 4px; height: 25px; float: left; }
.topbar_menu_selected_left { background-image: url('images/topbar_menu_bgr_left.png'); }
.topbar_menu_selected_center { background-color: #88A240; }
.topbar_menu_selected_right { background-image: url('images/topbar_menu_bgr_right.png'); }
.topbar_menu_space { width: 4px; height: 27px; float: left; }
a.topbar { text-decoration: none; color: #f0f0c0; }
a:hover.topbar { text-decoration: underline; }

#content_body { background-image: url('images/bgr_gradient_green.jpg'); background-repeat: no-repeat; background-color: white; 
	border-left: 1px solid #687938; border-right: 1px solid #687938;  padding: 8px; padding-left: 20px; 
	height: 100%; text-align: justify; float: right;
	}
#content_text { width: 880px; /*border-right: 1px dotted #88A240;*/ padding-right: 7px; vertical-align: top; }
#content_right { margin-left: 8px; padding-left: 8px; font-size: 8pt; text-align: left; vertical-align: top; }
#content_bottom_left { background-image: url('images/content_bottom_left.png'); width: 5px; height: 5px; float: left; }
#content_bottom_center { background-color: white; border-bottom: 1px solid #687938; width: 890px; height: 4px; float: left; }
#content_bottom_right { background-image: url('images/content_bottom_right.png'); width: 5px; height: 5px; float: left; }
#copyright { padding-top: 4px; padding-right: 20px; text-align: right; /*color: #88A240;*/ color: #d0e0a0; clear: both; font-size: 0.8em }

.login_box { border: /*1px solid #a0a0f0*/0 none; background-color: #f0f0ff; margin-bottom: 8px; }
.login_box_title { background-image: url('icons/login.png'); background-position: 3px 4px; background-repeat: no-repeat; 
	background-color: #c0c0f0; border-bottom: 1px solid #a0a0f0; padding: 5px;  padding-bottom: 4px; padding-left: 22px;
	font-weight: bold; color: white;
	}
.login_box_body { padding: 4px; }
.login_box_label { float: left; width: 80px; padding-top: 2px; }
.login_box_form { margin: 0px; padding: 0px; height: 100%; padding-bottom: 4px; clear: both; }
.login_box_field { font-family: Verdana; font-size: 8pt; width: 80px; border: /*1px solid #c0c0c0*/0 none;  margin: 1px; float: left; 
	color: #606080; background-color: #fcfcff;
	}

.xsearch_box { border: 1px solid #f08020; background-color: #fff0c0; margin-bottom: 8px; }
.xsearch_box_title { background-image: url('icons/search.png'); background-position: 3px 4px; background-repeat: no-repeat; 
	background-color: #ffa820; border-bottom: 1px solid #f08020; padding: 5px;  padding-bottom: 4px; padding-left: 22px;
	font-weight: bold; color: white;
	}
.xsearch_box_body { padding: 4px; }
.xsearch_box_label { float: left; width: 80px; padding-top: 2px; }
.xsearch_box_form { margin: 0px; padding: 0px; height: 100%; padding-bottom: 4px; clear: both; }
.xsearch_box_field { font-family: Verdana; font-size: 8pt; width: 80px; border: 1px solid #f0c000;  margin: 1px; float: left; 
	color: #d08000; background-color: #fff8e0; 
	}

.search_box { border: 1px solid #b83737; background-color: #f0cccc; margin-bottom: 8px; }
.search_box_title { background-image: url('icons/search.png'); background-position: 3px 4px; background-repeat: no-repeat; 
	background-color: #c84b4b; border-bottom: 1px solid #b83737; padding: 5px;  padding-bottom: 4px; padding-left: 22px;
	font-weight: bold; color: white;
	}
.search_box_body { padding: 4px; }
.search_box_label { float: left; width: 80px; padding-top: 2px; }
.search_box_form { margin: 0px; padding: 0px; height: 100%; padding-bottom: 4px; clear: both; }
.search_box_field { font-family: Verdana; font-size: 8pt; width: 80px; border: 1px solid #d88b8b;  margin: 1px; float: left; 
	color: #b83737; background-color: #fff4f4; 
	}

.tool_box { border: 1px solid #909000; background-color: #f0f0c0; margin-bottom: 8px; }
.tool_box_title { background-image: url('icons/options3.png'); background-position: 3px 4px; background-repeat: no-repeat; 
	background-color: #CCCC66; border-bottom: 1px solid #909000; padding: 5px;  padding-bottom: 4px; padding-left: 22px;
	font-weight: bold; color: white;
	}
.tool_box_body { padding: 4px; }
.tool_box_label { float: left; width: 80px; padding-top: 2px; }
.tool_box_form { margin: 0px; padding: 0px; height: 100%; padding-bottom: 4px; clear: both; }
.tool_box_field { font-family: Verdana; font-size: 8pt; width: 80px; border: 1px solid #c0c0c0;  margin: 1px; float: left; }

.know_box { border: 1px solid #80c000; background-color: #e0ffc0; margin-bottom: 8px; }
.know_box_title { background-image: url('icons/star3.png'); background-position: 3px 4px; background-repeat: no-repeat; 
	background-color: #90c060; border-bottom: 1px solid #80c000; padding: 5px;  padding-bottom: 4px; padding-left: 22px;
	font-weight: bold; color: white;
	}
.know_box_body { padding: 4px; }
.know_box_label { float: left; width: 80px; padding-top: 2px; }
.know_box_form { margin: 0px; padding: 0px; height: 100%; padding-bottom: 4px; clear: both; }
.know_box_field { font-family: Verdana; font-size: 8pt; width: 80px; border: 1px solid #c0c0c0;  margin: 1px; float: left; }



h1_ { font-family: Verdana; font-size: 16pt; background-color: #f0f0ff; color: #600060; 
	border: 1px dotted #c0c0f0; padding: 4px; padding-right: 4px; 
	}
h2_ { color: #687938; }
h1 { font-family: Verdana; font-size: 16pt; color: #4144b1; margin-bottom: 0.3em; }
p { margin: 0px; margin-bottom: 8px;}

.html_list_cols { width: 49%; float: left; }
.html_list_col_left { margin-right: 10px; }
.html_list_item { text-align: left; }
.html_list_lead { 
	margin-left: 4px; padding-left: 4px; border-left: 8px solid #f0f0c0; padding-bottom: 2px; 
	border-bottom: 1px solid #f0f0c0; text-align: justify; font-size: 8pt; 
	}
.html_list_lead:first-letter { 
	font-size: 1.7em; font-weight: bold; top: 1em; color: #f0f0c0; padding: 3px 2px 3px 1px; margin-right: 1px;    
	font-family: Times; background-color: #c0c080;  
	}
.html_lead { padding: 0.8em 2em 1.5em 4em; color: #404040; font-size: 0.8em; width: 800px; }
.html_tags { background-image: url('icons/tag3.png'); background-position: 3px 4px; background-repeat: no-repeat;  width: 810px; 
	border-bottom: 1px dotted /*#f08020*/#eee445; padding: 5px 5px 4px 22px; margin-right: 2em; color: gray; font-size: 0.8em
	}

.html_list_item h1 { font-size: 11pt; font-weight: bold; margin-bottom: 0.5em; padding-top: 2px; padding-right: 10px; }


.noborder { width: 870px; border: 0px none; }