@import url("form.css");
@import url("log.css");
@import url("user.css");
@import url("subscription.css");

body
{
	margin:0px;
	background-color:White;
	font-family:Arial;
	font-size:.8em;
	color:Black;
}

.cluetip 
{
	cursor:pointer;
}

.developmentMode
{
	position:absolute;
	left:400px;
	top:20px;
	font-weight:bold;
	color:White;
	background-color:Red;
	padding:4px;
}

.memberHeader
{
	overflow:hidden;
}

.memberHeader .logverseLogoWrapper
{
	float:left;
}

.memberHeader .memberInfo
{
	overflow:hidden;
	float:right;
	font-size:smaller;
	margin-top:5px;
	margin-right:5px;
	vertical-align:middle;
}

.memberHeader .memberInfo div
{
	float:left;
}

/* this is the member name area*/
.memberHeader .memberInfo div:first-child
{
	padding-top:6px;
	padding-right:3px;
}

/*
.memberHeader .menu
{
	float:left;
}
*/

a .logverseLogo
{
	border:none;
}

.logverseLogo
{
	
}

.memberMainMenuWrapper
{
	clear:both;
	margin-top:-10px;
	margin-left:-33px;
}

.memberMainMenu
{
	clear:both;
	list-style:none;	
}

.memberMainMenu li
{
	float:left;
	padding:2px 2px 2px 2px;
	margin-right:5px;
	background-color:Gray;
	color:White;
	font-weight:bold;
}

.memberMainMenu li.active,
.memberMainMenu li:hover

{
	/*background-color:#9D0526;*/
	background-image:url(/resources/images/red-black-gradient.png);
	background-repeat:repeat-y;
}

.memberMainMenu li a
{
	text-decoration:none;		
}

.memberMainMenu li a:link,
.memberMainMenu li a:visited,
.memberMainMenu li a:hover,
.memberMainMenu li a:active
{
	color:White;
}

/* ****************** */

.verticalMenuWrapper
{
	clear:both;
	position:absolute;
	left:-33px;
	margin-top:30px;
	/*margin-top:-10px;*/
	/*margin-left:-33px;*/
}

.verticalMenu,
.verticalMenuSub
{
	clear:both;
	list-style:none;	
}

.verticalMenuSub
{
	margin-left:-30px;
}

.verticalMenu li,
.verticalMenuSub li
{
	padding:2px 2px 2px 2px;
	margin:2px 2px 2px 2px;
	/*background-color:Gray;*/
	/*color:White;*/
	color:Black;
	font-weight:bold;
}

.verticalMenu li.active,
.verticalMenu li:hover,
.verticalMenuSub li.active,
.verticalMenuSub li:hover
{
	/*background-color:#9D0526;*/
	/*background-image:url(/resources/images/red-black-gradient.png);
	background-repeat:repeat-y;*/
	color:#9D0526;
}

.verticalMenu li a,
.verticalMenuSub li a
{
	text-decoration:none;		
}

.verticalMenu li a:link,
.verticalMenu li a:visited,
.verticalMenuSub li a:link,
.verticalMenuSub li a:visited
{
	color:Black;
}

.verticalMenu li a:hover,
.verticalMenu li a:active,
.verticalMenuSub li a:hover,
.verticalMenu li a:active,
.verticalMenu li.active a:link,
.verticalMenu li.active a:visited,
.verticalMenuSub li a:active,
.verticalMenuSub li.active a:link,
.verticalMenuSub li.active a:visited 
{
	color:#9D0526;
}

/* ********************** */


div.howToContent
{
	margin-left:120px;
}

div.howToContent h2
{
	position:relative;
	left:-40px;
}


.button
{
	/*background-color:Red;*/
	/*background-image:url(/resources/images/battery-high.png);*/
}

.compositeLinkButton
{
	line-height:3em;
	text-decoration:none;
	color:Black;	
}

.compositeLinkButton img
{
	float:left;
	border:none;
}

