/*
 * Chive - web based MySQL database management
 * Copyright (C) 2010 Fusonic GmbH
 *
 * This file is part of Chive.
 *
 * Chive is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public
 * License as published by the Free Software Foundation; either
 * version 3 of the License, or (at your option) any later version.
 *
 * Chive is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * General Public License for more details.
 *
 * You should have received a copy of the GNU General Public
 * License along with this library. If not, see <http://www.gnu.org/licenses/>.
 */

@import "component.css";
@import "icon.css";
@import "list.css";
@import "form.css";
@import "pagination.css";
@import "code.css";
@import "../jquery-ui/start.css";

@media screen, projection
{

  html { margin: 0px; }

  /*
   * Body
   */
  body { background: #F8F8F8; }


  /*
   * Header
   */

  #header {
    color: #000;
    background: #3B5998;
	height: 40px;
	position: absolute;
	top: 0px; 
	left: 0px;
	width: 100%;
  }
  
  #headerLeft {
   	float: left;
	position: relative;
	top: 2px;
	padding-left: 5px;
  }
  
  #headerRight {
  	float: right;
	position: relative;
	top: 8px;
  }

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

  /**
   * (en) Styling of layout specific elements
   * (de) Gestaltung layoutabhängiger Elemente
   */

  #header h1 {
    font-weight:bold;
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
  }

  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent; }

  #footer a { color: #999; background:transparent; font-weight: bold; }
  #footer a:focus,
  #footer a:hover,
  #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline; }
  
  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Styling of content elements
   * (de) Gestaltung Inhaltselemente
   */
  
  /* TreeView */
  ul.treeview, ul.treeview li {list-style-type: none;}
  ul.treeview li a {position: relative; top: -2px;}
  
  ul.treeview li, ul.treeview li.last {
  	background: url(../../../images/icons/fugue/16/database.png) no-repeat;
  }  
  
  ul.treeview li.closed {
  	font-weight: bold;
  }
  
  ul.treeview li.closed li {
  	font-weight: normal;
  }

  /*
   * Lists
   */
  
  ul.list li:hover {
  	background: #EFEFEF;
  }
  
  ul.list li:hover div.listIconContainer {
  	background: #EFEFEF;
  }
  
  .listFilterSelected {
  	font-weight: bold;
  }

  div.sidebarHeader {
	font-size: 130%;
  }
  
  #login-form {
  	padding: 10px;
  	background: #FFF;
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
  }
  
  #login-logo {
	 padding: 10px; 
  	text-align: center;
  }
  
  select {
  	border: solid 1px #CCC;
	padding: 2px;
  }
  
  #login div.formItems.non-floated div.left {
	color: #777;
	font-size: 1.2em;
  }
  
  #login input 
  {
  	font-size: 18px;
  	padding: 3px;
  }
  
  dfn {
  	cursor: help;
  }
  
  div.errorSummary {
  	color: #D00;
  }
  
  span.sql, div.sql, p.sql {
  	font-family: monospace,fixed;
  }
  
  div.errorSummary span.sql {
  	font-size: 80%;
  }
  
  span.null {
  	font-style: italic;
  }
  
  span.primaryKey {
  	border-bottom: dotted 1px;
  }
  
  div.small {
  	color: #808080;
	font-size: 0.9em;
  }
  
  div.blockUI {
  	background: #EFEFEF url('../../../images/loading_big.gif') no-repeat center center !important;
	opacity: 0.6;
  }
  
  
  .ui-dialog-content ul
  {
  margin-top:5px;
  overflow:auto;
    max-height:200px;
  }
  
  .ui-dialog-content li
  {
  position:relative;

  margin-left:15px;
  list-style-type:disc; 
  }
  
  
	/*
	 * Breadcrumb
	 */
	ul.breadCrumb li {
		background: url('../images/breadcrumb/bg.png') top right;
		text-align: left !important;
	} 
	
	ul.breadCrumb li:hover {
		background: #ffd900;
	} 
	
	ul.breadCrumb li>a
	{
		padding: 0px 5px;
	}  
	
	table.profiling td  {
		padding: 2px;
	}
	
	table.profiling td.state {
		min-width: 100px;
		font-weight: bold;
		padding-right: 20px;
	} 
  
  
	/*
	 * Menu
	 */
  
	#sideBar div.sidebarHeader img.loading
	{
		display: none;
		margin-top: -8px;
		position: absolute;
		right: 5px;
		top: 50%;
	}
	
	#sideBar ul>li.template
	{
		display: none;
	}
	
	div.tabMenu
	{
		position: fixed; 
		top: 42px; 
		z-index: 1000; 
		height: 50px; 
		background: transparent url('../../../images/tabs-bg.png') top right no-repeat
	}
	
	#content-inner
	{
		padding-top: 30px;
	}
	
	#sideBar div.noEntries
	{
		padding: 50px;
		font-style: italic;
		text-align: center;
		color: #808080;
	}
  
}