/* $Id: okno.css,v 1.0.0.0 2010/06/21 13:31:32 Exp $ */



/** body **/
	a, object{
		outline:none;
	}
	a{
		text-decoration:none;
		padding:0;
	}
  body
  {
    margin: 0;
    padding: 10px;
	overflow:hidden;
    font-family:Arial, Helvetica, sans-serif;
  }

  #page
  {
  line-height:auto;
  
  }

  #page-inner
  {
  }

/** header **/
  #header
  {
  }
 
  #header-inner
  {
  }

  #logo-title /* Wrapper for logo, website name, and slogan */
  {
  }

  #logo /* Wrapper for logo */
  {
    margin: 0 10px 0 0;
    padding: 0;
  }

  #logo-image /* The actual logo image */
  {
  }

  h1#site-name, div#site-name /* The name of the website */
  {
    margin: 0;
    font-size: 2em;
    line-height: 1.3em;
  }

  #site-name a:link,
  #site-name a:visited
  {
    color: #000;
    text-decoration: none;
  }

  #site-name a:hover
  {
    text-decoration: underline;
  }

  #site-slogan /* The slogan (or tagline) of a website */
  {
  }

  #header-blocks /* Wrapper for any blocks placed in the header region */
  {
  }

/** main (container for everything else) **/
  #main
  {
  }

  #main-inner
  {
  margin-top:10px; 
  }

/** content **/
  #content
  {
  }

  #content-inner
  {
  }

  #mission /* The mission statement of the site (displayed on homepage) */
  {
  }

  #content-top /* Wrapper for any blocks placed in the "content top" region */
  {
  }

  #content-header /* Wrapper for breadcrumb, title, messages, tabs, and help */
  {
  }

  .breadcrumb /* The path to the current page in the form of a list of links */
  {
    padding-bottom: 0; /* Undo system.css */
  }

  h1.title, /* The title of the page */
  h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
  h3.title /* Comment title */
  {
    margin: 0;
  }

  div.messages /* Important messages (status, warning, and error) for the user */
  {
  }

  div.status /* Normal priority messages */
  {
  }

  div.warning, tr.warning /* Medium priority messages */
  {
    /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
  }

  div.error, tr.error /* High priority messages. See also the .error declaration below. */
  {
  }

  div.tabs /* See also the tabs.css file. */
  {
  }

  .help /* Help text on a page */
  {
    margin: 1em 0;
  }

  .more-help-link /* Link to more help */
  {
    font-size: 0.85em;
    text-align: right;
  }

  #content-area /* Wrapper for the actual page content */
  {
  }

  ul.links /* List of links */
  {
    margin: 1em 0;
    padding: 0;
  }

  ul.links.inline
  {
    margin: 0;
    display: inline;
  }

  ul.links li
  {
    display: inline;
    list-style-type: none;
    padding: 0 0.5em;
  }

  .pager /* A list of page numbers when more than 1 page of content is available */
  {
    clear: both;
    margin: 1em 0;
    text-align: center;
  }

  .pager a, .pager strong.pager-current
  {
    padding: 0.5em;
  }

  .feed-icons /* The links to the RSS or Atom feeds for the current list of content */
  {
    margin: 1em 0;
  }

  #content-bottom /* Wrapper for any blocks placed in the "content bottom" region */
  {
  }

/** navbar **/
  #navbar
  {
  	display:none;
  }

  #navbar-inner
  {
  }

  #search-box /* Wrapper for the search form */
  {
  }

  #edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */
  {
    display: none;
  }

  #primary /* Primary links */
  {
  }

  #secondary /* Secondary links */
  {
  }

/** sidebar-left **/
  #sidebar-left
  {
  }

  #sidebar-left-inner
  {
  }

/** sidebar-right **/
  #sidebar-right
  {
  }

  #sidebar-right-inner
  {
  }

/** footer **/
  #footer
  {
  }

  #footer-inner
  {
  }

  #footer-message /* Wrapper for the footer message from Drupal's "Site information"
                     and for any blocks placed in the footer region */
  {
  }

/** closure **/
  #closure-blocks /* Wrapper for any blocks placed in the closure region */
  {
  }

