/*======================================================================================*\
* Copyright (c) 2008 BLUEWING - All Rights Reserved.
* ======================================================================================
* No part of this file may be reproduced or transmitted in any form or by any means, 
* electronic or mechanical, including photocopying and recording, for any purpose 
* without the express written permission of the owner of copyright.
* ======================================================================================
* @filesource       webterminal/view/stylesheets/gui.css
* @copyright        Copyright 2007, Bluewing, Florian Tschoerner
* @link             http://www.bluewing.biz
* @package          bluewing
* @since            Bluewing v 3.0.1
* @version          
* @modifiedby       
* @lastmodified     03.06.2009
* @license          http://www.opensource.org/licenses/mit-license.php The MIT License
\*======================================================================================*/

/*======================================================================================*\
 * ALL MEDIA
\*======================================================================================*/

@media all {

	/* common settings
	------------------------------------------------------------------------------------*/
	html, body {
		width:100%;
		height:100%;
	}
	body {
		font-family:'Trebuchet MS',Trebuchet MS,sans-serif;
		color:rgb(255,255,255);
		font-size:11px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}


	/* font settings
	----------------------------------------------------------------------------*/
	h1, h2, h3, h4, h5, h6, p {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	h1 {
		color:rgb(205,153,51);
		margin:0px 0px 20px 0px;
	}
	h2 {
		margin:0px 0px 10px 0px;
	}
	h3 {
		color:rgb(205,153,51);
		margin:0px 0px 10px 0px;
		border-bottom:dotted 1px rgb(205,153,51);
	}
	p { /* paragraph */
		margin:0px 0px 5px 0px;
		text-align:justify;
	}
	strong {
		color:rgb(205,153,51);
		margin:20px 0px 0px 0px;
	}
	a {
		font-weight:bold;
		text-decoration:none;
		color:rgb(193,193,193);
	}
	a:hover {
		color:rgb(255,255,255);
		text-decoration:underline;
	}

}



/*======================================================================================*\
 * SCREEN
\*======================================================================================*/

@media screen {

	/* common settings
	------------------------------------------------------------------------------------*/
	body {
		background-color:rgb(0,0,0);
		background-image:url('../../../root/view/images/guiBodyBackground.jpg');
		background-repeat:repeat-x;
	}
	img {
		border:none;
	}


	
	/* common gui
	------------------------------------------------------------------------------------*/
	.guiScreen {
		width:748px;
		margin:0px auto 0px auto;
		border:solid 1px rgb(205,153,51);
	}
		.guiScreen td {
			vertical-align:top;
		}

		/* header
		--------------------------------------------------------------------------------*/
		#guiHeader {
			margin-top:10px;
			border-bottom:none;
			vertical-align:top;
			background-color:rgb(0,0,0);
			background-image:url('../../../root/view/images/guiHeaderBackground.jpg');
		}
			#guiHeader ul {
				list-style-type:none;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
			}

			#guiHeaderLogo {
				width:236px;
			}
				#guiHeaderLogo img {
					float:left;
				}
			#guiHeaderTools {
				height:70px;
				text-align:right;
			}
			#guiHeaderMenu {
				height:50px;
			}

		/* body
		--------------------------------------------------------------------------------*/
		#guiBody {
			height:60%;
			background-color:rgb(50,50,50);
			background-image:url('../../../root/view/images/guiContentBackground.jpg');
			background-repeat:no-repeat;
			border-top:none;
		}
			#guiBodyContent {
				width:524px;
			}

			#guiBodySidebar {
				width:236px;
			}
				#guiBodySidebar ul {
					list-style-type:none;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
				}
				#guiBodySidebar li {
					margin:0px 0px 10px 0px;
				}

			#guiBodyBaseboard {
			}



	/* gui elements
	------------------------------------------------------------------------------------*/

	
	
	/* menues
	------------------------------------------------------------------------------------*/

		/* tools
		--------------------------------------------------------------------------------*/
		#guiHeaderTools li {
			float:right;
			margin:0px 0px 0px 5px;
		}
			#guiHeaderTools a {
				color:rgb(153,153,153);
			}
			#guiHeaderTools a:hover {
				color:rgb(0,0,0);
			}

		/* main
		--------------------------------------------------------------------------------*/
		#guiHeaderMenu li {
			float:left;
			color:rgb(0,0,0);
			font-size:0.8em;
			color:rgb(205,153,51);
			margin:7px 0px 0px 10px;
		}
			#guiHeaderMenu a {
				color:rgb(205,153,51);
				font-weight:bold;
				font-size:1.2em;
				text-transform:uppercase;
			}
			#guiHeaderMenu a:hover {
				color:rgb(255,255,255);
			}

		/* baseboard
		--------------------------------------------------------------------------------*/
		#guiBodyBaseboard ul {
			list-style-type:none;
			margin:10px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			#guiBodyBaseboard li {
				float:left;
				margin:0px 0px 0px 5px;
			}
				#guiBodyBaseboard a {
					color:rgb(153,153,153);
					padding:0px 0px 0px 0px;
					margin:0px 0px 0px 0px;
				}
				#guiBodyBaseboard a:hover {
					color:rgb(0,0,0);
				}


}



/*======================================================================================*\
 * PRINT
\*======================================================================================*/

@media print {
}

/*======================================================================================*/