/* 

Theme Name: Ovea Global
Version: 2.0a
Author: Tomas Bäckman
Author URI: http://www.ovea.se

Ground color: 

Darkgreu:		#5d5d5d
Green:			#8ec615

	Listing Order:
	==============

	1 - Import CSS files
	2 - Universal
	3 - Header
	4 - Filter
	5 - Body
	6 - Sortbox
	
	100 - Text Style
*/

/*----------------------------------------------------------------------
	1 -  Import CSS files
----------------------------------------------------------------------*/

/*----------------------------------------------------------------------
	2 - Universal
----------------------------------------------------------------------*/

/* CSS Document */

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

a {
	text-decoration:none;
}

img {
	border:none;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#f6f6ee;
	margin:0px;
}

table {
	margin:0px auto;
}

td {
	vertical-align:top;	
}

/*----------------------------------------------------------------------
	3 - ChangeLanguage
----------------------------------------------------------------------*/

div#changlanuage{
	overflow:hidden;
	font-size:11px;
	width:900px;
	margin:0px auto;
	padding:10px 0px;
	text-align:right;
	color:#aaa;
}


/*----------------------------------------------------------------------
	3 - Splash
----------------------------------------------------------------------*/

div#splash {
	background-color:#f6f6ee;
	overflow:hidden;
	font-size:11px;
	width:auto;
	color:#aaa;
}

div#splash .logo{
	background-color:#f6f6ee;
	overflow:hidden;
	font-size:11px;
	width:900px;
	margin:0px auto;
	color:#aaa;
	cursor:pointer;
}

#splash ul{ width:900px; margin:0px auto; font: 10px Verdana, Helvetica, sans-serif;}
#splash li{display: inline;}

#splash ul a{ float:left;text-decoration: none; margin-right: 0.5em; padding: 10px 20px; color:#666;
	background-image:url(/images/layout/customsearch_background_disable.gif);
	background-repeat:repeat-x;
	background-color:#cbcbcb;
	border-top:1px solid #eaeaea;
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	border-bottom:none;
}

#splash a:hover{text-decoration: none; margin-right: 0.5em; padding: 10px 20px; color:#eee;
	background-image:url(/images/layout/customsearch_background_enable.gif);
	background-repeat:repeat-x;
	background-color:#424242;
	border-top:1px solid #8b8874;
	border-left:1px solid #676556;
	border-right:1px solid #484637;
	border-bottom:none;	
}

#splash a#current{text-decoration: none; margin-right: 0.5em; padding: 10px 20px; color:#eee;
	background-image:url(/images/layout/customsearch_background_enable.gif);
	background-repeat:repeat-x;
	background-color:#424242;
	border-top:1px solid #8b8874;
	border-left:1px solid #676556;
	border-right:1px solid #484637;
	border-bottom:none;	
}

#splash .enable {text-decoration: none; margin-right: 0.5em; padding: 10px 20px; color:#eee;
	background-image:url(/images/layout/customsearch_background_enable.gif);
	background-repeat:repeat-x;
	background-color:#424242;
	border-top:1px solid #8b8874;
	border-left:1px solid #676556;
	border-right:1px solid #484637;
	border-bottom:none;	
}

/*----------------------------------------------------------------------
	3 - Wrapper
----------------------------------------------------------------------*/

div#wrapper {
	overflow:hidden;
	padding:0px 0px 10px 0px;
	width:auto;
	color:#aaa;
}

div#wrapper .paper {
	overflow:hidden;
	padding:0;
	width:900px;
	margin:0px auto;
	color:#aaa;
}


div#Thankbox {
	border:1px solid #eaeaea;
	background-color:#ff7d00;
	text-align:center;
	padding:5px 10px;
	overflow:hidden;
	width:878px;
	margin:10px auto;
	color:#fff;
}

/*----------------------------------------------------------------------
	3 - Options
----------------------------------------------------------------------*/

div#options {
	overflow:hidden;
	padding:0px;
	width:900px;
	color:#aaa;
}

#options ul{ width:900px; margin:auto 0px; float: left;	font: 10px Verdana, Helvetica, sans-serif;}
#options li{display: inline;}
#options ul a{float: left; text-decoration: none; margin-right: 0.5em; padding: 10px 20px; color:#666;}

