/*This is a CSS file for betaBoxes
*/

body {
	background-color:#FFF;
}

img {
    border: 0 none;
}

a:focus {
    outline:none;
}

a {
    text-decoration:none;
}

.clear {
    clear:both;
}

.fullcontent {
    width:800px;
}

.column {
    width:350px;
    float:left;
}

.spacing1 {
    height:60px;
}

/*
Top Nav Styling
*/

#nav, #nav ul {
	float: left;
	width: 22em;
	list-style: none;
	line-height: 1;
	font: lighter;
	padding: 0;
	z-index:5;
/* Add a border to the top nav
	border: solid #847759;
	border-width: 1px 0;
	margin: 0 0 .5em 0;
*/
}


#nav a {
	display: block;
	width: 5em;
	text-decoration: none;
	padding: 0.25em .0675em;
	color: #d7d7d7;
	font:lighter;
	font-size:12px;
}

#nav li {
	float: left;
	width: 5.375em;
	margin-left: 0.0675em;
}

#nav li ul {
	background: #363636;
	position: absolute;
	line-height: 1;
	font: lighter;
	width: 4.5em;
	padding-left: 0.375em;
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li:hover ul li a:hover, #nav li.sfhover ul li a:hover {
	color: #847759;
}



/*
Logo and Pagination Styling
*/

.topnav {
    float:left;
    width:900px;
}
.logoandnav {
    float:left;
    height:115px;
}

.headerow {
	width:350px;
	height:50px;
    float:left;
}

.headerow a
.headerow a:hover,
.headerow a:visited{
	text-decoration:none;
}

.pagination {
	float:left;
}

.pagination img {
    width:25px;
    height:50px;
}

.headerlogo {
	float:left;
}

.extradiv {
    float:left;
    width:340px;
/*    height:150px;*/
    border:1px solid #847759;
/*    margin-left:20px;*/
    font-size:12px;
    color:#847759;
}

.extradiv .content {
    margin:5px;
}


/*
Box Group Styling
*/

.boxgroupall{
    float:left;
}

.boxgrouptitle {
    font-size:14px;
    color:#847759;
    font-weight:bold;
/*    height:30px;*/
}

.boxgroupsubtitle {
    font-size:12px;
    color:#847759;
    font-weight:lighter;
}

.boxgroupurl a,
.boxgroupurl a.visited{
    font-size:12px;
    color:#847759;
    font-weight:lighter;
    text-decoration:none;
}

.boxgrouptitleright {
    float:right;
    margin:5px;
    font-size:12px;
    color:#847759;
    text-align:right;
}
.boxgrouptitleright .morelink {
    margin:10px 0;
    padding:0;
}
.boxgrouptitleright .moreactions{
    display:inline-block;
    margin-right:7px;
}

.boxgrouptitleright .moreactions a,
.boxgrouptitleright .moreactions a:visited{
    text-decoration: none;
    color:#9a9a9a;
}

.boxgrouptitleright .moreactions a:hover{
    text-decoration: none;
    color:orange;
}


.hint {
    margin:10px 0 5px;
    color:#d7d7d7;
    font-size:12px;
    font:lighter;
}

.boxgroup {
	width:350px;
	height:350px;
	float:left;
}

.boxgroupdiv {
	float:left;
}

.boxsection_row {
	width:350px;
	height:85px;
}

.boxsection_rowmiddle {
	width:350px;
	height:170px;
}

.boxsection_middle {
	width:85px;
	height:170px;
	float:left;
}

.box13 {
	width:170px;
	height:170px;
	float:left;
	margin-right:.05em;
}

.box {
	width:85px;
	height:85px;
	float:left;
	margin-right:.05em;
    background: url(images/box.png) no-repeat center;
}

.box img {
    width:82px;
    height:82px;
}

.boxgroupmoreinfo {
    width:340px;
    clear:left;
    height:125px;
    border:1px solid #847759;
}

.moreinfoleft {
    float:left;
    width:115px;
}

.moreinfoleft img {
    width:82px;
    height:82px;
    margin:5px 0 0 5px;
}

.moreinfotextleft {
    margin:5px 5px 5px 7px;
    font-size:12px;
    color:#847759;
    text-align:left;
}

.moreinfotextleft a,
.moreinfotextleft a:hover,
.moreinfotextleft a:visited {
    color:#847759;
    font-weight:bold;
}

.moreinfotextright{
    float:right;
    margin:5px;
    font-size:12px;
    color:#847759;
    text-align:right;
    height:80px;
    width:215px;
}

.moreinfotextright .title,
.moreinfotextright .title a,
.moreinfotextright .title a:hover,
.moreinfotextright .title a:visited {
    margin:0;
    padding:0;
    font-weight:bold;
    color:#847759;
}

.moreinfotextright .subtitle {
    margin:0;
    padding:0;
}

.moreinfotextright .details {
    margin-top:15px;
    display:inline-block;
    height:35px;
}

.moreinfotextright .morelink {
    margin:10px 0;
    padding:0;
}

.moreinfotextright .moreactions{
    display:inline-block;
    margin-right:7px;
}

