/*
Theme Name: Relex
Theme URI: http://www.anglia.fi
Description: 
Version: 1.0
Author: Jaakko Alajoki
Author URI: wwww://www.anglia.fi
Tags: relex

*/

table.refTable {
border-top:1px solid #D0D8E1;
}

table.refTable td {
border-bottom:1px solid #D0D8E1;
font-family:arial,helvetica;
height:78px;
padding:5px;
}

table.refTable a img {
border: none;
}

.pagetitle {
  color: #747474;
  font-size: 22px;
}

/*
Product-hover (tsaulial 26.10.2009)
*/

#product-head {
	background: url(http://www.karttahuone.fi/relex/head-tausta.png) no-repeat top center;	
width: 562px;
height: 122px;
margin: 0 0 20px 0;
}

#product-image-analyzer,
#product-image-optimizer, 
#product-image-processor,
#product-image-forecaster {
	background: url(http://www.karttahuone.fi/relex/head-softlist.gif) no-repeat 0 3px;	
display: none;
width: 201px;
height: 78px;
}

#product-anim {
overflow: hidden;
float: left;
width: 201px;
height: 78px;
margin: 20px 20px 0 13px;

}

#product-image-optimizer {
	background: url(http://www.karttahuone.fi/relex/head-softlist.gif) no-repeat 0 -78px;
} 

#product-image-processor {
	background: url(http://www.karttahuone.fi/relex/head-softlist.gif) no-repeat 0 -158px;
}

#product-image-forecaster {
	background: url(http://www.karttahuone.fi/relex/head-softlist.gif) no-repeat 0 -234px;
}


#product-analyzer {
width: 164px;
height: 56px;
float: left;
display: block;
}


#product-optimizer {
width: 164px;
height: 56px;
float: left;
display: block;
}

#product-processor {
width: 164px;
height: 66px;
float: left;
display: block;
}

#product-forecaster {
width: 164px;
height: 66px;
float: left;
display: block;
}





body {
	background: url(images/bg-gradient.jpg) repeat-x top center;	
	font-size: 12px;
	font-family: Arial;
	padding: 0px;
	margin: 0px;
}

#bg {
	background: url(images/bg.jpg) no-repeat top center;
}

a, a:visited, a:active, .ui-widget-content a {
	font-size: 12px;
	color: #004a8e;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#content-wrapper {
	width: 900px;
	margin: 0px auto;
}

#menu-container {
	position: fixed;
	height: 49px;
	width: 100%;
	z-index: 10;
}

#menu {
	margin: 0px auto;
	width: 912px;
	height: 49px;
	background: url(images/menuBg.png) no-repeat top center;
}

#menu-logo {
	float: left;
	padding-left: 14px;
	width: 86px;
}

#menu-logo img {
	border: 0px;
}

#menu-items {
	float: left;
	width: 531px;
}

#menu-items ul {
	padding: 0px 0px 0px 22px;
	margin: 0px 0px 0px 0px;
}

#menu-items ul li {
	display: inline;
}

#menu-items .menu-item a.main, 
#menu-items .menu-item a.main:hover, 
#menu-items .menu-item a.main:active, 
#menu-items .menu-item a.main:visited {
	color: #004a8e;
	text-decoration: none;
	font-size: 12px;
	padding: 0px 8px 0px 8px;
}

#menu-items .menu-item a.main:hover {
	text-decoration: underline;
}

.menu-item {
	float: left;
	height: 49px;
}

.menu-item-padding {
	padding-top: 16px;
}

.menu-item:hover {
	background: url(images/menuHover.png) top left repeat-x;
}

#menu-languages {
	float: left;
	width: 85px;
}

#menu-languages #menu-shorts {
	padding: 0px 0px 0px 7px;
	margin: 16px 0px 0px 0px;	
}

#menu-languages #menu-shorts li {
	display: inline;
	padding: 0px 1px;
}