.loginButton
{
	background-image:url(/resources/images/16/power-off.png);
	background-repeat:no-repeat;
	text-align:right;
	width:5.5em;
}


/*
.addNewUser div
{
	margin-top:5px;
}

.addNewUser label
{	
	float:left;
	width: 16em;
	text-align:right;	
	margin-right:5px;		
}

.addNewUser input
{	
	width:10em;		
}

.addNewUser .button
{
	float:left;
	width: 5em;
	margin-left:16em;
}
*/

.subscriptionStatus.none
{
	background-image:url(/resources/images/battery-none.png);
}

.subscriptionStatus.low
{
	background-image:url(/resources/images/battery-low.png);
}

.subscriptionStatus.med
{
	background-image:url(/resources/images/battery-med.png);
}

.subscriptionStatus.high
{
	background-image:url(/resources/images/battery-high.png);
}


.companyList
{
	width:500px;
}

.companyDetails 
{
	/*width:600px;*/
	/*border:dotted 3px black;*/
	padding:5px 5px 5px 5px;
}

.closeButtonWrapper
{
	float:right;
	margin-right:-15px;	/* = -10 - padding */
	margin-top:-15px;	/* = -10 - padding */
	z-index:100;
}


.userGridWrapper
{
	margin-left:5px;
	margin-bottom:10px;
}


.collapsiblePanel
{
	overflow:hidden;
	height:0px;
}

.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.globalBodyWrapper
{
	overflow:hidden;
	margin:5px;
}

.middleContent
{
	clear:both;
	float:left;
	width:90%;
	min-height:250px;
	margin:0 50px 0 50px;
}

.middleContent h2:first-child 
{
	margin-left:40px;
}

.footer
{
	clear:both;
	float:left;	
	margin:40px 50px 10px 50px;
	font-size:.8em;
	text-align:right;
	/*color:White;
	background-color:#9D0526;*/
}

.logAdminWrapper
{
}

.infoWrapper,
.columnPickerWrapper
{	
	width:500px;
	background-color:White;
	border-style:dotted;
	padding:5px;
}

.infoWrapper
{
	width:400px;
}

.infoWrapper div,
.columnPickerWrapper div
{
	margin-top:5px;
	margin-bottom:5px;
}

.infoWrapper .closeButtonWrapper,
.columnPickerWrapper .closeButtonWrapper
{
	margin-top:-15px;
	cursor:pointer;
}

/* this is the label column of the table */
.infoWrapper table tr td:first-child
{
	text-align:right;
	white-space:nowrap;
	vertical-align:top;
}

/* this is the value column of the table */
.infoWrapper table tr td:last-child
{
	
}

.logDisplayWrapper
{
	margin-top:10px;
}

.logEntryGridWrapper
{
	margin-top:10px;
}

.logNameWrapper
{
	margin-top:5px;
	margin-bottom:5px;
}

.logEntryGridToolbar
{
	float:left;
	overflow:hidden;
	background-color:#EEEEEE;
	border:solid 1px #999999;
	/*width:300px;*/
	margin:3px 3px 3px 3px;
	padding:3px 3px 3px 3px;
}

.logEntryGridToolbar input
{
	float:left;
}

.logEntryGridWrapper
{
	clear:both;
}


div.logverseInfo
{
	/*float:left;
	margin-top:20px;
	margin-left:20px;*/
}


div.logverseInfo div.whatIsIt
{
	overflow:hidden;
}

div.logverseInfo div.howDoesItWork
{
	margin-top:30px;
}

div.logverseInfo div.videos
{
	margin-top:30px;
}

div.logverseInfo div.videos > div 
{
	margin-bottom:30px;	
}

div.home > h3
{
	margin-left:40px;
}


div.pricing
{
}

div.pricing p
{
	width:500px;
}

div.pricing fieldset
{
	margin-top:20px;
	width:500px;
	clear:both;
}