/**
 * $Id: colors.css,v 1.17 2007/04/21 10:14:17 thorstenr Exp $
 *
 * In this CSS file you'll find all color defintions for phpMyFAQ
 *
 * @author      Jens Grochtdreis <jens@grochtdreis.de>
 * @author      Thorsten Rinne <thorsten@rinne.info>
 * @author      Matteo scaramuccia <matteo@scaramuccia.com>
 * @since       2005-03-12
 * @copyright   (c) 2005-2007 phpMyFAQ Team
 *
 * The contents of this file are subject to the Mozilla Public License
 * Version 1.1 (the "License"); you may not use this file except in
 * compliance with the License. You may obtain a copy of the License at
 * http://www.mozilla.org/MPL/
 *
 * Software distributed under the License is distributed on an "AS IS"
 * basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the
 * License for the specific language governing rights and limitations
 * under the License.
 */
 
 .wrapper {
	margin: 0 auto;
	
	width: 940px;
	background-color: #7C8EA7
}

.top-wrapper {
	border-right:1px solid #B1CBEF; border-left:1px solid #B1CBEF;
}

.bottom-wrapper {
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
}
.top { background: #b1cbef url('http://www.driving-schools-directory.co.uk/images/design_elements/top_bg-80.gif'); color: #FFFFFF; font-size: 80%; line-height:100%;}
.bottom { border: 0px; background: url('http://www.driving-schools-directory.co.uk/images/design_elements/bottom_bg.gif'); background-repeat: repeat-x; background-position:bottom; height:10px;}
.footerdsd { background: #FFFFFF; font-size: 65%; font-weight: normal; color: #000000; padding: 5px;}
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 13em;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 13em;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: -5% 0 0 -95%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 13.2em;
	left: -1000em;
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 13.2em;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
	border: 1px solid #CCC;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	border: 1px solid #CCC;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	text-decoration: none;
	text-align: left;
	padding: 2px;
	font-size:13px;
	margin: 0px;
	background-color: #bd0b09;
	color: #ffffff;
	border-left:#7C8EA7 thin solid;
	border-right:#7C8EA7 thin solid;
	border-top:#7C8EA7 2px solid;
	border-bottom:#7C8EA7 thin solid;
	font-weight: normal;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:active
{
	background-color: #7C8EA7;
	color: #FFF;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color: #7C8EA7;
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarLeft.gif);
	background-repeat: no-repeat;
	background-position: 5% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarLeftHover.gif);
	background-repeat: no-repeat;
	background-position: 5% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

ul.MenuBarVertical ul a {
	text-align: left;
	}
	
/* Right Side */

/**
 * Top 10, Latest articles, Tag cloud and all records in one category
 */
#topten,
#latest,
#tagcloud,
#allcategoryarticles {
   margin-bottom: 10px;
}
#topten h3,
#latest h3,
#tagcloud h3,
#allcategoryarticles h3 {
   font-size: 90%;
   border: 1px solid;
   margin-bottom: 5px;
   padding: 4px 10px 4px 4px;
   -moz-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
}
#topten img,
#latest img {
    float: right;
    margin-top: -16px;
	padding-top: 3px;
}
#topten ol,
#latest ol {
    margin-left: -15px;
    list-style-type: decimal;
	font-size:90%;
}
#topten li,
#latest li {
    list-style-type: decimal;
}
#topten h3, #latest h3, #tagcloud h3, #allcategoryarticles h3 {
   border-color: #7C8EA7;
   background-color: #7C8EA7;
   color:#FFFFFF;
}
#tagcloud .relevance1 {
    font-size: 75%;
	line-height:100%;
}
#tagcloud .relevance2 {
    font-size: 80%;
	line-height:100%;
}
#tagcloud .relevance3 {
    font-size: 90%;
	line-height:100%;
}
#tagcloud .relevance4 {
    font-size: 100%;
	line-height:100%;
}
#tagcloud .relevance5 {
    font-size: 110%;
	line-height:110%;
}



/**
 * Main body
 */
html, body {
    background: #ffffff;
    color: #000000;
}
a {
    color: #FF6917;
}
a:visited {
    color: #FF6917;
}

/**
 * the header with the title
 */
#header {
   background: #1096B3;
   color: #ffffff;
}
#header h1 a {
   color: #ffffff;
}
#header ul a {
    border-color: #656565;
    background-color: #F6AD53;
    color: #36393D;
}

/**
 * Categories
 */
#categories {
    background-color: #7BBD18;
    border-color: #73880A;
}
#categories li {
    border-color: #1096B3;
}
#categories li a {
    border-color: #656565;
    background-color: #AFC6CA;
    color: #000000;
}
#categories li a:hover {
    background-color: #9DFC4A;
    color: #000000;
}

#categories .active {
    background-color: #73880A;
}
#categories .subcat a {
    background-color: #F2ECEC;
}
#categories .subcat .active {
    background-color: #ECF2ED;
}
/**
 * Search box and language selection box
 
#search, #langform, #loginform {
    border-color: #656565;
    background-color: #AFC6CA;
}
#search #search input[type=text], #langform #langform input[type=text], #loginform #loginform input[type=text] {
   background: #ffffff;
   border-color: #000000;
}
#search input[type=text]:focus, #langform input[type=text]:focus, #loginform input[type=text]:focus, #loginform input[type=password]:focus {
   background: #f5f5f5;
}*/


/**
 * Main content
 */
.main-content h2, .main-content h3 {
    color: #000000;
    border-color: #a9a9a9;
}
.main-content #news h3 {
    border-color: #a9a9a9;
}
.main-content #news h2 {
   border-color: #656565;
   background-color: #AFC6CA;
}

/**
 * Table definitions in the main content column
 */
.main-content table {
    border-color: #a9a9a9;
}
td, th, .main-content td {
   border-color: #a9a9a9;
}
.main-content th {
   border-bottom-color: transparent;
}

/**
 * Fieldset definitions in the main content column
 */
.main-content fieldset {
    border-color: #656565;
}

/**
 * Form definitions in the main content column
 */
.main-content form textarea, .main-content form .inputfield {
    color: #333333;
    background-color: #ffffff;
    border-color: #656565;
    border-top-color: #999999;
    border-left-color: #999999;
}
.main-content form textarea:focus, .main-content form input[type=text]:focus {
   background: #f5f5f5;
}
.main-content form input[type=radio], .main-content form input[type=checkbox] {
   background-color: transparent;
}
select {
   background-color: #ffffff;
   color: inherit;
}

/**
 * Submit button definitions

input[type=submit] {
    color: Black;
    background: #B3DE77;
    border-color: #ffffff;
    border-bottom-color: #dddddd;
    border-right-color: #dddddd;
} */

/**
 * Highlighted search result
 */
.highlight {
    background-color: #F8F8FF;
    font-weight: bold;
    border: 1px dotted #FF6347;
}

/**
 * Glossary items
 */
.glossary {
    color: #C79810;
    border-bottom: 1px dotted #1096B3;
    cursor: help;
}

/**
 * Footer definitions
 */
#footer {
   color: #666666;
   border-color: #666666;
}
#footer, #footer a, #footer a:visited {
   color: #666666;
}