html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

p {
margin: 0 0 1.6923em 0;}        

#container {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: auto;}

#content {
background-color: #fff;
}	

h1{
	font-size:1.3em;
	color:#FFF;
	margin:0;
}

.advice1{
	font-size:1.3em;
}	

.advice2{
	font-size:1.2em;
	font-style:italic;
	font-weight:bold;
	color:#00F;
}	

.advice2 span{
	color:#F00;
}

/* ---------------------------------------------------------- */
/* LIGHTBOXES
/* ---------------------------------------------------------- */
#lightboxes {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
overflow: hidden;
font-size:12px;
}



#lightboxes li {
width: 100%;
height: 9999px;
position: relative;
background: rgba(0,0,0,.5);}

#lightboxes .box {
position: absolute;
width: 400px;
height: 450px;
left: 50%;
top: 10px;
border: 10px solid #999;
margin-left: -230px;
background-color: #fff;
padding: 20px;}

#lightboxes h3 {
font-weight: normal;
font-size: 1.8461em;
margin: 0 0 0.4583em 0;}

#lightboxes h4 {
	color:#FFF;
	font-size:12px;
}

#lightboxes a.close {
position: absolute;
top: 20px;
right: 20px;
display: block;
width: 20px;
line-height: 20px;
text-align: center;
background-color: #ddd;
text-decoration: none;
font-weight: bold;
color: #999;
font-size: 1.2em;}

#lightboxes a.close:hover {
background-color: #999;
color: #fff;}

#lightboxes #close {
background-color: transparent;
z-index: -1;}



.twoColumn{
	float:left;
	width:50%;
	height:20px;
	line-height:20px;
}

.treeColumn{
	float:left;
	width:33%;
	height:20px;
	line-height:20px;
}


/*Jquery UI Dialog*/
.dialog { font-size: 1em;  }
.dialog label, .dialog input { display:block; }
.dialog input.text { margin-bottom:12px; width:95%; padding: .4em; }
.dialog fieldset { padding:0; border:0; margin-top:5px; }
.dialog h1 { font-size: 1.2em; margin: .6em 0; }
div#users-contain { width: 350px; margin: 20px 0; }
div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }	

.loader{
	display:none;
}