#menu-languages #menu-shorts li a,
#menu-languages #menu-shorts li a:active,
#menu-languages #menu-shorts li a:visited {
	text-decoration: none;
	color: #004a8e;
	font-size: 11px;
}

#menu-languages #menu-shorts li a:hover {
	text-decoration: underline;
}

/* Languages, drop-down */
#menu-languages div.menu-submenu {
	display:none;
	width: 120px;
	position: relative;
	top: 1px;
}

#menu-languages div.menu-submenu-border ul {
	padding: 0;
	margin: 0;
}

#menu-languages div.menu-submenu-border ul li {
	list-style-type: none;
	padding: 0 0 0 13px;
}

#menu-languages div.menu-submenu-border ul li.selected {
	background: url("http://www.relex.fi/wp-content/themes/relex/images/selected-lan.gif") 0 7px no-repeat;
}

#menu-languages div.menu-submenu-border ul li.selected a {
	font-weight: bold;
	color: #0f6cc2;
}

/*   /languages */

#menu-search {
	float: left;
}

#menu-search div.field {
	float: left;
	margin: 11px 0 0 7px;
	width: 105px;
}

#menu-search div.submit {
	float: left;
	margin: 11px 0 0 8px;
	line-height:18px;
	width: 37px;
}

#menu-search input.input {
	width: 100px;
	border: 1px solid #898989;
}


.menu-submenu-anchor {
	position: absolute;
}

.menu-submenu {
	position: absolute;
	border: 1px solid #6ba8c5;
	width: 200px;
	top: 16px;
	left: 10px;
	display: none;
}

.menu-submenu-border {
	background: #ffffff;
	border: 2px solid #e1eef3;
	padding: 10px;
}

.menu-submenu a, .menu-submenu a:hover, .menu-submenu a:active, .menu-submenu a:visited {
	font-size: 12px;
	line-height: 20px;
}

#front-promo {
	width: 900px;
	height: 500px;
}

#front-promo-images {
	float: left;
	width: 635px;
	height: 500px;
}

#front-promo-text {
	float: left;
	width: 255px;
	padding-top: 225px;
	color: #ffffff;
	font-size: 11px;
}

/* video */

#front-promo-text {
	float: left;
	width: 255px;
	padding-top: 65px;
	color: #ffffff;
	font-size: 11px;
}

#front-promo-text a.videolink,
#front-promo-text a.videolink-DE {
	display: block;
	width: 255px;
	height: 77px;
	background: url(images/videobutton-en.png) no-repeat 0 0;
	font-size: 1px;
	color: #41aacc;
}

#front-promo-text a.videolink-DE {
background: url(images/videobutton-de.png) no-repeat 0 0;
}

#front-promo-text a:hover.videolink,
#front-promo-text a:hover.videolink-DE {
	background-position: 0 -77px;
}

#video-modal {
	width: 100%;
	position: absolute;
	z-index: 10000;
	display: none
}


#video-modal-container {
	width: 756px;
	height: 544px;
	background: url(images/bg-videomodal.png) no-repeat 0 0;
	margin: 30px auto 0 auto;
}

a#videomodal-close,
a#videomodal-close-de {
	width: 88px;
	height: 35px;
	display: block;
	background: url(images/bg-videomodal-close.png) no-repeat 0 0;	
	font-size: 1px;
	color: #ffffff;
	float: right;
	margin: 16px 7px 0 0;
}

a#videomodal-close-de {
background: url(images/bg-videomodal-close-de.png) no-repeat 0 0;	
}

a:hover#videomodal-close,
a:hover#videomodal-close-de {
	background-position: 0 -35px;
}

#player {
    padding: 21px 0 0 21px;
}


/* /video */





#front-promo-anchor {
	position: absolute;
}

#front-promo-anchor .front-promo-bg, #front-promo-anchor .front-promo-bg-none {
	position: absolute;
	top: 197px;
}

#front-promo-anchor .front-promo-bg {
	display: none;
}

