#leftside { background: #CCC;  height: 540px;  width: 200px; float: left; padding-left: 10px; margin: 1px; color: #666699;}
#leftside select{ width: 105px; background-color: #666699;  color: #ffffff; font-size: x-small; }
#rightside { float: left;  top: 0px; background: #CCC;  height: 540px; width: 738px; padding-left: 10px; margin: 1px; color: #666699;}
#stats {float: left; top: 0px; background: #CCC;  height: 540px; width: 200px; padding-left: 10px; margin: 1px; color: #666699;}
#footer{float: left; background: #CCC;  height: 20px; width: 1150px; padding-left: 10px; margin: 1px; color: #666699; text-align: center;}
#footer a{text-decoration: none; color:white;}
#menu {  float: left; display:inline; position: relative; padding: 0px; background: #000; height: 540px; width: 300px; }
#menu a{ display:block; text-decoration:none; font-family: arial, helvetica, verdana, sans-serif; white-space: nowrap;}
#menu2 { float: left; display:inline; position: relative; padding: 0px 0px 0px 10px; background: #CCC; height: 540px; width: 190px; color: #666699;}

#menu2 select{ background-color: #666699;  color: #ffffff; font-size: x-small; width: 175px; border: 0;}
.cssbutton { background: #fff; padding: 1px; font-family: Geneva, Vera, Arial, Helvetica, sans-serif;
	font-size: small; font-variant : small-caps;	border : 1px solid #aaa; }
.buttonleft { color: #f8f8f8; background: #a42; padding: 0px 3px 0px 3px; }
.buttonright { 	color: #f8f8f8; background: #886; padding: 0px 20px 0px 3px; }
.buttonright a,a:hover,a:active {text-decoration: none; color:white;}

#fragment1 {  width: 200px; }

.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	float: left;
	position: relative;
	z-index: 1;
	border-right: 1px solid #d3d3d3;
	bottom: -1px;
	width: 378px;
}
.ui-tabs-nav li {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border: 1px solid #d3d3d3;
	border-right: none;
}
.ui-tabs-nav li a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	padding: .5em 1.7em;
	color: #555555;
	background: #e6e6e6 url(jquery-ui-themeroller/images/e6e6e6_40x100_textures_10_dots_medium_75.png) 0 50% repeat-x;
}
.ui-tabs-nav li a:hover {
	background: #dadada url(jquery-ui-themeroller/images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	color: #212121;
}
.ui-tabs-nav li.ui-tabs-selected {
	border-bottom-color: #ffffff;
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
	background: #ffffff url(jquery-ui-themeroller/images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	color: #222222;
}
.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	clear:left;
	float: left;
	position: relative;
	border: 1px solid #d3d3d3;
	background: #ffffff url(jquery-ui-themeroller/images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	color: #222222;
	padding: 1.5em 1.7em;	
	font-size: 1.1em;
	width: 316px;
}
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}



/*hidden elements*/
.ui-hidden {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
.ui-accessible-hidden {
	 position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
/*clearfix class*/
.ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */

/* Note: for resizable styles, use the styles listed above in the dialog section */
	
	#preview{
		position:absolute;
		border:1px solid #ccc;
		background:#333;
		padding:5px;
		display:none;
		color:#fff;
		}

		#rightside ul { list-style: none; }
		#rightside ul li { display: inline; }
		
		#rightside ul img {
				border: 5px solid #3e3e3e;
				border-width: 5px 5px 20px;
			}
			#rightside ul a{ text-decoration: none;}
			#rightside ul a:hover img {
				border: 5px solid #fff;
				border-width: 5px 5px 20px;
				color: #fff;
			}
			
			#rightside ul a:hover { color: #fff; }