/** Drupal nodes **/
  .node /* Node wrapper */
  {
  }

  .node-inner /* Additional wrapper for node */
  {
  }

  .sticky /* A sticky node (displayed before others in a list) */
  {
  }

  .node-unpublished /* Unpublished nodes */
  {
    /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }

  .node-unpublished div.unpublished, /* The word "Unpublished" displayed beneath the content. */
  .comment-unpublished div.unpublished
  {
    height: 0;
    overflow: visible;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word; /* A very nice CSS3 property */
  }

  .node-mine /* A node created by the current user */
  {
  }

  .node-teaser /* A node displayed as teaser */
  {
  }

  /* All nodes are given a node-type-FOO class that describes the type of
   * content that it is. If you create a new content type called
   * "my-custom-type", it will receive a "node-type-my-custom-type" class.
   */
  .node-type-page /* Page content node */
  {
  }

  .node-type-story /* Story content node */
  {
  }

  .node h2.title /* Node title */
  {
  }

  .marker /* "New" or "Updated" marker for content that is new or updated for the current user */
  {
    color: #c00;
  }

  .node .picture /* The picture of the node author */
  {
  }

  .node.node-unpublished .picture,
  .comment.comment-unpublished .picture
  {
    position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
  }

  .node .meta /* Wrapper for submitted and terms data */
  {
  }

  .node .submitted /* The "posted by" information */
  {
  }

  .node .terms /* Node terms (taxonomy) */
  {
  }

  .node .content /* Node's content wrapper */
  {
  }

  .node ul.links /* Node links. See also the ul.links declaration above. */
  {
  }

  .preview .node /* Preview of the content before submitting new or updated content */
  {
    /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }

/** Drupal comments **/
  #comments /* Wrapper for the list of comments and its title */
  {
    margin: 1em 0;
  }

  #comments-title /* Heading for the list of comments */
  {
  }

  .comment /* Wrapper for a single comment */
  {
  }

  .comment-inner /* Additional wrapper for a single comment */
  {
  }

  .comment-preview /* Preview of the comment before submitting new or updated comment */
  {
  }

  .comment.new /* A new comment since the user last viewed the page. */
  {
  }

  .comment.odd /* An odd-numbered comment in the list of comments */
  {
  }

  .comment.even /* An even-numbered comment in the list of comments */
  {
  }

  .comment.first /* The first comment in the list of comments */
  {
  }

  .comment.last /* The last comment in the list of comments */
  {
  }

  .comment-unpublished /* Unpublished comments */
  {
    /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }

  .comment-unpublished div.unpublished /* The word "Unpublished" displayed beneath the content. See also the div.unpublished declaration in the node section above. */
  {
  }

  .comment-published /* Published comments */
  {
  }

  .comment-by-anon /* A comment created by an anonymous user */
  {
  }

  .comment-by-author /* A comment created by the node's author */
  {
  }

  .comment-mine /* A comment created by the current user */
  {
  }

  .comment h3.title /* Comment title */
  {
  }

  .new /* "New" marker for comments that are new for the current user */
  {
    color: #c00;
  }

  .comment .picture /* The picture of the comment author */
  {
  }

  .comment .submitted /* The "posted by" information */
  {
  }

  .comment .content /* Comment's content wrapper */
  {
  }

  .comment .user-signature /* The user's signature */
  {
  }

  .comment ul.links /* Comment links. See also the ul.links declaration above. */
  {
    margin: 1em 0;
  }

  .indented /* Nested comments are indented */
  {
    /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
  }

  .preview .comment /* Preview of the comment before submitting new or updated comment */
  {
    /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }

/** Drupal blocks **/
  .block /* Block wrapper */
  {
    margin-bottom: 1em;
  }

  .block.region-odd /* Zebra striping for each block in the region */
  {
  }

  .block.region-even /* Zebra striping for each block in the region */
  {
  }

  .block.odd /* Zebra striping independent of each region */
  {
  }

  .block.even /* Zebra striping independent of each region */
  {
  }

  .region-count-1 /* Incremental count for each block in the region */
  {
  }

  .count-1 /* Incremental count independent of each region */
  {
  }

  .block-inner /* Additional wrapper for block */
  {
  }

  .block h2.title /* Block title */
  {
  }

  .block .content /* Block's content wrapper */
  {
  }

  #block-aggregator-category-1 /* Block for the latest news items in the first category */
  {
  }

  #block-aggregator-feed-1 /* Block for the latest news items in the first feed */
  {
  }

  #block-block-1 /* First administrator-defined block */
  {
  }

  #block-blog-0 /* "Recent blog posts" block */
  {
  }

  #block-book-0 /* "Book navigation" block for the current book's table of contents */
  {
  }

  #block-comment-0 /* "Recent comments" block */
  {
  }

  #block-forum-0 /* "Active forum topics" block */
  {
  }

  #block-forum-1 /* "New forum topics" block */
  {
  }

  #block-menu-primary-links /* "Primary links" block */
  {
  }

  #block-menu-secondary-links /* "Secondary links" block */
  {
  }

  #block-node-0 /* "Syndicate" block for primary RSS feed */
  {
  }

  #block-poll-0 /* "Most recent poll" block */
  {
  }

  #block-profile-0 /* "Author information" block for the profile of the page's author */
  {
  }

  #block-search-0 /* "Search form" block */
  {
  }

  #block-statistics-0 /* "Popular content" block */
  {
  }

  #block-user-0 /* "User login form" block */
  {
  }

  #block-user-1 /* "Navigation" block for Drupal navigation menu */
  {
  }

  #block-user-2 /* "Who's new" block for a list of the newest users */
  {
  }

  #block-user-3 /* "Who's online" block for a list of the online users */
  {
  }

