@charset "utf-8";
/* CSS Document */

#title, #first, #mi, #last, #suffix, #bday, #gender, #picture{
float:left;
margin: 0 5px 0 0;
}

#bday, #row4{
clear:left;
margin-bottom:20px
}

.header{
font-size:17px;
font-weight:bold;
padding-left:5px;
}

.maintable{
padding:10px;
border-style:none;
border:0;
}

.lefttable{
/*background-color:#9CF;*/
width:600px;
padding:10px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;

}

.righttable{
background-color:#CCC;
width:200px;
height:100%;
padding:10px;
vertical-align:top;
}

#row2, #row4, #row5, #row6, #row7, #row8, #rrow2, #rrow3, #rrow4, #rrow5{
margin:20px 0 0 0;
}

.row{
margin-top:20px;
width:572px;
margin-left:auto;
margin-right:auto;
clear:both;
}

.thead{
font-weight:bold;
}

#rrow5 ul{
margin:0;
}

.Row .soldattended td{
    margin: 0;
    padding: 1px;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;

}

.Row .datatable td{
    margin: 0;
	padding: 0px;
    //padding: 0px 50px 0px 25px;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
	line-height:12px;
}

.Button{
    margin: 0 !important;
    padding: 0px !important;
    border: 0 !important;
    outline: 0 !important;
    vertical-align: baseline !important;
    background: transparent !important;
}

.button{
    float:left;
	height:32px;
}

.column{
   /*width:50%;*/
   float:left;
   }

#mainarea{
   width:100%;
   margin-left:auto;
   margin-right:auto;
}

#container {
   width: 1017px;
   margin: auto;
   min-height: 100%;
   background-image:url('container-bg.jpg');
   background-repeat:repeat-y;
   overflow: hidden;
   padding-bottom: 1em;
}

#header {
   position:relative;
   overflow: hidden;
}


#banner {
   position:relative;
   width:1017px;
   height:134px;
   margin-left:auto;
   margin-right:auto;
   //overflow: hidden;
}

#banner img{
   display:block;
   margin-left:auto;
   margin-right:auto;
}

html {
   background: #0f1a09 url('imagebg.jpg') no-repeat fixed top center;
  height:100%;
  background-size:cover;
}

body {
   height: 100%;
   color:black;
   font-size:100%;
}

body .lefttable table {
   text-align:left !important;
}

body td, body th {
   font-size: 12px !important;
}

body .Controls td {
   text-align:left !important;
}

.row .column {
	text-align:left;
	/*border: #e5e5e5 2px solid;*/
	width: 250px;
	height:auto;
	min-height: 110px;
	margin: 10px 13px;
	padding: 5px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	background-color: #f5f5f5;
   }
   
 .edit {
    background: rgb(59, 147, 246);
    border-radius: 5px;
    /*border-color: #adb1b8 #a2a6ac #8d9096;
    border-style: solid;
    border-width: 1px;*/
    width: 62px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
    padding: 1px 6px;
    line-height: 24px;
    font-family: Arial,sans-serif;
    font-size: 12px;
	color:white;
    border: none;
 }
 /*
 .edit:hover, .edit:active{
	background: #c1c2c3;
 }
 */
a:hover, a:active,a:link,a:visited{
	color:initial!important;
	text-decoration:none!important;
}
.top {
	width:106px;
	line-height:24px;
}