@charset "utf-8";
/* 


	Mariupol and Priazovie CSS Document 

	created 27.02.2008
	
	copyright 2008 Emotion 
	               studio of breathtaking ideas
                   www.emotionstyle.com
	
				   Mariupol, Ukraine

*/


/* Tags redifinition   */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin:0px;
}


body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:9pt;
}


a:link, a:active, a:visited {color:#456A9C; text-decoration:none;}
a:hover {text-decoration:underline;}


#red {
	background-color:#0E60A6;
	width:45px;
	height:22px;
	position:relative;
	left:26px;
	float:left;
}

#meta_win {
	padding-top:4px;
	width:400px;
	height:20px;
	background:#0E60A6;
	color:#FFFFFF;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom:2px solid #073053;
}

/* Classes */

.meta {height:22px; background:url(images/bg_meta.gif) bottom left repeat-x; border-bottom:2px solid #8E99AE; color:#456A9C; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt;}
.meta a:link, .meta a:active, .meta a:visited {color:#456A9C; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; text-decoration:none;} 
.meta a:hover {color:#456A9C; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; text-decoration:underline;}


.navi {color:#A6A6A6; font-weight:bold; font-size:10pt;}
.navi a:link, .navi a:active, .navi a:visited {color:#456A9C; font-weight:bold; text-decoration:underline; font-size:10pt;}
.navi a:hover {color:#456A9C;}

#navi ol {list-style:none;}
#navi ol li {display:inline; margin-right:5px;list-style:none;}

.main {margin-left:10px; margin-right:10px; font-size:9pt; color:#6E6E6E;}
.h1 {color:#484848; font-weight:bold;}
.h4 {color:#484848; font-weight:bold; font-size:11pt; display:inline;}

.sp1 {color:#484848; font-weight:bold; border-top:2px solid #A8A8A8;}
.sp1 a:link, .sp1 a:active, .sp1 a:visited {color:#B6B6B6; font-weight:bold; text-decoration:none;}
.sp1 a:hover {color:#484848; text-decoration:none;}


.footer {background:url(images/bg_footer.gif) repeat-x; height:108px; color:#D2D2FF; padding-left:27px; padding-top:20px; padding-right:27px; font-size:8pt;}


.footer a:link, .footer a:active, .footer a:visited {color:#FFFFFF;}

.plain1 {color:#000000; font-weight:normal; font-size:8pt;}

.png {border:0;}

/* IDs */

#keyword {border:1px solid #B7B7B7; width:170px;}
#map_canvas{width:340px; height:340px; border:3px solid #ccc;}

.fp #footer { 
	background-color:#f0f0f0;
	text-align:left;
	padding: 0; 
	height:60px;
	margin-top:-60px;
	position:relative;
} 

.fp #pre_footer { 
    height: 70px;
    clear: both; 
}

.fp #navi {height:27px; padding-left:40px; font-size:12pt; display:inline;}

.pictcha						{ color:#484848; font:normal 9pt Verdana, tahoma, sans-serif; text-decoration:none; }
.pictcha .right					{ color:#33CC00; font-size:16px; }
.pictcha .wrong					{ color:#FF9900; font-size:16px; }
.pictcha .intro					{ }
.pictcha .images				{ border:1px solid #eee; width:270px;}
.pictcha .images img			{ padding:2px; }
.pictcha .images img.selected	{ border:2px solid #153578; padding:0; }

.firm_item { page-break-inside: avoid; position:relative; padding-bottom:3px; margin-top:3px; font-family:Verdana; text-align:left; border-bottom:1px dotted #484848;}

.firm_item_paid { page-break-inside: avoid; position:relative; padding:6px; padding-bottom:3px; margin-top:3px; font-family:Verdana; text-align:left; border:1px solid #456a9c; font-weight:bold; background:#fffde5; font-size:1.3em;}

.tabName {
	padding: 3px;
	color: #FFF;
}
.tabName a, .tabName a:hover, .tabName a:link, .tabName a:visited{
	color: #000000;
}



/*
.sp1 {color:#484848; font-weight:bold; border-top:2px solid #A8A8A8;}
.sp1 a:link, .sp1 a:active, .sp1 a:visited {color:#B6B6B6; font-weight:bold; text-decoration:none;}
.sp1 a:hover {color:#484848; text-decoration:none;}
*/
 /* tab */
      .panel {
      	clear: both;
      	display: none;
      	border: 3px solid #F1F1F1;
      	padding: 1em;
      	background-color: #F1F1F1;
      }
      .panel.active-tab-body {
      	display: block;
      }
      #tabs {
      	list-style: none;
      }
      
      #tabs li {
       float: left;	
      }
      
      #tabs a {
      	float: left;
      	padding: 4px 10px;
      	background-color: #F2F2F2;
      	text-decoration: none;
      	color: #999999;
      	font-weight:bold;
      	cursor:hand;
      }
      
      #tabs a.active-tab {
      float: left;
      	background-color: #CCC;
      	border-top: 3px solid #999;
      	padding-top: 0px;
      	color: #000;
      }
      
      

/* real roundbox */
.rndbx b.trb, .rndbx b.brb {display:block;}
.rndbx b.trb *, .rndbx b.brb * {display:block; height: 1px; overflow-y: hidden; font-size: 0 !important; border-width: 0 1px; border-style: none solid;}
.rndbx b.trb b, .rndbx b.brb b {margin: 0 4px;}
.rndbx b.trb i, .rndbx b.brb i {margin: 0 2px;}
.rndbx b.trb u, .rndbx b.brb u {margin: 0 1px !important;}
.rndbx .rndbxC {border-width: 0 1px; border-style: none solid; padding: 10px;}
.rndbx b.trb u, .rndbx b.brb u {height: 2px;}
.rndbx b.trb i, .rndbx b.brb i {border-width: 0 2px;}
.rndbx b.trb b, .rndbx b.brb b {border-width: 0;}

.grndbx b.trb *, .grndbx b.brb *, .grndbx .rndbxC {background: #ececec !important; border-color: #ececec !important;}

table.infotable {
		border:0;
		color:#324d82;
		background-color:#9c9c9c;
		padding:1px;
	}
	
.infotable td {
		padding:5px;
	}
	
.infotable tr {
		background-color:#FFFFFF;
		padding:1px;
	}