#options a:hover{float: left; text-decoration: none; margin-right: 0.5em; padding: 10px 20px; color:#eee;
	background-image:url(/images/layout/customsearch_background_enable.gif);
	background-repeat:repeat-x;
	background-color:#424242;
	border-top:1px solid #969696;
	border-left:1px solid #969696;
	border-right:1px solid #969696;
	border-bottom:none;	
}

#options a#current{float: left; text-decoration: none; margin-right: 0.5em; padding: 10px 20px; color:#eee;
	background-image:url(/images/layout/customsearch_background_enable.gif);
	background-repeat:repeat-x;
	background-color:#494738;
	border-top:1px solid #969696;
	border-left:none;	
	border-right:none;		
	border-bottom:none;	
}


#options .disable{
	background-image:url(/images/layout/customsearch_background_disable.gif);
	background-repeat:repeat-x;
	background-color:#cbcbcb;
	border-top:1px solid #eaeaea;
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	border-bottom:none;
	color:#666;
}

#options .enable{
	background-image:url(/images/layout/customsearch_background_enable.gif);
	background-repeat:repeat-x;
	background-color:#494738;
	border-top:1px solid #969696;
	border-left:none;	
	border-right:none;		
	border-bottom:none;	
	color:#eee;	
}
/*----------------------------------------------------------------------
	3 - Search
----------------------------------------------------------------------*/

div#search {
	background-image:url(../../images/layout/search_background.gif);
	background-repeat:repeat-x;
	background-color:#494738;
	overflow:hidden;
	font-size:10px;
	padding:10px;
	width:880px;
	color:#aaa;
}

div#search .input {
	background-image:url(../../images/layout/input_background.gif);
	background-repeat:repeat-x;
	background-color:#f0f0f0;
	overflow:hidden;
	margin-top:5px;
	padding:3px 2px;
	width:874px;
	color:#555;
	border-top:1px solid #292820;
	border-left:1px solid #292820;
	border-right:1px solid #65655f;
	border-bottom:1px solid #65655f;
}

div#search .submit {
	background-color:#3CF;
	float: left;
	display: block;
	width: 68px;
	border: 0;
	margin: 0;

	padding: 0;
	position: absolute;
	left: 118px;
	top: 0;
	overflow:hidden;
	height: 100%;
	cursor:pointer;
}

div#search b {
	font-weight:normal;
	color:#eeeeee;
}

div#search .hr {
	background-image:url(../../images/icons/hr.gif);
	overflow:hidden;
	margin-top:5px;
	height:2px;
}


/*----------------------------------------------------------------------
	3 - Custom
----------------------------------------------------------------------*/

div#custom {
	background-image:url(../../images/layout/options_background.gif);
	border-bottom:1px solid #e9e9e9;
	background-repeat:repeat-x;
	background-color:#fafafa;
	overflow:hidden;
	padding:5px 10px;
	color:#aaa;
}

div#custom ul{font: 10px/20px Verdana, Helvetica, sans-serif; width:900px; margin:0px auto;}
div#custom li{display: inline;}
div#custom ul a{float: left; text-decoration: none; padding:1px 17px 1px 10px; height:20px; background-image:url(../../images/icons/point.gif); background-repeat:no-repeat; background-position:right;}
div#custom ul b{float: right; text-decoration: none; margin-right: 10px; padding:1px 9px; color: #bbb; font-size:10px; font-weight:normal; font-style:normal; font-weight:normal;}

div#custom a:link{color: #666;}
div#custom a:visited{color: #666;}
div#custom a:hover{color:#333;}
div#custom a#current{background: #FFCC66; color: #000000;}
div#custom a#house{color: #000000; width:23px; padding:0px; background-image:url(../../images/icons/home.gif); padding:1px 0px;}
div#custom a#load{color: #000000; width:23px; padding:0px; background-image:url(/images/icons/ajax-loader.gif); padding:2px 0px;}
div#custom a#avancerad{
	background-image:url(../../images/layout/menu_background_enable.gif);
	background-repeat:repeat-x;
	background-color:#000;
	padding:0px 20px;
	float:right;
	border-top:1px solid #a9a9a9;
	border-left:1px solid #a9a9a9;
	border-right:1px solid #f29f4e;
	border-bottom:1px solid #f29f4e;
	color:#fff;
}
/*----------------------------------------------------------------------
	3 - Avanceradbox
----------------------------------------------------------------------*/

