/************************************** STANDART CLASSES **************************************/

/* standart tags */
body {font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color: Black; font-size: 10px; background: url(http://www.maksoft.net/css/base/images/bg_grey.jpg) 50% 0% no-repeat fixed;}
ul, ol, li {font-size: 10px; margin: 0 0 0 25px;}
a {text-decoration: none; font-size: 10px; color: #000000; text-decoration: underline;}
a:hover { color: #c9c9c9;}
hr {border: solid 1px #dce2e5; height: 1px;}
table {font-size: 10px;}

/* 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;}

#other_links {margin: 20px 0 20px 0; clear:both;}
#other_links a{padding: 5px; margin: 1px; color:#069; background: #F5F5F5; display: block; float:left; white-space:nowrap}	
#other_links a:hover {color:#FFF; background: #069;}

/************************************** TEXT CLASSES **************************************/

/* big text */
big {font-size: 12px; font-family: inherit; color: inherit;}

/*paragraph text*/
p {font-size: 10px;}

/* smallest text min 8px; */
small {font-size: 9px;}

h1 { font-size: 18px; font-weight: bold; color: #535353;} /* relative to h4 bgcolor or use extra color */
h2 { font-size: 16px; font-weight: bold; color: #535353;} /* relative to h3 bgcolor or use extra color */
h3 { font-size: 14px; font-weight: bold; color: #535353;} /* relative to h2 bgcolor or use extra color */
h4 { font-size: 12px; font-weight: bold; color: #535353;} /* relative to h1 bgcolor or use extra color */

/* title, color text: bgimage, border, +(2-4px).big_text */
.head_text 	{font-size: 14px; font-weight: bold; font-family: inherit; color: inherit; background-image:   url(head_text_bg.gif); border: 0px;} 
.date {font-size: 10px; font-variant: italic;}


/************************************** LINK CLASSES **************************************/

/* navigation links */
#nav_links{font-size:10; color: #000000;}
a.nav_links{font-size:10; color: #000000;}
a.nav_links:hover{color: #c9c9c9;}

/* main link != A, text-decoration, hover color */	
a.main_link {color: inherit; text-decoration: none; text-transform: uppercase;}
	a.main_link:hover {color: #c9c9c9;}	

/* bordered link, color, border */	
a.border_link {border-bottom: dotted 1px #dce2e5;}
	a.border_link:hover {border-bottom: dotted 1px c9c9c9;}	

/* difernet color link */
a.color_link {color: #c9c9c9}
	a.color_link:hover {color: #000;}	

/* diferent bgcolor link, filter alpha */
a.bgcolor_link {background: #efefef; color: #c9c9c9; padding: 2px;}
	a.bgcolor_link:hover {background: #c9c9c9; color: #000;}	

/* read more link, >>, text-decoration, color, bgcolor */
a.next_link {font-size: 10px; font-weight: bold; display: block; text-align: right;}
	a.next_link:hover {color: #c9c9c9}	

/* go back link, <<, text-decoration, color, bgcolor */
a.back_link {font-size: 10px; font-weight: bold; color: inherit}
	.back_link:hover {color: #c9c9c9}
	
.label_link {text-decoration: none;}
.label_link:hover {text-decoration: underline;}

a.subpage_link {font-size: 12px;}

/************************************** IMAGE CLASSES **************************************/

/* main image from the cuurent page, eccept images from the template */
img.main_image {padding: 5px; border: 0px;}

/* border images, border alpha filter, padding, color border, border style */
img.border_image {border: solid 5px #ebebea; padding: 0px; }


/************************************** TABLE CLASSES **************************************/

/* main table, bgcolor, padding, margin, border=0px; */

.main_table {background: transparent; padding: 5px; margin: 0px; border: 0px; color: inherit; font-family: inherit; font-size:inherit;}
.main_table tr 	{background: #FFF; padding: 2px}
.main_table td 	{background: #FFF; 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 thead td, .border_table th {background: #636466; text-align: center; color: #FFF; font-size: 14px;}
.border_table tr {background: #ebeff4; border-bottom: solid 0px #A0AAAE;}
.border_table td {border-bottom:1px solid #A0AAAE;  border-left: 0px solid #A0AAAE; border-right: 0px solid #A0AAAE; border-top: 0px solid #A0AAAE; }
.border_table tfoot td{background: #bcbec0; border: none;}

/************************************** BLOCK CLASSES **************************************/

/* message blocks, width, bgcolor, color */
.message_normal{display: block; margin: 5px; background: #dcddde; color: #000000; padding: 10px; border: solid 1px #c7c8ca;}
	.message_normal a{color: #000;}
	.message_normal a:hover{color: #000; text-decoration: underline;}

.message_warning {display: block; margin: 5px; 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; 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; margin: 0px;}
input, select 	{background: #f6faff; border: solid 1px #dce2e5; 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(%22button_search.gif%22); 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 **************************************/

a.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;}
	a.menu_button:hover { background: #dce2e5; background-image:   url(menu_button_hover.jpg);}
a.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;}
	a.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;}


/************************************** EXTRA CLASSES **************************************/

/* 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*/

#pageContent {display: block; border: 0px solid #FF0000;}
#pageContent .sPage{float: left; border: 0px solid #d9d9d9; margin: 1px;}
#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; }
#pageContent .sPage img{display: block; background-color: #d9d9d9; border: 0px; margin: 0px;}
#pageContent .sPage img[align="left"] {margin: 1px 10px 1px 1px}
#pageContent .sPage img[align="right"] {margin: 1px 1px 1px 10px}

#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;}