@charset "UTF-8";
/* CSS Document */


#logo{
	background:url(../images/skin/GotTrouble-logo.png) no-repeat 60px top;width:290px;height:100px;float:left;
}
#logo h1{ display:block; visibility:hidden; }

#menuBar {
	width:680px;
	height:auto;
	padding:0;
	margin-right:0px;
	float:left;
	font:normal bold 14px "Trebuchet MS";

}

#menu { list-style-type:none; margin:10px 0 0 15px; padding:0; width:auto; background:red;}

#menu ul{
	margin:0;
	padding:0;
}

#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; height:47px; width:150px; z-index:100; line-height:24px;}

#menu li dl {position:absolute; top:0; left:0; padding-bottom:0;}

#menu li a, #menu li a:visited {text-decoration:none;}

#menu li dd {display:none;}

#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}

#menu table {border-collapse:collapse; padding:0; margin:-1px;}

#menu dl {width: 150px; margin: 0; padding: 0; background: transparent;}

#menu dt {margin:0; padding: 0;}

#menu dd {margin:0; padding:0; color: #F00; text-align:left; font-weight:normal;}


#menu dt a, #menu dt a:visited {

display:block; color:#FF0000; text-align:center; 

border:1px solid #DDD; border-width:0 1px 0 1px; 

background:url(../images/skin/mm-bg.gif) repeat-x left top; padding:0.25em 0 0.5em 0;

}

#menu li:hover dt a, #menu a:hover dt a {
color:#EEE; background:url(../images/skin/mm-bg.gif) repeat-x left bottom; border:1px solid #08c; border-width:0 1px 0 1px;
}

#menu dd a, #menu dd a:visited {
background:#FEFEFE; color:#4498ed; padding:0.5em 0; text-decoration:none; display:block; text-align:center; border-left:1px solid #08c; border-right:1px solid #08c;
}

#menu dd a:hover { color:#F00; border-left:1px solid #08c; border-right:1px solid #08c;}

#menu b {
display:block; overflow:hidden; height:1px;
}

#menu b.p1 {background:#DDD; margin:0 5px;}
#menu b.p2 {background:#FFF; border:2px solid #DDD; border-width:0 2px; margin:0 3px;}
#menu b.p3 {background:#FFF; margin:0 2px; border:1px solid #DDD; border-width:0 1px;}
#menu b.p4 {background:#FEFEFE; height:2px;  margin:0 1px; border:1px solid #DDD; border-width:0 1px;}

#menu b.p5 {background:#FEFEFE; margin:0 5px; border:2px solid #08c; border-width:0 1px 1px 1px;}
#menu b.p6 {background:#FEFEFE; margin:0 3px; border:1px solid #08c; border-width:0 1px;}
#menu b.p7 {background:#FEFEFE; margin:0 2px; border:1px solid #08c; border-width:0 1px;}
#menu b.p8 {background:#FFFFFF; margin:0 1px; border:1px solid #08c; border-width:0 1px; height:2px;}

#menu li:hover b.p2, #menu a:hover b.p2, #menu a:hover b.p1, #menu li:hover b.p1 {background:#4498ed; border-color:#4498ed;}

#menu li:hover b.p3, #menu a:hover b.p3 {background:#4498ed; border-color:#4498ed;}

#menu li:hover b.p4, #menu a:hover b.p4 {background:#4498ed; border-color:#4498ed;}



#dice{
	width:60px; height:50px; background:url(../images/dice.jpg) no-repeat center 6px; float:left; text-decoration:none;
}

#headerfields{ height:30px; background:url() no-repeat center center; width:auto; clear:both; margin:0 0 0 0; padding:5px;}

#searchbox{
	margin:5px 0 0 0;
	padding:0 0 0 15px;
	width:auto;
	height:25px;
	float:left;
	
}

input:focus, textarea:focus, #matchmenow select:focus, #searchbox .Field:focus, #matchmenow .zipField:focus, #matchmenow form:focus{
background-color: white; color:red; border-color:red;
}

#searchbox input, #matchmenow input { color:#555555; font-size:12px; }

#searchbox INPUT, #matchmenow INPUT { color:#555555; font-size:12px; }

#matchmenow select { color:#555555; font-size:12px; }

#searchbox .Field{ border:1px solid #45a3fe; color:#555555; background-color:#FFFFFF; padding:2px 1px 2px 1px; margin:0; width:105px; }

.dField{ border:1px solid #45a3fe; color:#555555; background-color:#FFFFFF; padding:2px; margin:0; width:200px; }


.dField { padding:1px; }

#matchmenow, #matchMeNow{
	width:auto;
	height:25px;
	margin:5px 0 0 10px;
	padding:0 0 0 10px;
	float:left;
	display:block;
}


.Srch input{ color:red; }

#matchmenow form, #matchMeNow form{
	display:inline;
}

#matchMeNow .title, #matchmenow .title{
	color:#999999;
	font-family: "Trebuchet MS", Arial, sans serif;
	font-size:14px;
	font-weight:normal;
	margin:0 ;
	padding:0;
}


#matchmenow { list-style:none; }

#matchMeNow .formbox, #matchmenow .formbox {
	display: inline;

}

#matchmenow .feildButton, #matchMeNow .feildButton {
	padding:0 0 0 0;
	background:url(../images/skin/go-btn.gif) no-repeat;
}

.goButton { display:inline; padding:0; margin:0; }

.goButton { border-style:none; width:30px; height:20px; padding:2px 1px 2px 0px; margin:0; background:url(http://www.gottrouble.com/images/skin/btn-go.gif) no-repeat left -1px; }

.zipField { border:1px solid #45a3fe; width:60px; color:#666666; background-color:#FFFFFF; padding:2px 1px 2px 1px; margin:0; }

#matchMeNow input, #matchmenow input { margin-right:0; padding-right:0;}

#matchMeNow .Field, #matchmenow .Field { border:1px solid #45a3fe; color:#red; background-color:#FFFFFF; padding:2px 1px 2px 1px; margin:0; }

#matchBox { width:auto; height:100px; border:1px solid #FF0000; border-collapse:collapse; margin:0 0 10px 0; padding:0; }

#matchBox .title { font-size:22px; color:white; background:#FF0000; width:234px; margin:0 0 10px 0; padding:0; }

#matchBox .dField { width:auto; margin:0; padding:0; }

#matchBox #matchmenow { padding:2px; margin:0; text-align:center; }