/*  membership section styles only */

html, body {
	font-size: 11px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:400;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}
h1{ text-align:center;
    width:50%; 
	height:52px; 
	font-size:40px; 
	display:inline; 
	/*text-shadow:-1px 3px 6px #b3a8b3;*/
	text-shadow:-1px 4px 7px #FFFF00;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
 }
 #mainDivWhite{background-color:#F9F9F9;}
 .red{color:#BE0A0A;}
 .halfpg{width:50%; height:100%;}
 .fortypct{width:40%; height:100%;}
 #headerText{
	color:#fff;
	font-family:Arial, Helvetica, sans-serif; /*override */
 }
 /*  forms  */
 
  #signupform tr td{
    padding: 5px;   /*override */
 }
  td { height: 24px;
	 line-height: 24px; /* FOR IE */
	 padding: 12px 0px 12px 0px;
   }
 #radBtnTbl tr td{
    padding: 5px;   /*override */
 }
 #signupsubmit{
    margin-left:auto;
	margin-right:auto;
	width:150px;
 }
 #signupreset{
    margin-left:auto;
	margin-right:auto;
	width:150px;
	margin-left:10px;
 }
 #signupsubmit:hover, #signupreset:hover{
	 background-color:#999;
 }
 #loginform p{margin:5px;}
 .status{
    text-align:left;
	margin-left:0px;
 }
 .noshow{display:none;}
 .noneed{visibility:hidden;}
 /*  end forms */
h2{
    text-align:center;
    font-size:24px;
	margin-bottom: 15px;
}
h3 {
	text-align:center;
	margin-top:30px;
	font-size: 16px;
	margin-bottom: 5px;
}

h4 {
	text-align:center;
}
h5 { font-size:10px; }

h5 {
	text-align:center;
}
a.fontsize14{
   font-size:12px;
   padding:5px;
}
a { font-size:12px; }

a:visited    {
	text-decoration: none;
}

a:link    {
	text-decoration: none;
}

a:hover    {
	text-decoration: none;
}

a:active    {
	text-decoration: none;
}
 img{
    border: 0px;
 }
#body_table{
	text-align:center;
}
.ulTxt{text-decoration: underline;}
.clear{clear:both;}
.alertmsg{
  color:#CC0000;
  height:20px;
  font-size:12px;
}
.txtL{text-align:left;}
.floatL{float:left;}
.floatR{float:right;}
.center{
	text-align:center;
}
.centerDiv{ margin-left:auto; margin-right:auto;}
.center table{
	width:55%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	vertical-align:middle;
}

.fsize18{font-size:18px;}
.fsize16{font-size:16px;}
.fsize14{font-size:14px;}
.mleft40{margin-left:40px;}
.mright40{margin-right:40px;}
.mleft100{margin-left:100px;}
.mTop20pc{margin-top:20%;}
.mTop25{margin-top:25px;}
.mTop50{margin-top:50px;}
.mBot50{margin-bottom:50px;}

.linkheight { line-height:160%; }
.formBorder{
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	border-style:solid;
	color:#000000;
    border-width:5px;
    padding:3px;
    text-align:left;
	width:600px;
}

#outerBorder{
	background-color:#000000;
	padding: 0px;
	width: 800px;
	text-align:center;
	border:5px;
	border-color:#000099;
 	border-style:solid;
	margin: 0px auto;
}
#wrapper{
	width:794px;
	border:3px;
	border-color:#F9FADA;
 	border-style:solid;
	margin: 0px auto;

}

#outerdiv{
 margin-left:auto;margin-right:auto;text-align:center;width:900px;
}
#outerdiv h2{
   color:#000000;
   font-family:Arial,Helvetica,sans-serif;
}
#content{
	color:#F9FADA;
	text-align:center;
	background-color:#000000;
	width:auto;
	margin-bottom:0px;
	padding-bottom:0px;
}

#intro{
	margin-top:100px;
}

#details{
	text-align:left;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:700;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	padding-left:100px;
	padding-right:100px;
	line-height:1.5em;
}

#banner{
	margin-top:0px;
	vertical-align:top;
	background-color:#663399;
    color:#ffffff;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
img{
	border:0px;
	padding-top: 0px;
}

a{
	text-decoration: none;
	color:#0000FF;
}

a:visited {
	text-decoration: none;
	color:#0000FF;
}

a:hover {
 	text-decoration: none;
  	color:#AADFAA;
}

input, textarea {
    float:right;
    width:400px;
    border:2px solid #dadada;
    border-radius:7px;
    font-size:20px;
    padding:5px;
}
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #999999;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 14px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #000;
		margin: 0;
		/*margin-bottom: 10px;*/
		background: #fff; }


input:focus { 
    outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;
}
#signupform input { float:left; }
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
	float:none;
	margin-bottom:auto;
	margin-right:auto;
}
/* textbox style */

