/* Stamdard element settings */
html {
	height:100%;
	background:#FFF;
}

body {
	height:80%;
}
a {
	color:#313131;
}

p{
	margin-bottom: 1em;
}

h1, h2, a {
	color: #313131;
}
h1, h2 {
	font-family:verdana, arial, helvetica;
}

h1{
	padding: 3.0em 0;
	font-size: 131%;
}
h2{
	padding: 1em 0;
	font-size: 116%;
}
/* Form */
form input, textarea {
	margin: 2px 5px 2px 0;
}
form input.text {
	width:12em;
}
form input.button {
	width:12em;
	margin: 1px 3px 1px 0;
}
form select {
	width:12.5em;
	margin: 2px 5px 2px 0;
}
form label{
	width:8em;
	float:left;
}
form label.checkbox{
	float:none;
}
/* YAHOO YUI */
#doc2{
	height:100%;
}
#hd {
	padding-top:0.0em;
	padding-bottom: 0.5em;
	height:1.0em;
}
#hd div{
	margin-top:1.5em;
}
#bd{
	padding:0em 0;
	height:auto;
	min-height: 100%;
	border:0px solid yellow;
}
#ft{
	font-size:77%;
	text-align:left;
	margin: 0.7em 0 0 0;
	font-weight:normal;
	padding: 0 0 1em 5px;
	color:#666666;
}

#ft a:link, #ft a:visited {
	color:#666666;
}

#yui-main {
	border: solid 0px red;
}

#yui-main .yui-b {
	border: solid 0px green;
}

.yui-b {
	border: solid 0px blue;
}

.yui-t2 .yui-b {
	width:270px;
}

.yui-t2 #yui-main .yui-b {
	margin-left:285px;
}

.top-left {
	z-index: 100;
	background: transparent url("/static/skins/greysqr/images/top-left.png") no-repeat;
}

/* Main menu */
#menu {
	background:#313131;
	color: #FFFFFF;
	padding: 1em 2em;
	width:215px;
}
#menu h1 {
	margin-left:-0.2em;
	padding:0 0 0.5em 0;
}
#menu a {
	color: #ACAAA8;
	text-decoration:none;
	font-family: "courier new", courier;
	font-size:85%;
}
#menu a:hover {
	color:#FFFFFF;
}

#menu h1 a {
	font-size:100%;
	font-weight: bold;
}
#menu ul li {
	line-height: 3em;
}

/* Context menu */
#context-menu {
	padding: 1em 2em;
	margin-top:0.3em;
	background:#0E1112;
	width: 215px;
	min-height:2em;
}

#context-menu ul li {
	line-height: 2.5em;
}
#context-menu ul li a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
	text-transform: capitalize;
	font-family: "courier new", courier;
	font-size:85%;
}

.wide {
	border: 0px solid #FFF;
}

.panel {
	min-height:500px;
	background: #F9F9F9;
	border:1px solid #DADADA;
	padding: 1em;
}

.panel a {
	
}
/* Table list */
table.list {
	width: 100%;
	margin: 0.5em 0 0.5em 0;
	border-top: 3px solid #AAAAA9;
	border-bottom: 3px solid #AAAAA9;
}

table.list thead tr th {
	border-bottom: 3px solid #AAAAA9;
	padding: 0.3em;
	font-weight: bold;
}

table.list tbody tr td {
	border-bottom: 1px solid #AAAAA9;
	padding: 0.3em;
}
.tooltip{
	margin: 5px;
	padding: 5px 15px 5px 5px;
	background-color: #EEEEEE;
	border:solid 5px #93A8BD ;
}
.tooltip ul {
	margin-left: 0.2em;
}
.tooltip ul li {
	list-style: none;
	color:#000;
}
.tooltip ul li label{
	width: 85px;
	font-weight:bold;
}
/* Message */

.info, .error {
	margin: 1em 0;
	padding:1em;
}
.info {
	border-top: 1px solid #3366cc;
	border-bottom: 1px solid #3366cc;
	background: #e5ecf9;
}
.error {
	border-top: 1px solid #FF0033;
	border-bottom: 1px solid #FF0033;
	background:#FFCCFF;
}
div.center {
	margin-left: auto;
	margin-right: auto;
	width:100%;
}
#copyright{
	margin: 0.3em 0.3em;
	font-size:77%;
	font-family: "courier new", courier;
	color:#2C2F2F;
	text-align: right;
}
#copyright a{
	color:#2C2F2F;
}
#gallery{
	border:0px solid green;
}
#gallery table {
	border-collapse:separate;
	border-spacing:6px;
	margin-left:auto;
	margin-right:auto;
}
#gallery table td{
	padding:4px 4px 2px 4px;
	border:0px solid silver;
}
#gallery img{
	border:2px solid #CCC;
}
#gallery img.transparent {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

.context-info {
	color: #F8F8F8;
	font-size: 180px;
	font-weight: bold;
	padding-top:40px;
	text-align: center;
	height:300px;
	min-height:300px;
}