@charset "UTF-8";
/**
 * (en) Drupal specific screen layout
 *
 * @package         yaml-for-drupal
 * @version         6.x-3.0.6.11
 * @lastmodified    2008-11-10
 */

@media screen, projection {

/*--------------------------------------------------------------------------*/

  /**
   * (en) Formatting Drupal specific elements
    */

  #header {
    clear: left;  /* Float Bugfix for Opera */
  }

  #site-name {
    padding: 0px 0px 0px 30px;
    white-space: nowrap;
  }
  #site-name a {
    line-height: 65%;
    letter-spacing: -1px;
    color: #000;
    text-decoration: none;
  }
  
  #site-slogan {
    padding: 0px 0px 0px 30px;
    color:#999;
  }

  /* TODO: optimize position */
  #search {
    position: absolute;
    right: 5px; /* RTL */
    top: 115px;
  }

  /* Position the yellow region box, only visible in block configuration */
  #header .block-region {
    position: absolute;
    top: 10px;
    left: 10px; /* RTL */
    margin-top: 0;
    text-align: left;
  }

  /**
   * (en) Formatting the navigation
   */

  #nav-bar {
    clear: both;
    width: auto;
    background: transparent;
    font-size: 83.33%; /* 10px */
    height: 2.2em; /* fixes collapsing block - if no content */
  }
  #nav-bar .breadcrumb {
    float: left; /* RTL */
    padding: .4em 0 .4em 1em;
  }
  #nav-bar .breadcrumb a { color: #334; }
  #nav-bar .breadcrumb a:hover {
    color: #334;
    background: transparent;
  }

  #nav-bar .fontsize {
    float: right; /* RTL */
    padding: 0.4em 1em 0.4em 0;
  }
  #nav-bar .fontsize a { color: #334; }
  #nav-bar .fontsize a:hover { background: transparent; }
  #nav-bar .fontsize img { height: 1.45em; }

  /* Overwrite Drupal Tabs - system.css */
  ul.primary li a {
    background-color: #fff;
    color: #444;
    text-decoration: none;
  }
  ul.primary li a.active {
    background-color: #aab;
    color: #fff;
  }
  ul.primary li a:hover {
    background-color: #f63;
    color: #fff;
    text-decoration: none;
  }

  /* (en) Pager navigation bottom */
  #col2 .item-list ul.pager {
    background: #e5e5e5;
  }

   .item-list ul.pager {
    margin-top: 10px;
  }
  .item-list .pager li {
  	padding:0;
  	margin: 1em 0.2em;
    display: inline-block;
    zoom: 1;
    *display: inline;
    *margin: 5px 0.2em;
  }
  .item-list .pager li a, .item-list .pager li a:visited, .item-list .pager li a:active, .item-list .pager li a:hover {
	font-weight:normal;
	color:#648e08;
	text-decoration:underline;
  }
  .item-list .pager li.pager-item a, .item-list .pager li.pager-item a:visited, .item-list .pager li.pager-item a:active, .item-list .pager li.pager-item a:hover {
	text-decoration:underline;
  }
  .item-list .pager li.pager-current,
  .item-list .pager li.pager-current:hover {
    margin: 5px;
    color:#66D600;
  }
  /* TODO: Add IE bugfixes/compatibility */
  .item-list .pager li.pager-ellipsis,
  .item-list .pager li.pager-ellipsis:hover {
    padding: 0;
    border: none;
    background-color: transparent;
    color: #444;
  }
  .item-list .pager li.pager-next,
  .item-list .pager li.pager-previous,
  .item-list .pager li.pager-last,
  .item-list .pager li.pager-first {
    margin: 5px;
    position:relative;
  } 
  .item-list .pager li.pager-next a,
  .item-list .pager li.pager-previous a,
  .item-list .pager li.pager-last a,
  .item-list .pager li.pager-first a {
    width: 22px;
    height: 22px;
    display:inline-block;
    position: absolute;
    background: url('../../images/sprites/sprites_neu.png') no-repeat;
    line-height: 0;
    font-size: 0;
  }
  .item-list .pager li.pager-next a {
    background-position:0 -244px;
    top: -10px;
    *top: -15px;
    left:0;
  }

  .item-list .pager li.pager-previous a {
   background-position: 0 -268px;
   top: -10px;
   *top: -15px;
   left: -18px;
  }
  .item-list .pager li.pager-last a {
   background-position: 0 -352px;
   top: -10px;
   *top: -15px;
   left: 16px;
  }
  .item-list .pager li.pager-first a {
    background-position: 0 -376px;
    top: -10px;
    *top: -15px;
    left: -37px;
  }

  /**
   * (en) Fontpage mission formating
   */

  #mission {
    margin: 0em 1em 1em 1em;
    background: #f4f4f4;
    border-bottom: 1px #ccc solid;
    padding: 0.8em;
    color: #5f5d75;
  }
  #mission div {
    float: left; /* RTL */
    width: auto;
    margin-right: 1em;
  }

  /**
   * (en) Content formating
   */

  .block ul { padding: 0 0 0 0; /* overwrite Drupal .block ul setting */ }

  .comment h3,
  .comment h3 a {
    padding-top: 0.3em;
    margin: 0;
  }

  .comment {
  	/*
    border: 1px solid #ddd;
    padding: 0.3em 0.5em 0.3em 0.5em;
    margin-top: 0.6em;
    */
  }

  .node .content,
  .comment .content { padding:0; }

  .submitted,
  .statistics_counter { color: #aab; }

  .node .picture,
  .comment .picture {
    float: left; /* RTL */
    margin: 0.3em 0.6em 0.15em 0;
    border: 0;
  }

  /* Overwrite YAML base.css */
  ul.links li {
    margin-left: 0; /* RTL */
    padding: 0; /* RTL */
  }

  /* Drupal new-item marker */
  .new {
    font-weight: bold;
    color: #f63;
  }

  .item-list ul li {
    margin-left: 0; 
    padding-left: 0; 
    list-style-type: none;
    list-style-image: none;
    background: transparent /* url(../navigation/images/vlist/arrow/menu-leaf.gif) no-repeat 1px .35em */;
  }

  /**
   * (en) Login Block
   */
  #user-login-form {
    text-align: left;
  }
  #user-login-form ul {
    text-align: left; /* RTL */
  }

  /**
   * (en) Fieldset formating
   */

  fieldset {
    margin: 1em 0;
    padding: 1em;
    border:none;
  }
  fieldset legend {
    color: #444; /* IE color fix */
    display: block; /* Fix disappearing legend in FF */
    padding-right: .2em; /* FF fix for 'padding: 0 0.2em' bug */
    padding-left: .2em; /* FF fix for 'padding: 0 0.2em' bug */
  }
  html.js fieldset.collapsed {
    background: transparent;
    padding-top: 0;
    padding-bottom: .6em;
    margin:0;
  }
  html.js fieldset.collapsible legend a {
    padding-left: 2em; /* RTL */
    background: url(../navigation/images/vlist/arrow/menu-expanded.gif) no-repeat 0% 50%; /* RTL */
  }
  html.js fieldset.collapsed legend a {
    background: url(../navigation/images/vlist/arrow/menu-collapsed.gif) no-repeat 0% 50%; /* RTL */
  }

  /**
   * (en) Some configuration options are not fully reachable in some themes. This problem often
   *      occours in fixed layouts with 3 columns and this is hereby solved with horizontal
   *      scrollbars.
   *
   */
  #block-admin-display-form,
  #system-themes-form,
  #user-admin-perm {
    width: 99.9%;
    overflow: auto;
  }

  /**
   * (en) Userprofile formating
   */

  /* Bugfix My Account > Display, fixes content slip down problem */
  .profile {
    clear: none;
    margin-top: 0em;
  }

  /* Bugfix for image position in My Account > Display */
  .profile .picture { margin-top: 5em; }

  /**
   * (en) Theme settings page
   */

  #theme-settings-layout input.disabled {
    background: #e8e8ec none repeat scroll 0%;
    border: 1px solid #889;
    color: #778;
    padding: 1px 2px;
  }
  #theme-settings-layout input {
    text-align: right;
  }

  /**
  * Bugfixes
  */
  thead th {
    /* padding-right: 0; */ /* Overrule system.css */
  }

  form table {
    width: 99.9%;
  }

  /* Remove default list square in "admin/content/node" */
  fieldset ul.clear-block li {
    margin: 0;
    padding: 0;
    background-image: none;
    list-style-type: none;
  }

  /**
  * Recoloring
  */
  thead th {
    border-bottom: 2px solid #d3e7f4;
  }
  tr.even,
  tr.odd,
  tbody th {
    border: solid #d3e7f4;
    border-width: 1px 0;
  }
  tr.odd,
  tr.info {
    background-color: #edf5fa;
  }
  tr.even {
    background-color: #fff;
  }
  tr.odd td.active {
    background-color: #edf2f8;
  }
  tr.even td.active {
    background-color: #e6f1f7;
  }

  /**
   * Menu.module customisations
   */
  tr.odd td.menu-disabled {
    background-color: #edf5fa;
  }
  tr.even td.menu-disabled {
    background-color: #fff;
  }

  /**
  * Repositioning
  */
  div.status,
  div.messages,
  div.warning,
  div.preview {
    padding: 5px 15px;
  }
  .messages ul {
    margin: 0;
  }

  /*******************************************************************
   * Color Module: Don't touch                                       *
   *******************************************************************/

  /**
   * Generic elements.
   */
   
  .message-wrapper {
  	position: absolute;
  	top: 284px;
  	z-index:15;
  	width: 100%;
  	margin: 0 auto;
  	background: url(../../images/layout/bg_opac_black.png) repeat;
  	padding: 30px 0 30px 0;
    left: 0;
    min-width: 1003px;
  }
  
  .message-inner {
	width: 704px;
	background: #E5E5E5;
	z-index:33333;
	text-align:left;
	margin: 0 auto;
	border: solid 1px #e5e5e5;
  position:relative;
  }
  
  .message-inner #close_notification {
	position:absolute;
	cursor:pointer;
	font-weight: normal;
	top: 28px;
  right: 14px;
	color: #648e08;
	background: url(../../images/layout/message_close_btn.png) no-repeat;
  padding: 5px 0 5px 25px;
  }
  
  .messages {
	padding: 60px 163px 60px !important;
	color:#fff !important;
  }
   
  .messages.warning {
	color: #C2292E !important;
	font-weight: bold;
	background: url(../../images/layout/message_warning_error.png) 60px 37px no-repeat;
  }
   
  .messages.error {
	color: #C2292E !important;
	font-weight: bold;
	background: url(../../images/layout/message_warning_error.png) 60px 37px no-repeat;
  }
    
  .messages.status {
  	border-top: solid 20px #648e08;
	border-bottom: solid 2px #648e08;
	color: #648e08 !important;
	font-weight: bold;
	background: url(../../images/layout/message_status_check.png) 60px 37px no-repeat;
  }
  
  .messages ul {
	list-style-type: none;
	list-style-position:inside;
  }
  
  .messages li {
  	background: url(../../images/layout/message_list_arrow.png) 3px no-repeat;
	padding-left: 18px;
	margin-bottom: 14px;
  }

  .preview {
    background-color: #fcfce8;
    border: 1px solid #e5e58f;
  }

  div.status {
    border-color: #3a3;
  }

  div.error {
    color: #c52020;
  }

  .form-item input.error,
  .form-item textarea.error {
    border-left: 3px solid #c52020;
    color: #494949;
  }

