﻿/************************************************/
/*-------------- Generic Page ------------------*/
/************************************************/
.subtopic
{
    font-weight:bolder;
}
.centerContent
{
    text-align:center;
}
.smallcomment
{
    font-family: Arial, Verdana, Courier;
    font-size:10px;
    color:#000000;
    text-align:center;
}
.formComment
{
    font-family: Arial, Verdana, Courier;
    font-size:10px;
    color:#000000;
    text-align:left;
}
.formCenterMessage
{
    font-family: Arial, Verdana, Courier;
    font-size:12px;
    color:#000000;
    text-align:center;
}
.formRow
{
    margin: 15px 0px 10px 0px;
    text-align: left;
}
.formLabel
{
    font-size: 14px;
    font-weight: bolder;
    width:100px;
    float:left;
    vertical-align:text-top;
    padding: 20px 0px 0px 0px;    
}
.formData
{
    width: 400px; 
}
.formText
{
	font-size: 14px;
    width: 300px;
    position: relative;
}
.formTextBox
{
	padding:2px 0 0 5px;
	border:#e8e6c8 solid 1px; 
    width: 350px;
    height: 16px;
    font-size:12px;
    font-family: Arial;
}
.formTextArea
{
	padding:2px 0 0 5px;
    width: 355px;
    height: 150px;
    border:#E8E6C8 solid 1px;
    font-size:12px;
    font-family: Arial;
	scrollbar-base-color:#E8E6C8;
}
.formRadioButtons
{
    width: 200px;
    vertical-align:middle;
    text-align:left;    
}
.formDropDownList
{
    width: 200px;
    vertical-align:middle;
}
.formDropDownListTiny
{
    width: 45px;
    vertical-align:middle;
}
.formDropDownListSmall
{
    width: 115px;
    vertical-align:middle;
}
span.lblRequiredField
{
  font-family: MS Sans serif, Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  text-transform: none;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
span.lblErrorredField
{
  font-family: MS Sans serif, Arial, Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  text-transform: none;
  color: #FF0000;
  font-weight: bold;
  text-decoration: none;
}
.formButtons
{
    margin: 20px 0px 0px 0px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    width: 550px;
}
.formButtons a, .formButtons a:visited
{
	display:inline-block;
    margin:0px 20px 0px 20px;
    background-color:#990000;
    border:3px double #990000;
    font-family: Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:100%;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    color:#FFFFFF;
    padding:2px 8px 2px 8px;
    width:auto;
}
.formButtons a:hover
{
    border:3px double #CC0000;
    color:#FFFFFF;
    text-decoration:none;
    background-color:#CC0000;
}
.formButtons a:active
{
    border:3px double #990000;
    color:#FFFFFF;
    text-decoration:none;
    background-color:#CC0000;
}

.formTextBox400
{
	padding:2px 0 0 5px;
	border:#e8e6c8 solid 1px; 
    width: 150px;
    height: 16px;
    font-size:12px;
    font-family: Arial;
}

.formButtons400
{
    margin: 0px 0px 0px 0px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    width: 300px;
}
.formButtons400 a, .formButtons400 a:visited
{
	display:inline-block;
    margin:0px 5px 0px 5px;
    background-color:#990000;
    border:3px double #990000;
    font-family: Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:100%;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    color:#FFFFFF;
    padding:2px 8px 2px 8px;
    width:auto;
}
.formButtons400 a:hover
{
    border:3px double #CC0000;
    color:#FFFFFF;
    text-decoration:none;
    background-color:#CC0000;
}
.formButtons400 a:active
{
    border:3px double #990000;
    color:#FFFFFF;
    text-decoration:none;
    background-color:#CC0000;
}

/************************************************/
/*------------- Control Container --------------*/
/************************************************/

.controlContainer
{
	right:10px; 
	border:1px solid #F5F0B9; 
	background:#FFF; 
	color:#3D3C2C;
    margin: 20px 0px 20px 0px;
    width: 760px;
}
.controlContainerBody
{
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 10px 0px;
	background:#F9F6D4; 
	color:#3D3C2C;
}
.controlContainerHeader
{
	padding: 5px 5px 5px 5px;
	border: solid 1px #F5F0B9; 
	background: #F5F0B9;
}
.controlContainerBody h2
{
	display:block; 
	padding:24px 0 0 0; font:28px/28px Georgia, "Times New Roman", Times, serif; 
	color:#3D3C2C; 
	margin:20px 0 20px 80px ;
}
.controlContainerBody h3
{
	display:block; 
	padding:24px 0 0 0; font:28px/28px Georgia, "Times New Roman", Times, serif; 
	color:#3D3C2C; 
	margin:20px 0 20px 80px ;
}

.controlContainer400
{
	position: relative;
	float: left;
	right:10px; 
	border:1px solid #F5F0B9; 
	background:#FFF; 
	color:#3D3C2C;
    margin: 20px 20px 20px 0px;
    width: 410px;
}
.controlContainerBody400
{
	position: relative;
	margin: 10px 10px 10px 10px;
	padding: 20px 10px 10px 25px;
	background:#F9F6D4; 
	color:#3D3C2C;
}
.controlContainerBody400 h2
{
	display:block; 
	padding:24px 0 0 0; font:28px/28px Georgia, "Times New Roman", Times, serif; 
	color:#3D3C2C; 
	margin:20px 0 20px 80px ;
}
.controlContainerBody400 h3
{
	display:block; 
	padding:24px 0 0 0; font:28px/28px Georgia, "Times New Roman", Times, serif; 
	color:#3D3C2C; 
	margin:20px 0 20px 80px ;
}

.controlContainer300
{
	position: relative;
	float: left;
	right:10px; 
	border:1px solid #F5F0B9; 
	background:#FFF; 
	color:#3D3C2C;
    margin: 20px 20px 20px 0px;
    width: 310px;
}
.controlContainerBody300
{
	position: relative;
	margin: 10px 10px 10px 10px;
	padding: 20px 10px 10px 25px;
	background:#F9F6D4; 
	color:#3D3C2C;
}
.controlContainerBody300 h2
{
	display:block; 
	padding:24px 0 0 0; font:28px/28px Georgia, "Times New Roman", Times, serif; 
	color:#3D3C2C; 
	margin:20px 0 20px 80px ;
}
.controlContainerBody300 h3
{
	display:block; 
	padding:24px 0 0 0; font:28px/28px Georgia, "Times New Roman", Times, serif; 
	color:#3D3C2C; 
	margin:20px 0 20px 80px ;
}

/************************************************/
/*--------------- Display Box ------------------*/
/************************************************/
.displayBox
{
    margin: 5px 5px 5px 5px;
    width: 550px;
    border: dotted 1px #F9F6D4;
}
.displayBoxHeader
{
    border-bottom: solid 1px #990000;
    height: 20px;
    vertical-align:middle;
}
.displayBoxRow
 {
     border-bottom: dotted 1px #990000;
     height: 20px;
 }
.matchListPhoto
{
    width: 60px;
    float: left;
    margin: 4px;
    border: solid 4px #990000;
}
.matchListPhotoBorder
{
    width: 70px;
    
    padding: 5px 5px 5px 5px;
    background: #FFFFFF;
    border: #F8F8F8;
}


.profilePhotoContainer
{
	padding: 5px;
}