/*
 * site structures and styles
 */

* {
  margin: 0px;
  padding: 0px;
}

html {
  height: 100%;
}

body {
  background: #ffffff;
  height: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 14pt;
}

h1 {
	font-size: 16pt;
	line-height: 18pt;
	font-weight: normal; 
}

h2 {
  font-size: 14pt;
  line-height: 16pt;
  font-weight: normal; 
}


td { vertical-align: top; }

div#page { text-align: center; }

/* DIV */

div#screen {
  width: 952px;
  margin: 0 auto; 
  text-align: center;
 }


#screen div#content {
	margin-top: 7px; 
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 7px;
}

#content div#text {
  position: static;
  padding-top: 7px;
  padding-left: 0px;
  padding-right: 18px;
}

/* links */
a {
  color: #E99B1C;
  text-decoration: underline;
}

a:hover, .blain_link a:hover {
  color: #E99B1C;
}

/* headers */
div#header_text { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8.5pt;
  color: #aaaaaa;
	} 
.blain_link a {
	font-size: 8.5pt;
  border: none;
  color: #aaaaaa;
  text-decoration: none;
}


/* forms */
input, select {
  border: 1px solid #A5ACB2;
  padding: 1px;
}

#mapTable input { border: 0px; }
#mapSelect input { border: 0px; }
#mapNavTd input { border: 0px; }

/* ul uli */
ul {
	margin-bottom: 0px;
	margin-top: 0px;
}

li {
  list-style: url('/portal/page/portal/baltice/img/li.gif');
  margin-left: 21px;
  margin-top: 0px;
}

/* vasemman palstan valikon muotoilut */ 

a.BimMenuItem1 { display: list-item; margin-left: 18px; margin-top: 0px; list-style-image: url('/portal/page/portal/baltice/img/li.gif'); font-weight: bold; font-size: 7.5pt; line-height: 14pt; } 
a.BimMenuItem2 { display: list-item; margin-left: 32px; list-style-type: square; font-weight: normal; font-size: 7.5pt; line-height: 14pt; } 
a.BimMenuItem3 { display: list-item; margin-left: 46px; list-style-type: square; font-weight: normal; font-size: 7.5pt; line-height: 14pt; } 
a.BimMenuItem4 { display: list-item; margin-left: 46px; list-style-type: square; font-weight: normal; font-size: 7.5pt; line-height: 14pt; } 


/* html-template styles. nimiż vastaa html-mallipohjat portaalissa */

#contentRight { border: 1px solid #C8E5EC; }

/* admin */
div#admin { 
					font-size: 8.5pt;
					margin-left: 12px; 
					color: #666666; 
					}
div#admin	a { 
					margin-left: 18px; 
					font-size: 8.5pt;
				  border: none;
				  color: #aaaaaa;
				  text-decoration: none;
					}
div#admin a:hover {
					color: #E99B1C; 
					}
					
	#mapTable 	{ background-color: #ffffff; border: 1px solid; border-color: #A8ADAD; }
	#mapTable 	{ background-color: #ffffff; border: 1px solid; border-color: #A8ADAD; }
	#mapNavTd 	{ width: 160px; }
	#mapMax 		{ margin: 10px; }
	#mapZoom 		{ margin: 10px; }
	#mapArea 		{ width: 146px; border: 1px solid; border-color: #A8ADAD; margin: 10px; }
	#mapDist 		{ margin: 10px; }
	#mapSelect 	{ margin: 10px; }


/* The section headings of the BIM item lists. */
div.bim_heading_1 {
  margin-top: 1em;
  font-weight: bold;
  font-size: 120%;
  text-decoration: underline;
}

/* The tables that contain bim items. */
table.bim_portlet_data_table th, table.bim_portlet_data_table td {
  padding-right: 2em;
  padding-bottom: 0.5em;
  text-align: left;
}

table.bim_portlet_data_table th {
  text-align: center;
}

/* The tables that contain a heading and a value on one row. */
table.bim_heading_value_table th {
  padding-right: 1em;
  padding-bottom: 0.1em;
  width: 9em;
  text-align: left;
  vertical-align: top;
}

/* This makes the pre tags used in addresses look like
   normal text. */
table.bim_heading_value_table pre {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  line-height: 14pt;
}

/* Images in bim lists. This is used in Ice Forecasts. */
ul img {
  padding: 1em;
}

/* Move ice map buttons to middle of map. */
#mapTable td { vertical-align: middle; }

/* Fix ice forecast text alignment. */
.bim_ice_forecast p {
  margin-left: 0.2em;
}

/* ingressi/kuvaus */
div#text .ingressi {
	font-weight: normal;  
	line-height: 12pt;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* topic*/
div#text .topicA {  
	font-size: 16pt;
	line-height: 18pt;
	margin-top: 4px;
	margin-bottom: 4px;
}

/* img */
div#text img {
  padding: 3px;
  margin: 4px;
  border: 1px solid #D0D0D0;
}

div#text p {
	margin-top: 6px;
	margin-bottom: 6px;
	}