/*****************************************/
input, select {
	color : #000000;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.px {
	padding-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	margin-top : 2px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
.forumlink {
	font-family: Traditional Arabic;
	font-weight: bold;
	font-size: 22px;
	color: #47590E; 
}
.rss {
	font-family: Traditional Arabic;
	font-weight: bold;
	font-size: 17px;
	color: #47590E; 
}
.menu {
	font-family: Traditional Arabic;
	font-weight: bold;
	font-size: 17px;
	color: #47590E; 
	margin-right : 15px;
}
a.forumlink {
	text-decoration: none;
	color : #47590E;
}
a.forumlink:hover{
	text-decoration: none;
	color : #78A22F;
}

th.thLeft,td.catLeft {
	border-width: 0px 0px 0px 1px; 
}
th.thTop {
	font-family: Traditional Arabic;
	border-width: 1px 0px 0px 0px;
	font-weight: bold;
	border: #FFFFFF;
	border-style: solid;
	height: 28px; 
}
th {
	font-family: Traditional Arabic;
	color: #FFFFFF;
	font-size: 22px;
	font-weight : bold;
	background-color: #006699;
	height: 25px;
	background-image: url(images/cellpic2.gif);
}
td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
    background-image: url(images/cellpic1.gif);
    background-color:#D1D7DC;
    border: #FFFFFF;
    border-style: solid;
    height: 28px;
}
.forumline {
	background-color: #FFFFFF;
	border: none;
	color: #47590E;
	
}
.cattitle {
	font-weight: bold;
	font-size: 22px ;
	letter-spacing: 0px;
	color : #47590E
}
a.cattitle {
	text-decoration: none;
	color : #47590E;
}
a.cattitle:hover{
	text-decoration: none;
	color: #47590E;
}
th,td {
	font-family: Traditional Arabic;
	color: #47590E;
	font-size: 16px;
}
a:link,a:active,a:visited {
	color : #47590E;
}
a:hover {
	text-decoration: none;
	color : #78A22F;
}
hr {
	height: 0px;
	border: solid #D1D7DC 0px;
	border-top-width: 1px;
}
.price {
	color: #FF0000;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
}
.px5 {
	margin-top : 5px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
}
td.featitle {
	font-size:22px;
	font-weight:bold;
	color: #00000F;
}
td.row1 {
	background-color:#DBF09C;
	font-size:14px;
	font:Arial;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
}
td.row2 {
	background-color:#FFFFFF;
	font-size:14px;
	font:Arial;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
}
tr.row1 {
	background-color:#DBF09C;
	font-size:14px;
	font:Arial;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
}
tr.row2 {
	background-color:#FFFFFF;
	font-size:14px;
	font:Arial;
	font-weight:bold;
	padding-top:3px;
	padding-bottom:3px;
}
.title {
	color : #000000;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 30px;
	margin-right : 30px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.title a {
	color : #EF6D00;
}
.title a:hover {
	color : #C25A02;
}
.list {
	color : #FFFFFF;
	margin-top : 3px;
	padding-bottom : 3px;
	margin-bottom : 0px;
	margin-left : 10px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.right {
	color : #FFFFFF;
	margin-top : 5px;
	padding-bottom : 10px;
	margin-bottom : 0px;
	margin-left : 15px;
	margin-right : 15px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.right a, .list a {
	color : #FFFFFF;
}
.right a:hover {
	color : #AAAAAA;
}
.left {
	color : #000000;
	margin-top : 10px;
	padding-bottom : 5px;
	margin-bottom : 0px;
	margin-left : 25px;
	margin-right : 10px;
	font-size : 11px;
	font-family : Tahoma,Verdana,Arial;
	font-weight: bold;
}
.left a {
	color : #FF6600;
}
.left a:hover {
	color : #FF0000;
}
/*****************************************/

	
body {
	font-family: Traditional Arabic;
	font-size : 16px;
	width: 100%;
	height: 100%;
	margin: 0px 0px; padding:0px;
	text-align:center;
	}
	
	*html body {
		padding: 0 0 30px 0;
		}

h3 {
	font-weight: normal;
	font-size: 180%;
	margin: 5px 0;
	}

h4 {
	font-weight: bold;
	font-size: 100%;
	}

p {
	margin: 0 0 .7em 0;
	}

	.leftbar {
		border-left: 3px solid #999999;
		padding: 0 0 0 3px;
		}

a, a:visited {
	text-decoration: none;
	color: #666666;
	}
	
	a:hover, a:active, a:focus {
		text-decoration: none;
		color: #333333;
		outline: none;
		}
				
img {
	border: none;
	}
	
ul {
	list-style-type: none;
	}
	
.imglink {
	background-color: transparent;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1.0;
	}
			
	.imglink:hover  {
		background-color: transparent;
		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
		-moz-opacity: .7;
		opacity: 0.7;
		}
		
#logo, #adminlogo {
	position: relative;
	width: 800px;
	margin: 30px auto 10px auto;
	text-align: center;
	}	

#content, #admincontent {
	position: relative;
	background-color: #FFFFFF;
	clear: both;
	width: 800px;
	margin: 0 auto;
	}

	*html #content {
		background-color: #525252;
		}
		
	#contentbox {
		clear: both;
		width: auto !important;
		margin: 0 0 30px 0;
		padding: 0 30px 5px 30px;
		}
		
		*html #contentbox {
			background-color: #FFFFFF;
			width: 800px;
			margin: 5px;
			padding: 0 25px;
			height: 100%;
			}

		.nav {
			float: left;
		    list-style: none;
			}
			
			.nav:after {
			    display: block;
			    content: " ";
				margin: 0;
				}
				
			.nav li {
				float: left;
				margin: 0 5px 0 0;
				width: 60px;
				padding: 0 0 2px 0;
				border-bottom: 1px solid gray;
				}
		
			.nav a {
				font: 10px/14px Verdana;
				display: block;
				background-color: #FFFFFF;
		    	text-decoration: none;
				text-align: center;
			    color: #000000;
				width: 60px;
				height: 15px;
				}

				.nav li:hover, .nav li:active, .nav li:focus {
					background-color: #DDDDDD; 
					}
					
					 .tabs-selected {
						background-color: #DDDDDD;
						}

					.nav .tabs-selected a:link, .nav .tabs-selected a:visited {
						cursor: default;
						}
						
				#nav_main, #nav_iframes, #nav_links {
					margin: 30px 0 5px 0;
					}

				#mp3 {
					float: right;
					width: 215px;
					height: 25px;
					margin: 25px 0 5px 0;
					border: none;
					}
					
					.nav #mp3 li:hover, #mp3 li:focus, #mp3 li:active {
						background-color: #FFFFFF;
						}
				
				#nav_links li {
					margin: 0 0 0 5px;
					}
					
				#nav_bios {
					margin: 5px 0;
					}
					
    .tabs-hide {
        display: none;
	    }

		#home, #bios, #media, #links, #soulhound, #oli, #rob, #kyle, #ray, #byron, #contact, #store {
			clear: left;
			border-top: 1px solid gray;
			padding: 0;
			}

			#home, #bios, #media, #links {
				width: 740px;
				}

		.awards {
			font-weight: bold;
			text-align: center;
			}

		.photo, .photoright, .map{
			background-color: #DDDDDD;
			float: left;
			width: 230px;
			margin: 0 10px 0 0;
			padding: 5px;
			border: 1px solid gray;
			}
				
			.photoright {
				float: right;
				clear: right;
				margin: 10px 0 0 10px;
				}

				#soulhound_photoright {
					margin: 17px 0 0 10px;
					}

		.article {
			margin: 5px 0 0 0;
			padding: 5px 10px;
			}
			
			*html .article {
				margin: 0;
				padding: 0 10px 5px 10px;
				}

		.break {
			height: 1px;
			background-color: gray;
			margin: 0 5px;
			}
			
			*html .break {
				height: 1px;
				background-color: #FFFFFF;
				border-top: 1px solid gray;
				}

			#break_one {
				width: 403px;
				}

		.top {
			clear: both;
			text-align: center;
			}

		.gearlist, #giglist, #quote {
			font: 10px/14px Verdana;
			background-color: #DDDDDD;
			float: right;
			width: 230px;
			margin: 17px 0 0 10px;
			padding: 2px 5px 5px 5px;
			border: 1px solid gray;
			}

			#giglist, #quote {
				clear: right;
				float: right;
				width: 300px;
				}
				
			#giglist {
				margin: 0 0 0 10px;
				}
			
			#quote {
				width: 400px;
				}
				
				.quotebox {
					background-color: #FFFFFF;
					padding: 5px;
					}

			.gear, #gig {
				background-color: #FFFFFF;
				padding: 5px;
				margin: 2px 0 0 0;
				}

				#gig {
					padding: 0 5px;
					text-align: center;
					}
				
			.scroll {
				overflow: visible;
				/*overflow: visible;*/
				background: #ccc;
				float: left;
				}
				
				.gear h4, #gig h4, .links h4, .songs h4, .forminputs {
					text-align: left;
					display: block;
					border-bottom: 1px solid gray;
					}

				.songright, .gearright, .privacy {
					text-align: right;
					font: 9px/12px Verdana;
					}

		#songlist, #linklist {
			clear: both;
			float: left;
			font: 10px/14px Verdana;
			background-color: #DDDDDD;
			padding: 2px 0 5px 5px;
			border: 1px solid gray;
			}

			#songlist {
				margin: 10px 0 10px 153px;
				}

				*html #songlist {
					margin: 10px 0 10px 75px;
					}

			#linklist {
				margin: 10px 0 10px 45px;
				}
				
			.songs, .links {
				background-color: #FFFFFF;
				padding: 5px;
				float: left;
				width: 200px;
				margin: 2px 5px 0 0;
				}
				
				*html .songs, .links {
					margin: 2px 3px 0 0;
					}
	
		.band, .quote {
			font-style: italic;
			}
			
