/*   
Theme Name: R&D Reposotory
Theme URI: http://www.researchvalue.net
Description: A theme for INTERVALUE R&D Repository.
Author: Panagiotis Tsarchopoulos
Author URI: http://www.urenio.org/
Version: 1.0
Tags: repository
Version: 1.0
.
Like WordPress, this work is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset default browser styles apply YUI grid */
@import url('reset-fonts-grids.css');

/* Apply various browser styles */
@import url('style-hacks.css');


/* Begin Typography & Colors 
-------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0; 
	background: #edeae2 url(../images/bg.png) repeat-x 0 0;
	color:#333;
	font-family: "Lucida Grande", Verdana, Arial, Sans-serif;
	}

p{
	font-size:85%; 
	line-height:1.5; 
	margin-bottom:.5em;
	text-align: justify;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 85%;
	line-height: 1.5em;
	}

small, blockquote, strike {
	color: #777;
	}

a {
	color: #3391d8;
	text-decoration: none;
	}
	
a:visited {
	color: #3391d8;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

/* End Typography & Colors */


/*	Begin Headers 
-------------------------------------------------------------- */

h1, h2, h3 {
	font-weight: bold;
	font-family: Arial, Helvetica, Sans-Serif;
	}
	
h1 {
	font-size: 182%;
	color: #300;
	margin:0;
	padding: 0;
	}
	
h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	color: #300;
	}

h2 {
	font-size: 153.9%;
	}

h3 {
	font-size: 123.1%;
	}
	
h4 {
	font-size: 93%;
	font-weight: bold;
	}

h5 {
	font-size: 93%;
	font-weight: bold;
	}

h2, h3, h4, h5 {
	color: #300;
	}
	
	
h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited {
	color: ##3391D8;
	}
	
h2 a:hover h3 a:hover {
	text-decoration: underline;
	}

h2 {
	margin: .5em 0 0;
	}
	
h3 {
	padding: 0;
	margin:1em 0 .5em;
	}

h4 {
	margin: .5em 0;
	}

h4 {
	margin: .5em 0;
	}

/* End Headers */


/* Begin Images 
-------------------------------------------------------------- */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0 0 2px 10px;
	display: inline;
	}

img.alignleft {
	margin: 0 10px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
/* End Images */


/* Begin Lists 
-------------------------------------------------------------- */

li ul, li ol       { margin:0 1.5em; }
ol      { margin: 0 0 1em 1.5em; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
ol li {
list-style-type: decimal;
}

/* End List Styles */


/* Begin Table Styles 
-------------------------------------------------------------- */

table {
  margin:.5em 0;
  border-left: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
}

caption {
	padding: .5em 0 0 0;
	font: 93% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight:bold;
	}

thead td {
  background: #eee;
  font-weight:bold;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #333;
	font-size:85%;
}

/* End Table Styles 
-------------------------------------------------------------- */

/* Begin Form Styles 
-------------------------------------------------------------- */

 input#s {
	background: #f5f3e7;
	border: 1px solid #d8d9cf;
	color: #333;
	font-size: 85%;
	height: 16px;
	padding: 3px;
	width: 150px;
	vertical-align:middle;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


td input, td button {
	font-size: 100%;
}

#searchsubmit {
vertical-align:middle;
}

#sendcontact {
height: auto;
width: auto;
padding: 3px 10px;
font-weight: bold;
font-size: 127%;
}

/* End Form Styles 
-------------------------------------------------------------- */


/* Begin Structure 
-------------------------------------------------------------- */

#bd {
background: #f5f3e7;
}

/* Begin INTERVALUE Logos 
------------------------------------------ */
#site-description a {
background:transparent url(../images/logo.png) no-repeat left center;
display: block;
float: left;
height: 81px;
text-indent:-9999px;
width: 291px;
margin: 0;
padding: 0;
}

#banners {
float: right;
margin: 0;
padding-top: 3px;
text-align: right;
width: 665px;
}

#banners img {
margin:0 0 0 10px;
padding:0;
}

/* End INTERVALUE Logos */

/* Begin Components Navigation 
------------------------------------------ */
#hd {
margin-top: 15px;
height: 30px;
background: #0577ce url(../images/bg_apps_menu_bar.png) repeat-x;
border-top: 3px solid #065ea0;
}