/** Drupal boxes **/
  /* Wrapper for Comment form, Comment viewing options, Menu admin, and
   * Search results.
   */
  .box /* Wrapper for box */
  {
  }

  .box-inner /* Additional wrapper for box */
  {
  }

  .box h2.title /* Box title */
  {
  }

  .box .content /* Box's content wrapper */
  {
  }

/** Miscellaneous Drupal styles **/
  .error /* Errors that are separate from div.messages status messages (see above.) */
  {
    /* color: #e55; */ /* Drupal core uses a #e55 background */
  }

  .warning /* Warnings that are separate from div.messages status messages (see above.) */
  {
    /* color: #e09010; */ /* Drupal core uses a #e09010 background */
  }

  .more-link /* Aggregator, blog, and forum more link */
  {
    text-align: right;
  }

  #user-login-form /* Drupal's default login form */
  {
    text-align: left;
  }

  tr.even /* Some tables have rows marked even or odd. */
  {
    /* background-color: #eee; */ /* Drupal core uses a #eee background */
  }

  tr.odd
  {
    /* background-color: #eee; */ /* Drupal core uses a #eee background */
  }

  li a.active /* The active item in a Drupal menu */
  {
    color: #000;
  }


/** Drupal forms **/
  .form-item, /* Wrapper for a form element (or group of form elements) and its label */
  .form-checkboxes,
  .form-radios
  {
    margin: 1em 0;
  }

  .form-item input.error, /* Highlight the form elements that caused a form submission error */
  .form-item textarea.error,
  .form-item select.error
  {
    border: 2px solid #c00;
  }

  .form-item label /* The label for a form element */
  {
    display: block;
    font-weight: bold;
  }

  .form-item label.option /* The label for a radio button or checkbox */
  {
    display: inline;
    font-weight: normal;
  }

  .form-required /* The part of the label that indicates a required field */
  {
    color: #c00;
  }

  .form-item .description /* The descriptive help text (separate from the label) */
  {
    font-size: 0.85em;
  }

  .form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */
  .form-radios .form-item
  {
    margin: 0.4em 0;
  }

  .form-submit /* The submit button */
  {
  }

  .container-inline div, .container-inline label /* Inline labels and form divs */
  {
    display: inline;
  }

  .tips /* Tips for Drupal's input formats */
  {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
  }

/** OpenID **/
  /* The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */
  #user-login-form ul /* OpenID creates a new ul above the login form's links. */
  {
    margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
  }

  #user-login-form li.openid-link /* The "Log in using OpenID" links. */
  {
    margin-top: 1em;
    margin-left: -20px; /* Un-do some of the padding on the ul list. */
  }

  #user-login-form li.user-link /* The "Cancel OpenID login" links. */
  {
    margin-top: 1em;
  }

  #user-login ul
  {
    margin: 1em 0;
  }

  #user-login li.openid-link, /* The OpenID links on the /user form. */
  #user-login li.user-link
  {
    margin-left: -2em; /* Un-do all of the padding on the ul list. */
  }

/** Drupal admin tables **/
  /* We overrode these styles in html-elements.css, but restore them for the
   * forms on the site.
   */
  form tbody
  {
    border-top: 1px solid #ccc;
  }

  form th
  {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }

  form tbody th
  {
    border-bottom: 1px solid #ccc;
  }

  form thead th
  {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }

/*corners*/
.okno-corner{
	
	position:fixed;
	width:41px;
	height:93px;
	background-repeat:no-repeat;
	background-position:center top;
}

#octopleft{
	left:10px;
	top:10px;
	
	background-image:url("imgs/oc_o_single.png");
	
	
}
#ocbottomleft{
	left:10px;
	bottom:10px;
	background-image:url("imgs/oc_n_single.png");
	
	
	
}
#octopright{
	right:10px;
	top:10px;
	background-image:url("imgs/oc_k_single.png");
	
}
#ocbottomright{
	right:10px;
	bottom:10px;
	background-image:url("imgs/oc_o_single.png");
	
}

#octopleft.rub-events, #ocbottomright.rub-events{
	background-image:url("imgs/oc_o_dble_green.png");
}
#octopright.rub-events{
	background-image:url("imgs/oc_k_dble_green.png");
}
#ocbottomleft.rub-events{
	background-image:url("imgs/oc_n_dble_green.png");
}

#octopleft.rub-news, #ocbottomright.rub-news{
	background-image:url("imgs/oc_o_dble_blue.png");
}
#octopright.rub-news{
	background-image:url("imgs/oc_k_dble_blue.png");
}
#ocbottomleft.rub-news{
	background-image:url("imgs/oc_n_dble_blue.png");
}
#octopleft.rub-search, #ocbottomright.rub-search{
	background-image:url("imgs/oc_o_dble_grey.png");
}
#octopright.rub-search{
	background-image:url("imgs/oc_k_dble_grey.png");
}
#ocbottomleft.rub-search{
	background-image:url("imgs/oc_n_dble_grey.png");
}
#octopleft.rub-projects, #ocbottomright.rub-projects{
	background-image:url("imgs/oc_o_dble_red.png");
}
#octopright.rub-projects{
	background-image:url("imgs/oc_k_dble_red.png");
}
#ocbottomleft.rub-projects{
	background-image:url("imgs/oc_n_dble_red.png");
}