/*  Thickbox */
#TB_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: #000000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

	* html #TB_overlay {
		position: absolute;
		height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
		}

#TB_img {
	clear: both;
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	border: none;
	}
		
#TB_window {
	z-index: 200;
	position: fixed;
	top: 50%;
	left: 50%;
	background: #FFFFFF;
	display: none;
	margin: 0;
	padding: 0;
	border: 4px solid #525252;
	}

	*html #TB_window, *html #TB_load {
		position: absolute;
		margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
		padding: 0 0 5px 0;
		}

	#TB_window img {
		text-align: center;
		margin: 3px 5px 2px 5px;
		border: 1px solid gray;
		padding: 5px;
		}
		
	#TB_window a:hover, #TB_window a:active, #TB_window a:focus {
			text-decoration: none;
			outline: none;
			background-color: transparent;
			}

#TB_caption {
	height: auto;
	width: 90%;
	margin: 2px 0 0 4px;
	padding: 0;
	float: left;
	}

	*html #TB_caption {
		margin: 3px 0 0 3px;
		}

#TB_secondLine {
	height: auto;
	text-align: center;
	margin: 0 0 3px 0;
	padding: 0;
	}

		#TB_secondLine a:hover, #TB_secondLine a:active, #TB_secondLine a:focus {
			outline: none;
			}

