/************************************** STANDART CLASSES **************************************/

/* standart tags */
body { SCROLLBAR-BASE-COLOR: #dce2e5; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color: Black; font-size: 10px; margin: 0px; padding: 0px; background: #4a4b4b}
p, ul, ol, li { font-size: 10px; color: inherit; list-style: square; }
A {text-decoration: none; font-size: 10px; color: #000000 }
A:Hover { color: orange;}
hr {border: solid 1px #dce2e5; }
table {color: Black; font-family:inherit; font-size: 10px; background: inherit; border: 0px; padding: 0px;margin: 0px; text-align: left;}
fieldset > legend { background-color: black; color: White;}
fieldset {background-color: invert; border: thin 1px solid invert; color: inherit}

/* main color classes */
/* 1-darkest; 2-dark; 3-normal; 4-light */

.t1 { background-color: #A0AAAE; color: #FFFFFF; font-size: 10px;}
	#t1 a{color: White;}
.t2 { background-color: #dce2e5; color: #000000; font-size: 10px;}
	#t2 a{color: Black;}
.t3 { background-color: #ebeff4; color: #000000; font-size: 10px;}
	#t3 a{color: Black;}
.t4 { background-color: #FFFFFF; color: #000000; font-size: 10px;}
	#t4 a{color: Black;}

div.selected_sites {display: block; clear: both}
div.selected_sites li{list-style: circle;}
div.selected_sites h3 {color: #A0AAAE;}


/************************************** TEXT CLASSES **************************************/

/* big text */
big 	{font-size: 12px; font-family: inherit; color: inherit;}

/* smallest text min 8px; */
small {font-size: 9px; font-family:inherit; color: inherit;}

em 		{ font-style: italic; }
strong 	{ font-style: bold; }

h1 { font-size: 18px; font-family:inherit; font-weight: bold; color: #4a4b4b;} /* relative to h4 bgcolor or use extra color */
h2 { font-size: 16px; font-family:inherit; font-weight: bold; color: #4a4b4b;} /* relative to h3 bgcolor or use extra color */
h3 { font-size: 14px; font-family:inherit; font-weight: bold; color: #4a4b4b;} /* relative to h2 bgcolor or use extra color */
h4 { font-size: 12px; font-family:inherit; font-weight: bold; color: #4a4b4b;} /* relative to h1 bgcolor or use extra color */

/* extra text classes*/

/* long description text:  font, color, size */
.small_text {font-size: 10px; font-family: inherit; color: inherit;} 
/* accent text: small_text + 2px */
.big_text 	{font-size: 12px; font-family: inherit; color: inherit;}
/* title, color text: bgimage, border, +(2-4px).big_text */
.head_text 	{font-size: 14px; font-weight: bold; font-family: inherit; color: inherit; margin: 9px 15px 10px 15px; border: none; border-bottom: 1px solid #565656} 
.date {font-size: 10px; font-variant: italic;}


/************************************** LINK CLASSES **************************************/

/* navigation links */
.nav_links, .nav_links a{font-size:10; color: #FFF;}
a.nav_links{font-size:10; color: #FFF}

/* main link != A, text-decoration, hover color */	
.main_link {font-size: 14px; font-family:inherit; color: inherit; text-decoration: none;}
	.main_link:hover {color: Orange;}	

/* bordered link, color, border */	
.border_link {border: solid 1px #dce2e5; color: inherit}
	.border_link:hover {border: solid 1px Orange;}	

/* difernet color link */
.color_link {color: Orange}
	.color_link:hover {color: #fffce9;}	

/* diferent bgcolor link, filter alpha */
.bgcolor_link {background: #ebeff4; color: inherit;}
	.bgcolor_link:hover {background: Orange; color: White;}	

/* read more link, >>, text-decoration, color, bgcolor */
.next_link {font-size: 10px; font-weight: bold; color: inherit}
	.next_link:hover {color: #2f6fbf}	

/* go back link, <<, text-decoration, color, bgcolor */
.back_link {font-size: 10px; font-weight: bold; color: inherit}
	.back_link:hover {color: #2f6fbf}
	
.label_link {text-decoration: none;}
.label_link:hover {text-decoration: underline;}

.subpage_link {font-size: 12px;}

a.download, a.download_doc, a.download_excel, a.download_zip {display: inline; width: 100%; height: 22px; line-height: 22px; background: url(http://www.maksoft.net/web/images/icons/down-blue.gif) 0% 50% no-repeat; padding-left: 30px;}
a.download_doc {background: url(http://www.maksoft.net/web/file_icons/doc.gif) 0% 50% no-repeat;}
a.download_excel {background: url(http://www.maksoft.net/web/file_icons/excel.gif) 0% 50% no-repeat;}
a.download_zip {background: url(http://www.maksoft.net/web/file_icons/zip.gif) 0% 50% no-repeat;}


/************************************** IMAGE CLASSES **************************************/

/* main image from the cuurent page, eccept images from the template */
.main_image {padding: 5px; border: 0px;}

/* border images, border alpha filter, padding, color border, border style */
img.border_image {border: 2px solid #565656;}

/* link image, hover: aplpha filter, invert filter s.o */
.link_image {}
	.link_image:hover {filter:alpha(opacity=50);}


/************************************** TABLE CLASSES **************************************/

/* main table, bgcolor, padding, margin, border=0px; */

.main_table {background: url(http://www.maksoft.net/Templates/arkada/images/bg2.jpg) 0% 0% repeat-x; margin: 0px 0 30px 0;}
.main_tr 	{background: transparent; padding: 2px}
.main_td 	{background: #f6faff; padding: 2px}


/* border table: border, bgcolor, border-style, */
.border_table	{background: transparent; border: 1px solid #A0AAAE; color: inherit; font-family: inherit; font-size:inherit;}
.border_table tr, .border_tr {background: #ebeff4; border-bottom: solid 0px #A0AAAE;}
.border_table td, .border_td {border-bottom:1px solid #A0AAAE;  border-left: 0px solid #A0AAAE; border-right: 0px solid #A0AAAE; border-top: 0px solid #A0AAAE; }

td.footer {background: url(http://www.maksoft.net/Templates/arkada/images/bg3.jpg) 0% 0% repeat-x #cfcfcf; height: 39px;}
td.top_menu a{display: block; float: left; padding: 0 15px 0 15px; height: 26px; line-height: 26px; color: #FFF; background: url(http://www.maksoft.net/Templates/arkada/images/menu_button_bg.jpg) 100% 0% no-repeat;}
td.top_menu a:hover{background: url(http://www.maksoft.net/Templates/arkada/images/menu_button_bg.jpg) 100% 100% no-repeat;}
td.main_bg{background: url(http://www.maksoft.net/Templates/arkada/images/main_bg.jpg) 0% 0%}

/************************************** BLOCK CLASSES **************************************/

/* message blocks, width, bgcolor, color */
.message_normal 	{display: block; margin: 5px; width: 100%; background: #f6faff; color: #000000; font: 10px inherit; padding: 10px; border: solid 1px #DDEBFF;}
	.message_normal a{color: Black;}
	.message_normal a:hover{color: Black;	text-decoration: underline;}

.message_warning 	{display: block; margin: 5px; width: 100%; background: #D5FCC9; color: #000000; font: 10px inherit; padding: 10px; border: solid 1px #CAEFA7;}
	.message_warning a{color: Black;}
	.message_warning a:hover{color: Black;	text-decoration: underline;}

.message_error 	{display: block; margin: 5px; width: 100%; background: #FF0000; color: #FFFFFF; font: 10px inherit; padding: 10px; border: solid 1px #D70000;}
	.message_error a{color: #FFF;}
	.message_error a:hover{color: White;	text-decoration: underline;}


/************************************** FORM CLASSES **************************************/

/* standart classes */
form 				{padding: 0px; z-index: 5; margin: 0px;}
input, select, { background: #f6faff; border: inset 1px #dce2e5; font-family: inherit; font-size: inherit; height: 20px;}
textarea 		{ background: #f6faff; border: inset 1px #dce2e5; font-family: inherit; font-size: inherit; }

/* form buttons classes */

.button_submit 	{background: #dce2e5; border: solid 2px #ebeff4; font-size: 10px; font-weight: bold; text-align: center; padding: 1px; text-decoration: none;}
.button_reset 		{background: #dce2e5; border: solid 2px #ebeff4; font-size: 10px; font-weight: bold; text-align: center; padding: 1px; text-decoration: none;}
.button_back 		{background: #dce2e5; border: solid 2px #ebeff4; font-size: 10px; font-weight: bold; text-align: center; padding: 1px; text-decoration: none;}
.button_search 	{font-size: 10px; font-weight: bold; background-image: url("button_search.gif"); background-repeat: no-repeat;}
.button_radio 		{background: #dce2e5; border: solid 2px #dce2e5; margin: 2px;}
.button_checkbox	{background: #dce2e5; border: solid 2px #dce2e5; margin: 2px;}
.list_menu 			{background: #f6faff; border: solid 1px #dce2e5; margin: 2px;}


/************************************** MENU CLASSES **************************************/

/*@import url(http://maksoft.net/css/menu_classes.css);
	/* predefine here*/

.menu_button {display: block; white-space: normal; margin:0px; font-family: inherit; font-size: 12px; font-weight: bold; background: #f6faff; border: solid 1px #ebeff4; padding:5px;}
	.menu_button:hover { background: #dce2e5; background-image: url(menu_button_hover.jpg);}
.submenu_button {display: block; white-space: normal; font-family: inherit; font-size: 10px; background: #ffd52c; border-bottom: solid 0px ; padding-left:25px; background-image: url(submenu_button.jpg); background-repeat: no-repeat;}
	.submenu_button:hover { background: #ffffff; font-weight: bold; background-image: url(submenu_button_hover.jpg); background-repeat: no-repeat;}

.menu_button_bullet, .submenu_button_bullet {display: block; width: 20px; height: 20px; float: left;}

/* drop-down menu classes */

/* level 0 inner */
.m0l0iout  { font-size: 10px; text-decoration: none; padding-left: 5px; background: transparent; color: inherit; height: 20px; cursor: hand;}
.m0l0iover { font-size: 10px; text-decoration: none; padding-left: 5px; background: #dce2e5; color: inherit; height: 20px; cursor: hand;}
/* level 0 outer */
.m0l0oout  { font-size: 10px; text-decoration: none; padding-left: 5px; color: inherit; background: #ebeff4; height: 20px; cursor: hand;}
.m0l0oover { font-size: 10px; text-decoration: none; padding-left: 5px; color: White; background: Orange;height: 20px; cursor: hand;}
/* Level 1 inner *  custom */
.m0l1iout  { font-size: 10px; text-decoration: none; padding-left: 5px; color: inherit; background: #ebeff4;height: 20px; cursor: hand;}
.m0l1iover { font-size: 10px; text-decoration: none; padding-left: 5px; color: inherit; background: #dce2e5; height: 20px; cursor: hand;}


/************************************** EXTRA CLASSES **************************************/

/*@import url(http://maksoft.net/css/extra_classes.css);
	/* predefine here*/

/* bullets : bgimage 20x20px (.gif)*/

.bullet1 {white-space:nowrap; display: block; float: left;  background: url(http://www.maksoft.net/css/images/bullets/bullet1.gif) 50% 50% no-repeat; width:20px; height:20px;}/* prefix bullet */
.bullet2 {background-image: url(http://www.maksoft.net/css/images/bullets/bullet2.gif); display: block; float: left; width:20px; height:20px; background-repeat: no-repeat;}/* sufix bullet */	


@import url(http://maksoft.net/css/admin_classes.css);
	/* predefine here*/
	
/*CMS classes*/

/*page content identificator*/
#pageContent {display: block; border: 0px solid #FF0000; margin: 15px;}
#pageContent .sPage{float: left; border: 0px solid #d9d9d9; margin: 1px; margin-top: 5px;}
#pageContent .sPage a {font-weight: normal; text-decoration: none; }
#pageContent .sPage a:hover {font-weight: normal; text-decoration: none; color: #FF0000;}

#pageContent .sPage a.title{float: left; border: none; border-bottom: 1px solid #d9d9d9; color: #000000; font-weight: bold; display: block; width: 100%; margin: 1px;}
#pageContent .sPage a.title:hover{background-color: #d9d9d9; color: #000000; font-weight: bold;}

#pageContent .sPage .text{float: left; margin: 1px; cursor: hand; margin-top:5px;}
#pageContent .sPage img{display: block; background-color: #d9d9d9; border: 0px; margin: 0px;}

#pageContent .sPage .ssLinks {display: block;}
#pageContent .sPage .ssLinks a{font-weight: italic; text-decoration: underline; color: #FF0000; margin-left: 15px; display: block;}
#pageContent .sPage .ssLinks a:hover{text-decoration: underline; color: #000000;}

div.languages {display: block; width: 780px; height: 15px; background: #4a4b4b; margin:10px 0 5px 0; text-align: right;}
div.languages a {margin: 2px;}