#octopleft.rub-articles, #ocbottomright.rub-articles{
	background-image:url("imgs/oc_o_dble_orange.png");
}
#octopright.rub-articles{
	background-image:url("imgs/oc_k_dble_orange.png");
}
#ocbottomleft.rub-articles{
	background-image:url("imgs/oc_n_dble_orange.png");
}

#octopleft.rub-contact, #ocbottomright.rub-contact{
	background-image:url("imgs/oc_o_dble_mauve.png");
}
#octopright.rub-contact{
	background-image:url("imgs/oc_k_dble_mauve.png");
}
#ocbottomleft.rub-contact{
	background-image:url("imgs/oc_n_dble_mauve.png");
}

#octopleft.rub-links, #ocbottomright.rub-links{
	background-image:url("imgs/oc_o_dble_lblue.png");
}
#octopright.rub-links{
	background-image:url("imgs/oc_k_dble_lblue.png");
}
#ocbottomleft.rub-links{
	background-image:url("imgs/oc_n_dble_lblue.png");
}

#octopleft.rub-about, #ocbottomright.rub-about{
	background-image:url("imgs/oc_o_dble_dgreen.png");
}
#octopright.rub-about{
	background-image:url("imgs/oc_k_dble_dgreen.png");
}
#ocbottomleft.rub-about{
	background-image:url("imgs/oc_n_dble_dgreen.png");
}

#octopleft.rub-archives, #ocbottomright.rub-archives{
	background-image:url("imgs/oc_o_dble_yellow.png");
}
#octopright.rub-archives{
	background-image:url("imgs/oc_k_dble_yellow.png");
}
#ocbottomleft.rub-archives{
	background-image:url("imgs/oc_n_dble_yellow.png");
}


/*top menu*/
ul.okno-menu{
	width:100%;
	text-align:center;
	list-style:none;
	margin:0;
	padding:0;
}

ul.okno-menu li{
	display:inline;
	font-variant:small-caps;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}

ul.okno-menu li a{
	
	font-weight:normal;
	color:#000;
	font-size:12px;
	
}
ul.okno-menu li.menu-events:hover, ul.okno-menu li.menu-events.over{
	border-bottom:2px #0F0 solid;

}
ul.okno-menu .menu-events.current a{
	color:#0F0;
}
ul.okno-menu li.menu-news:hover, ul.okno-menu li.menu-news.over{
	border-bottom:2px #00F solid;

}
ul.okno-menu li.menu-news.current a{
	color:#00F;
}
ul.okno-menu li.menu-projects:hover, ul.okno-menu li.menu-projects.over{
	border-bottom:2px #F00 solid;

}
ul.okno-menu li.menu-projects.current a{
	color:#F00;
}
ul.okno-menu li.menu-articles:hover, ul.okno-menu li.menu-articles.over{
	border-bottom:2px #FC0 solid;
	
}
ul.okno-menu li.menu-articles.current a{
	color:#FC0;
}
ul.okno-menu li.menu-contact:hover{
	border-bottom:2px #C3F solid;
	
}
ul.okno-menu li.menu-contact.current a{
	color:#C3F;
}
ul.okno-menu li.menu-links:hover{
	border-bottom:2px #09F solid;
	
}
ul.okno-menu li.menu-links.current a{
	color:#09F;
}
ul.okno-menu li.menu-about:hover{
	border-bottom:2px #090 solid;
	
}
ul.okno-menu li.menu-about.current a{
	color:#090;
}
ul.okno-menu li.menu-archives:hover{
	border-bottom:2px #ffea00 solid;
	
}
ul.okno-menu li.menu-archives.current a{
	color:#ffea00;
}
ul.okno-menu li.menu-search:hover{
	border-bottom:2px #ccc solid;
	
}
ul.okno-menu li.menu-search.current a{
	color:#ccc;
}
/*listings*/


.listing-elems{
	font-family:Arial, Helvetica, sans-serif;
}

.views-row .separator{
	width: 13px;
	height:2px;
	background:#000;
	margin-top:13px;
	margin-bottom:13px;
}
.listing-elems .views-row-last .separator{
	display:none;
}
.listing-elems .date-display-single{
	font-size:12px;
	margin-bottom:4px;
	padding:0;
	display:block;
	margin-top:-2px;
}
.listing-elems .views-field-title, h2{
	font-size:18px;
	line-height:20px;
	margin-bottom:9px;
	margin-top:0;
	letter-spacing:1px;
	font-weight:normal;
}


