
/* ---------------------- RESPONSIVE STUFF - ONLY TOUCH IF YOUR'E CONFIDENT WITH CSS ---------------------- */

@media only screen and (max-width: 1279px) {
	.container{
		width:98% !important;
	}
	
}


.txt-retro {
text-shadow: #333 4px 3px 0;
}

.txt-emboss{

text-shadow: rgba(255,255,255,.1) -1px -1px 1px,rgba(0,0,0,.5) 1px 1px 1px;	
}


#tbs-text-000 { color:#000}
#tbs-text-red { color:#900}

#tbs-text-red-a54f29 { color:#a54f29}

#tbs-text-green { color:#693}

#tbs-text-blue { color:#003b80}

#tbs-text-purple { color:#939}

#tbs-text-orange{ color:#F90}

#tbs-text-grey{ color:#999}

#tbs-left-20 { padding-left:20px;}

#tbs-left-30 { padding-left:30px;}

#tbs-left-50 { padding-left:50px;}

#tbs-margin-top-20 { margin-top:-20px;}

#tbs-margin-left-40 { margin-left:-40px;}

#required-left {  
color:#900;
  }
#required-left:before {
    content: "★";
	color:#900;
  }


#requiredt:before {
    content: "★";
	color:#900;
  }


/*------------------Form ------------------------*/
#mobile {
	width:310px;
}

.form-div {
  border: 1px solid #ccc;
  border-radius:4px;
  background-color:#FFF;
  padding-top:8px;

  outline: none;
  box-shadow: none;
  height: 40px;
  color:#000;
  font-size:17px;
}

.center {
    margin: auto;
    width: 90;
    
    padding: 10px;
}

.left {
    position: absolute;
    right: 0px;
    width: 90px;
    border:3px solid #8AC007;
    padding: 10px;
}
.right {
    position: absolute;
    right: 0px;
    width: 90px;
    border:3px solid #8AC007;
    padding: 10px;
}

#form-label-left {
	float:left;	
	color:#004274;	
}

.form-label {
	float:left;	
	color:#004274;	
}
.form-input-left {
	float:left;	
	color:#004274;
	width:150px;	
}
.form-input-right {
	float:right;	
	color:#004274;
	width:150px;	
}
.form-input-left-small {
	float:left;	
	color:#004274;
	width:90px;	
}
.form-input-right-small {
	float:right;	
	color:#004274;
	width:90px;	
}
.form-div-left {
	float:left;	
	color:#000;
	width:150px;	
}
.form-div-right {
	float:right;	
	color:#000;
	width:150px;	
}
.btn-submit {
  width: 100px;
  background-color: #004274;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  

  padding: 5px;
}

.btn-submit:hover, 
.btn-submit:focus{
  color: #fff;
  outline: none;
  box-shadow: none;
  opacity: .9;
}

.btn-reset {
  width: 100px;

  background-color:#030;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 5px;
  text-transform: uppercase;

  padding: 5px;
}

.btn-reset:hover, 
.btn-reset:focus{
  color: #fff;
  outline: none;
  box-shadow: none;
  opacity: .9;
}

.login-btn-submit {
  width: 130px;
  height:30px;
  border:0px;
  background:url(../images/member/login-submit.png)

}
.login-btn-submit:hover, 
.login-btn-submit:focus{

  box-shadow: none;
  opacity: .9;
}

.reg-btn-submit {
  width: 130px;
  height:30px;
  border:0px;
  background:url(../images/member/reg-submit.png)

}
.reg-btn-submit:hover, 
.reg-btn-submit:focus{

  box-shadow: none;
  opacity: .9;
}




/*-----------------LINK-----------------------*/

#link-666 {
	font-size:15px; 
	text-decoration:none;
	color:#666;
	text-align:center;
}
#link-666 a {
	text-decoration:none;
	color:#666;
}

#link-666 a:hover {
	text-decoration:none;
	color:#c00;
}
#link-666 a:visited {
	text-decoration:none;
	color:#666;
}

#link-fff {
	text-decoration:none;
	color:#fff;
	text-align:center;
}
#link-fff a {
	text-decoration:underline;
	color:#fff;
}

#link-fff a:hover {
	text-decoration:underline;
	color:#fff;
}
#link-fff a:visited {
	text-decoration:underline;
	color:#fff;
}

.b-radius{border-radius: 9px;}
.b-radius-top{border-radius: 9px 9px 0 0;}
.b-radius-bottom{border-radius: 0 0 9px 9px;}