#hd ul{
list-style-image:none;
list-style-type:none;
margin: 0 auto;
width:475px;
height:30px;
padding: 0;
background: url(../images/bg_apps_menu.png) no-repeat;
}

#hd li {
	display:inline;
}

#hd li a {
	float:left;
	height:0;
	overflow:hidden;
	padding-top:30px;
	outline: none;
	background: url(../images/bg_apps_menu.png) no-repeat top left;
}

#hd #nav-platform a {
 width: 112px;
 background-position: 0px -30px;
}

#hd li#nav-repository a {
 width: 118px;
 background-position: -112px -30px;
}

#hd li#nav-valorisation a {
 width: 131px;
 background-position: -230px -30px;
}

#hd li#nav-ipagreements a{
 width: 114px;
 background-position: -361px -30px;
}

#hd #nav-platform a:hover {
 background-position: 0px -60px;
}

#hd li#nav-repository a:hover {
 background-position: -112px -60px;
}

#hd li#nav-valorisation a:hover {
 background-position: -230px -60px;
}

#hd li#nav-ipagreements a:hover {
 background-position: -361px -60px;
}

#hd li#nav-repository a.active {
 background-position: -112px 0;
}

/* End Components Navigation */


/* Begin Repository Header - Menu
------------------------------------------ */
#rep-header  {
height: 115px;
background: #f5f3e7 url(../images/bg_repository_header.png) repeat-x 0 0;
}

#app-description {
height: 60px;
padding: 12px 0 9px 9px;
}

#app-description a {
background:transparent url(../images/logo_repository.png) no-repeat left center;
display: block;
float: left;
height: 60px;
text-indent:-9999px;
width: 300px;
margin: 0;
padding: 0;
}

#rep-nav ul{
float:left;
list-style-image:none;
list-style-type:none;
width:303px;
height:34px;
padding: 0 0 0 152px;
margin: 0 0 0 9px;
background: url(../images/bg_repository_menu_bar.png) no-repeat;
}

#rep-nav li {
	display:inline;
}

#rep-nav li a {
	float: left;
	height: 0;
	overflow: hidden;
	padding-top: 34px;
	outline: none;
	background: url(../images/bg_repository_menu.png) no-repeat top left;
}

#rep-nav li#nav-subject a {
 width: 113px;
 background-position: 0px -34px;
}

#rep-nav li#nav-sector a {
 width: 108px;
 background-position: -113px -34px;
}

#rep-nav li#nav-organisation a {
 width: 82px;
 background-position: -221px -34px;
}

#rep-nav #nav-subject a:hover {
 background-position: 0px -68px;
}

#rep-nav li#nav-sector a:hover {
 background-position: -113px -68px;
}

#rep-nav li#nav-organisation a:hover {
 background-position: -221px -68px;
}

.subjects-section #rep-nav li#nav-subject a {
 background-position: -0px 0;
}

.sectors-section #rep-nav li#nav-sector a {
 background-position: -113px 0;
}

.organisations-section #rep-nav li#nav-organisation a {
 background-position: -221px 0;
}

#searchbox {
	float: right;
	height: 51px;
	padding: 30px 20px 0 0;
	margin-left: 200px;
}

#rep-secnav {
float: right;
height: 34px;
padding: 0 20px 0 0;
margin: 0;
}

/* Removed by lmak
#rep-secnav img {
margin-left:3px;
}
*/

/* Account Button
    ---------------------------------------- */
a.sbtn {
	text-decoration: none;
	float:left;
	color: #999;
	cursor: pointer;
	font-size: 85%;
	line-height: 14px;
	color: #fff;
	background: url(../images/bn_account.png) no-repeat top right;
	margin-right: 5px;
}

a.sbtn span {
	margin: 0 10px 0 -10px;
	padding: 10px 8px 10px 30px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
	background: url(../images/bn_account.png) no-repeat top left;
}

/* End Repository Header - Menu */



/* Begin Footer Content
------------------------------------------ */
#footer {
	margin: 20px 0 0;
	background: #e2dfd7;
	color: #300;
	padding: 1em 0;
}

#footer h2{
	margin: 0;
	padding: 0 0 .4em 0;
	font-size: 138.5%;
}

#footer p{
	margin: 0;
	padding: 0;
	text-align:left;
}

#footer .ft-left h2{
	padding-left: 20px;
}

#footer .ft-left p{
	padding-left: 20px;
}