.listing-elems .views-row{
	
	
}
.listing-elems .field-content{
	padding:0;
}
.listing-elems .views-fields-images{
	height:101px;
	position:relative;
}
.listing-elems .views-fields-images .views-field-field-image-fid{
	position:absolute;
	z-index:1; 
	top:0;
}

.listing-elems .views-fields-images .views-field-field-image-fid-1{
	position:absolute;
	z-index:2;
	top:0;
}
.listing-elems .views-field-nothing{
	font-size:13px;
	margin-top:4px; 
	
}
.listing-elems .views-field-body{
	font-size:13px;
	
	line-height:18px;
}
.view-List-Events a:link, h2.events a:link{
	color:#0F0;
	
}
.view-List-Events a:visited, h2.events a:visited{
	color:#0F0;
	
}
.view-List-Events a:hover{
	color:#000;
}
.view-List-News a:link, h2.news a:link{
	color:#00F;
	
}
.view-List-News a:visited, h2.news a:visited{
	color:#00F;
	
}
.view-List-News a:hover{
	color:#000;
}
.view-List-Projects a:link, h2.projects a:link{
	color:#F00;
	
}
.view-List-Projects a:visited, h2.projects a:visited{
	color:#F00;
	
}
.view-List-Projects a:hover, h2.projects a:hover{
	color:#F00;
}
.view-List-Articles a:link, h2.articles a:link{
	color:#FC0;
	
}
.view-List-Articles a:visited, h2.articles a:visited{
	color:#FC0;
	
}
.view-List-Articles a:hover{
	color:#FC0;
}

h2.about a:link, h2.about a:visited, h2.about a:hover{
  color: #090;
}
h2.contact a:link, h2.contact a:visited, h2.contact a:hover{
  color: #C3F;
}
h2.links a:link, h2.links a:visited, h2.links a:hover{
  color: #09F;
}
/*Left menu*/

.left-menu-item.selected{
	
}

/*center column*/
#projectsslideshow,  #eventsslideshow,  #newsslideshow,  #articlesslideshow{
  margin-bottom:16px;
}


.node-inner p{
  text-align:justify;
  margin:0;
}
.node-head{
	font-family:Arial, Helvetica, sans-serif;
}

.node-head{
	font-size:12px;
	
	margin-top:-2px;
}
.node-head .date{
margin-bottom:8px;
font-size:16px;
}
.node-head .title h3{
  
	padding:0;
	margin:0 0 20px 0;
	font-weight:normal;
	font-size:38px;
	line-height:40px;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:bold;
}
#okno-events .node-head .title h3{
    color:#0F0;
 }


.node-inner .level1Title, .node-inner h4{
  display:inline;
  color:#FFF;
  font-size:20px;
 

}
.node-inner ul{
  margin:10px 0 10px 0;
  padding:0;
}

.node-inner .level2Title{
  margin-top:10px;
  font-size:18px;
 

}

.node-inner .level3Title{
  margin-top:10px;
  font-size:18px;
 
 
}
.node-inner .level3Body{
  font-size:12px;
  text-align:justify;
  margin:0;
}

div.practical{
   margin:16px 0 0 0;
}


	/*contents colors*/
#okno-events .node-inner a, #okno-events .node-head .title h3, #okno-events .node-inner a:visited{
	color:#0F0;
}
#okno-events .node-inner .level1Title, #okno-events .node-inner h4, .section-events .qtip{
  background:#0F0;
	color:#fff;
}
#okno-events .node-inner *::-moz-selection,  {
	background:#0F0;
	color:#fff;
}
#okno-events .node-inner *::-webkit-selection {
	background:#0F0;
	color:#fff;
}
#okno-events .node-inner *::selection {
	background:#0F0;
	color:#fff;
}

#okno-news .node-inner a, #okno-news .node-inner a:visited, #okno-news .node-head .title h3{
	color:#00F;
}
#okno-news .node-inner .level1Title, #okno-news .node-inner h4, .section-news .qtip{
  background:#00F;
	color:#fff;
}
#okno-news .node-inner *::-moz-selection {
	background:#00F;
	color:#fff;
}
#okno-news .node-inner *::-webkit-selection {
	background:#00F;
	color:#fff;
}
#okno-news .node-inner *::selection {
	background:#00F;
	color:#fff;
}

#okno-projects .node-inner a, #okno-projects .node-head .title h3, #okno-projects .node-inner a:visited, #okno-articles .node-inner .switch-projects a, #okno-articles .node-inner .switch-projects a:visited, #okno-news .node-inner .switch-projects a, #okno-news .node-inner .switch-projects a:visited, #okno-events .node-inner .switch-projects a, #okno-events .node-inner .switch-projects a:visited{
	color:#F00;
}
#okno-projects .node-inner .level1Title, #okno-projects .node-inner h4, .section-projects .qtip{
  background:#F00;
	color:#fff;
}
#okno-projects .node-inner *::-moz-selection {
	background:#F00;
	color:#fff;
}
#okno-projects .node-inner *::-webkit-selection {
	background:#F00;
	color:#fff;
}
#okno-projects .node-inner *::selection {
	background:#F00;
	color:#fff;
}