.moreinfotextright .moreactions a,
.moreinfotextright .moreactions a:visited{
    text-decoration: none;
    color:#9a9a9a;
}

.moreinfotextright .moreactions a:hover{
    text-decoration: none;
    color:orange;
}

/*
Show Full Details Styling
*/

.boxgroupallinfo {
    width:340px;
    float:left;
    font-size:12px;
    color:#847759;
    text-align:left;
    border:1px solid #847759;
    margin-top:20px;
}

.boxgroupallinfo .title {
    margin:5px 5px 0;
    padding:0;
    font-weight:bold;
}

.boxgroupallinfo .subtitle {
    margin:0 5px;
    padding:0;
}

.boxgroupallinfo .details {
    margin:5px;
}

.boxgroupallinfo .info {
    margin:0 0 0 5px;
    padding:0;
    display:inline-block;
    width:75px;
}
.boxgroupallinfo .info2 {
    margin:0;
    padding:0;
    display:inline-block;
    width:200px;
}

.morecontent {
    margin:5px;
}


/*
Login Styling
*/

.logindiv {
	background-color:#363636;
	height:90px;
	width:325px;
}

.logoutdiv {
	height:12px;
	width:325px;
	color:#363636;
	font:lighter;
	font-size:12px;
	text-align:right;
}

.logoutdiv a a:visited a:hover{
	color:#363636;
	font:lighter;
	font-size:12px;
}

.loginheader {
	background-color:#363636;
	color: #d7d7d7;
	font:lighter;
	font-size:12px;
	padding-bottom:5px;
	padding-top:3px;
	padding-left:2px;
}

.loginemail {
	background-color:#363636;
	width:348px;
	color: #d7d7d7;
	font:lighter;
	font-size:12px;
	float:left;
	padding-left:2px;
}

.loginpassword {
	background-color:#363636;
	width:348px;
	color: #d7d7d7;
	font:lighter;
	font-size:12px;
	float:left;
	clear:both;
	padding-top:3px;
	padding-left:2px;
}

.loginsubmit {
	width:160px;
	float:right;
}

.loginleft {
	width:75px;
	float:left;
}

.loginright {
	width:225px;
	float:left;
}

.loginid {
	width:350px;
	float:left;
}
.loginid ul{
	float: left;
	width: 22em;
	list-style: none;
	line-height: 1;
	display:inline;
	font: lighter;
	padding: 0;
/*
	border: solid #847759;
	border-width: 1px 0;
	margin: 0 0 .5em 0;
*/
}

.loginid ul li {
	color: #d7d7d7;
	font:lighter;
	font-size:12px;
	float: left;
	width: 5.375em;
	margin-left: 0.0675em;
	padding-top: 2px;
	padding-left: 2px;
}

.loginpass {
	clear:both;
	float:left;
	width:350px;
}


/*
The drag and drop css
*/

div#box_droppable {
    width: 170px;
    height: 170px;
	float:left;
	background-color:#c8c8c8;
}

div#box_droppable.hover {
	background-color:orange;
}



/*
Alternate Login Styling
*/

.loginform {
	width:460px;
	background-color:#999;
	color:#900;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
}
.logintitle {
	font-size:12px;
	color:#FFF;
}
.column1 {
	width:140px;
	text-align:left;
	float:left;
	margin-right:10px;
	font-weight:lighter;
}
.column2 {
	width:160px;
	text-align:left;
	float:left;
	font-weight:lighter;
}
.preview {
	width:460px;
	background-color:#999;
	color:#900;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
}


/* LiveValidation formatting */
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}


/*
Create and edit a box
*/

.createbox {
    float:left;
    width:340px;
    border:1px solid #847759;
    font-size:12px;
    color:#847759;
}

.createbox .content {
    margin:5px;
}

.createbox ul {
    margin-left:5px;
    padding-left:10px;
}
.createbox ul li {
    list-style-type:none;
}
.createbox a{
    font-size:12px;
    color:#847759;
}

/*
Create and edit a box
*/

.viewbox {
    float:left;
    width:340px;
    border:1px solid #847759;
    font-size:12px;
    color:#847759;
}

.viewbox .content {
    margin:5px;
}

.viewbox .column1 {
	width:100px;
	text-align:left;
	float:left;
	margin-right:10px;
}

.viewbox .column2 {
	width:215px;
	text-align:left;
	float:left;
}

/*
Search box
*/

.searchbox {
    float:left;
    width:340px;
    border:1px solid #847759;
    font-size:12px;
    color:#847759;
}

.searchbox .content {
    margin:5px;
}

.searchbox .column1 {
	width:60px;
	text-align:left;
	float:left;
	margin-right:10px;
}

.searchbox .column2 {
	width:265px;
	text-align:left;
	float:left;
}

.searchbox ul {
    margin-left:5px;
    padding-left:10px;
}
.searchbox ul li {
    list-style-type:none;
}

.searchbox a,
.searchbox a:hover,
.searchbox a:visited {
    font-size:12px;
    color:#847759;
    text-decoration:none;
}