html, body
{
	height:           100%;
	background-color: #B0C4DE;
	font-family:      'Helvetica Neue', HelveticaNeue, Helvetica-Neue, Helvetica, 'BBAlpha Sans', sans-serif;
	font-size:        14px;
	text-align:       center;
}

.banner
{
	width:          100%;
	margin:         0px 0px 0px 0px;
	padding:        0px 0px 0px 0px;
	color:          #FFFFFF;
	text-align:     center;
	text-overflow:  ellipsis;
	vertical-align: baseline;
	width:          100%;
	overflow:       hidden;
	position:       relative;
	z-index:        1000;
}

.banner img
{
	border-radius: 3px;
	border:        1px solid #4682B4;
}

.banner p
{
	font-size:   48px;
	position:    absolute;
	text-align:  center;
	width:       100%;
	z-index:     1001;
}

.panel
{
	position:  relative;
	top:       0px;
	display:   inline-block;
	width:     802px;
}

.shadedcard
{
	text-align:       left;
	background-color: rgba(255,255,255,0.6);
	padding:          10px;
	margin:           5px 0px 10px 0px;
	border-radius:    3px;
	overflow:         hidden;
}

.shadedcard p
{
	margin:        15px 0px 0px 0px;
}

.shadedcard img
{
	border:        1px solid #4682B4;
	border-radius: 3px;
	width:         780px;
}

.picturecard
{
	position:         relative;
	padding:          0px;
	margin:           5px 0px 5px 0px;
	border-radius:    3px;
	overflow:         hidden;
}

.picturecard img
{
	border:        1px solid #4682B4;
	border-radius: 3px;
	width:         800px;
}

.picturecardnoborder
{
	position:         relative;
	padding:          0px;
	margin:           5px 0px 5px 0px;
	border-radius:    3px;
	overflow:         hidden;
}

.picturecardnoborder img
{
	border-radius: 3px;
	width:         800px;
}

table
{
	border-collapse:  collapse;
}

th
{
	text-align:       left;
	background-color: #4682B4;
	color:            white;
	font-size:        16px;
	font-weight:      normal;
	border-top:       1px solid #4682B4;
	border-bottom:    1px solid #4682B4;
	border-left:      1px solid rgba(255,255,255,0.4);
	border-right:     1px solid rgba(255,255,255,0.4);
}

th, td
{
	padding:          5px;
	white-space:      nowrap;
}

table, td
{
	border:           1px solid #4682B4;
}

table tr th:first-child
{
	border-left:      1px solid #4682B4;
}

table tr th:last-child
{
	border-right:     1px solid #4682B4;
}

tr:hover
{
	background-color: rgba(255,255,255,0.8);
}

.profilePic
{
	display:             inline-block;
	margin-right:        6px;
	text-align:          center;
	background-repeat:   no-repeat;
	background-size:     contain;
	background-position: center center;
	height:              50px;
	width:               50px;
	border-radius:       8px;
}

.profilePic p
{
	display:        inline-block;
	vertical-align: center;
	white-space:    nowrap;
	word-break:     break-all;
	height:         50px;
	line-height:    50px;
	color:          #FFFFFF;
	text-shadow:    2px 2px #000000;
	font-size:      16px;
}

.smallName p
{
	font-size: 11.5px;
}

.tick, .cross
{
	display:             inline-block;
	width:               30px;
	height:              30px;
	background-repeat:   no-repeat;
	background-position: center center;
	border-radius:       15px;
}

.tick
{
	background-color: rgba(100,200,100,0.5);
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRFMzMzTk1LPz49ZmNgX11adHFtRENCAAAA9LsAvgAAAAh0Uk5T/////////wDeg71ZAAAARklEQVR42mJgxwIYaC/IyIQpyMjAwIQuCBRjQKhkZEYWgwiyMjAwI4lBVQK5LGxwMZiZDGCA7iRkMYTtSGL0CBA8ggABBgASAgncMyP36gAAAABJRU5ErkJggg==');
}

.cross
{
	background-color: rgba(255,150,150,0.5);
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABVQTFRFMzMzdHFtZmNgTk1LX11aRENCAAAABVxIcAAAAAd0Uk5T////////ABpLA0YAAABJSURBVHjatJBJCgAgDAPHuvz/ySpirMvVHAIdCAOlPMI/GFxPGEAtGGl3Y5ifdyomUXRMsG857WN+2kmZy26znd1Wf/3SnirAAKOoCBWCDYqFAAAAAElFTkSuQmCC');
}

.bottomright
{
	left:           20px;
	bottom:         0px;
	vertical-align: bottom;
	text-align:     right;
	z-index:        -10;
}

.bottomright img
{
	width:         47px;
	height:        60px;
}