
.sign-button { 
    background-image: url(create-sign.png);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    width: 159px;
    height: 40px;
    border: 0px;
    background-color: none;
    cursor: pointer;
    outline: 0;
}	
			
	
		


hr.drop_shadow {

    border: 0;
	width:560px;
	
    height: 2px;

    background: #666;

    background-image: -webkit-linear-gradient(left, #f3f3f3, #949494, #f3f3f3);

    background-image: -moz-linear-gradient(left, #f3f3f3, #949494, #f3f3f3);

    background-image: -ms-linear-gradient(left, #f3f3f3, #949494, #f3f3f3);

    background-image: -o-linear-gradient(left, #f3f3f3, #949494, #f3f3f3);

}




.standard-text-wrapper {
    100%;
    
}
.standard-text {
    width:115px;
    float:left;
	margin-left:8px;
}

.standard-text p{
 padding-bottom: 1px;
}

.standard-text-color {
    margin-left:115px;
 
}			


.optional-text{
font-size:10px;
padding-top:5px;

}

input#notes-1 {
height: 25px;
font-size:15px;
margin-bottom:4px;
}

input#notes-2 {
height: 25px;
font-size:15px;
}


.text-generator-wrapper {
    100%;
    
}
.text-name {
    width:124px;
    float:left;
	margin-left:10px;
	margin-top:7px;
}
.text-generator-box {
    margin-left:124px;
 
}	

input#team_name {
height: 25px;
font-size:15px;
margin-bottom:4px;
}

input#left_team_name {
height: 25px;
font-size:15px;
}		

.spacing-text{
margin-bottom:14px;
}

.team {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	background:#eaebec;
	margin:0px;
	border:#ccc 1px solid;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	width:96%;
}
.team th {
    color:#FFFFFF;
	padding:16px 25px 16px 25px;
	border-top:1px solid #6fa200;
	border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #6fa200;
	
	background: #1d2e42;
	font-size:22px;
}


.team tr {
	text-align: center;
	padding-left:0px;
}


.team td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
	
}

.team h2 {
	font-size:14px;
	padding-bottom:5px;
}

.generator-top {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding:8px;
	color: #F5F5F5;
	background: #1d2e42;
	margin:0px;
	border: #fc940d 4px solid;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	-moz-box-shadow: 0 1px 2px #FFFFFF; inset;
	-webkit-box-shadow: 0 1px 2px #FFFFFF; inset;
	box-shadow: 0 1px 2px #FFFFFF; inset;
	width:95%;
	text-align: left;
	
}

/* ipad portrait */

@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
#form-content h1, #form-content h2, #form-content, .header-text{
font-size:90%}
.header-text{
font-size:90%}
input#notes-1 {
width: 85%;

}

.team{
     width: 95%;
     margin: 0 auto;
     position: relative;
}
	
input#notes-2 {
width: 85%;
}
}


	
@media only screen and ( max-width: 767px) {
.image-resize
{
    max-width: 90%;
    height: auto;
}

#form-content h1, #form-content h2, #form-content, .header-text{
font-size:75%}
.header-text{
font-size:85%}

input#notes-1 {
width: 85%;

}

input#notes-2 {
width: 85%;
}

.team{
     width: 95%;
     margin: 0 auto;
     position: relative;
}
	

.display-gen-text{
text-align:left;
width: 75%;
font-size:75%
}

.gen-container { margin: 5px auto;}

#form-inner{
padding: 0px 0 0 4px;			
}

}


@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi)  { 
	
.image-resize
{
    max-width: 90%;
    height: auto;
}

#form-content h1, #form-content h2, #form-content, .header-text{
font-size:75%}
.header-text{
font-size:85%}

input#notes-1 {
width: 85%;

}

input#notes-2 {
width: 85%;
}

.team{
     width: 95%;
     margin: 0 auto;
     position: relative;
}
		

.display-gen-text{
text-align:left;
width: 75%;
font-size:75%
}

.gen-container { margin: 5px auto;}

#form-inner{
padding: 0px 0 0 4px;
	
		
}

}