#hot-sprite-spareparts {
	left: 412px;
	top: 259px;
}

#hot-sprite-manufacturer {
	left: 324px;
	top: 290px;
}

#hot-sprite-wholesale {
	left: 228px;
	top: 329px;
}

#hot-sprite-retail {
	left: 135px;
	top: 371px;
}

.hot-sprite {
	cursor: pointer;
	position: absolute;
	width: 80px;
	height: 80px;
	background: url(images/pixel.gif);
}

#front-content {
	background: url(images/newsBg.png) no-repeat top left;
	height: 470px;
}

#footer {
	background: url(images/footerBg.png) no-repeat top left;	
	height: 37px;
}

#footer ul {
	margin: 0px;
	padding-left: 100px;
}

#footer ul li {
	line-height: 37px;
	display: inline;
}

#footer ul li a,
#footer ul li a:active,
#footer ul li a:visited {
	color: #004a8e;
	text-decoration: none;
	padding: 0px 10px;
}

#footer ul li a:hover {
	text-decoration: none;
}

#footer .left {
	float: left;
	width: 78%;
}

#footer .right {
	float: left;
	width: 22%;
	font-size: 11px;
	color: #6e6e6e;
	line-height: 37px;
}

#front-content-left {
	float: left;
	width: 629px;
	padding: 13px 0px;
}

#front-content-left .padding {
	padding: 0px 17px;
}

#front-news-title {
	margin-bottom: 10px;
}

#front-content-right {
	float: left;
	width: 271px;
	padding: 9px 0px;
}

.front-content-right form {
	margin: 0px;
	padding: 0px;
}

#front-news-title {
	
}

.box-header {
margin-top: 10px;
	height: 12px;
	width: 266px;
	background: url(http://www.karttahuone.fi/relex/boxHeader.png) no-repeat top left;
}

.box-bg {
	width: 266px;
	background: url(http://www.karttahuone.fi/relex/boxBg.png) repeat-y top left;
}

.box-bg-padding {
	padding: 0px 8px 0 4px;
}

.box-title {
	padding: 7px 11px 10px;
}

.box-search {
	font-size: 11px;
	background: #f1f1f1;
	padding: 8px 11px;
}

.box-search .input {
	border: 1px solid #898989;
	width: 110px;
}

.box-search .button {
	border: 1px solid #f1f1f1;
	background: #f1f1f1;
	color: #004a8e;
	width: 110px;
}

.box-footer {
	height: 12px;
	width: 266px;
	background: url(http://www.karttahuone.fi/relex/boxFooter.png) no-repeat top left;
}

.box-padding {
	padding: 0 13px 2px;
}

.box-bg ul {
	list-style-type: square;
	color: #82abbf;
	margin: 0px;
	padding: 0px 10px 7px 24px;
}

.box-bg ul li {
	padding: 2px 0px;
}

.box-bg ul li a,
.box-bg ul li a:active,
.box-bg ul li a:visited {
	color: #004a8e;
	font-size: 12px;
	text-decoration: none;
}

.box-bg ul li a:hover {
	text-decoration: underline;
}

.box-bg ul li span {
	color: #253c47;
}

#box-footer-link {
	background: #f1f1f1;
	padding: 8px 11px;
	text-align: right;
}

#box-footer-link a,
#box-footer-link a:active,
#box-footer-link a:visited {
	color: #004a8e;
	text-decoration: none;
}

#box-footer-link a:hover {
	text-decoration: underline;
}

.read-more-link {
	text-align: right;
}

.ui-icon {
	display: none;
}

.ui-accordion-header a, .ui-state-active a {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;	
	color: #004a8e;
}

.ui-accordion-content {
	background: transparent;
	border-top: 0px solid #FBD850;		
	border-left: 0px solid #FBD850;		
	border-right: 0px solid #FBD850;		
	border-bottom: 0px solid #c6d9df;		
	
}

.ui-widget {
	font-family: Arial;
}

.ui-widget-content p {
	margin: 0px 0px 10px;
}

.ui-accordion .ui-accordion-header a,
.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited {
	padding: 0em 0em 0em 0.5em;
	color: #004a8e;
	font-size: 12px;
	font-weight: bold;
}

.accordion-date {
	float: left;
	background: url(images/dateBg.png) no-repeat top left;
	width: 74px;
	height: 16px;
	color: #ffffff;
	font-size: 11px;
	font-weight:bold;
	line-height: 12px;
}

.accordion-date .date-padding {
	padding: 2px 12px;
}

.accordion-link {
width: 480px;
	float: left;
}

#subpage-wrapper .ui-accordion .ui-state-default {
	margin-bottom: 4px;	
}

.ui-state-active, .ui-widget-content .ui-state-active {
	border-top: 1px solid #c6d9df;	
	padding-top: 4px;	
}

#accordion {
	background: url(images/shadowLine.png) top left repeat-x;
	padding-top: 1px;
}

#accordion h1 {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #616161;
}

#front-content-left .ui-accordion .ui-state-default {
	border-top: 1px solid #c6d9df;	
	padding-top: 4px;
	/*padding-bottom: 4px;*/
	margin-bottom: 4px;	
}

#front-content-left .ui-accordion .ui-accordion-header {
	margin-top: 2px;
	border: 0px solid #FBD850;
	border-top: 1px solid #c6d9df;	
	background: transparent;
}



#subpage-wrapper {
	padding-top: 75px;
	padding-bottom: 45px;
}

.search-page {
	width: 613px;
}

div.search-result {
	padding: 10px 0px;
	border-bottom: 2px solid #e4e5e5;
}

div.search-result a {
	color: #004a8e;
	font-size: 14px;
	font-weight: bold;
}

div.search-result h1 {
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight: bold;
	color: #616161;
}

div.search-result h2.search-result {
	font-size: 12px;
	color: #565656;
	font-weight: normal;
}

div.search-result h2.file {
	background: url(images/iconPdf.png) top left no-repeat;
	padding-left: 30px;	
	line-height: 25px;
}

#subpage-search-form {
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom: 2px solid #6caaca;
}

#subpage-search-form .checkbox {
	clear: both;
	float: left;
	width: 25px;
}

#subpage-search-form .label {
	float: left;
	width: 300px;
}

#subpage-search-form .search-title {
	clear: both;
	padding-top: 10px;
}

#subpage-search-form .input {
	width: 177px;
	border: 1px solid #898989;
}

#subpage-search-form .button {
	background: #61abce;
	border: 1px solid #61abce;
	color: #ffffff;
}

h1 {
	font-family: Georgia, "Times New Roman", Arial;
	font-size: 30px;
	margin-top: 0px;
	font-weight: normal;
	line-height:35px;
}

h2 {
	font-size: 16px;
	color: #000000;
}

#subpage-left {
	min-height: 400px;
	float: left;
	width: 605px;
	line-height: 16px;
}

#subpage-right {
	float: left;
	width: 283px;
}

#subpage-right-padding {
	padding-left: 20px;
}

.submenu-item .submenu-arrow {
	padding-left: 10px;
	margin-bottom: 5px;	
	clear: both;
}

.submenu-item {
	clear: both;	
	height: 18px; 
	line-height: 18px;
	margin-bottom: 5px;
}

.submenu-item a, .submenu-item a:hover, .submenu-item a:active, .submenu-item a:visited {
	font-size: 12px;
}

.submenu-item-selected {
	clear: both;
}

.submenu-item-selected .submenu-arrow {
	float: left;
	height: 18px; 
	line-height: 18px;
	padding-left: 10px;
	padding-right: 5px;
	background: url(images/submenuArrow.png) no-repeat top left;
	margin-bottom: 5px;	
}

.submenu-item-selected .submenu-arrow-right {
	background: url(images/submenuArrowRight.png) no-repeat top left;
	float: left;
	height: 18px;
	width: 4px;
}

.submenu-item-selected a {
	color: #ffffff;
}

/* Form */

#dialog-close-anchor {
	position: absolute;
}

#dialog-close {
	position: absolute;
	left:267px;
	top:10px;
	z-index:1000;	
}

.ui-widget-overlay {
	background: #ffffff;
	opacity:0.31;
	filter: alpha(opacity=31);
}

.ui-dialog-titlebar {
	display: none;
}

.ui-dialog {
	border: 2px solid #d7eca2;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
	padding: 0px;
}

.ui-dialog .ui-dialog-content {
	padding: 0px;
}

.ui-tabs {
	padding: 0px;
}

.ui-corner-all {
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-topright:0px;
}

.ui-widget-header {
	border: 0px solid #E78F08;
	border-bottom: 1px solid #c4d795;
	background: #fbfbfb;
}

#dialog .ui-corner-top {
	border-color: #c4d795;
}

#dialog .ui-state-active, .ui-widget-content .ui-state-active {
	border-color: #c4d795;	
}

ui-widget-content a,
.ui-accordion-header a, .ui-state-active a {
	font-size: 11px;
	font-weight: normal;
}

#dialog ul li a {
	font-size: 11px;
	font-weight: normal;
}

#dialog li.ui-state-default a {
	color: #000000;		
}

#dialog li.ui-tabs-selected a {
	color: #4b7ead;		
}


.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #4b7ead;
}

textarea.contact-form, input.contact-form {
	border: 1px solid #898989;
	font-size: 11px;
	width: 100%;
}

.tab-content, .ui-tabs .ui-tabs-panel {
	font-size: 11px;
	background: #ffffff;
	padding: 0px;
}

.contact-form-fields {
	padding: 15px;
}

.contact-form-fields img {
	margin-bottom: 10px;
}

.contact-form-submit {
	padding: 10px;
	background: #f1f1f1;
	text-align: right;
}

.contact-form-submit input {
	background: #61abce;
	border: 1px solid #61abce;
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	color: #ffffff;
	-moz-border-radius-topright:2px;
	font-size: 12px;
}

.ui-accordion .ui-accordion-content p {
	margin-left:78px;
	cursor: pointer;
}

#dialog {
	display: none;
}

#subpage-left-padding {
	padding-left: 43px;
}

/* Popup styles. */

/*
 *	Popup: EN + FI
 */

.popup {
	z-index: 2000;
	position: absolute;
	top: -146px;
	left: -68px;
	width: 216px;
	background: url("images/bg-popup-top.png") no-repeat left top; 
	display: none;
} 

div.popup-container {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background: url("images/bg-popup-bottom.png") no-repeat left bottom; 
	position: relative;
	top: 23px;
	margin: -23px 0 0 0;
	padding: 0 15px 27px 15px;
}

div.popup-container h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 15px 0 5px 0;
	padding: 0 5px 5px 5px;
	border-bottom: 1px solid #f0e9dc;
}

div.popup-container p {
	margin: 0;
	padding: 0;	
	font-size: 1.2em;
	padding: 0 5px 0 5px;
}

div.popup-container a {
	background: url("images/bg-popup-a.gif") no-repeat 0 0 ; 
	display: block;
	width: 184px;
	height: 30px;
	color: #ffffff;
	text-align: center;
	line-height: 28px;   /*  bring the text horizontally to the centre */
	text-decoration: none;
	margin: 6px 0 0 0;
}

div.popup-container a:hover {
	background: url("images/bg-popup-a.gif") no-repeat 0 -30px ; 
	text-decoration: none;
}

#news-left {
	float: left;
	width: 90px;
}

#news-right {
	float: left;
	width: 470px;
}

#news-right h1 {
	font-family: Arial;
	font-size: 18px;
	line-height: 22px;
}

/* News box */

.news-box-title-fi {
	width: 280px;
	padding: 38px 0 0 0;
	background: url(images/newsArchiveTitle-fi.png) no-repeat 0 0; 
}

.news-box-title-en {
	width: 280px;
	background: url(images/newsArchiveTitle-en.png) no-repeat 0 0; 
	padding: 38px 0 0 0;
}

.news-box-title-se {
background:url("images/newsArchiveTitle-se.png") no-repeat scroll 0 0 transparent;
padding:38px 0 0;
width:280px;
}

.news-box-title-de {
background:url("images/newsArchiveTitle-de.png") no-repeat scroll 0 0 transparent;
padding:38px 0 0;
width:280px;
}

.news-box-bg {
	width: 280px;
	background: url(images/newsArchiveBg.png) repeat-y 0 0; 
	padding: 0;
	margin: 0;
}

.news-box-footer {
	width: 280px;
	height: 14px;
	background: url(images/newsArchiveFooter.png) no-repeat 0 0; 
	margin-top:-5px;
}

#subpage-wrapper .ui-accordion .ui-accordion-header {
	margin-top: 0px;
	border-top: 0px;
	border: 0px solid #FBD850;
}

.news-box-year {
	background: #f1f1f1;
	margin: 0px 5px 4px 8px;
	padding: 0 9px 5px 12px ;
	line-height: 30px;
	color: #004a8e;
	font-weight: normal;
}

#subpage-wrapper .ui-accordion .ui-accordion-content {
	margin-left: 2px;
}

#subpage-wrapper .ui-accordion .ui-accordion-content li {
	list-style-type: square;
	color: #82abbf;
	padding-right: 15px;
}

#subpage-wrapper .ui-accordion .ui-accordion-content li b {
	color: #000000;
}

#subpage-wrapper .ui-corner-top {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
}

/* OK dialog */

#dialog-ok {
	padding: 10px;
	background: #ffffff;
}

#dialog-ok h1 {
	font-size: 18px;
	font-family:Arial;
	color: #606060;
}

/* Subpage popup */

#submenu-popup-anchor {
	position: absolute;
	display: none;
}

#submenu-popup {
	position: absolute;
	left: -400px;
	top: -25px;
}

#submenu-popup-content {
	width: 390px;
	background: url(images/popupHeader.png) no-repeat 0 0; 
	color: #ffffff;
}

#submenu-popup-content-padding {
	padding: 20px 20px 10px 20px;
}

#submenu-popup-footer {
	width: 390px;
	height: 14px;
	background: url(images/popupFooter.png) no-repeat 0 0; 
}

/* Blog */

a.blog h1 {
  margin: 0;
}

.blog-date {
  color: #555555;
  font-size: 11px;
}

h2.box-title {
  margin: 0;
  padding: 10px;
  color: #555555;
  font-weight: normal;
}

/* kuvateksti 25.1.2011 */
p.caption {
background-color: #0f4c6b;
color: #ffffff;
padding: 9px;
-moz-box-shadow: 0px 2px 5px #888; 
  -webkit-box-shadow: 0px 2px 5px #888; 
          box-shadow: 0px 2px 5px #888; 
position: relative;
top: -25px;
left: 20px;
width: 310px;
}

p.downloadPDF {
background: url(http://www.relex.fi/wp-content/uploads/2011/01/iconPdf.png) no-repeat 0 0;
padding: 7px 0 0 29px; 
}

/* blog 19.12.2011 */
body.blog h1 {
	font-family: Arial, helvetica, sans-serif;
position: relative;
left: -15px;
}

body.blog p {
	line-height: 21px;
	color: #212121;
}

.blog-date {
	background: transparent url("img/bg-date.png") no-repeat 0 0;
	width: 107px;
	height: 42px;
	padding: 0 0 0 20px;
	line-height: 42px;	
position: relative;
left: -12px;
color: #232323;
}

h1.pagetitle {
border-bottom: 1px solid #caccd7;
padding: 4px 0 4px 0;
font-size: 14px;
color: #595959;
}