body {
	font-family: tahoma, "sans-serif";
	margin:0px;	
}

.nowrap 
{
	white-space:nowrap;
}

/*
	column layout
*/
#container {
  padding-left: 200px;   /* LC width */
  padding-right: 200px;  /* RC width */
  min-height:400px;
}

#container div.column {
  position: relative;
  float: left;
}

#content {
  width: 100%;
/*  overflow:auto;*/
}

#pad { padding:0.25em; }

#leftcol {
  width: 200px;          /* LC width */
  right: 200px;          /* LC width */
  margin-left: -100%;
}
#rightcol {
  width: 200px;          /* RC width */
  margin-right: -200px;  /* RC width */
}


/*
	header 
*/
#header-wrapper
{
	width:100%;
	z-index:10;

}
#header-spacer
{	
	height:65px;
	border-bottom:1px solid #aaa;
}

#logoheader { font-size:24pt; float:left; margin-left:1em;}
#logobox { float:left; width:39%; }
#logobox img { height:34px; border:0px; margin-left:-11.5em}
#shortcutbox { float:left; text-align:right; width:59%;}
#shortcutbox .info {
	background:rgba(255,255,50,0.4);
	padding:0.2em; margin-right:0.5em; color:#777;
	font-weight:bold;
}
#shortcutmenu { }
#logowrapper { width:100%; }
#menu { clear:both; }

/* mark dev version */
#shortcutbox .info-dev { background:#3a2; }


/*
	footer
*/
#footer-clear { clear:both; }
#footer-wrapper { 
	margin-top:2em;
}
#footer2 {
	font-size:0.70em;
	margin-left:200px;
	margin-right:200px;
	color:#999;
}
#footer1 {
		
}

/* 
	controller messages 
*/

#success p , #error p , #info p {
	border:3px solid #ccc;
	padding:0.3em; margin:0px 0px 1px 0px;
	font-size:9pt;
	width:98%;
}
#success p { 
	background:#efe; border-color:#bdb;
	color:#060;
}
#error p { 
	background:#fee; border-color:#dbb;
	color:#600;
}
#info p { 
	background:#ffffd0; border-color:#ddb;
	color:#660;
}

#success p:before { content:url(../../../gui-icons/accept.png); margin:4px;}
#info p:before { content:url(../../../gui-icons/information.png); margin:4px;}
#error p:before { content:url(../../../gui-icons/error.png); margin:4px;}


/*
	page title
*/
h1.main { 
	margin:1px; 
	margin-top:3px;
	color:#a50;
	text-shadow: 1px 1px 1px rgba(55,0,0,.5);  
	font-size:1.4em;
	 padding:0.15em 0.4em;
	background-image: -webkit-gradient(
	    linear,
	    left top,
	    left bottom,
	    color-stop(0.5, rgb(255,255,255)),
	    color-stop(0.95, rgb(233,233,233))
	);
	background-image: -moz-linear-gradient(
	    center top,
	    rgb(255,255,255) 50%,
	    rgb(233,233,233) 95%
	);
	border-bottom:1px solid #666;
}
h2, h3, h4
{
	text-shadow: 1px 1px 1px rgba(55,0,0,.5);
}


/*
	login page
*/

#logincontainer { width:400px; margin:auto; }
#loginbox { margin-top:30%; }


/*
	colors
*/

#header-spacer { 
background-image: -webkit-gradient(
    linear,
    left bottom,
    right bottom,
    color-stop(0.12, rgb(255,255,255)),
    color-stop(0.91, rgb(255,237,102))
);
background-image: -moz-linear-gradient(
    left center,
    rgb(255,255,255) 12%,
    rgb(255,237,102) 91%
);
 }
 

div.submenu { font-size:8pt; height: 2.04em; }
div.submenu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

div.submenu ul li {
	float:left;
	margin:0em 0.4em;
	background:#ffc;
	padding:0.0em 0.5em;
	border: 1px solid #cca;
}

div.submenu ul li.active {
	background:#ffe;
	border-bottom-color:#ffe;
}

div.submenu ul li:hover {
	background:#ffe;
	border-bottom-color:#ffe;
}

div.submenu ul li:active {
	/*background:#5af;*/
}

div.submenu ul li a {
	display:block;
	color:#333;
	text-decoration:none;
	padding:0.38em 0em;
}

div.tabcontainer
{
	padding:0.6em 0.6em 1.2em;
	border: 1px solid #bbb;
	
	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.6, #fff),
	    color-stop(0.95, #ffe)
	);
	background-image: -moz-linear-gradient(
	    center bottom,
	   	#fff 60%,
	    #ffe 95%
	);	
	
}



div.error {}
div.error pre.trace {display:none;}
div.error:hover pre.trace {display:inline;}