﻿body {
	margin:45px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	background-color:#f5f7f8;
}
.redtext {
	color:red;
}
.bluetext {
	color:#20b2aa;
}
.orangetext {
	color:orange;
}
.lightgrey_border {
	border-color:lightgrey;
}
.box_white {
	background-color: white;
    padding: 10px 0 10px 10px;
	border:1px solid #d5dbde;
}
.topbar {
	top:0;
	position:fixed;
	width:100%;
	height:40px;
	background-color:black;
	z-index: 999;
}
.logo {
	float:left;
	width:250px;
	height:40px;
	margin-left: 10px;
}
.menu a {
	float:right;
	height:40px;
	text-decoration:none;
}
.menu a:hover {
	float:right;
	height:40px;
	text-decoration:underline;
}
.option {
	margin-right:20px;
	color:white;
	float:right;
	height:40px;
	line-height:40px;
}
.option.selected {
	margin-right:20px;
	color:#00aaff;
	float:right;
	height:40px;
	line-height:40px;
}
.option.signout {
	margin-right:20px;
	color:red;
	float:right;
	height:40px;
	line-height:40px;
}
.content {
	margin-left: 15px;
}
.content.fixedwidth {
	width:981px;
	margin: 0 auto;
	text-align: center;
    position: relative;
}
.button {
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
	background-color:red;
	cursor: pointer;
	border:0;
	float:left;
	margin-top:5px;
	color:white;
	font-weight:bold;
}
.button.fixedwidth {
	width:150px;
	padding-top:5px;
	padding-bottom:5px;
	cursor: pointer;
	border:0;
	float:left;
	margin-top:5px;
	color:white;
}
.button.green {
	background-color:green;
}
.button.red {
	background-color:red;
}
.button.orange {
	background-color:orange;
}
.button.red:hover {
	background-color:#b30000;
}
.button.green:hover {
	background-color:#004e00;
}
.button.orange:hover {
	background-color:#e06400;
}
.button.red.image {
	background-color:#b30000;
	height:200px;
	filter:alpha(opacity=60); 
    -moz-opacity: 0.6; 
    background-color:rgba(255,0,0,0);
}
.button.red.image:hover {
	background-color:#b30000;
	height:200px;
	filter:alpha(opacity=100); 
    -moz-opacity: 1; 
    color:Red;
    background-color:rgba(255,0,0,0);
}
.button.orange.image {
	background-color:orange;
	float:right;
	width:50%;	
	height:135px;
	position:relative;
	filter:alpha(opacity=60); 
    -moz-opacity: 0.6; 
    background-color:rgba(255,165,0,0);
}
.button.orange.image:hover {
	background-color:#e06400;
	filter:alpha(opacity=100); 
    -moz-opacity: 1; 
    background-color:rgba(255,165,0,0);
    color:Orange;
}
.button.orange.image.full {
	width:100%;	
}
.button.image.full {
	width:100%;	
}
.button.image.w50 {
	width:50%;	
}
.button.image.w33 {
	width:33%;	
}

.button.green.image {
	background-color:green;
	float:left;
	width:50%;
	height:135px;
	filter:alpha(opacity=60); 
    -moz-opacity: 0.6; 
    background-color:rgba(0,128,0,0);
}
.button.green.image:hover {
	background-color:#004e00;
	filter:alpha(opacity=100); 
    -moz-opacity: 1; 
    background-color:rgba(0,128,0,0);
    color:Green;
}
li {
	display:inline-block;
	list-style: none outside none;
    white-space: nowrap;
	margin:5px 10px 0 0;
	position:relative;
	border:1px solid #414650;
    overflow: hidden;
}
li label {
	padding:10px;
}

.approved {
    padding:8px;
}
.notapproved{
    padding:8px;
}
.notapprovedlock {
    padding:8px;
}

.approved:hover label {
    background-color:green;
    color:White;
    cursor:pointer;
}
.notapproved:hover label {
    background-color:red;
    color:White;
    cursor:pointer;
}
.notapprovedlock:hover label {
    background-color:purple;
    color:White;
    cursor:pointer;
}

