/************************** START RE-STYLING FOR BASIC ELEMENTS ************* */
body{ margin: 0; width: 100%; height: 100%; color: black; font-family: Verdana, helvetica, sans-serif; background: white url(../images/web/body_bg.jpg) no-repeat right bottom;}

a{ text-decoration: none; color: #48499F; }
a:hover{ text-decoration: underline; }

input, textarea{ font-size: 11px; font-weight: normal; background-color: white; color: black; padding: 2px 3px 2px 3px; margin: 2px 2px 2px 2px; border: 1px solid #000000; }
/************************** END RE-STYLING FOR BASIC ELEMENTS *************** */

/************************** START SPECIFIC STYLING ELEMENTS  **************** */
#hot_title{ }
#hot_news{ font-size: 70%; }
#hot_news a{ text-decoration: underline; color: #E13517; font-weight: bold; font-size: 95%; display: block; padding-bottom: 5px; border-bottom: 1px solid #a9a9a9; text-align: left; }
#hot_news .arc_link{ margin: 7px; }
#hot_news .arc_link a{ color: #064990; border-bottom: 0; text-align: right; font-weight: normal; }

#hot_news table{ margin: 10px 20px 15px 20px; }
#hot_news table td{ vertical-align: top; padding: 2px; text-align: justify; }
#hot_news table td p{ padding-top: 0; margin-top: 0; }

#top_table{ background: transparent url(../images/web/top_bg.gif) repeat-x right top; }
#central_table{ background: url(../images/web/paper_bg.jpg) no-repeat right top;}

#nav_panel_container td{ height: 215px; vertical-align: top; }
#nav_panel_container img{ border: 0; margin-top: 14px; }

#nav_panel{ text-align: right; vertical-align: top; font-size: 11px;  }
#nav_panel img{ margin-bottom: 14px; }
#nav_panel a{ text-align: left; display: block; background: url(../images/web/map.gif) no-repeat left center; width: 100px; padding: 3px 0 3px 20px; }

#lang_panel{ margin-left: 25px; margin-top: 10px;}
#lang_panel img{ border: 0; margin-right: 7px; }
#lang_panel a{ font-size: 70%; }
#lang_panel span{ margin-left: 7px; }

.print_area{ border-left: 1px solid #EEEEEE; }
/************************** END SPECIFIC STYLING ELEMENTS  **************** */

.button{ padding-right: 10px; padding-left: 10px; padding-top: 1px; font-weight: normal; height: 20px; cursor: pointer; border: 1px solid #5556a2;  }
.search_result{ background-color: #48499F; color: #FFFFF6; font-weight: bold; }
.search_text{ color: #ED1C24; font-weight: bold; margin: 0 10px; }

.title{ font-size: 15px; font-weight: bold; margin: 10px 20px; padding-left: 20px; padding-bottom: 2px; color: #000; text-align: left; background: url(../images/web/title_bg.gif) no-repeat left center;}

#content_container{ text-align: justify; font-size: 70%; color: black; margin: 0 20px; }
#content_container a{ color: #48499F; text-decoration: none; font-weight: normal; }
#content_container a:hover{ text-decoration: underline;}

#content_container table { border-collapse: collapse; border: 1px solid #1b5a98; width: 100%;}
#content_container table td{ padding: 5px; border: 1px solid #1b5a98; font-size: 100%; color: black; vertical-align: top; }

#content_container table.center td{ text-align: center;}

#content_container table.no_border { border: 0;}
#content_container table.no_border td{ border: 0;}

#module{  font-size: 70%; margin: 0 20px 30px 20px; }
#module table{  width: 100%; margin-top: 0; border: 0; }
#module table td{ padding: 5px; font-size: 100%; color: black; vertical-align: top;}

#module .border{ border-collapse: collapse; border: 1px solid #5556a2;  }
#module .border td{ border: 1px solid #5556a2;  }

#ext_content{ height: 100%; border: 1px dashed #5556A2; float: right; width: 170px; color: black; padding: 10px; font-size: 70%;}
#ext_content p{ margin:0; padding:0;}
#ext_content a{ font-size: 11px; color: #5556a2; text-decoration: underline; }
#ext_content_admin{ text-align: right; float: right; font-size: 11px; margin-top: 10px; width: 150px;}
#ext_content_admin a{ font-size: 11px; color: #5556a2; text-decoration: underline; }

#path{ font-size: 11px; padding-top: 10px; margin: 0 20px; height: 27px; color: #000000; }
#path a{ color: #48499F; text-decoration: underline; }

div#contacts_container{ font-size: 11px; text-align: right; margin-right: 280px;}
#contacts_container form{ padding: 0; margin: 0;}
#contacts_container input, textarea{ width: 220px;}
#contacts_container label{ margin-right: 3px; cursor: pointer;}
#contacts_container .button{ width: 80px;}

div#contacts_container_t{ font-size: 11px; text-align: right; }
#contacts_container_t form{ padding: 0; margin: 0;}
#contacts_container_t input{ width: 210px; vertical-align: bottom;}
#contacts_container_t textarea{ width: 166px;}
#contacts_container_t .button{ width: 40px; margin-bottom: 3px;}

#subscribe_div{ height: 140px; border: 1px dashed #6CBAED; font-size: 11px; padding-right: 5px; margin-top: 10px; margin-left: 22px; text-align: right; padding-top: 5px; padding-bottom: 5px; margin-right: 18px;}
#subscribe_div form{ padding: 0; margin: 0;}
#subscribe_div div{ text-align: right; }
#subscribe_div input{ width: 135px; }
#subscribe_div label{ margin-right: 3px; cursor: pointer;}
#subscribe_div .button{ height: 18px; width: 50px; margin-left: 20px;}
#subscribe_div a{ color: #0095D8; text-decoration: underline; }

#search_div{ font-size: 11px; margin-left: 25px; margin-bottom: 70px; margin-top: 30px; }
#search_div form{ padding: 0; margin: 0;}
#search_div input{ width: 120px; margin-left: 10px; margin-top: 5px; }
#search_div label{ cursor: pointer;}
#search_div .button{ width: 20px; margin-left: 5px; background: url(../images/web/search.gif) no-repeat center; border-width: 0;}
#search_div a{ color: #0095D8; text-decoration: underline; }

/************************** START STYLES FOR MENU *************************** */
#menu_container{ font-size: 85%; margin: 15px 0; border-bottom: 1px solid #D8DDE3; color: black; }
#menu_container .menu{ color: #443484; padding: 3px 0 3px 25px; border-top: 1px solid #D8DDE3; font-weight: bold; font-variant: small-caps; background: url(../images/web/menu_bg.gif) repeat-x right top; }
#menu_container .menu a{ color: #443484; padding-left: 20px; background: transparent url(../images/web/a_bg.gif) no-repeat left center; }

#menu_container .opener{ color: #443484; padding: 3px 0 3px 25px; cursor: pointer; font-weight: bold; font-variant: small-caps; border-top: 1px solid #D8DDE3; background: url(../images/web/menu_bg.gif) repeat-x right top; }
#menu_container .opener span{ color: #443484; padding-left: 20px; background: url(../images/web/a_bg.gif) no-repeat left center; }

#menu_container .opened{ font-weight: bold; padding: 3px 0 3px 25px; font-variant: small-caps; cursor: pointer; background: url(../images/web/menu_bg.gif) repeat-x right top; border-top: 1px solid #D8DDE3; }
#menu_container .opened span{ color: black; padding-left: 20px; background: url(../images/web/menu_bgs.gif) no-repeat left center; }

#menu_container .selected{ font-weight: bold; padding: 3px 0 3px 25px; border-top: 1px solid #D8DDE3; font-variant: small-caps; background: url(../images/web/menu_bg.gif) repeat-x right top; }
#menu_container .selected span{ color: black; padding-left: 20px; background: url(../images/web/menu_bgs.gif) no-repeat left center; }

#menu_container .container{ font-variant: normal; font-size: 80%; padding: 3px 0; margin-left: 45px; }
#menu_container .container span{ font-variant: normal; background: none; padding-left: 0; margin-left: 0; }
#menu_container .container .menu{ border-color: white; padding-left: 12px; font-variant: normal; background: transparent url(../images/web/m_b.gif) no-repeat left center; }
#menu_container .container .menu a{ background-image: none; padding-left: 0; }
#menu_container .container .selected{ border-color: white; padding-left: 12px; background: url(../images/web/m_y.gif) no-repeat left center; }

/************************** END STYLES FOR MENU ***************************** */

/************************** START STYLES FOR FOOTER ************************* */
#footer{ height: 76px; color: black; width: 100%;}
#copy{ font-size: 70%; vertical-align: bottom; padding: 0 0 15px 15px; background: url(../images/web/footer_bg.jpg) repeat-x left bottom; }

#counter{ font-size: 70%; }
#counter span{ padding-right: 25px; }
#counter img{ border: 0; margin-left: 10px; }

#address{ font-size: 70%; margin: 20px; }
/************************** END STYLES FOR FOOTER *************************** */

/************************** START STYLES FOR ARCHIVE LINKS ****************** */
.archive_links{ margin-top: 30px; text-align: right; font-size: 90%;}
.archive_links span{ margin: 2px 5px 2px 5px; font-size: 120%; font-weight: bold; }
.archive_links a{ margin: 2px 5px 2px 5px; }
/************************** END STYLES FOR ARCHIVE LINKS ******************** */

/************************** START STYLES FOR PAGES AND NEWS ***************** */
.row{ margin-bottom: 20px; }
.row td{ vertical-align: top; padding: 3px; }
.row td p{ margin-top: 0; padding-top: 0; }
/**************************** END STYLES FOR PAGES AND NEWS ***************** */

/************************* START STYLES FOR GALLERY OUTPUT ****************** */
.image_row{ padding: 2px 2px 2px 1px; margin: 2px 2px 2px 0; width: 550px; clear: left;}
.one_cell{ width: 125px; height: 170px; margin: 5px 3px 3px 3px; float: left;}
.image_cell{ margin: 1px 1px 1px 1px; height: 120px; width: 120px; text-align: center;}
.image_cell img{ cursor: pointer; border: 1px solid white;}
.text_cell{ margin: 3px 1px 1px 1px; height: 20px; width: 120px; text-align: center; vertical-align: bottom;}
/************************* END STYLES FOR GALLERY OUTPUT ******************** */

/************************* START STYLES FOR SITE MAP OUTPUT ***************** */
#site_map{ margin-bottom: 20px; margin-left: 50px; }
#site_map div{ padding: 2px 2px 2px 0; }
#site_map dvi span{ margin-right: 10px;}
#site_map div span img{ display: inline; cursor: pointer; border: 0; margin-right: 3px;}
#site_map a{ color: #10478F; }
/************************* END STYLES FOR SITE MAP OUTPUT ******************* */

/************************* START STYLES FOR VOTING  ************************* */
/* site single voting styles */
#voting_container{ background: url(../images/web/corner_lb0.gif) no-repeat left bottom; padding-bottom: 23px; margin-bottom: -1px; margin-left: -2px; }
#v1{ background: url(../images/web/corner_lt0.gif) no-repeat left bottom; padding-bottom: 29px; margin-left: -4px; padding-left: 57px; }
#v2{ margin-right: 60px; }
#voting{ margin-left: 26px; padding: 0 20px 5px 20px; border-left: 1px solid #7FBDE7; background-color: #FAFAFA; color: #48499F; font-size: 80%; }

#voting .question{ color: black; font-weight: bold; }
#voting .archive { margin-left: 20px; margin-top: 10px; display: block;}
#voting .archive a{	color: #48499F; }

/* before */
#voting span{ text-decoration: underline; cursor: pointer; font-size: 85%;}
#voting td input{ background-color: #FAFAFA; color: black; cursor: pointer; border-color: #FAFAFA; margin: 0; padding: 0;}
#voting .button{ width: 80px; margin-left: 35px; }

/* after */
#voting td{ border-width: 0px; }
#voting table { border-width: 0px; }
#voting .answer{ font-size: 85%; }
#voting .amount, #voting .total_number{ font-size: 85%; font-weight: bold; text-align: right; color: black; }
#voting .total_text{ font-weight: bold; padding-left: 25px; }
#voting .total_number{ }

/* votes archive styles */
.voting{ margin: 15px 0 10px 20px; clear: left;}
.voting div{ margin-top: 2px; margin-bottom: 2px; border: 0 dashed black;}
.voting span img{ display: inline; cursor: pointer; border: 0; margin-right: 3px;}
.voting ul{ list-style-type: none; }
.voting ul li{ padding: 2px 2px 2px 20px; clear:left;}
.voting ul li span{ margin-right: 10px; }
.voting ul li span img{ display: inline; cursor: pointer; border: 0; margin-right: 3px;}

.voting .vote_text{ float: left; clear: left; }
.voting .vote_number{ float: right; font-weight: bold; text-align: right; margin: 2px 3px 0px 3px; }
.voting .question{ float:left; margin-bottom: 7px; }
.voting .answers{ clear: left; padding-bottom: 20px; }

/* vote archive links styles */
.vote_archive{ margin-top: 30px; text-align: right;}
.vote_archive span{ margin: 2px 5px 2px 5px; font-size: 120%; font-weight: bold; }
.vote_archive a{ margin: 2px 5px 2px 5px; }

#vote_add_div{ padding: 5px; border: 0 dashed black; }
#vote_add_div div{ min-height: 25px;}
#vote_add_div label{ margin-left: 3px;}
#all_votes{ float: right; width: 99%; }
#all_votes label{ margin-left: 3px;}
#switch_vote_img{ cursor: pointer; margin: 0 0 2px 0;}
#new_vote{ border: 1px solid black;  padding: 3px;}

/************************* END STYLES FOR VOTING **************************** */

/************************* START STYLES FOR CALENDAR ************************ */
#calendar{ margin-bottom: 0px; padding-left: 31px; padding-top: 3px; background: url(../images/web/archive_bg.gif) no-repeat left top; }
#calendar div{ text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}

#calendar .days{ float:left; width: 161px; border: 1px solid white; }
#calendar .days div{ float: left; margin: 1px 1px 1px 0; width: 20px; height: 15px; border: 1px solid white; padding-top: 2px;}
#calendar .days .cell{ border: 1px solid white; }

#calendar .days .current_day{ width: 18px; height:14px; border: 2px solid #0076AE; padding-top: 1px; }
#calendar .days .current_day_selected{ width: 18px; height:14px; border: 2px solid #48499F; color: #000000; font-weight: bold; padding-top: 1px;}
#calendar .days .selected_day{ color: #000000; font-weight: bold; }

#calendar .day_names{ margin-top: 3px; margin-bottom: 1px; height: 20px; width: 161px; float: left; }
#calendar .day_names div{ font-weight: bold; height: 18px; width: 21px; margin-bottom: 3px; border-bottom: 1px solid black; padding: 2px 0 0 2px; float: left; color: #94B815;}

#calendar .days .full{ background-color: #DFEFF9; }
#calendar .days .full a{ background-color: #DFEFF9; color: black; }

#calendar a{ text-decoration: underline; color: #48499F; font-weight: bold; }
#calendar a:hover{ text-decoration: none; }

#calendar div.month{ float: left; padding-left: 40px; text-align: center; border: 1px solid white; }
#calendar div.year{ float: left; text-align: center; padding-left: 10px; }
#calendar .list{ z-index: 200; position: absolute; width: 70px; color: black; border: 1px solid black; text-align: center;  }
#calendar .drop{ border: 0; color: black; }
#calendar ul{ list-style-type: none; padding:0; margin:0;}
#calendar ul li{ cursor: pointer; margin: 7px 7px 10px 7px;}
/************************* END STYLES FOR CALENDAR ************************** */

/************************ START OF COMMENTS ********************************* */
.rate{ border-bottom: 1px solid #DFDFDF; margin-bottom: 10px; margin-top: 30px; padding-bottom: 5px; }
.rate img{ cursor: pointer; margin: 0 5px; }
.rate span{ margin: 0 3px; }

.comment_header{ border: 1px solid #DFDFDF; background-color: #48499F; font-weight: bold; }
.comment_header .author{ float: left; width: 200px; padding: 1px 0 1px 7px;}
.comment_header .date{ margin-left: 200px; text-align: right; padding: 1px 7px 1px 0;}
.comment_text { border: 1px solid #DFDFDF; border-top-width: 0; padding: 10px 20px; margin-bottom: 10px; text-align: left; }
.comment_text div{ margin-top: 10px; }
.comment_text img{ display: inline; cursor: pointer; margin-right: 10px; }

#commentForm{ margin-top: 15px; }
#commentForm input { width: 200px; }
#commentForm textarea { width: 400px; }
#comStatus{ color: red; font-weight: bold; font-size: 90%; margin: 0 15px; }
/************************ END OF COMMENTS ********************************** */

/************************* START STYLES ONLY FOR ADMIN CONTROL ************** */
#auth_panel{ width: 206px; font-size: 11px; font-weight: bold; padding: 1px 10px 10px 0; margin-bottom: 20px; margin-left: 25px; color: #0855A7; text-align: left; display: none; }
#auth_panel form{ padding: 0; margin: 0;}
#auth_panel label{ display: none; }
#auth_panel input{ width: 160px; }
#auth_panel .button{ width: 82px; margin-left: 2px; padding-left: 2px; padding-right: 2px; }
#debug{ margin: 10px; padding: 3px; border: 1px dashed red; min-height: 25px; font-size: 11px; }
.action_status{ position:absolute; left: 45%; top: 40%; color: #003663; background-color: white; letter-spacing: 1px;}
.edit_link a{ background-color: white; color: #0855A7; font-size: 12px; margin-left: 5px; }
/************************* END STYLES ONLY FOR ADMIN CONTROL **************** */

/************************* START STYLES FOR ADMIN'S MENU ******************** */
#admin_menu_div{ margin: 20px 0 10px 0; font-size: 75%; }
#admin_menu_div span{ font-weight: bold; text-align: center; display: block; border-top: 1px solid #CFDFF0; border-bottom: 1px solid #CFDFF0; cursor: pointer;}
#admin_menu_div div{ margin: 3px 0 2px 8px; font-weight: bold; color: black; }
#admin_menu_div div a{ color: #5556A2; font-weight: normal; }
/************************* END STYLES FOR ADMIN'S MENU ********************** */

/************************* START STYLES FOR ADMIN'S PROFILE ***************** */
.profile{ text-align: left; width: 350px; margin-top: 30px;}
.profile input{ width: 140px; margin-left: 5px;}
.profile p{ text-align: right; margin: 0;}
.profile div{ text-align: center;}
/************************* END STYLES FOR ADMIN'S PROFILE ******************* */

/************************* START STYLES FOR LANGUAGE ADMINISTRATION ********* */
.lang_tab_bar{ margin-left: 10px; margin-bottom: 30px; height: 16px;}
.lang_tab_bar ul{ list-style-type: none;}
.lang_tab_bar ul li{ float: left; width: 124px; height: 16px; margin-left: 5px; padding-top: 2px; font-weight: bold; text-align: center; vertical-align: bottom; color: #003663; background-color: #FFFFF5; background-repeat: no-repeat; background-position: bottom center; }

.lang_tab_bar .on{ background-image: url(../images/admin/tab_blue.gif);}
.lang_tab_bar .off{ background-image: url(../images/admin/tab_white.gif); cursor: pointer;}
.lang_tab_bar .over{ background-image: url(../images/admin/tab_blue.gif); cursor: pointer; text-decoration: underline;}

.lang_row{ padding: 2px 2px 2px 1px; margin: 2px 2px 2px 0; clear:left; }
.lang_row div{ float: left; min-height: 25px;}

.lang_name{ width: 230px; padding: 3px; text-align: right;}
.lang_name span{ margin-left: 10px;}
.lang_name span img{ margin-right: 5px; cursor: pointer;}

.lang_value{ width: 60%;	padding: 1px 3px 3px 3px;}

.lang_archive{ margin-top: 30px; text-align: right;}
.lang_archive span{ margin: 2px 5px 2px 5px; font-size: 120%; font-weight: bold; }
.lang_archive a{ margin: 2px 5px 2px 5px; }

#switch_img{ margin: 2px 2px 10px 0; cursor: pointer;}
/************************* END STYLES FOR LANGUAGE ADMINISTRATION *********** */

/************************** START STYLES FOR PRINT PREVIEW ****************** */
@media print
{
	body{ background-color: white; color: black; background-image: none;}
	div{ color: black; background-color: white; background-image: none; }
	table{ background-image: none; vertical-align: top; }
	table td{ vertical-align: top; }

	p.edit_link, .no_print, .archive_links { display: none;}

	.title{ margin: 0; padding: 0 0 5px 35px; font-size: 19px; font-weight: normal; background-color: white; color: black;  }
	#content_container{ margin: 0; padding: 0 30px 0 35px; height: 100%; vertical-align: top; font-size: 13px; background-color: white; color: black;}
	#content_container a{ background-color: #fff; color: blue; text-decoration: none; }

	#homepage_container{ margin: 0; padding: 0; border: 0;}
	.print_area{ border-left-width: 0; }
}
/************************** END STYLES FOR PRINT PREVIEW ******************** */