#ft-links li {
	font-size: 85%;
	line-height:1.5;
	padding-left:20px;
	background: url(../images/icon_link.png) no-repeat 0 2px;
}

#comp-nav-ft {
margin: 0 0 1em;
}

#comp-nav-ft p {
	text-align: center;
	padding: .5em 1em;
	background-color: #237fc6;
	color: #fff;
}

#comp-nav-ft a {
	color: #fff;
}

/* End Footer Content */

/* Begin Footer
------------------------------------------ */
#ft {
	margin: 1em 0;
	background: transparent;
	color: #300;
}

#ft a, #ft a:visited, #ft a:hover {
	color: #300;
}

#ft a:hover {
	text-decoration: underline;
}

#ft p {
	text-align: center;
	margin: 0;
}
/* End Footer */

/* End Structure */


/* Begin Content Blocks 
-------------------------------------------------------------- */

/* Home Page Moto 
------------------------------------------ */
#moto {
	margin: 20px 20px 0; 
	padding: 0 20px 0 360px;
	min-height: 165px;
	background: url(../images/bg_moto.jpg) no-repeat left top;
	color: #300;
}

#moto h2 {
	font-size: 167%;
	padding: 22px 0 10px;
	margin: 0;
}

#moto p, #browse-options {
	font-size: 108%;
	font-family: Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0;
}

#browse-options {
	margin-top: 16px;
}

#browse-options a {
	font-weight: bold;
}

/* End Home Page Moto */

/* Main Content (Results & Labs)
------------------------------------------ */
#content {
margin-top: 20px;
}


#main-content {
	border: 1px solid #dad8cb;
	padding: 10px;
	margin-left: 20px;
	background:#f5f3e7 url(../images/bg_module.png)  repeat-x 0 0;
	color: #333;
	position: relative;
}

#main-content h2 {
	color: #300;
	margin: 0 0 .5em;
	padding: 0 0 2px;
	border-bottom: 1px solid #dfe0d2;
	font-size: 138.5%;
}


#main-content img {
	border: 1px solid #dfe0d2;
}

#result-meta {margin-bottom: .5em}

#owner {
font-weight: bold;
font-size: 93%;
padding-bottom: 2px;
}

#main-content h3.section-title {
	color: #300;
	margin: 1em 0 .5em;
	padding: 0 0 2px;
	border-bottom: 1px solid #dfe0d2;
	font-size: 123.1%;
}

#main-content h4 {
	color: #333;
	font-size: 93%;
}

#main-content ul li {
	font-size:85%;
	background: url(../images/bullet1.png) no-repeat 0 4px;
	line-height:1.5;
	padding-left: 14px;
}

#main-content ul {
	margin: .5em;
}

li  li, #main-content li li {
font-size:100%;
}

#main-content ol li {
	font-size:85%;
	line-height:1.5;
}


#main-content li p {
	font-size:100%;
}


/* End Main Content 
------------------------------------------ */


/* Begin Latest Results Homepage Box 
------------------------------------------ */

.rd-result {
	overflow: auto;
	margin: 1em 0;
	border-bottom: 1px solid #e4e4d4;
}

.rd-metadata {
	float: left;
	margin:auto;text-align:left; /* leave unchanged */
	width:7.69em;/* non-IE */
	*width:7.5em;/* IE */
	min-width:100px;/* optional but recommended */
}

.result-date {
color: #666;
font-size: 85%;
}

.rd-content {
	float: right;
	margin:auto;text-align:left; /* leave unchanged */
	width:36.92em;/* non-IE */
	*width:36em;/* IE */
	min-width:480px;/* optional but recommended */
}

.rd-result h3 {
	font-size: 100%;
	padding: 0;
	margin: 0 0 .25em;
}

.rd-result .org-name p {
	text-align: left;
}

.keywords {
	background: url(../images/bg_keywords_green.png) no-repeat left center;
	padding-left: 24px;
}

.results-count {
font-size: 93%;
float:left;
}

.rnav-bns {
float:right;
}

#pagination {
text-align: center;
}

#pagination span{
font-size: 93%;
}

#pagination span a {
padding: 3px;
border: 1px solid #dad8cb;
}

#pagination span a:hover {
text-decoration: none;
border: 1px solid #33a7e0;
background-color: #dfe0d2
}

/* End Latest Results Homepage Box 
------------------------------------------ */


/* Begin Breadcrumbs 
------------------------------------------ */

#breadcrumb {
   background: #eeefe1;
   margin: 20px;
   padding: 8px 10px;
   font-size: 85%;
   border: 1px solid #dfdbd0;
}

#breadcrumb a {
   background: url(../images/bg_crumbs.png) no-repeat right center;
   padding: 8px 15px 8px 0;
}

/* End Breadcrumbs 
------------------------------------------ */

/* End Content Blocks 
-------------------------------------------------------------- */


/* Sidebars (Home - Category -Pages - Archives, etc.)
-------------------------------------------------------------- */

.box {
	position: relative;
	border: 1px solid #dad8cb;
	padding: 10px;
	margin: 0 20px 1.5em 0;
	background:#f5f3e7 url(../images/bg_module.png)  repeat-x 0 0;
	color: #333;
}

#login-box form table {
	border-collapse: separate;
	border-spacing: 5px;
	margin:0;
	border-width: 0;
}

#login-box form td {
	background:transparent;
	padding:0;
	font-size: 85%;
	border-width: 0;
}

#login-box input#login, #login-box input#password {
-moz-border-radius-bottomleft:2px;
-moz-border-radius-bottomright:2px;
-moz-border-radius-topleft:2px;
-moz-border-radius-topright:2px;
background:#fff none repeat scroll 0 0;
border:1px solid #D8D9CF;
color:#333333;
height:14px;
padding:3px;
width:150px;
}

.box  h2{
	font-size: 138.5%;
	background-color: #99dd3d;
	color: #030;
	border: 1px solid #86c92d;
	margin: 0 0 .75em;
	padding: 6px 10px 3px;
}

.box h2.nobg {
	color: #300;
	background: transparent;
	margin: 0 0 .5em;
	padding: 0 0 2px;
	border-width:0 0 1px;
	border-bottom: 1px solid #dfe0d2;
	font-size: 123.1%;
}

#tagsbox h2.nobg {
	background: url(../images/bg_tag.png) no-repeat left center;
	padding-left: 34px;
}

#resultsbox h2.nobg {
	background: url(../images/bg_ideas.png) no-repeat left center;
	padding: 5px 0 5px 34px;
}

.box h3 {
	color: #300;
	margin: .5em 0 0 3px;
	padding: 0 0 2px;
	border-bottom: 1px solid #dfe0d2;
	font-size: 116%;
}

.box p {
	text-align:left;
}

.box ul {
	margin: .25em 5px .75em;
}

.box li {
	font-size: 85%;
	line-height: 1.5;
	padding-left: 18px;
	background: url(../images/bullet.png) no-repeat 0 2px;
	padding-bottom: 1px;
}

.box li li {
	font-size: 100%;
	font-weight: normal;
}

.box li ul {
margin-left: 6px;
}

.box li.active {
font-weight: bold;
}

.box ul#actions {
	margin-left: 0;
}

.box #actions li {
	padding-left: 36px;
	padding-bottom: 3px;
}

.box #actions li#act-learm-more {
	background: url(../images/icon_act_learm_more.png) no-repeat 0 2px;
}

.box #actions li#act-contact-lab {
	background: url(../images/icon_act_contact_lab.png) no-repeat 0 2px;
}

.box #actions li#act-contact-us {
	background: url(../images/icon_act_contact_us.png) no-repeat 0 2px;
}

.box #actions li#act-email-this {
	background: url(../images/icon_act_email_this.png) no-repeat 0 2px;
}

#bn_all {
	position: absolute;
	right: 16px;
	top: 16px;
	text-indent: -9999px;
}

#bn_all a {
	display: block;
	height: 22px;
	outline: none;
	width: 60px;
	background: url(../images/bn_view-all.png) no-repeat top left;
}

#resultsbox li {
	background: url(../images/icon_idea.png) no-repeat 0 0;
	line-height:1.6;
	padding-left: 18px;
}

/* End Sidebars (Home - Category -Pages - Archives, etc.)
-------------------------------------------------------------- */

/* Tabs 
-------------------------------------------------------------- */

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 20px 0 0 !important; 
	padding:0;	
	border-bottom:1px solid #dad8cb;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0 3px 0 0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/bg_tabs_off.png) repeat-x 0 0;
	font-size: 93%;
	display: block;
	height: 28px;  
	line-height: 28px;
	text-align: center;	
	text-decoration: none;
	color: #1a3300;
	padding: 0 6px;
	margin: 0px;
	border:1px solid #dad8cb;
	border-bottom-width: 0;
	position: relative;
	top: 1px;
	font-weight: bold;
	outline:none;
}