#okno-articles .node-inner a, #okno-articles .node-inner a:visited, #okno-articles .node-head .title h3{
	color:#FC0;
}
#okno-articles .node-inner .level1Title, #okno-articles .node-inner h4, .section-articles .qtip{
  background:#FC0;
	color:#fff;
}
#okno-articles .node-inner *::-moz-selection {
	background:#FC0;
	color:#fff;
}
#okno-articles .node-inner *::-webkit-selection {
	background:#FC0;
	color:#fff;
}
#okno-articles .node-inner *::selection {
	background:#FC0;
	color:#fff;
}

#node-393 .node-inner a, #node-393 .node-inner a:visited, #node-393 .node-head .title h3{
	color:#C3F;
}
#node-393 .node-inner .level1Title, #node-393 .node-inner h4{
  background:#C3F;
	color:#fff;
}
#node-393 .node-inner *::-moz-selection {
	background:#C3F;
	color:#fff;
}
#node-393 .node-inner *::-webkit-selection {
	background:#C3F;
	color:#fff;
}
#node-393 .node-inner *::selection {
	background:#C3F;
	color:#fff;
}

#node-394 .node-head .title h3, #node-394 .node-inner a, #node-394 .node-inner a:visited{
	color:#09F;
}
#node-394 .node-inner .level1Title, #node-394 .node-inner h4{
  background:#09F;
	color:#fff;
}
#node-394 .node-inner *::-moz-selection {
	background:#09F;
	color:#fff;
}
#node-394 .node-inner *::-webkit-selection {
	background:#09F;
	color:#fff;
}
#node-394 .node-inner *::selection {
	background:#09F;
	color:#fff;
}

#node-395 .node-head .title h3, #node-395 .node-inner a, #node-395 .node-inner a:visited{
	color:#090;
}
#node-395 .node-inner .level1Title, #node-395 .node-inner h4{
  background:#090;
	color:#fff;
}
#node-395 .node-inner *::-moz-selection {
	background:#090;
	color:#fff;
}
#node-395 .node-inner *::-webkit-selection {
	background:#090;
	color:#fff;
}
#node-395 .node-inner *::selection {
	background:#090;
	color:#fff;
}

#node-469 .node-head .title h3, #node-469 .node-inner a, #node-395 .node-inner a:visited{
	color:#ffea00;
}
 #node-469 .node-inner .level1Title, #node-469 .node-inner h4{
  background:#ffea00;
	color:#fff;
}
#node-469 .node-inner *::-moz-selection {
	background:#ffea00;
	color:#FFF;
}
#node-469 .node-inner *::-webkit-selection {
	background:#ffea00;
	color:#fff;
}
#node-469 .node-inner *::selection {
	background:#ffea00;
	color:#fff;
}

.node-inner  a:hover{
	color:#000;
}

.node-inner, .box-inner{
	font-size:12px;
	line-height:20px;
	
}
.box-inner h2.title{
  display:none;
}
.node-inner li {
	list-style:none;
	margin:0;
	padding:0;
}
.node-inner p{
	
	margin:0 0 5px 0;
}
.node-inner  .downloads img{
	margin:0 4px 0 0;
	vertical-align:middle;
}

#oknoslideshow li{
	width:432px;
	height:324px;
	position:relative;
}
#oknoslideshow li.vid{
	background:#000;
	
	color:#FFF;
}
#oknoslideshow li audio{
  position:absolute;
  bottom:0;
  left:0;
  z-index:10;
  width:100%;
}

/*last column */
.panel-col-last{
	padding:-2px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:20px;
	letter-spacing:1px;
	
}
.panel-col-last h3, .okno_fourcol h3{
	line-height:12px; 
	margin:-2px 0 6px 0;
	font-size:14px;
	display:block;
	font-variant:small-caps;
	
	font-weight:normal;
}

.panel-col-last .view-header{
	
	margin:0;
	
}
.view-Related-stuff .view-content h3{
	display:none;
}
.view-Related-stuff .view-content .field-content h3{
	display:block;
}
.related-news, .panel-col-last .view-Related-project .related-news a, .related-news a, .okno_fourcol .view-List-News{
	color:#00F;
}
.related-events, .panel-col-last .view-Related-project .related-events a, .related-events a, .okno_fourcol .view-List-Events{
	color:#0F0;
}
.related-articles, .panel-col-last .view-Related-project .related-articles a, .related-articles a, .okno_fourcol .view-List-Articles{
	color:#FC0;
}
.panel-col-last .view-Related-project, .panel-col-last .view-Related-project a, .okno_fourcol .view-List-Projects{
	color:#F00;
}


