/* Digit ry
* CSS styles for common elements on all pages
*
* author: Jouni Koivuviita
* created: 22.3.2006
**/

/* Layout specific */
body {
	background-color:#fff;
	margin:0;
	padding:0;
	text-align:center;
	background:#fff url(/images/site/body_bg.gif) repeat-x;
}

html {
	/* http://www.splintered.co.uk/experiments/49/ */
	min-height: 100%;
	margin-bottom: 1px;
}


.container {
	clear:both;
	text-align:left;
	margin:0 auto;
	max-width:80%;
	padding-left:30px;
	margin-left:15%;
	min-width:550px;
	/* http://www.svendtofte.com/code/max_width_in_ie/ */
/*	width:expression(parseInt(document.body.clientWidth) > 920? "920px" : "auto");*/
}

.container-bar {
	height: 51px;
	background: url('/images/site/page_header_bg.gif') repeat-x scroll 0pt 0pt rgb(0, 0, 0);
	margin-top: 20px;
	margin-bottom: 15px;
	text-align: left;
	position: relative;
	min-width:580px;
}

.container-bar-left, 
.container-bar-right {
	width: 2px;
	height: 51px;
	position: absolute;
	top: 0;
}

.container-bar-left {
	background: url('/images/site/page_header_left.gif') no-repeat scroll 0pt 0pt transparent;
	left: 0;
}

.container-bar-right {
	background: url('/images/site/page_header_right.gif') no-repeat scroll 0pt 0pt transparent;
	right: 0;
}

.container-bar h2 {
	height:38px;
	padding-top:13px;
	color:#ffffff;
	float: left;
	clear: none;
}

.container-bar-content {
	padding-left: 15px;
	margin-left: 2px;
	margin-right: 2px;
}
.partnerspace {
	margin-right: 200px;
}

.one-column {
	float:left;
	width:18%;
	margin:0 1%;
	display:inline;
}

.two-column {
	float:left;
	width:38%;
	margin:0 1%;
	display:inline;
}

.three-column {
	float:left;
	width:57.8%;
	margin:0 1%;
	display:inline;
}

.four-column {
	float:left;
	width:77.9%;
	margin:0 1%;
	display:inline;
}

.five-column {
	clear:both;
	width:98%;
	margin:0 1%;
	display:inline;
}

#header {
	height:209px;
}

#header .top {
	height:4px;
	background:transparent url(/images/site/header_middle.gif) repeat-x;
	margin:0 8px 0 -4px;
}

#header .top .left {
	height:4px;
	width:4px;
	background:transparent url(/images/site/header_left.gif) no-repeat;
	margin:0 8px 0 -4px;
}

#header .top .right {
	width:4px;
	height:4px;
	background:transparent url(/images/site/header_right.gif) no-repeat;
	margin-left:-4px;
	float:right;
}

/* Logo */
#header h1.one-column {
	margin-top:28px;
	margin-bottom:28px;
	height:71px;
	overflow:hidden;
	font-size:1.4em;
	position:relative;
	display:inline;
	max-width:166px;
	min-width:117px;
}

#header h1 span {
	position:absolute;
	display:block;
	top:0;
	left:0;
	z-index:2;
	background:url(/images/site/logo_screen_new.gif) no-repeat;
	width:117px;
	height:71px;
}

#header h1 span.text {
	position:absolute;	
	top:0;
	left:0;
	z-index:1;
	width:117px;
	height:71px;
	overflow:hidden;
}

/* Slogan */
#header h4.two-column {
	padding-top:73px;
	height:26px;
	overflow:hidden;
	font-size:1.4em;
	font-weight:normal;
	position:relative;
	display:inline;
	border-left:solid 1px #eee;
	max-width:532px;
	min-width:300px;
}

#header h4 span {
	position:absolute;
	display:block;
	top:73px;
	left:5px;
	z-index:2;
	background:url(/images/site/logo_slogan.gif) no-repeat;
	width:299px;
	height:26px;
}

#header h4 span.text {
	position:absolute;	
	top:73px;
	left:5px;
	z-index:1;
	width:117px;
	height:71px;
	overflow:hidden;
}

/* Search form */
#header form.one-column {
	margin:0;
	border:0;
	margin-top:67px;
	height:40px;
	display:inline;
	/*position:absolute;*/
	max-width:166px;
	position:relative;
}

#header form input {
	float:left;
	border:none;
	background:transparent url(/images/site/search_bg_left.gif) no-repeat;
	width:100%;
	height:21px;
	font-size:1.1em;
	padding:0 0 0 6px;
	color:#323232;
	position:absolute;
	right:0;
	margin-right:24px;
	max-width:142px;
	width:80%;
	z-index:3;
	
}

#header form button {
	float:left;
	width:24px;
	height:21px;
	display:inline;
	background:url(/images/site/search_go.gif) no-repeat top right;
	overflow:hidden;
	cursor:pointer;
	border:0px;
	padding:0px;
	position:absolute;
	right:0px;
}

#header form button:hover {
	background:url(/images/site/search_go.gif) no-repeat bottom right;
}

#header form span input {
	display:none;
}

#header form a {
	border:none;
	clear:both;
	display:block;
	margin:4px 0 0 2px;
	padding:0 0 0 12px;
	font-size:0.9em;
	display:block;
	color:#adadad;
	background:transparent url(/images/site/arrow_strong.gif) no-repeat 0 45%;
	position:absolute;
	top:25px;
}

#header form a:hover {	
	color:#323232;
}



