/*
	This heading must remain intact at all times.
	Copyright (c) 2009 Mark Mason. All rights reserved.

	File:	Q-Cogo-Styles.css
	Use:	To provide styling information for Q-Cogo, <http://www.q-cogo.com/>.
	Ver:	1.1 (Beta)

	Created by Mark Mason. Latest version available from <http://www.q-cogo.com/>.



	This file is part of Q-Cogo.
	
	Q-Cogo 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.
	
	Q-Cogo 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 Q-Cogo.  If not, see <http://www.gnu.org/licenses/>.
*/



/******************* APPLIES TO ALL *******************/



html {
	font-size: 100%;
} 

body {
	font-family: arial,sans-serif;
	font-weight: 400;
	color: black;
	background-color: #eeeeee;
	padding: 1em;
	margin: 0;
}

p {
	font-size: 0.8em;
	line-height: 1.8em;
	margin-top: 0em;
	margin-bottom: 0em;
}

p.doc {
	line-height: 1.2em;
}

span.b {
	font-weight: bold;
}

span.i {
	font-style: italic;
}

span.iu {
	text-decoration: underline;
	font-style: italic;
}

span.ib {
	font-style: italic;
	font-weight: bold;
}

div.highlight {
	border: 0.5em solid #bb0000;
	padding: 0.3em;
}

span.normal {
	font-weight: normal;
}

span.super {
	font-size: 0.7em;
	vertical-align: top;
}

span.indent {
	margin-left: 1.5em;
}

div.hidden {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}



/******************* TITLE BAR *******************/



h1 {
	font-size: 1.2em;
	line-height: 0.6em;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #bb0000;
	letter-spacing: -0.06em;
}

h1.Q {
	font-size: 6em;
	color: #000000;
	text-align: center;
}

h1.version {
	font-size: 0.7em;
	color: #999999;
	text-align: center;
}

div.Q {
	position: absolute;
	margin-left: 0.2em;
	z-index: 99;
	width: 4.85em;
}

div.COGO {
	position: absolute;
	margin-left: 1.15em;
	margin-top: 4.6em;
	z-index: 99;
}

div.version {
	position: absolute;
	margin-left: 1.3em;
	margin-top: 5.55em;
	z-index: 99;
}

div.about-copy {
	font-size: 0.7em;
	position: absolute;
	margin-left: 54.7em;
	margin-top: 0.8em;
	color: #bbbbbb;
	z-index: 101;
}

div.title-block {
	display: block;
	width: 5em;
	height: 7.5em;
}

a.about-copy {
	color: #9999a7;
	text-decoration: none;
}

	a.about-copy:hover {
		color: #777777;
		text-decoration: underline;
	}



/******************* LEFT SIDE MENU *******************/



a.legend {
	font-size: 0.8em;
	text-decoration: none;
	display: block;
	width: 6.25em;
	font-weight: bold;
	color: #000000;
	background-color: #f2f2ff;
	border: 1px solid #000099;
	padding: 0.5em;
	padding-top: 0.063em;
	padding-bottom: 0.063em;
	margin-bottom: 0.25em;
}

	a.legend:hover {
		color: #333333;
		background-color: #99e6e0;
		border: 1px solid #333333;
	}

a.legend-selected {
	font-size: 0.8em;
	text-decoration: none;
	display: block;
	width: 6.25em;
	font-weight: bold;
	color: #333333;
	background-color: #99e6e0;
	border: 1px solid #333333;
	padding: 0.5em;
	padding-top: 0.063em;
	padding-bottom: 0.063em;
	margin-bottom: 0.25em;
}

div.sidebar {
	float: left;
	position: absolute;
	width: 45.5em;
}

div.spacer {
	display: block;
	width: 5em;
	height: 1.2em;
}



/******************* MAIN CONTENT HOLDERS *******************/



h2 {
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 1em;
	text-align: center;
	background-color: #333333;
	color: #f2f2ff;
}

div.center {
	margin-left: auto;
	margin-right: auto;
	width: 52em;
	height: 36.6em;
}

div.holder {
	display: inline;
	float: left;
	margin-left: 6.75em;
	margin-right: 0.5em;
	width: 39.05em;
	height: 36.5em;
	background-color: #eeeeee;
	z-index: 0;
	position: absolute;
}