div#avanceradbox {
	background-image:url(../../images/layout/loginbox_background.gif);
	border-bottom:1px solid #efefe7;
	background-repeat:repeat-x;
	background-color:#fafafa;
	overflow:hidden;
	padding:10px 10px;
	width:880px;
	color:#aaa;
}

#avanceradbox ul{ font-size:10px;}
#avanceradbox li{display: inline;}
#avanceradbox ul a{float: left; background: #fe7901; text-decoration: none; margin-right: 0.5em; padding: 0.3em 2em;
border-top:1px solid #fe9230;
border-bottom:1px solid #fe9230;
border-left:1px solid #fe9230;
border-right:none;
font-weight:normal;
}
#avanceradbox ul b{float: left; background: #494738; text-decoration: none; padding: 0.3em 2em; color:#eeeeee;
border-top:1px solid #767469;
border-bottom:1px solid #767469;
border-right:1px solid #767469;
border-right:none;
font-weight:normal;
}

#avanceradbox a:link{color: #eeeeee;}
#avanceradbox a:visited{color: #eeeeee;}
#avanceradbox a:hover{background: #fe7901; 	border:1px solid #fe9230;}

/*----------------------------------------------------------------------
	3 - PageView
----------------------------------------------------------------------*/

#pageview { 
	background-image:url(../../images/layout/pageview.gif);
	background-repeat:repeat-x;
	background-color:#fafafa;
	overflow:hidden;
	padding:10px 10px;
	width:880px;
	color:#aaa;
}

#pageview li{display: inline;}
#pageview ul a{float: left; text-decoration: none; height:16px; padding: 0px 20px; border:1px solid #f7f7f7; font:normal 10px/16px Verdana, Arial, Helvetica, sans-serif; margin-left:5px;}
#pageview ul i{float: left; text-decoration: none; height:16px; padding: 1px 0px; font:normal 10px/16px Verdana, Arial, Helvetica, sans-serif; color:#6d6b53;}

#pageview a:link{color: #fff;}
#pageview a:visited{color: #fff;}

#pageview a#current{
	color:#eee;
	background-color:#4c4c4c;
}

#pageview a#orange{
	background-color:#ff8600;	
	color:#fff;
}

#pageview a#loadbar{
	border:1px solid #e9e9d8;	
	padding:0px;
	color:#fff;
}

#pageview .disable {
	border:1px solid #767469;
	background-color:#494738;
	color:#fff;
}

#pageview .enable{
	border:1px solid #fe9230;
	background-color:#fe7901;
	color:#fff;
}

/*----------------------------------------------------------------------
	3 - Report
----------------------------------------------------------------------*/

div#report {
	background-image:url(../../images/layout/pageview.gif);
	background-repeat:repeat-x;
	background-color:#fafafa;
	overflow:hidden;
	width:900px;
	color:#aaa;
}


