#left_panel {
  float: left;
  max-width: 148px;
  height: 100%;
  padding: 5px; 
  margin: 0px;
  background-color: #ffffff;
  vertical-align: top;
}

#container {
  max-width: 960px; 
  margin: 0 auto; 
  padding: 0px; 
  background-color: #ffffff; 
  box-shadow: 0px 0px 0px #dfdfdf;
}


#main {
  float: left; 
  max-width: 772px; 
  padding: 12px; 
  padding-top: 4px; 
  padding-bottom: 4px; 
  background-color: #ffffff; 
  text-align: left; 
  border: 0px solid #b6e1fc; 
  border-top: none;
  width: 100%;
}

#header {
  padding: 18px 0px 18px 40px;
  text-align: left;
  background-color: #152B3C; color: white;
  background-image:linear-gradient(#1c3a51, #112231);
  text-shadow: 0.3px 0.3px 1px #0B214A;
}

#navigation {
  float: left; 
  width: 100%; 
  color: #FDE973;
  padding-top: 4px; padding-bottom: 5px; 
  font-size: 1em;
  background-color: #2E5B81;
  box-shadow: 0px 0px 0px #aab;
  background-image: linear-gradient(#2c577a, #274f70);
}
#navigation ul {
  list-style-type: none; background-color: #1F6CBA;
}
#navigation ul li {
  color: #FDE973;
}



#footer_in { display: block; }

#footer {
  clear: both;
  padding: 0px;
  font-size: 8pt; font-family: verdana; color: #bed1dc;
  background-color: #1e3d55;
  background-image:linear-gradient(#1c3a51, #1d3650);
  box-shadow: 0px 0px 0px #aab; text-shadow: 0.2px 0.2px 0.5px #0B214A;
}

#footer ul li {
  list-style-type: square;
  margin: 0px;
  padding: 0px;
}

#footer_col_site {
	float: left; width: 24%;
}
#footer_col_video {
	float: left; width: 25%;
}
#footer_col_audio {
	float: left; width: 25%;
}
#footer_col_links {
	float: left; width: 25%;
}
.footer_col_space { float: left; background-color: #122636; width: 2px; height: 120px; }

.footer_col_title {
	margin: 0px; padding: 5px; font-weight: bold; font-family: arial; background-color: #122636; text-align: center; color: #bac8da;
}





#left_menu {
  background-color: #ffffff; vertical-align: top; height: 100%;
}
#left_menu div {
  margin-bottom: 4px; 
  /*padding: 6px 0px 6px 5px;*/
  padding: 3px 0px 3px 5px;
  background-color: #eff2f5;
  text-align: left;
  border: 1px solid #e9edf1;
  line-height: 1.7em;
}
#left_menu div:hover {
  background-color: #e0e7ed;
  border: 1px solid #e0e7ed;
}





#search { float: right; margin-top: -3px; }

#google_search {}




#spec_block { border: 1px dotted #ced9e3; border-top: none; }

#vcnt {
  margin-top: 10px; padding: 4px; background-color: #ffffff;
  color: #666; font-size: 8pt; text-align: center;
}
#dt {
  margin-top: 6px; padding: 4px; padding-bottom: 10px;
  font-family: arial; font-size: 8pt; color: #666;
  text-align: center;
}

#donation {
  margin-top: 0px; margin-bottom: 16px;
}





.cell_block0 {
	font-style: normal;
  font-family: verdana; 
  font-size: 12px; color: black;
  border: 1px solid #dfe3e8; 
  padding: 4px 8px 4px 8px;
  background-color: #eff2f5;
}