/******************* SUB CONTENT HOLDERS *******************/



div.set {
	display: inline;
	float: left;
	padding-left: 0.625em;
	padding-right: 0.625em;
	width: 37.6em;
}

div.subset {
	display: inline;
	float: left;
	padding-left: 0.625em;
	padding-right: 0.625em;
	width: 37.6em;
	height: 15.8em;
	margin-top: 0.8em;
}

div.fullset {
	display: inline;
	float: left;
	padding-left: 0.625em;
	padding-right: 0.625em;
	width: 37.6em;
	height: 30.7em;
}

h3 {
	color: #000000;
	font-weight: bold;
	font-size: 0.8em;
	margin: 0;
	margin-bottom: 0.8em;
}

div.inner-field {
	float: left;
	display: inline;
	width: 9.4em;
}



/******************* INPUTS LABELS AND SKETCH *******************/



p.right {
	text-align: right;
	margin-right: 0.3em;
}

p.label {
	float: left;
}

span.small-label {
	width: 3.125em;
	float: left;
	clear: none;
}

span.small-label-hidden {
	width: 3.125em;
	float: left;
	display: none;
}

a.submit {
	color: #000099;
	text-decoration: none;
}

	a.submit:hover {
		color: #444444;
		text-decoration: underline;
	}

a.title-swap {
	color: #000099;
}

	a.title-swap:hover {
		color: #444444;
		text-decoration: underline;
	}

input {
	font-size: 13px;
	font-family: monospace;
	border: 1px solid #000099;
	margin: 0;
}

input.short {
	width: 8em;
}

input.short-hidden {
	width: 8em;
	display: none;
}

select {
	font-size: 13px;
	width: 8em;
	font-family: monospace;
	border: 1px solid #000099;
}

textarea.large {
	width: 46em;
	height: 14.5em;
	font-size: 13px;
	font-family: monospace;
	border: 1px solid #666666;
	background-color: #ffffff;
}

hr {
	color: #666666;
	background-color: #666666;
	height: 1px;
	border:0;
	margin-right: 0.3em;
}

div.sketch {
	position: relative;
	float: left;
	width: 24em;
	height: 13.7em;
	background-color: #ffffff;
	border: 1px solid #666666;
	margin-left: 2.2em;
}



/******************* HELP AREA *******************/



div.help-scroll {
	font-family: verdana;
	font-size: 0.7em;
	padding: 0.5em;
	height: 40.1em;
	width: 39.6em;
	background-color: #ffffff;
	border: 1px solid #666666;
	overflow: auto;
	float: left;
}

div.help-index {
	font-size: 0.8em;
	float: left;
	margin-left: 0.5em;
	height: 34.9em;
	width: 9.6em;
	padding: 0.5em;
}

div.tall-spacer {
	display: block;
	width: 5em;
	height: 3em;
}

a.help-index {
	color: #000099;
	text-decoration: none;
}

	a.help-index:hover {
		color: #444444;
		text-decoration: underline;
	}

span.par-label {
	width: 4em;
	float: left;
	margin-left: 1.5em;
}



/******************* TOOLTIP AND SUGGEST *******************/



a.tooltip {
	color: #000000;
	text-decoration: none;
	border: 1px solid #000099;
	background-color: #f2f2ff;
	padding-left: 0.2em;
	padding-right: 0.2em;
	font-size: 0.875em;
	margin-right: 0.5em;
}

	a.tooltip:hover {
		color: #333333;
		border: 1px solid #333333;
		background-color: #99e6e0;
	}

div.tooltip {
	width: 38em;
}

div.sugg-div {
	font-size: 13px;
	line-height: 1.2em;
	position: fixed;
 	background: #f2f2ff;
 	padding-left: 0.063em;
 	padding-right: 0.125em;
 	cursor: pointer;
	visibility: hidden;
	border: 1px solid #666666;
	width: 7.8em;
	max-height: 10em;
	overflow: auto;
	font-family: monospace;
}

	#PtSuggest1 div.over, #TravSuggest1 div.over, #TravSuggest2 div.over, #InvSuggest1 div.over, #InvSuggest2 div.over, #InvSuggest3 div.over, #IntSuggest1 div.over, #IntSuggest2 div.over, #TransSuggest1 div.over {
 		background: #9900CC;
		color: #ffffff;
	}