span.orange {font-size:12px;color:#fe7901;}
span.grey { font-size:12px;color:#999;}
span.white { font-size:12px;color:#fff;}

/* LIGHT ---------------------------------------------------------------------*/

div#report .light { padding:5px; background-color:#fafafa; width:890px; overflow:hidden;}
div#report .light ul{ padding:0px; margin:0px auto; width:890px;}
div#report .light li{display: inline;}
div#report .light ul b{
float: left; text-decoration: none; font-style:normal; font-weight:normal;
border:none; padding:0px; font-size:12px; line-height:20px}
div#report .light ul a{
float: right; text-decoration: none; font-style:normal; font-weight:normal; 
border: 1px solid #767469; background-color:#494738; color:#FFF; padding:0px 10px; font-size:12px; line-height:20px; overflow:hidden;}
div#report .light ul strong{
float: left; text-decoration: none; font-style:normal; font-weight:normal; 
border: 1px solid #d6d5d2; background-color:#c8c7c3; color:#FFF; padding:0px 10px; font-size:12px; line-height:20px; overflow:hidden; margin-left:10px;}
div#report .light ul i{float: right; height:20px; width:26px; margin-right:20px;}

/* DARK ----------------------------------------------------------------------*/

div#report .dark { padding:5px; background-color:#f5f5f5; width:890px; overflow:hidden;}
div#report .dark ul{ padding:0px; margin:0px auto; width:890px;}
div#report .dark li{display: inline;}
div#report .dark ul b{
float: left; text-decoration: none; font-style:normal; font-weight:normal;
border:none; padding:0px; font-size:12px; line-height:20px}
div#report .dark ul a{
float: right; text-decoration: none; font-style:normal; font-weight:normal; 
border: 1px solid #767469; background-color:#494738; color:#FFF; padding:0px 10px; font-size:12px; line-height:20px;}
div#report .dark ul strong{
float: left; text-decoration: none; font-style:normal; font-weight:normal; 
border: 1px solid #d6d5d2; background-color:#c8c7c3; color:#FFF; padding:0px 10px; font-size:12px; line-height:20px; overflow:hidden; margin-left:10px;}
div#report .dark ul i{float: right; height:20px; width:26px; margin-right:20px;}

/* OVER ----------------------------------------------------------------------*/

div#report .over { padding:5px; background-image:url(../../images/LayDes/point_background.gif); background-repeat:repeat-x; background-color:#fff; width:890px; overflow:hidden;}
div#report .over ul{ padding:0px; margin:0px auto; width:890px;}
div#report .over li{display: inline;}
div#report .over ul b{
float: left; text-decoration: none; font-style:normal; font-weight:normal;
border:none; padding:0px; font-size:12px; line-height:20px}
div#report .over ul a{
float: right; text-decoration: none; font-style:normal; font-weight:normal; 
border: 1px solid #fe9230; background-color:#fe7901; color:#FFF; padding:0px 10px; font-size:12px; line-height:20px;}
div#report .over ul strong{
float: left; text-decoration: none; font-style:normal; font-weight:normal; 
border: 1px solid #d6d5d2; background-color:#c8c7c3; color:#FFF; padding:0px 10px; font-size:12px; line-height:20px; overflow:hidden; margin-left:10px;}
div#report .over ul i{float: right; height:20px; width:26px; margin-right:20px;}

















/* LIGHT ---------------------------------------------------------------------*/

div#bigreport .light { padding:5px; background-color:#fafafa; width:890px; overflow:hidden;}
div#bigreport .light ul{ padding:0px; margin:0px auto; width:890px;}
div#bigreport .light li{display: inline;}
div#bigreport .light ul b{
float: left; text-decoration: none; font-style:normal; font-weight:normal;
border:none; padding:0px; font-size:12px; line-height:90px}
div#bigreport .light ul a{
float: right; text-decoration: none; font-style:normal; font-weight:normal; 
border: 1px solid #767469; background-color:#494738; color:#FFF; padding:0px 10px; font-size:12px; line-height:90px; overflow:hidden;}
div#bigreport .light ul strong{
float: left; text-decoration: none; font-style:normal; font-weight:normal; 
border: 1px solid #d6d5d2; background-color:#c8c7c3; color:#FFF; padding:0px 10px; font-size:12px; line-height:50px; overflow:hidden; margin-left:10px;}
div#bigreport .light ul i{float: left; height:82px; width:90px; margin-right:20px; background-color:#FFF; border: 1px solid #eee; padding:3px;}

/* DARK ----------------------------------------------------------------------*/

div#bigreport .dark { padding:5px; background-color:#f5f5f5; width:890px; overflow:hidden;}
div#bigreport .dark ul{ padding:0px; margin:0px auto; width:890px;}
div#bigreport .dark li{display: inline;}
div#bigreport .dark ul b{
float: left; text-decoration: none; font-style:normal; font-weight:normal;
border:none; padding:0px; font-size:12px; line-height:90px}
div#bigreport .dark ul a{
float: right; text-decoration: none; font-style:normal; font-weight:normal; 
border: 1px solid #767469; background-color:#494738; color:#FFF; padding:0px 10px; font-size:12px; line-height:90px;}
div#bigreport .dark ul strong{
float: left; text-decoration: none; font-style:normal; font-weight:normal; 
border: 1px solid #d6d5d2; background-color:#c8c7c3; color:#FFF; padding:0px 10px; font-size:12px; line-height:90px; overflow:hidden; margin-left:10px;}
div#bigreport .dark ul i{float: left; height:82px; width:90px; margin-right:20px; background-color:#FFF; border: 1px solid #eee; padding:3px;}

