a.squarebutton{
background: transparent url('media/square-orange-left.gif') no-repeat top left;
display: block;

font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('media/square-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.urbangreymenu{
width: 219px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

.tableinsidebar
{
width: 100%;
padding: 0;
border-spacing: 0px; 
}
.underlinemenu{
font-weight: bold;
width: 100%;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: center; //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
/*color: #494949;*/
color: #FFF;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid gray; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
/*border-bottom-color: black;*/
border-bottom-color: orange;
}

.sexytable table {
	/*width: 650px;*/
	width: 100%;
	border:1px solid #000000;
	border-spacing: 0px; }

.sexytable table a, .sexytable table, .sexytable tbody, .sexytable tfoot, .sexytable tr, .sexytable th, .sexytable td {
	/*font-family: Tahoma, Geneva, sans-serif;*/
}

.sexytable thead th {
	background: url(images/bg_th.gif) left;
	height: 22px;
	color: #FFFFFF;
	/*font-size: 1.2em;*/
	/*font-family: Arial;*/
	font-weight: bold;
	padding: 0px 7px;
	margin: 20px 0px 0px;
	text-align: center; }

.sexytable tbody th, .sexytable tbody td {
	/*font-size: 1.0em;*/
	/*line-height: 1.05em;*/
	/*font-family: Tahoma, Geneva, sans-serif;*/
	color: #000000;
	padding: 10px 7px;
	border: 1px solid #000000;
	border-spacing: 0px; }
	/*text-align: left;*/ }

.sexytable tbody th {
	text-align: left;
}

.sexytable tbody td {
	text-align: center;
        
}

.sexytable tbody a {
	color: #000000;
	font-weight: bold;
	text-decoration: none; }