/**
 * create event file upload error
 */
tr.odd .messages.error.file-upload-js-error,
tr.even .messages.error.file-upload-js-error {
	width: auto;
	margin: 0 0 10px 0 !important;
	white-space: normal;
}

  /**
   * dblog.module
   */
  tr.dblog-user {
    background-color: #fcf9e5;
  }
  
  tr.dblog-user td.active {
    background-color: #fbf5cf;
  }
  
  tr.dblog-content {
    background-color: #fefefe;
  }
  
  tr.dblog-content td.active {
    background-color: #f5f5f5;
  }
  
  tr.dblog-warning {
    background-color: #fdf5e6;
  }
  
  tr.dblog-warning td.active {
    background-color: #fdf2de;
  }
  
  tr.dblog-error {
    background-color: #fbe4e4;
  }

  tr.dblog-error td.active {
    background-color: #fbdbdb;
  }
  tr.dblog-page-not-found,
  tr.dblog-access-denied {
    background: #d7ffd7;
  }
  tr.dblog-page-not-found td.active,
  tr.dblog-access-denied td.active {
    background: #c7eec7;
  }

  /**
   * Status report colors.
   */
  table.system-status-report tr.error,
  table.system-status-report tr.error th {
    background-color: #fcc;
    border-color: #ebb;
    color: #200;
  }
  table.system-status-report tr.warning,
  table.system-status-report tr.warning th {
    background-color: #ffd;
    border-color: #eeb;
  }
  table.system-status-report tr.ok,
  table.system-status-report tr.ok th {
    background-color: #dfd;
    border-color: #beb;
  }
  table.system-status-report tr.info,
  table.system-status-report tr.info th {
    border-bottom-color: #ccc;
  }
  
/*--------------------------------------------------------------------------*/ 
  /**
   * TNOC specific views layout
   */
   
   #col3 .view {
   	padding: 1px 20px 20px 20px;
   }
   
   .node-unpublished {background: transparent;}
   
  
/*--------------------------------------------------------------------------*/

/* end: @media screen, projection */
}