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


/* begin styles for designer areas */

.designer
{
	border-top: solid 1px #CCC;
	padding-top: 35px;
	margin: 35px 0px;
	clear: both;
}

.designer .left
{
	width: 100%;
	clear: both;
}

.thumbnail
{
	background-image: url(../gif/previews/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	padding: 10px;
	text-align: center;
	vertical-align: top;
}

.thumbnail img {
	margin-bottom: 10px;
}

.designer .thumbtable 
{ /* styles thumbnail table */
	width: 580px;
	text-align: center;
}

.designer .thumbtable td
{ /* styles thumbnail table td */
	width: 50%;
}

.designer-links {
	text-align: center !important;
}

.top-button {
	float: right;
	margin: 20px 0px 20px 0px !important;

}

/* end styles for designer areas */

.designer .listtable
{ /* styles designers list table */
	width: 580px;
	text-align: center;
	text-align: left;
	vertical-align: top;
}

/* begin styles for CSS orange button */
a.ovalbutton{
background: transparent url('../gif/oval-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

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

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

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

a.ovalbutton: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%;
}