/* OVER ----------------------------------------------------------------------*/

div#bigreport .over { padding:5px; background-image:url(../../images/LayDes/point_background.gif); background-repeat:repeat-x; background-color:#fff; width:890px; overflow:hidden;}
div#bigreport .over ul{ padding:0px; margin:0px auto; width:890px;}
div#bigreport .over li{display: inline;}
div#bigreport .over ul b{
float: left; text-decoration: none; font-style:normal; font-weight:normal;
border:none; padding:0px; font-size:12px; line-height:90px}
div#bigreport .over ul a{
float: right; text-decoration: none; font-style:normal; font-weight:normal; 
border: 1px solid #fe9230; background-color:#fe7901; color:#FFF; padding:0px 10px; font-size:12px; line-height:90px;}
div#bigreport .over ul strong{
float: left; text-decoration: none; font-style:normal; font-weight:normal; 
border: 1px solid #d6d5d2; background-color:#c8c7c3; color:#FFF; padding:0px 10px; font-size:12px; line-height:90px; overflow:hidden; margin-left:10px;}
div#bigreport .over ul i{float: left; height:82px; width:90px; margin-right:20px; background-color:#FFF; border: 1px solid #eee; padding:3px;}
/*----------------------------------------------------------------------
	3 - Video
----------------------------------------------------------------------*/

div#video {
	width:auto;
	padding:0px;
}

div#video .info{
	background-image:url(../../images/layout/video_background.gif);
	background-repeat:repeat-x;
	background-color:#fff;	
	line-height:30px;
	color:#fe7901;
	font-size:18px;
}

div#video .caption{
	background-color:#ff7e1c;
	height:30px;
	line-height:30px;
	color:#fff;
	font-size:18px;
	padding:5px;
}

#FlagsResult {
	border-bottom: 1px solid #ccc;;
	background-color:#eee;
	overflow:hidden;
	padding:5px;
	width:570px;
	color:#aaa;
}

#FlagsResult li{display: inline;}
#FlagsResult ul a{float: left; text-decoration: none; height:20px; width:26px; margin-right:10px;}

/*----------------------------------------------------------------------
	5 -  Dropmenu
----------------------------------------------------------------------*/

div#dropmenu {
position:absolute;
border:1px solid #ccc;;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
}

div#dropmenu a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ccc;;
background-color:#fafafa;
text-decoration: none;
color:#666;
overflow:hidden;
}

div#dropmenu span.number{
	width:50px;
	float:left;
	color:#fff;
	text-align:center;
	background-color:#333;
	overflow:hidden;
}

div#dropmenu span.text{
	overflow:hidden;
	width:143px;
	padding-left:5px;
	float:right;
}


div#dropmenu a:hover{
	background-color:#fe7901;
	color:#FFF;
	cursor:pointer;
}

/*----------------------------------------------------------------------
	3 - Paging
----------------------------------------------------------------------*/
div#paging { padding:10px 0px;margin:0px; font-size:10px; list-style:none; width:600px; overflow:hidden;}
div#paging li{display: inline; font-size:10px;}
div#paging li a{float: left; text-decoration: none;  margin:0px; text-align:center; color:#fff; background-color:#494738; margin-right:10px; padding:2px 15px; border: 1px solid #767469;}
div#paging #here{
	background-color:#fe7901;	
	border: 1px solid #fe9230;
	color:#FFF;
}

div#paging a.info{ float:right;border:none; padding:3px 0px; background-color:#fff; margin:0px;}

/*----------------------------------------------------------------------
	3 - Footer
----------------------------------------------------------------------*/

div#footer{
	overflow:hidden;
	margin:0 auto;
	width:900px;
}

div#footer p{
	font-size:10px;
	color:#bbb;
}

div#footer p a{
	color:#777;
}
/*----------------------------------------------------------------------
	3 - Report
----------------------------------------------------------------------*/

div#detail {
	padding-top:10px;
	color:#666;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }