body {
	background-color:white;
	font-family:helvetica,arial,verdana;
	font-size:12px;
	background-image: url(/site_media/images/tile_grey.png);
}

a {text-decoration: none;}
a:link {color:#555;}
a:visited {color: #555;}
a:hover {text-decoration: none; color: black;}
img {border-style:none;}
* {margin: 0; padding: 0;}
a:focus {outline-style: none;}

#page-container {   
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 100%;
	height: 100%;
	border: none;
	}
	
.topbar	{
	position:absolute;
	background-color:#fff;
	border:0;
	top:0px;
	left:0px;
	width:100%;
	height:37px;
	}

#login	{
	position:absolute;
	top:18px;
	left: 0px;
	width:750px;
	text-align:right;
	font-family:helvetica,arial,verdana;
	font-size:11px;
	font-weight:bold;
}

.navbox	{
	position:absolute;
	background-color: #fff;
	top: 70px;
	left: 40px;
	width: 80px;
	border: 1px solid #848284;
	border-top:10px solid black;
}

.navbox ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

.navbox li { 
	margin: 0;
	padding: 0;
	}
	
.navbox a {
	display: block;
	font-size: 11px;
	font-weight:600;
	color: #000;
	background-color: #fff;
	border: 1px solid #848284;
	padding: .2em .2em;
	text-indent: .5em;
	}

.navbox a:hover {
	background-color: #c6c6c6;
	color: #fff;
	}

.content-container {
	position: absolute;
	background: #fff;
	top:70px;
	left:150px;
	width:700px;
	border: 1px solid #848284;
	border-top:10px solid black;
	padding: 10px;
	}
	
.fullheight {
	height: 610px;
	padding:0px;
}

.shadow {
    -moz-box-shadow: 4px 4px 5px #848284; /* FF3.5+ */
  	-webkit-box-shadow: 4px 4px 5px #848284; /* Saf3.0+, Chrome */
    box-shadow: 4px 4px 5px #848284; /* Opera 10.5, IE 9.0 */
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#848284')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#848284');
}

#profilebox, #createnewbook, #importarea, #booklist, #groups, #newgroup
{position: absolute; background-color: #eaeaea; padding: 5px; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}

#profilebox {
	top:10px;
	left:10px;
	width:300px;
	height:140px;
}

#createnewbook	{
	top:170px;
	left:10px;
	width:300px;
	height:100px;
}

#importarea	{
	top:290px;
	left:10px;
	width:300px;
	height:300px;
}

#booklist	{
	top:10px;
	left:330px;
	width:350px;
	height:140px;
}

#booklist ul {list-style-position:inside;}

#groups	{
	top:170px;
	left:330px;
	width:350px;
	height:100px;
}

#newgroup	{
	top:290px;
	left:330px;
	width:350px;
	height:300px;
}

button {
        color:white;
        font-weight:bold;
        background-color: black;
        border:0px solid;
}

input {
        background-color: white;
        border:1px solid black;
}

select {
        background-color: white;
        border:1px solid black;
}