.cell_block {
  border: 1px solid #e4e4e4;
  margin: 6px -3px 4px -3px;
  padding: 5px 9px 5px 9px;
  background-color: #f2f2f2;
  background-image: linear-gradient(#f4f4f4, #ededed);
  font-family: verdana; 
  font-weight: normal;
  font-size: 14px; 
}

.cell_block:hover {
	border: 1px solid #d0d0d0;
	background-color: #dadada;
  background-image: linear-gradient(#e4e4e4, #dadada);
}

.ad_rect {
	margin-top: 16px;
	margin-right: 10px;
	margin-bottom: 4px;
	min-width: 300px;
	min-height: 250px;
	float: left;
}

.c_in1 {
  border: 1px solid #dfe3e8; color: black;
  font-size: 8pt; text-align: center;
  padding: 4px; border-radius: 2px; background-color: #F0FAFF;
}

.c_down_block {
  font-size: 10pt; border: 2px solid #F9DA7D; padding: 20px; background-color: #FEF9E9;
  margin: 12px; margin-top: 16px;
}

.c_block {
  padding: 8px 14px 8px 14px;
  border: 1px solid #B6E1FC; color: black; font-size: 9pt; font-family: verdana;
  background-color: #FFFFFF;
}
.prog_name {
  font-size: 18pt; padding-bottom: 6px; font-weight: bold;
}
.subdesc {
  font-size: 12pt; font-family: tahoma; padding-top: 6px; padding-left: 0px; font-weight: normal;
}

#spec_block {
  text-align: left; font-style: normal; font-family: verdana; font-size: 8px; color: black;
  padding: 6px; padding-left: 12px; padding-right: 8px;
  background-color: #ffffff;
}


.navmenu_bg {
  font-family: arial;
  font-size: 11px;
  padding: 4px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #ffffff;
  margin: 0px;
  color: #0061A8;
}

.navmenu_item {
  vertical-align: middle;
  padding: 0px;
  text-align: center;
  position: relative;
  margin: 0px;
}

.c_text_sort {
  color: black;
  font-family: verdana;
  font-size: 11px;
  text-decoration: none;
  font-weight: normal;
  padding: 2px;
  padding-left: 6px;
  padding-right: 6px;
  border: 0px solid black;
  font-weight: bold;
  
}





.cell_det_img {
  font-style: normal;
  font-family: verdana;
  font-size: 12px;
  color: black;
  border: 1px solid #dfe3e8;
  padding-left: 8px;
  padding-right: 8px;
  padding-top:2px;
  padding-bottom:2px;
  background-color: #FFFFFF;
}

.cell_det_title {
  font-style: normal;
  font-family: verdana;
  font-size: 12px;
  color: black;
  border: 0px solid #dfe3e8;
  padding: 0px;
  background-color: #FFFFFF;
}

.cell_det_desc {
  font-style: normal;
  font-family: verdana;
  font-size: 12px;
  color: black;
  border: 1px solid #dfe3e8;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #FFFFFF;
}

.cell_det_light {
  font-style: normal;
  font-family: verdana;
  font-size: 12px;
  color: black;
  border: 1px solid #dfe3e8;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #eff2f5;
}

.cell_det_vlight {
  font-style: normal;
  font-family: verdana;
  font-size: 12px;
  color: black;
  border: 1px solid #dfe3e8;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #FFFFFF;
}

.cell_det_dark {
  font-style: normal;
  font-family: verdana;
  font-size: 12px;
  color: black;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  
  border: 1px solid #dfe3e8;
  background-color: #eff2f5;
}

.cell_det_vdark {
  font-style: normal;
  font-family: verdana;
  font-size: 12px;
  color: black;
  border: 1px solid #dfe3e8;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #eff2f5;
}


.cell_ss {
  font-style: normal;
  font-family: verdana;
  font-size: 12px;
  color: black;
  border: 1px solid #dfe3e8;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 1px;
  padding-bottom: 1px;
  background-color: #ffffff;
}


.cn {
  font-family: 'courier new';
  font-size: 10pt;
}

.cin {
	font-family: 'courier new';
	font-size: 10pt;
}

.param {
  font-family: 'courier new';
  font-size: 10pt;
  font-weight: bold;
}

.warning {
  margin-top: 8px;
	margin-left: 2mm;
	margin-right: 2mm;
	padding: 2mm;
	background-color: #F4F88B;
	text-align: center;
}
	

/* /////////////////////////// spacing ///////////////////////////// */
.c_space_1 {
  margin: 0px;
  padding: 1px;
}
.c_space_2 {
  margin: 0px;
  padding: 2px;
}
.c_space_3 {
  margin: 0px;
  padding: 3px;
}
.c_space_4 {
  margin: 0px;
  padding: 0px;
  height: 4px;
}
.c_space_5 {
  margin: 0px;
  padding: 5px;
}
.c_space_6 {
  margin: 0px;
  padding: 6px;
}

.c_code_block {
	font-family: 'Courier New';
	font-size: 9pt;
	padding: 6px;
	margin-left: -1mm;
	margin-right: -1mm;
	margin-bottom: 0px;
	border: 1px solid #bbbbbb;
  background-color: #E3E2DF;
}
.c_code {
	font-family: 'Courier New';
	font-size: 9pt;
}

.c_img_caption {
	font-family: arial;
	font-size: 13px;
	color: black;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 1mm;
	font-weight: bold;
}



/* //////////////////////////// pascal ////////////////////////*/
.pas_assem {
	color: teal;
	font-family: 'courier new';
}
.pas_comm {
	color: #443333;
	background-color: silver;
	font-style: italic;
	font-family: 'courier new';
}
.pas_direct {
	color: green;
}
.pas_key {
	font-weight: bold;
	color: black;
	font-family: 'courier new';
}
.pas_num {
	color: red;
	font-family: 'courier new';
}
.pas_str {
	color: blue;
	font-family: 'courier new';
}
.pas_sym {
	color: maroon;
	font-family: 'courier new';
}



/* //////////////////  /////////////// */

.featured_app_1 { padding: 4px; margin-bottom: 6px; border: 1px solid #b8e2ef; background-color: #CCEBF4; background-image: linear-gradient(#daf1f8, #CCEBF4); }
.featured_app_2 { padding: 4px; margin-bottom: 6px; border: 1px solid #fbee97; background-color: #FCF4BE; background-image: linear-gradient(#fdf7cc, #FCF4BE); }
.featured_app_3 { padding: 4px; margin-bottom: 6px; border: 1px solid #d9d9d9; background-color: #e4e4e4; background-image: linear-gradient(#ebebeb, #e4e4e4); }
.featured_app_4 { padding: 4px; margin-bottom: 6px; border: 1px solid #fac9b6; background-color: #FBDDD2; background-image: linear-gradient(#fce7de, #FBDDD2); }


.news_app {
	padding: 16px; border: 1px solid #f0f0f0; background-color: #fafafa; margin-bottom: 15px; background-image: linear-gradient(#fafafa, #f0f0f0);
}

.news_guide {
	padding: 16px; border: 1px solid #E3EDDE; background-color: #E3EDDE; margin-bottom: 15px; background-image: linear-gradient(#ebf2e8, #E3EDDE);
}

.frame_blue {
	margin: 3px; padding: 10px; border: 1px solid #aac6ea; background-color: #C7D9F1; background-image: linear-gradient(#d8e6f5, #C7D9F1);
}

.frame_highlight_1 {
	margin: 3px; padding: 10px; border: 1px solid #aac6ea; background-color: #C7D9F1; background-image: linear-gradient(#d8e6f5, #C7D9F1);
}

.frame_highlight_2 {
	margin: 3px; padding: 10px; border: 1px solid #fcf3b8; background-color: #fdf8d2; background-image: linear-gradient(#fefbe0, #fdf8d2);
}

.frame_warning_1 {
	margin: 3px; padding: 8px; border: 1px solid #fde3ca; background-color: #fde8d2; background-image: linear-gradient(#fdeddd, #fde8d2);
}



.vt_block {
	clear: both; text-align: center; margin: 0px; margin-top: 10px; padding: 10px; border: 1px dashed #dcdbd6; background-color: #f3f3f3;
}

/* ------------------------------------------------------------------------------------ */


.prog_info_sdesc {
	border: 0px solid #e4e4e4; padding: 5px; margin-top: 10px;
}


.prog_info_download {
	display: flex;
	text-align: center; 
	margin-top: 4px; margin-bottom: 0px; min-height: 10px; border: 0px dashed #9e9e9e; padding: 2px;
}

.prog_info_download_link_bg_32b { }
.prog_info_download_link_bg_64b { }

.prog_info_download_direct_link_bg { margin-top: 3px; margin-bottom: 0px; }


.prog_info_longdesc {
	display: flex; align-items: center; text-align: left;
	padding: 7px; padding-left: 12px; margin-top: 10px; min-height: 63px;
	border: 1px solid #fcf1b4; background-color: #fdf7d5;
	background-image: linear-gradient(#fefae2, #fdf7d5);
}


.prog_info_spec {
	display: flex; align-items: center; text-align: left;
	clear: both; padding: 5px; margin-top: 10px; border: 0px solid #e4e4e4;
	font-size: 12px; font-family: arial; 
}
.prog_info_spec_thumb {
	float: left; border: 0px solid #e4e4e4; padding: 5px; margin-right: 5px;
}
.prog_info_spec_data {
}
.prog_info_spec_data_row {
	padding: 2px;
	display: flex; align-items: center;
}
.prog_info_spec_data_caption {
	min-width: 80px; margin-right: 4px; margin-top: -1px; padding-top: 2px; text-align: right; font-family: arial; font-size: 12px; font-style: italic;
}



a.link_direct {
  text-decoration: none; color: #5877a9; font: normal 11px tahoma;
}
a.link_direct:visited { color: #5877a9; text-decoration: none; }
a.link_direct:hover { color: #5877a9; text-decoration: none; }



a.link_download_32b {
	display: block;
	padding: 4px; margin: 2px;
  text-decoration: none; color: #ffffff; font: normal 14px tahoma;
  background-color: #52a541;
  border-radius: 1px;
  box-shadow: 0px 0px 2px #6aad63;
}
a.link_download_32b:visited { color: #ffffff; text-decoration: none; }
a.link_download_32b:hover { color: #ffffff; text-decoration: none; background-color: #32bb2b; }


a.link_download_64b {
	display: block;
	padding: 4px; margin: 2px;
  text-decoration: none; color: #fff; font: normal 14px tahoma;
  background-color: #d36c56;
  border-radius: 1px;
  box-shadow: 0px 0px 2px #af8461;
}
a.link_download_64b:visited { color: #fff; text-decoration: none; }
a.link_download_64b:hover { color: #ffffff; text-decoration: none; background-color: #f54734; }



#screens_block {
	margin: -3px -3px 4px -3px;
	padding: 10px 0px 19px 0px;
	border: 1px solid #e2e2e2;
	background-color: #fdfdfd;
	background-image: linear-gradient(#fdfdfd, #f3f3f3);
}

.gallery_img_bg {
	margin: 0px 8px 0px 8px;
	padding: 2px;
	text-align: center;
}
.gallery_img_caption {
	max-width: 190px;
	text-align: center;
	margin: 8px auto 3px auto;
}



.old_ver_bg {
	padding: 4px;
	border: 0px solid gray;
	font-size: 13px;
	font-family: tahoma;
}

.old_ver_item {
	margin: 2px 2px 8px 2px;
	padding: 5px;
	border: 1px solid #e8e8e8;
	background-color: #f9f9f9;
}


.news_bg {
	padding: 4px;
	font-size: 13px;
}

.news_item {
	margin: 4px auto 10px auto;
	padding: 14px;
	line-height: 1.8em;
	border: 1px solid #e8e8e8;
	background-color: #f9f9f9;
	background-image: linear-gradient(#fdfdfd, #f5f5f5);
}

.news_id {
	margin-right: 10px;
	font-size: 7pt;
	color: gray;
}


.prog_list_bg {
	margin: 4px auto 4px auto;
	border: 0px dashed gray;
}

.prog_list_item {
	margin: 7px 0px 7px 0px;
	padding: 10px;
	border: 1px solid #e9e9e9;
	background-color: #f9f9f9;
	background-image: linear-gradient(#fdfdfd, #f5f5f5);
	display: flex;
	align-items: center; text-align: left;
	font-size: 11px;
}

.prog_list_item_title {
	margin: 4px 0px 4px 0px;
	padding: 0px;
}

.prog_list_item_img {
	padding: 4px;
}

.prog_list_item_desc_bg {
	margin-left: 8px;
}

.prog_list_item_desc {
	margin: 10px 0px 10px 0px;
	font-family: tahoma;
	font-weight: normal;
	font-size: 14px;
}

.c_nav_panel
{
  padding: 8px;
  text-align: center;
  background-color: #DBECF9;
  border: 1px solid #aacaf4;
}

.section_title {
	margin-top: 14px; 
	margin-bottom: 14px; 
	text-align: center;
	font-size: 24px;	
	font-family: tahoma;
	font-weight: bold;
	color: #301010;
}

.section_subtitle {
	margin-top: 16px;
	margin-bottom: 16px;
	font-size: 16px;
	text-align: center;
}


.line_0 { border: 1px dashed #9f97b9; margin: 0px auto 0px auto; }
.line_5 { border: 1px dashed #9f97b9; margin: 5px auto 5px auto; }
.line_10 { border: 1px dashed #9f97b9; margin: 10px auto 10px auto; }
.line_15 { border: 1px dashed #9f97b9; margin: 15px auto 15px auto; }
.line_20 { border: 1px dashed #9f97b9; margin: 20px auto 20px auto; }
.line_25 { border: 1px dashed #9f97b9; margin: 25px auto 25px auto; }
.line_30 { border: 1px dashed #9f97b9; margin: 30px auto 30px auto; }


.img_block {
	margin: 10px; 
	padding: 10px;
}
.img_caption { margin-bottom: 4px; font-style: italic; text-align: center; }
.img_bg { padding: 4px; text-align: center; }


.contents_bg {
	margin-top: 10px;
	margin-left: 20px;  
	margin-bottom: 30px;	
}

.contents_item_1 { margin-bottom: 3px; }
.contents_item_2 { margin-left: 20px; margin-bottom: 3px; }
.contents_item_3 { margin-left: 40px; margin-bottom: 3px; }


/* ///////////////////////// guides ////////////////////////// */
.guide_separator { border: 1px dashed #9f97b9; margin: 2px auto 2px auto; }
.guide_separator_2 { border: 1px dashed #e2e3e4; margin: 12px 0px 0px 0px; }

.guide_info_block {
	border: 1px solid #e9e9e9;
	padding: 4px 6px 4px 6px;
	max-width: 240px;
	font-size: 11px;
	font-family: tahoma;
	float: right;
	text-align: right;
	background-color: #f9f9f9;
	background-image: linear-gradient(#fdfdfd, #f5f5f5);
}


.guide_bg { margin-bottom: 10px; }

.guide_bg p { }
.guide_bg li { margin-bottom: 6px; }

.guide_title {
  margin: 10px 0px 30px 0px;
  padding: 0px;
  text-align: center;
}

.guide_content {
	margin-left: 20px; 
	margin-top: 30px; 
	margin-bottom: 30px;
}

.guide_img_caption {
  margin-bottom: 5px;
	margin-top: 5px;
	font-style: italic;
}

.guide_img_bg {
	margin: 10px;
	text-align: center;
}

.guide_bg h2 {
	margin: 20px 0px 0px 0px;
}

.guide_bg h3 {
	margin: 10px 0px 0px 0px;
}

.guide_bg h4 {
	margin: 10px 0px 0px 0px;
}


.guide_hr {
	margin-top: 20px;
	margin-bottom: 10px;
}

.guide_term {
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 4px;
	margin-top: 12px;
}

.guide_term_desc {
	margin-top: 0px;
	margin-left: 26px;
	margin-bottom: 8px;
}

.guide_tip {
	clear: both; padding: 10px; border: 1px solid #f7e9b0; background-color: #fbf5db;
}

.guide_indent { margin-left: 30px; }

.guide_view_counter { margin-left: 12px; font-size: 11px; color: #d9d9d9; }


.guide_toggle_block_bg { margin-bottom: 38px; }



.guide_toggle_header_2 {
	padding: 5px;
	border: 1px solid #e1e1e1;
	background-color: #f0f0f0;
	background-image: linear-gradient(#fcfcfc, #f0f0f0);
  font-size: 19px;
  box-shadow: 1.5px 1.5px 0px 0px rgba(0,0,0,0.40);
}
.guide_toggle_header_2:hover {
	border: 1px solid #dadada;
	background-color: #dadada;
  background-image: linear-gradient(#eeeeee, #dadada);	
}

.guide_toggle_header_3 {
	padding: 5px;
	border: 1px solid #ececec;
	background-image: linear-gradient(#fefefe, #f0f0f0);
	box-shadow: 1.6px 1.6px 0px 0px rgba(0,0,0,0.25);
  font-size: 17px;	
}
.guide_toggle_header_3:hover {
	border: 1px solid #dadada;
	background-color: #dadada;
  background-image: linear-gradient(#eeeeee, #dadada);	
}


.fold_block { clear: both; float: right; margin: 20px 4px 0px 0px; }
.fold_button { width: 130px; margin-top: 2px;}





.sitemap_bg { margin-left: 40px; margin-bottom: 20px; }
.sitemap_bg h2 { margin: 0px; margin-top: 4px; padding: 0px; font-size: 18px; line-height: 1.8em;}
.sitemap_bg h3 { margin: 4px 0px 12px 26px; padding: 0px; font-size: 14px; font-weight: normal; }



/* ///////////////// INTERFACE ////////////// */
.key { border: 1px solid #aaaaaa; padding: 0px 4px 1px 4px; background-color: #eeeeee; font-size: 12px; }

.panel { font-family: arial; font-weight: bold; font-size: 1.2em; }
.button { border: 1px solid #bbbbbb; padding: 0px 4px 1px 4px; background-color: #eeeeee; font-size: 13px; }
.menu { font-style: italic; font-weight: bold; font-family: arial; font-size: 1.1em; }
.menuitem { font-style: italic; font-weight: bold; font-family: arial; font-size: 1.1em; }
.list { font-family: arial; font-weight: bold; font-size: 1.1em; }
.listitem { font-family: arial; font-weight: bold; font-size: 1.1em; }
.option { font-family: arial; font-weight: bold; font-size: 1.1em; }
.window { font-family: arial; font-weight: bold; font-size: 1.1em; }
.filename { font-family: 'calibri'; font-weight: bold; font-size: 1.2em; }








/* -------------------------------------------------------------- */
@media all and (min-width:280px) and (max-width:900px) {
	
	#container {
		width: 100%;
		padding: 0px; margin: 0px;
	}
	
  #left_panel {
    float: none;
    max-width: none;
    display: none;
  }
  
  #navigation { line-height: 1.4em; margin-bottom: 10px; padding: 0px; }
  
  #navigation a {
	  font-family: verdana, tahoma;
    display: block;
    background-color: #274f70; background-image:linear-gradient(#305f85, #274f70);
  }
  
  #navigation a:hover { background-image: linear-gradient(#173044, #132737); }
  
  

  
  #main {
  	float: none;
  	padding: 0px; padding-left: 3px;
  }
  
  .footer_col_space { display: none; }


  #footer_col_site { float: none; clear: both; width: 100%; margin: 0px; padding: 0px;}
  #footer_col_video { float: none; clear: both; width: 100%; }
  #footer_col_audio { float: none; clear: both; width: 100%; }
  #footer_col_links { float: none; clear: both; width: 100%; }
  
	#footer ul li { line-height: 2em; list-style-type: none; margin: 0px; padding: 0px;}
	#footer a { display: block; padding: 4px; padding-left: 8px; background-color: #1a354d; background-image:linear-gradient(#224864, #223f5b); border-bottom: 1px solid #122334; }
	#footer a:hover { background-image: linear-gradient(#173044, #132737); text-decoration: none;}
	#footer ul { margin: 0px; padding: 0px; }
	
	.link_conv_base { display: block; border: 4px solid #f7f7f7; }
	
	.contents_item_1 { margin-bottom: 8px; }
	.contents_item_2 { margin-bottom: 8px; }
	.contents_item_3 { margin-bottom: 8px; }
}
/* -------------------------------------------------------------- */