﻿body
{
	font-family: Verdana; 
	font-size: small;
}

h1
{
	font-weight: bold;
	font-size: larger;
}

.error
{
	font-size: smaller; 
	color: red;
}

.section
{
	margin-top: 20px;
	float:left;
	width:100%;
	clear:both;
}

.row
{
	clear:both;
	padding-top: 2px;	
}

.leftCol
{
	float:left;
	width: 180px;
}
.leftColWide
{
	float:left;
	width: 400px;
	height: 400px;
}
.rightCol
{
	float:left;
}

.selectable
{
	float:left;
	border: solid 3px silver;
	margin: 2px;
}
.selectable img
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
    filter: alpha(opacity=70);                                                                          
    opacity: .7;
}

.selected
{
	border: solid 3px green;	 
}

.selected img
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
    filter: alpha(opacity=100);                                                                          
    opacity: 1.0;
}
.hovered
{
	cursor: pointer;
	color: Navy;
}
.UserDetails
{
}
.UserDetailsBox
{
	position: absolute;
	top: 200px;
	left: 400px;
	border: solid 3px silver;
}
.headerrow
{
    display:block;
    float:left;
	clear:both;
	width:400px;
	padding-top: 2px;	
	border-bottom: solid 1px silver;
}
.activedatarow
{
    display:block;
    float:left;
	clear:both;
	width:400px;
	padding-top: 2px;	
}
.userName
{
	float:left;
	width: 180px;
	text-decoration: underline;
}
.userLocation
{
	float:left;
	width: 180px;
}
.userNameHeader
{
	float:left;
	width: 180px;
	text-decoration: none;
	font-weight:bold;
}
.userLocationHeader
{
	float:left;
	width: 180px;
	font-weight:bold;
}


.UserProfileDetails
{
    border: medium solid #C0C0C0;
    padding: 4px;
    background-color: Gray;
    color: White;
    width: 400px;
}
.UserProfileDetailsNoData
{
    border: None;
    padding: 4px;
    background-color: white;
    color: black;
    width: 400px;
}

h1.smallHeader
{
    font-size: 1.1em;
    padding: 0px;
    color: Navy;
    line-height: 1em;
}
h2
{
    font-size: 1em;
    padding: 0px;
    line-height: 1em;
}

.ShowCurrentUsers
{
    text-decoration: underline;
    color: navy;
}
.SearchBox
{
    display:block;
    float:right;
    font-size:0.9em;
    width: 400px;
    height: 50px;
    border: medium solid #C0C0C0;
    background-color:#e0e0e0;
}
.SearchBox h1
{
    font-size: 0.9em;
    padding: 0px;
    color: Navy;
    line-height: 0.9em;
}
.SearchBox .leftCol
{
    font-size: 0.8em;
}
.SearchBox .rightCol
{
    font-size: 0.8em;
}

.WideTextBox
{
    width: 300px;
}

#DetailsForm h1
{
    font-size: large;
    color: Navy;
}

#DetailsForm .section
{
    border: thin solid #008080;
}