/* Main CSS File for RustyHookTowing.com */

/* Default to no padding or anything */
*{
	margin:					0px;
	padding:				0px;
	border:					0px;
}

input.email{
	display:				none;
}

input, textarea{
	border:					1px solid #888;
}

/* Body Area */

body{
	background-image:		url('../Images/stripe.png');
    background-color:   	rgb(255, 128, 32);
}

body.Anderson{
	background-image:		url('../Images/stripe2.png');
    background-color:   	rgb(32, 128, 255);

}

body.Rims{
	background-image:		url('../Images/stripe4.png');
    background-color:   	rgb(32, 128, 255);

}
/* Title/Logo Area */

div.Title{
	background-color:		rgb(255, 255, 255);
	left:					0px;
	right:					0px;
	padding:				32px;
	text-align:				center;
	color:					rgb(0, 0, 0);
	font-family:			"Helvetica", Times, serif;
	font-size:				64px;
	font-weight:			bolder;
}


p.Number{
	text-align:				center;
	font-size:				28px;
}

p.Info{
	text-align:				center;
	font-size:				14px;
}

/* Tab/Links Area */

div.TabBar{
	position:				relative;
	right:					0px;
	left:					0px;
	height:					32px;
}

h4{
	text-indent:			1em;
}

div.TabButton{
	border-radius: 			0px 0px 5px 5px;
	box-shadow: 			0px 5px 5px #422;
	top:					0px;
	position:				relative;
	padding:				8px;
	font-size:				32px;
	background-color:		#DDD;
	float:					left;
	margin:					2px;
	margin-top:				0px;
}

div.TabButtonSelected{

	border-radius: 			0px 0px 5px 5px;
	box-shadow: 			0px 5px 5px #422;

	top:					0px;
	position:				relative;
	padding:				8px;
	font-size:				32px;
	background-color:		rgb(255, 255, 255);
	float:					left;
	margin:					2px;
	margin-top:				0px;
}

/* Page Content Area */

div.ContentContainer{
	margin-top:				16px;
	padding-top:			32px;
	padding-bottom:			32px;
	padding-left:			10%;
	padding-right:			10%;
}

div.Content{
	background-color:		rgb(255, 255, 255);
	padding:				10px;
	border-radius: 			5px;
	box-shadow: 			0px 10px 10px #633;
	margin-bottom:			1em;
}

/* hidden fields */
div.HideMe{
    color:   				rgb(255, 128, 32);
	overflow:				hidden;
	width:					1px;
	height:					1px;
}

/* Footer area shit */
div.Copyright{
	text-align:				center;
	font-size:				10px;
	color:					white;
}

/* Links */
A{
	z-index:				5;
	color:					rgb(50, 50, 255);
}

A:link{
	text-decoration: 		none;
}

A:visited{
	text-decoration: 		none;
}

A:active{
	text-decoration: 		none;
}

A.TabButton:hover{
	color:					rgb(100, 100, 255);
	text-decoration: 		underline; 
	font-size:				36px;
}

A:hover{
	color:					rgb(100, 100, 255);
	text-decoration:		underline;
}

A.Selected{
	color:					rgb(100, 100, 255);
	font-size:				36px;
}


/* Tables */

table.Stats{
	width:					50%;
	border-style:			solid;
	border-width:			0px;
	border-color:			rgb(170, 170, 170);
	border-spacing:			0px;
}

tr.Stats{
	border-style:			solid;
	border-width:			1px;
	border-color:			rgb(170, 170, 170);
	background-color: 		#FFF;
	font-size: 130%;
}
tr.Stats2{
	border-style:			solid;
	border-width:			1px;
	border-color:			rgb(170, 170, 170);
	background-color: 		#EEE;
	font-size: 130%;
}

td.Stats{
	vertical-align:			top;
	padding:				3px;
	/*1=background-color: 		rgb(245, 245, 245);*/
}

td.Stats2{
	vertical-align:			top;
	padding:				3px;
	/*background-color: 		rgb(240, 240, 240);*/
}

/* Lists */

li:hover{
	list-style-type:		none; 
	background:				url(Bullet2.PNG) left top no-repeat; 
	text-indent:			18px;
	margin-bottom:			5px;
	background-color:		yellow;
	font-family:			monospace;
	font-size:				12px;
}

li{
	list-style-type:		none; 
	background:				url(Bullet.PNG) left top no-repeat; 
	text-indent:			18px;
	margin-bottom:			5px;
	font-family:			monospace;
	font-size:				12px;
}

/* Slim down code */
td.TL1{
	width:					5%; 
	padding:				5px; 
	text-align:				center; 
	border-style:			none solid dotted none; 
	border-color: 			grey; 
	border-width:			2px;
}

td.TL2{
	width:					50%; 
	padding:				5px; 
	text-align:				center; 
	border-style:			none solid dotted none; 
	border-color: 			grey; 
	border-width:			2px;
}

td.TL3{
	width:					30%; 
	padding:				5px; 
	text-align:				center; 
	border-style:			none solid dotted none; 
	border-color: 			grey; 
	border-width:			2px;
}

td.TL4{
	padding:				5px; 
	text-align:				center; 
	border-style:			none solid dotted none; 
	border-color: 			grey; 
	border-width:			2px;
}

td.TL5{
	padding:				5px; 
	text-align:				center; 
	border-style:			none none dotted none; 
	border-color: 			grey; 
	border-width:			2px;
}

td.TL6{
	padding:				5px; 
	text-align:				center; 
	border-style:			none none dotted solid; 
	border-color: 			grey; 
	border-width:			2px;
}