ul.tabs a:active {
	outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-image: none;
	background-color: #ecedd8;
	color:#300;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-image: none;
	background-color: #ecedd8;	
	cursor:default !important; 
	color:#300 !important;
	border-color: #dad8cb #dad8cb #ecedd8;
	border-width: 1px 1px 2px;
}

/* initially all panes are hidden */ 

div.panes div {
	display:none;
	background:#f5f3e7 url(../images/bg_module.png)  repeat-x 0 0;
	padding:15px 10px;
	border:1px solid #dad8cb;
	border-top:0;
	margin:0 20px 1.5em 0;
}

.panes li {
	font-size: 93%;
	line-height: 1.5;
	padding-left: 18px;
	background: url(../images/bullet.png) no-repeat 0 2px;
	padding-bottom: 1px;
}

/* End Tabs 
-------------------------------------------------------------- */


/* Start custom buttons
    ---------------------------------------- */
    .btn {
      display:inline-block;
      background:none;
      margin:0 0 1em;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font-size:108%;
	  line-height: 1.6;
      text-decoration:none;
      color:#fff;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#ddd url(../images/bg_button.png) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #5bb5f9;
      border-right:1px solid #0767af;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px 1em;
      border-width:0;
      border-top:1px solid #5bb5f9;
      border-bottom:1px solid #0767af;
      }
    

	a.btn, a.btn:visited {
		color:#fff;
	}
    /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
	  background: #91d23a;
      color:#1a3300;
      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }

    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      }

/* Results Nav Buttons */

.rnav-bns .rnav-bn {
	display: block;
	float: left;
	text-indent: -9999px;
	width: 14px;
	height: 14px;
	background: url(../images/bg_results_nav.png) no-repeat top left;
	margin-left:2px;
}

.rnav-bn  a {
	display: block;
	outline: none;
	width: 14px;
	height: 14px;
	background: url(../images/bg_results_nav.png) no-repeat top left;
}

#bn-start a.disabled {
	background-position: 0 0;
}

#bn-start a {
	background-position: 0 -14px;
}

#bn-previous a.disabled {
	background-position: -14px 0;
}

#bn-previous a {
	background-position: -14px -14px;
}

#bn-next a.disabled {
	background-position: -28px 0;
}

#bn-next a {
	background-position: -28px -14px;
}

#bn-end a.disabled {
	background-position: -42px 0;
}

#bn-end  a{
	background-position: -42px -14px;
}

/* End Results Nav Buttons */
	  
.bn-submit {
	text-align: center;
	padding: 1em 20px 1.5em 0;
}
	
/* End custom buttons
   ---------------------------------------- */	  

/* Various 
-------------------------------------------------------------- */

strong {
font-weight: bold;
}

.more {
font-weight: bold;
}

.hidden {
	display: none;
}

.not-important {
color: #666;
}

/* Begin File Types
-------------------------------------------------------------- */
ul.files li a {
padding: 3px 0 3px 20px;
}

#main-content ul.files li {
	background: none;
	padding-left: 0;
	line-height: 1.7;
}

.excel {
background: url(../images/file_excel.png) no-repeat top left;
}

.image, .png, .jpg {
background: url(../images/file_image.png) no-repeat top left;
}

.msword {
background: url(../images/file_msword.png) no-repeat top left;
}

.pdf {
background: url(../images/file_pdf.png) no-repeat top left;
}

.ppoint {
background: url(../images/file_ppoint.png) no-repeat top left;
}

.rar {
background: url(../images/file_rar.png) no-repeat top left;
}

.zip {
background: url(../images/file_zip.png) no-repeat top left;
}
/* End File Types
-------------------------------------------------------------- */

/* Begin Pullquotes
-------------------------------------------------------------- */

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
	
blockquote.left {
        float: left;
        margin-left: 0;
        margin-right: 20px;
        text-align: right;
        width: 33%;
}
blockquote.right {
        float: right;
        margin-left: 20px;
        margin-right: 0;
        text-align: left;
        width: 33%;
}

/* End Pullquotes
-------------------------------------------------------------- */

/* End Various 
-------------------------------------------------------------- */