/* Main navigation bar */
#header #mainNav {
	clear:both;
	height:30px;
	margin:0;
	padding:0;
	padding-top:2px;
	padding-bottom:3px;
	list-style:none;
	border-top:solid 2px #2c2c2c;
	white-space: nowrap;
	max-width:1024px;
}

/*#header #mainNav ul {
	margin:0;
	padding:0;
}*/

#header #mainNav li {
	float:left;
	border-bottom:solid 2px #2c2c2c;
	margin-top:-2px;
}

#header #mainNav li a {
	border:none;
	font-size:1.1em;
	color:#ffffff;
	cursor:pointer;
	height:15px;
	overflow:hidden;
	padding:7px 9px 8px 9px;
	display:block;
	float:left;
}

#header #mainNav li:hover{
	border-bottom:solid 2px #ffffff;
}

#header #mainNav li.menuSelected
{
	font-weight:bold;
	border-bottom:solid 2px #ffffff;
}


#header #subNav {
	clear:both;
	height:28px;
	overflow:hidden;
}

#header #subNav ul {
	clear:left;
	height:28px;
	margin:0;
	padding:0;
	list-style:none;
	display:none;
}

#header #subNav ul.show {
	display:block;
}

#header #subNav ul li {
	float:left;
}

#header #subNav ul li a {
	font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;
	border:none;
	font-size:1.1em;
	color:#999999;
	cursor:pointer;
	height:15px;
	overflow:hidden;
	padding:7px 9px 8px 9px;
	display:block;
	float:left;
}


/* Various */

/* Section header */
.section {
	clear:both;
	background:#000000 url(/images/site/page_header_bg.gif) repeat-x;
	height:38px;
	padding:13px 0 0 15px;
	color:#ffffff;
	overflow:hidden;
	margin-left:2px;
}

.section h2 {
	color:#ffffff;
}

.section div {
	padding-top:12px;
	font-size:1.1em;
	color:#c0c0c0;
}



/* Info-box (default styles) */
.info-box.one-column {
	margin:0;
	min-width:18%;
}
.info-box .top {
	height:2px;
	overflow:hidden;
	background:#2961bd url(/images/site/info_box_tl_blue.gif) no-repeat;
}
.info-box .top .right {
	float:right;
	width:2px;
	height:2px;
	background:transparent url(/images/site/info_box_tr_blue.gif) no-repeat;
}
.info-box .center {
	margin:0;
	padding:7px;
	background:#0b4bb4 url(/images/site/info_box_c_blue.gif) repeat-x;
	border-left:solid 2px #2961bd;
	border-right:solid 2px #2961bd;
	color:#c5dbff;
}
.info-box .bottom {
	height:2px;
	overflow:hidden;
	background:#2961bd url(/images/site/info_box_bl_blue.gif) no-repeat;
}
.info-box .bottom .right {
	float:right;
	width:2px;
	height:2px;
	background:transparent url(/images/site/info_box_br_blue.gif) no-repeat;
}
.info-box h3 {
	color:#ffffff;
	margin:0;
}

/* Green info-box theme */
.info-box-green .top {
	background:#81bd29 url(/images/site/info_box_tl_green.gif) no-repeat;
}
.info-box-green .top .right {
	background:transparent url(/images/site/info_box_tr_green.gif) no-repeat;
}
.info-box-green .center {
	background:#70b40b url(/images/site/info_box_c_green.gif) repeat-x;
	border-left:solid 2px #81bd29;
	border-right:solid 2px #81bd29;
	color:#e7f3d5;
	font-size:1.1em;
}
.info-box-green .bottom {
	background:#81bd29 url(/images/site/info_box_bl_green.gif) no-repeat;
}
.info-box-green .bottom .right {
	background:transparent url(/images/site/info_box_br_green.gif) no-repeat;
}

/* Grey info-box theme */
.info-box-grey .top {
	background:#efefef url(/images/site/info_box_tl_grey.gif) no-repeat;
}
.info-box-grey .top .right {
	background:transparent url(/images/site/info_box_tr_grey.gif) no-repeat;
}
.info-box-grey .center {
	background:#f0f0f0 url(/images/site/info_box_c_grey.gif) repeat-x;
	border-left:solid 2px #efefef;
	border-right:solid 2px #efefef;
	color:#727272;
}
.info-box-grey .bottom {
	background:#efefef url(/images/site/info_box_bl_grey.gif) no-repeat;
}
.info-box-grey .bottom .right {
	background:transparent url(/images/site/info_box_br_grey.gif) no-repeat;
}


.clearer {
	clear:both;
	height:0;
	overflow:hidden;
}

hr {
	display:none;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.clear-left {
	clear:left;
}

.clear-right {
	clear:right;
}

.clear-both {
	clear:both;
}

.hide {
	display:none;
}

.show {
	display:block;
}

.invisible {
	visibility:hidden;
}

.footer {
	height:44px;
	background:#000 url(/images/site/footer_bg.gif) repeat-x;
	margin-top:50px;
	padding-top:13px;
	font-size:1.1em;
	clear: both;
}

.footer a:link,
.footer a:visited,
.footer a:active,
.footer a:hover {
	border:none;
	color:#c6c6c6;
	padding-left:8px;
	background:transparent url(/images/site/arrow_white.gif) no-repeat 0 0.45em;
}



.disabled {
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	opacity:0.2;
}

a img {
	border: 0;
}

h4 {
	margin: 4px 0px;
	padding: 0;
}

/**                                                                                                                                                             
 * Language selection box                                                                                                                                       
 */
div#langsel
{ 
position: fixed;
right: 10px;
top: 40%;
}  

div#langsel img
{ 
opacity: 0.6;
}  

div#langsel img:hover
{ 
opacity: 1.0; 
}