#TB_closeWindow, #TB_closeWindowButton {
	margin: 0;
	padding: 0;
	}

#TB_closeWindow img {
	border: none;
	margin: 0;
	text-align: right;
	float: right;
	padding: 5px 5px 0 5px;
	}

	*html #TB_closeWindow {
		margin: 0 0 0 0;
		}

#TB_load {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	display: none;
	height: 100px;
	width: 100px;
	z-index: 101;
	}


#TB_HideSelect {
	z-index: 99;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000000;
	border: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
	}
	
#TB_iframeContent {
	clear: both;
	float: left;
	margin: 5px;
	padding: 3px 5px 5px 5px;
	border: 1px solid gray;
	overflow: visible;
	}
	
	*html #TB_iframeContent {
/*		padding: 1px 0 10px 0; */
		}
		
/*  Rounded content background */
.north {background: url(../images/borders/north.gif) repeat-x top;}.east {background: url(../images/borders/east.gif) repeat-y right;}.south {background: url(../images/borders/south.gif) repeat-x bottom;}.west {background: url(../images/borders/west.gif) repeat-y left;}.northeast {background: url(../images/borders/northeast.gif) no-repeat top right;}.southeast {background: url(../images/borders/southeast.gif) no-repeat bottom right;}.southwest {background: url(../images/borders/southwest.gif) no-repeat bottom left;}.northwest {background: url(../images/borders/northwest.gif) no-repeat top left;}

/* Form mods */
input.inp, textarea.inp, select.inp {
	background-color: #FFFFFF;
	border: 1px solid gray;
	font: 11px/17px Verdana;
	outline: none;
	}

	input.inp:hover, textarea.inp:hover, select.inp:hover {
		background-color: #DDDDDD;
		cursor: pointer;
		}

	input.inp:focus, input.inp:active, textarea.inp:focus, textarea.inp:active, select.inp:focus, select.inp:active {
		background-color: #FFFFFF;
		cursor: text;
		}
		
option {
	margin: 0 5px;
	}
	
	
	#formleft {
		float: left;
		margin: 0 0 10px 30px;
		padding: 0 10px 0 0;
		border-right: 1px solid gray;
		text-align: right;
		}
		
	#formright {
		clear: right;
		float: left;
		padding: 0 0 0 10px;
		border-right: none;
		align: right;
		}
		
	#formbottom {
		border-top: 1px solid gray;
		margin: 0 5px;
		padding: 10px 0 0 0;
		clear: both;
		text-align: center;
		}
				
	.option {
		margin: 5px 0;
		}
	
label {
	cursor: pointer;
	}	
	
.jScrollPaneContainer {
	position: relative;
	overflow: visible;
	z-index: 1;
	width: 5px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #AAAAAA;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666666;
	cursor: pointer;
	overflow: visible;
	}
	
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: visible;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: visible;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: visible;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: visible;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.hidden {
	visibility: hidden;
	}
	
#linkme {
	clear: left;
	margin: 5px auto 0 auto;
	text-align: center;
	}
	
.gigheader {
	padding: 5px 0 0 0;
	}

.after {
	padding: 0 0 5px 0;
	}
	
.deleteshow {
	border: 1px solid gray;
	border-bottom: none;
	}