div.actionstatus {
    width: 100%;
    height: 100%;
    filter:alpha(opacity=80); 
    -moz-opacity: 0.8; 
    opacity: 0.8;
    vertical-align: text-bottom;
    color: white;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    display: none;
    cursor: pointer;
}
div.actionstatus.deleted 
{
    background-color: red;
    display: block;
}
div.actionstatus.private 
{
    background-color: green;
    display: block;
}
div.actionstatus.forceferification , div.actionstatus.reported 
{
    background-color: orange;
    display: block;
}

div.actionstatus.deleted 
{
    background-color:rgba(255,0,0,0.3);
    display: block;
}
div.actionstatus.private 
{
    background-color: green;
    display: block;
}
div.actionstatus.status0 /* Deleted */ 
{
    background-color: red;
    display: block;
}
div.actionstatus.status10 /* Accepted */ 
{
    background-color: green;
    display: block;
}
div.actionstatus.status20 /* MadePrivate */ 
{
    background-color: green;
    display: block;
}
div.actionstatus.status30 /* ForceVerification */ 
{
    background-color: orange;
    display: block;
}
div.actionstatus.status40 /* NotAccepted */ 
{
    background-color: orange;
    color: black;
    display: block;
}
div.actionstatus.status50 /* NotAcceptedAndLock */ 
{
    background-color: tomato;
    color: black;
    display: block;
}
ul.review div.actionstatus 
{
    filter:alpha(opacity=25); 
    -moz-opacity: 0.25; 
    opacity: 0.25;
}

.no_border {
	border:0;
}
.block {
	display:block;
    white-space: normal;
}
.no_widthmargin {
	margin: 15px 0;
}
li.fixedwidth {
	display:inline-block;
	list-style: none outside none;
    white-space: nowrap;
	margin:10px 10px 0 0;
	position:relative;
	border:1px solid #414650;
	width: 312px;
	height:auto;
}
li.fixedwidth img {
	width:100%
}
li .button_container {
	-webkit-transition:opacity 0.5s ease-in;  
   -moz-transition:opacity 0.5s ease-in;  
   -o-transition:opacity 0.5s ease-in;  
   transition:opacity 0.5s ease-in; 
	visibility:hidden;
	
	opacity:0;
	
	
	top:0;
	width:100%;
	position:absolute;
}
li:hover .button_container {
	visibility:visible;
	opacity:1;
}
li .button_container .Female {
	opacity:1;
	visibility:visible;
}
li:hover img {
	-moz-box-shadow:    0 0 2px 1px black;
    -webkit-box-shadow: 0 0 2px 1px black;
    box-shadow:         0 0 2px 1px black;

}
ul {
	margin:0;
	padding:0;
}
.fontsize_big {
	font-size:20px;
	font-weight:bold;
}
.image_text {
	font-weight: bold;
    text-align: center;
    width: 100%;
}
.profileinfo {
	margin-top: 10px;
    text-align: center;
    width: 100%;
}
.profileinfo.red {
	background-color:Red;
	color:White;
	padding:5px;
}
.profileinfo.green {
	background-color:green;
	color:White;
	padding:5px;
}
.textalignleft {
	text-align:left;
}
hr {
	margin: 20px;
}
.footer_btn {
	margin: 50px 20px;
    padding-bottom: 70px;
}
textarea {
	width:100%;
	height:100px;
}
.inputfields {
	width:100%;
}
.action_menu {
	position:absolute;
	z-index:999999;
	border: 1px solid black;
}
.action_menu li {
	display:list-item;
	margin:0;
	border:0;
}
.action_menu li a {
	padding:5px;
	background-color:#333;
	color:white;
	margin:0;
	border-bottom: 1px solid black;
	display: block;
	text-decoration: none;
}
.action_menu li a:hover {
	background-color:#999;
}
.male,.Male {
    color: #46729C;
    font-weight: bold;
}
.female,.Female {
    color: #C55883;
    font-weight: bold;
}
.application_picture {
    background-color: rgba(110, 180, 60, 0.8);
    color: white;
    display: block;
    font-size: 10px;
    font-weight: bold;
    height: 17px;
    left: 3px;
    padding-top: 4px;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 162px;
}

.application_picture_bigview {
    background-color: rgba(110, 180, 60, 0.8);
    color: white;
    bottom: 3px;
    font-size: 8px;
    padding-top: 4px;
    font-weight: bold;
    height: 17px;
    position: absolute;
    text-align: center;
    width: 100%;
    left:0;
}