body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/background.jpg);
	background-repeat: repeat-x;
	padding:0px;
	margin:0px;
}
td,th{
	background-color: none;
	color:#FFFFFF;
}

.error {
  display: block; 
  line-height: 22px;
  color: #FFFFFF;
  font-weight: bold;
  background: #FF9D9D url(images/stop.gif) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 0px;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;

}

.success {
  display: block;
  line-height: 22px;
  color: #008000;
  font-weight: bold;
  background: #CBFFC2 url(images/ok.gif) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 0px;
  border-top: 2px solid #008000;
  border-bottom: 2px solid #008000;

}
.warning {
	display: block;
	text-align:center;
	line-height: 22px;
	color: #000000;
	background: #FFFF99;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	margin: 0px;
}

.mainmenu {
	display: block;
	line-height: 22px;
	color: #FFFFFF;
	font-weight: bold;
	background: none;
	padding: 3px 10px 3px 10px;
	margin: 0px;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

.mainmenu a {
	text-decoration: none;
	padding: 0 3px;
	padding-top: 3px;
	font-size: 12px;
	color: #fc6;
	margin-left: 5px;
	border-bottom: 3px solid transparent;
}

.mainmenu a:hover{
	color: #fa3;
	border-bottom: 3px solid #fa3;
}

.footer {
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	color:#999999;
	text-decoration:none;
}
<!-- END OF TOP MENU -->

<!-- Imageless CSS Rounded Boxed -->

#container {background:none; width:600px; margin:0px; padding:0px;}
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:1.5em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em; color:#eee;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}


.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}

.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#707090; border-width:0 5px;}

.xb5 {margin:0 2px; background:#707090; border-width:0 4px;}
.xb6 {margin:0 2px; background:#707090; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#707090; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#707090; border:3px solid #fff; border-width:0 3px;}

/* ----------- My Form ----------- */
.myform{
margin:0 auto;
padding:0px;
width:500px;
}

#stylized{
background: none;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}

#stylized p{
	font-size:11px;
	color:#FFFFFF;
	margin-bottom:20px;
	padding-bottom:10px;
}
#stylized label{
display:block;
font-size:12px;
text-align:right;
width:150px;
float:left;
color:#FFFFFF;
}
#stylized .small{
color:#FFFFFF;
display:block;
font-size:8px;
font-weight:normal;
text-align:right;
 width:150px;
}
#stylized input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #000000;
width:300px;
margin:2px 0 20px 10px;
}
#stylized textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #000000;
width:300px;
margin:2px 0 20px 10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}



/*
Name: Nice Login and Signup Panel using Mootools 1.2
Tutorial URI: http://web-kreation.com/demos/login_form_mootools_1.2/
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: August 2008

	The CSS, XHTML and design is released under Creative Common License 2.5:
	http://creativecommons.org/licenses/by-sa/2.5/

*/

/* Login Panel */
#top {
  	background: url(images/login_top.jpg) repeat-x 0 0;
	height: 38px;
	position: relative;
}

#top ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 38px;
	width: auto;
  	font-weight: bold;
	line-height: 38px;
	margin: 0;
	right: 150px;
  	color: white;
  	font-size: 80%;
	text-align: center;
  	background: url(images/login_r.png) no-repeat right 0;
	padding-right: 45px;
}

#top ul.login li.left {
  	background: url(images/login_l.png) no-repeat left 0;
  	height: 38px;
	width: 45px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

#top ul.login li {
 	text-align: left;
  	padding: 0 6px;
	display: block;
	float: left;
	height: 38px;
  	background: url(images/login_m.jpg) repeat-x 0 0;
}

#top ul.login li a {
	color: #000099;
}

#top ul.login li a:hover {
	color: white;
}

/*Login*/
/* toggle effect - show/hide login*/
#login {
	width: 100%;
	color: white;
	background: #707090;
	overflow: hidden;
	position: relative;
	z-index: 3;
	height: 0;
}

#login a {
	text-decoration: none;
	color: #000099;
}

#login a:hover {
	color: white;
}

#login .loginContent {
	width: 650px;
	height: 60px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: left;
	font-size: 0.85em;
}

#login .loginContent .left {
	width: 120px;
	float: left;
	padding-left: 65px;
	font-size: 0.95em;
}

#login .loginContent .right {
	width: 400px;
	float: right;
	text-align: right;
	padding-right: 65px;
	font-size: 0.95em;
}

#login .loginContent form {
	margin: 0 0 10px 0;
	height: 26px;
}

#login .loginContent input.field {
	border: 1px #000000 solid;
	background: #FFFFFF;
	margin-right: 5px;
	margin-top: 4px;
	color: 000000;
	height: 16px;
}

#login .loginContent input.button_login {
	width: 47px;
	height: 20px;
	cursor: pointer;
	border: none;
	background: transparent url(images/button_login.jpg) no-repeat 0 0;
}

#login .loginClose {
	display: block;
	position: absolute;
	right: 15px;
	top: 10px;
	width: 70px;
	font-size: 0.8em;
	text-align: left;
}

#login .loginClose a {
	display: block;
	width: 100%;
	height: 20px;
	background: url(images/remove.png) no-repeat right 0;
	padding-right: 10px;
	border: none;
	font-size: 0.9em;
	color: white;
}


/* CSS for My Short Code   */

.myshortcode a {
	text-decoration:none;
	color:#FFFFFF;
}

.myshortcodeUrl {
	color: #CCCCCC;
	font-family:"Courier New", Courier, monospace;
	font-style:italic;
	font-size:10px;
}



/* Navigation */

.nav_paging {
	border-top: 1px solid #ccc;
	padding: 10px;
	font-size: -2;
	color: #FFFFFF;
}
#nav_pages .nav_currentpage {
	border: 1px solid #CC0000;
	padding: 1px 5px 2px;
	margin-right: 1px;
	background-color: #FF3300;
	color: #fff;
} 
#nav_pages .nav_off {
	border: 1px solid #9D9EC8;
	padding: 1px 5px 2px;
	margin-right: 1px;
	color: #9D9EC8;
}
#nav_pages a, #nav_pages a:link, #nav_pages a:visited {
	border: 1px solid #FFFFFF;
	padding: 1px 5px 2px;
	margin-right: 1px;
	text-decoration: none !important;
	color: #FFFFFF;
} 
#nav_pages a:hover {
    background-color: #fff;
    color: #000;
}