.node-type-page .node-inner, .box-inner, #search-form{
	width:450px;
	margin:0 auto 18px auto;
	
	
}
.node-type-page .node-inner .content{
	height:450px;
	overflow:hidden;
}


ul.pager, ul.pager li{
	list-style:none;
	font-size:12px;
	display:block;
	margin:16px 0 0 0;
	padding:0;
}

views.throbbing {
  background-image: url(imgs/spinner.gif);
  
}
div.admin-links{
	padding-top:5px;
}

.form-item{
  margin:0;
}
#search-form label{
  display:none;
}
#search-form .container-inline{
  text-align:center;
}
#search-form #edit-keys{
  width:200px;
  border:1px solid #CCC;
}
#search-form #edit-submit{
  background:none;
  border:0;
  text-transform:lowercase;
  color:#ccc;
}
p.search-snippet{
text-align:justify;
}
fieldset.search-advanced{
        display:none;
}

/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Tue Jun 14 07:12:30 PDT 2011
*/

/* Core qTip styles */
.ui-tooltip, .qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;
	
	font-size: 10.5px;
	line-height: 12px;

	z-index: 15000;
}

	/* Fluid class for determining actual width in IE */
	.ui-tooltip-fluid{
		display: block;
		visibility: hidden;
		position: static !important;
		float: left !important;
	}

	.ui-tooltip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;
		
		border-width: 1px;
		border-style: solid;
		
		text-align: left;
		word-wrap: break-word;
		overflow: hidden;
	}

	.ui-tooltip-titlebar{
		position: relative;
		min-height: 14px;
		padding: 5px 35px 5px 10px;
		overflow: hidden;
		
		border-width: 1px 1px 0;
		border-style: solid;

		font-weight: bold;
	}

	.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }

		/*! Default close button class */
		.ui-tooltip-titlebar .ui-state-default{
			position: absolute;
			right: 4px;
			top: 50%;
			margin-top: -9px;

			cursor: pointer;
			outline: medium none;

			border-width: 1px;
			border-style: solid;
		}
		
		* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */

		.ui-tooltip-titlebar .ui-icon,
		.ui-tooltip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
		}

		.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}

			.ui-tooltip-icon .ui-icon{
				width: 18px;
				height: 14px;

				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}


/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{

}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{
	
}


/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content{
	border-color: #F1D031;
	background-color: #FFFFA3;
	color: #555;
}

	.ui-tooltip-default .ui-tooltip-titlebar{
		background-color: #FFEF93;
	}

	.ui-tooltip-default .ui-tooltip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}
	
	.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{
		border-color: #AAA;
		color: #111;
	}

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{
	margin: 0 auto;
	overflow: hidden;

	background: transparent !important;
	border: 0px dashed transparent !important;
	z-index: 10;
}

	.ui-tooltip .ui-tooltip-tip,
	.ui-tooltip .ui-tooltip-tip *{
		position: absolute;
		
		line-height: 0.1px !important;
		font-size: 0.1px !important;
		color: #123456;

		background: transparent;
		border: 0px dashed transparent;
	}
	
	.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0; }


/* Modal plugin */
#qtip-overlay{
	position: fixed;
	left: -10000em;
	top: -10000em;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}

/*! Light tooltip style */
.ui-tooltip-light .ui-tooltip-titlebar,
.ui-tooltip-light .ui-tooltip-content{
	
	color: #000;
}

	.ui-tooltip-light .ui-tooltip-content{
		background-color: white;
	}

	.ui-tooltip-light .ui-tooltip-titlebar{
		
	}


/*! Dark tooltip style */
.ui-tooltip-dark .ui-tooltip-titlebar,
.ui-tooltip-dark .ui-tooltip-content{
	border-color: #303030;
	color: #f3f3f3;
}

	.ui-tooltip-dark .ui-tooltip-content{
		background-color: #505050;
	}

	.ui-tooltip-dark .ui-tooltip-titlebar{
		background-color: #404040;
	}

	.ui-tooltip-dark .ui-tooltip-icon{
		border-color: #444;
	}

	.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/*! Cream tooltip style */
.ui-tooltip-cream .ui-tooltip-titlebar,
.ui-tooltip-cream .ui-tooltip-content{
	border-color: #F9E98E;
	color: #A27D35;
}

	.ui-tooltip-cream .ui-tooltip-content{
		background-color: #FBF7AA;
	}

	.ui-tooltip-cream .ui-tooltip-titlebar{
		background-color: #F0DE7D;
	}

	.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{
		background-position: -82px 0;
	}


/*! Red tooltip style */
.ui-tooltip-red .ui-tooltip-titlebar,
.ui-tooltip-red .ui-tooltip-content{
	border-color: #D95252;
	color: #912323;
}

	.ui-tooltip-red .ui-tooltip-content{
		background-color: #F78B83;
	}

	.ui-tooltip-red .ui-tooltip-titlebar{
		background-color: #F06D65;
	}

	.ui-tooltip-red .ui-state-default .ui-tooltip-icon{
		background-position: -102px 0;
	}

	.ui-tooltip-red .ui-tooltip-icon{
		border-color: #D95252;
	}

	.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{
		border-color: #D95252;
	}