#signupform input[type=radio], input[type=checkbox] {
    width: 15px;  
    height: 15px;  
    vertical-align:bottom;
    background-color: #aaa;  
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
    border-radius: 8px;  
	margin-left:150px;
	vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
  padding-top: 10px;
}

.radcbxBtn input[type=radio], input[type=checkbox] {
    width: 15px;  
    height: 15px;  
    vertical-align:bottom;
    background-color: #aaa;  
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
    border-radius: 8px;  
	margin-left:150px;
	vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
  padding-top: 10px;
}

.tbLbl{
	margin-left:10px;
	float:left;
    position: relative;
    vertical-align: middle;
    bottom: 3px;
}

#list li{
	text-align:center;
	color:#AA3F55;
	line-height:150%;
	list-style-type:none;
}
#list1 li{
	float:left;
	text-align:left;
	list-style-type:none;
		margin-left:10px;

}
	
/*******Footer************/
#footer{
  	color:#F9FADA;
 	text-align:center;
	margin-bottom:25px;
	background-color:#000000;
	height:15px;

}

#footer_contact{
	background-color:#2A5F00;
	border-bottom:3px;
	border-bottom-style:outset;
	border-bottom-color:#A0A0A4;
	border-top:3px;
	border-top-style:solid;
	border-top-color:#A0A0A4;
	padding-top:4px;
	padding-bottom:4px;
}
#matches{   
background-color:#fff;
border:1px;  
border-color:#000080;  
border-style:solid;
margin-left:auto;
margin-right:auto;
}
.buttonReset{
   width:10%;
}

.buttonSubmit{
   width:10%;
}

.buttonResetRoll{
 	color:#FFFFFF;
	background-color: #A0A0A4;
	margin-top:4px;

}

.buttonSubmitRoll{
 	color:#FFFFFF;
	background-color: #A0A0A4;
	margin-top:4px;

}


/************* globalNav styles ****************/

#globalNav{
width: 100%;
height: 32px;
color: #cccccc;
padding-top: 1px;
padding-bottom: 8px;
margin-right:auto;
margin-left:auto;
text-align:center;
background-color:#000000;
border-bottom:4px;
border-bottom-style:outset;
border-bottom-color:#A0A0A4;
border-top:4px;
border-top-style:solid;
border-top-color:#A0A0A4;

}

#globalLink{
	height: 22px;
	min-width: 640px;
	padding-top: 0px;
	padding-bottom:9px;
	}

#boldText{
	font-weight:bold;
}
.boldText{
	font-weight:bold;
}
a.glink, a.glink:visited{
  	font-size: 1em;
  	color: #E1F246;  /* yellow */
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	border-right: 1px solid #8FB8BC;
	border-left: 1px solid #8FB8BC;
	text-decoration:none;

}

a.glinkend:hover{
	text-decoration: none;
	color:#AADFAA;
}

a.glinkend, a.glinkend:visited{
  	font-size: 1em;
  	color: #E1F246;  /* yellow */
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	border-right: 0px;
	border-left: 1px solid #8FB8BC;
	text-decoration:none;

}

a.glink:hover{
	text-decoration: none;
	color:#AADFAA;
}


/*  members area */
#header-sac-logo{
 border:1px; 
 border-color:#000080; 
 border-style:solid;
 background-color:#000080;
 color:#ffffff; 
 height:100px;
 text-align:center;
}

#header-sac-logo h1{
	font-family: Arial, Helvetica, sans-serif;
}
 
/*   table style */
.CSSTableGenerator {
	margin:0px;
	padding:0px;
	width:100%;
	/* box-shadow: 10px 10px 5px #888888; */
	border:1px solid #000000;
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}
.CSSTableGenerator tr:last-child td:first-child {
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}
.CSSTableGenerator tr:hover td {
}
 .CSSTableGenerator tr:nth-child(odd) {
background-color:#e8e8ed;
}
 .CSSTableGenerator tr:nth-child(even) {
background-color:#ffffff;
}
.CSSTableGenerator td {
	vertical-align:middle;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:3px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
	/* white-space:nowrap; */
}
.CSSTableGenerator tr:last-child td {
	border-width:0px 1px 0px 0px;
}
.CSSTableGenerator tr td:last-child {
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:last-child td:last-child {
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td {
	background:-o-linear-gradient(bottom, #203FC2 5%, #08292e 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #203FC2), color-stop(1, #08292e) );
	background:-moz-linear-gradient( center top, #203FC2 5%, #08292e 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#203FC2", endColorstr="#08292e");
	background: -o-linear-gradient(top, #203FC2, 08292e);
	background-color:#203FC2;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td {
	background:-o-linear-gradient(bottom, #203FC2 5%, #08292e 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #203FC2), color-stop(1, #08292e) );
	background:-moz-linear-gradient( center top, #203FC2 5%, #08292e 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#203FC2", endColorstr="#08292e");
	background: -o-linear-gradient(top, #203FC2, 08292e);
	background-color:#203FC2;
}
.CSSTableGenerator tr:first-child td:first-child {
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child {
	border-width:0px 0px 1px 1px;
}

/*      fun match button  */
a.btn {
  background: #BE0A0A;
  background-image: -webkit-linear-gradient(top, #BE0A0A, #ff638a);
  background-image: -moz-linear-gradient(top, #BE0A0A, #ff638a);
  background-image: -ms-linear-gradient(top, #BE0A0A, #ff638a);
  background-image: -o-linear-gradient(top, #BE0A0A, #ff638a);
  background-image: linear-gradient(to bottom, #BE0A0A, #ff638a);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #000000;
  font-weight:bold;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  font-size: 1em;
}

a.btn:hover {
  background: #6c6f70;
  background-image: -webkit-linear-gradient(top, #6c6f70, #b0aeb0);
  background-image: -moz-linear-gradient(top, #6c6f70, #b0aeb0);
  background-image: -ms-linear-gradient(top, #6c6f70, #b0aeb0);
  background-image: -o-linear-gradient(top, #6c6f70, #b0aeb0);
  background-image: linear-gradient(to bottom, #6c6f70, #b0aeb0);
  text-decoration: none;
  color:#000000;
  font-weight:bold;
}
a.btn:visited { color:#00000;}
/*    gradient background for fun matches */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7fbfc+0,d9edf2+40,add9e4+100;Blue+3D+%231 */
.fmbg{
background: #f7fbfc; /* Old browsers */
background: -moz-linear-gradient(top,  #f7fbfc 0%, #d9edf2 40%, #add9e4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f7fbfc 0%,#d9edf2 40%,#add9e4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#add9e4',GradientType=0 ); /* IE6-9 */
}
.matchesbg {
  background: #d3dbe0;
  background-image: -webkit-linear-gradient(top, #d3dbe0, #fcfcfc);
  background-image: -moz-linear-gradient(top, #d3dbe0, #fcfcfc);
  background-image: -ms-linear-gradient(top, #d3dbe0, #fcfcfc);
  background-image: -o-linear-gradient(top, #d3dbe0, #fcfcfc);
  background-image: linear-gradient(to bottom, #d3dbe0, #fcfcfc);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  font-family: Arial;
  color: #000;
  font-size: 16px;
  padding: 0px 40px 20px 20px;
  border: solid #b7bbbd 2px;
  text-decoration: none;
  margin:20px;
  width:75%; 
  height:100%;
  margin-left:auto;
  margin-right:auto;
}

.float_l {
	float: left;
}
.float_r {
	float: right;
}
.labelform{width:100px; display:inline-block; white-space:nowrap; }
.width50per{width:50%;}
.w100pct{width:100%;}

.cleaner {
	clear: both;
	width: 100%;
	height: 0px;
	font-size: 0px;
}
.cleaner_h10 {
	clear: both;
	width:100%;
	height: 10px;
}
.cleaner_h20 {
	clear: both;
	width:100%;
	height: 20px;
}
.cleaner_h30 {
	clear: both;
	width:100%;
	height: 30px;
}
.cleaner_h40 {
	clear: both;
	width:100%;
	height: 40px;
}
.cleaner_h50 {
	clear: both;
	width:100%;
	height: 50px;
}
.cleaner_h60 {
	clear: both;
	width:100%;
	height: 60px;
}
#templatemo_content_wrapper {
	clear: both;
	width: 100%;

}
#templatemo_content {
	width: 900px;
	padding: 40px 55px;
	margin: 0 auto;
}
.text-wrap {
	 /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

/* management forms */

#manage_form {
	background:#fff;
	width: 100%;
	padding-left:20px;
	margin: 0;
}
#manage_form form {
	margin: 0px;
	padding: 0 40px 0 0;
	width:100%;
}
#manage_form form .input_field {
	width: 450px;
	padding: 5px;
	background: #F1F7E3;
	border: 1px solid #999;
	color: #000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
}
#manage_form form label {
	display: block;
	width: 100px;
	margin-bottom: 5px;
	font-size: 16px;
	color:#082a2e;
	float:left;
}
#manage_form form textarea {
	width: 450px;
	height: 200px;
	padding: 5px;
	background: #F1F7E3;
	border: 1px solid #000;
	color: #000;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
}
#manage_form form input submit_btn {
	margin: 0px;
	padding: 8px 14px 10px;
	background-color: #666666;
	color: #FFFFFF;
	width:35px;
	border: 1px solid #FFFFFF;
	float:left;
}
#manage_form form input reset_btn {
	width:35px;
	margin-left: 50px;
	padding: 8px 14px 10px;
	background-color: #666666;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
}
#manage_form input[type=text], input[type="checkbox"], select, textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
#manage_form input[type=text]:focus, input[type="checkbox"]:focus, select:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}
	/* textbox styling */

/*      end management forms */