/*! Green tooltip style */
.ui-tooltip-green .ui-tooltip-titlebar,
.ui-tooltip-green .ui-tooltip-content{
	border-color: #90D93F;
	color: #3F6219;
}

	.ui-tooltip-green .ui-tooltip-content{
		background-color: #CAED9E;
	}

	.ui-tooltip-green .ui-tooltip-titlebar{
		background-color: #B0DE78;
	}

	.ui-tooltip-green .ui-state-default .ui-tooltip-icon{
		background-position: -42px 0;
	}


/*! Blue tooltip style */
.ui-tooltip-blue .ui-tooltip-titlebar,
.ui-tooltip-blue .ui-tooltip-content{
	border-color: #ADD9ED;
	color: #5E99BD;
}

	.ui-tooltip-blue .ui-tooltip-content{
		background-color: #E5F6FE;
	}

	.ui-tooltip-blue .ui-tooltip-titlebar{
		background-color: #D0E9F5;
	}

	.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{
		background-position: -2px 0;
	}

/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
.ui-tooltip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

	.ui-tooltip-shadow .ui-tooltip-titlebar,
	.ui-tooltip-shadow .ui-tooltip-content{
		filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
		-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";

		_margin-bottom: -3px; /* IE6 */
		.margin-bottom: -3px; /* IE7 */
	}


/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.ui-tooltip-rounded,
.ui-tooltip-rounded .ui-tooltip-content,
.ui-tooltip-tipsy,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-youtube,
.ui-tooltip-youtube .ui-tooltip-content{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.ui-tooltip-rounded .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-youtube .ui-tooltip-titlebar{
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}


/*! Youtube tooltip style */
.ui-tooltip-youtube{
	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;
}

	.ui-tooltip-youtube .ui-tooltip-titlebar,
	.ui-tooltip-youtube .ui-tooltip-content{
		_margin-bottom: 0; /* IE6 */
		.margin-bottom: 0; /* IE7 */

		background: transparent;
		background: rgba(0, 0, 0, 0.85);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";

		color: white;
		border-color: #CCCCCC;
	}

	.ui-tooltip-youtube .ui-tooltip-icon{
		border-color: #222;
	}

	.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.ui-tooltip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
	
	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.ui-tooltip-jtools .ui-tooltip-titlebar{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.ui-tooltip-jtools .ui-tooltip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar,
	.ui-tooltip-jtools .ui-tooltip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.ui-tooltip-jtools .ui-tooltip-icon{
		border-color: #555;
	}

	.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.ui-tooltip-cluetip{
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
}

	.ui-tooltip-cluetip .ui-tooltip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}

	.ui-tooltip-cluetip .ui-tooltip-content{
		background-color: #D9D9C2;
		color: #111;
		border: 0 dashed transparent;
	}
	
	.ui-tooltip-cluetip .ui-tooltip-icon{
		border-color: #808064;
	}
	
	.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.ui-tooltip-tipsy{
	border: 0;
}

	.ui-tooltip-tipsy .ui-tooltip-titlebar,
	.ui-tooltip-tipsy .ui-tooltip-content{
		_margin-bottom: 0; /* IE6 */
		.margin-bottom: 0; /* IE7 */

		background: transparent;
		background: rgba(0, 0, 0, .87);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
		
		color: white;
		border: 0px transparent;

		font-size: 11px;
		font-family: 'Lucida Grande', sans-serif;
		font-weight: bold;
		line-height: 16px;
		text-shadow: 0 1px black;
	}

	.ui-tooltip-tipsy .ui-tooltip-titlebar{
		padding: 6px 35px 0 10;
	}

	.ui-tooltip-tipsy .ui-tooltip-content{
		padding: 6px 10;
	}
	
	.ui-tooltip-tipsy .ui-tooltip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.ui-tooltip-tipped{

}
	
	.ui-tooltip-tipped .ui-tooltip-titlebar,
	.ui-tooltip-tipped .ui-tooltip-content{
		border: 3px solid #959FA9;

		filter: none; -ms-filter: none;
	}

	.ui-tooltip-tipped .ui-tooltip-titlebar{
		background: #3A79B8;
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";

		color: white;
		font-weight: normal;
		font-family: serif;

		border-bottom-width: 0;
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	.ui-tooltip-tipped .ui-tooltip-content{
		background-color: #F9F9F9;
		color: #454545;

		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}

	.ui-tooltip-tipped .ui-tooltip-icon{
		border: 2px solid #285589;
		background: #285589;
	}
		
		.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}

/* IE9 fix - removes all filters */
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-content,
.ui-tooltip:not(.ie9haxors) div.ui-tooltip-titlebar{
	filter: none;
	-ms-filter: none;
}