* {
	padding: 0px;
	margin: 0;
} 

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #333333;
	;
	padding: -5px;
	background-attachment: scroll;
	background-image: 0;
	background-repeat: repeat-y;
	bottom: 0px;
}

img { border: none; }
a { color: #57626a; text-decoration: none; }
a:hover {
	text-decoration: none;
	color : #FF6633;
}

#wrap {
	width: 1000px;
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-decoration: none;
	background-attachment: fixed;
	background-position: left top;
	float: left;
}

#header {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	background-repeat: no-repeat;
}
#header h1 {
	font-size: 26px;
	font-weight: 100;
	letter-spacing: -3px;
	padding-top: 12px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
}
#header h1 a {
	color: #666666;
	text-decoration: none;
}
#header h1 a:hover {
	color: #666666;
	text-decoration: none;
}
#header h2 {
color: #ccc;
font-size: 15px;
font-weight: 100;
padding: 0 0 0 11px;
letter-spacing: -1px;
line-height: 12px;
}

#menu {
	height: 40px;
	line-height: 14px;
	background: #57626a url(images/menu.jpg) no-repeat;
	text-transform: uppercase;
}
#menu ul {
padding-left: 10px;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #eee;
padding: 0 10px;
text-decoration: none;
font-weight: 100;
font-size: 14px;
letter-spacing: -1px;
}
#menu ul li a:hover {
color: #eee;
text-decoration: underline;
}

#content {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.right {
	width: 980px;
	float: left;
	text-align: justify;
	clear: left;
}
.right h2 {
color: #FF4800;
font-size: 20px;
letter-spacing: -3px;
font-weight: 100;
padding : 10px 0 15px 0;
}

.left {
	width: 170px;
	float: left;
	padding: 0px;
	border-right: 1px solid #bbb;
	font-size: 12px;
}
.left ul {
list-style-type: square;
padding: 5px 10px 10px 20px;
color: #57626a;
}
.left h2 {
height: 30px;
font-size: 14px;
color: #666;
line-height: 30px;
font-weight: 600;
}
.left a { text-decoration: none }

#footer {
	border-top: 3px solid #57626a;
	margin-top: 5px;
	text-align: center;
	color: #999999;
	font-size: 11px;
	padding: 10px;
	background-color: #CCCCCC;
	display: block;
}
#keyboardInputMaster {
  position:absolute;
  border:2px groove #dddddd;
  color:#000000;
  background-color:#dddddd;
  text-align:left;
  z-index:1000000;
  width:auto;
}
 
#keyboardInputMaster thead tr th {
  text-align:left;
  padding:2px 5px 2px 4px;
  background-color:inherit;
  border:0px none;
}
#keyboardInputMaster thead tr th select,
#keyboardInputMaster thead tr th label {
  color:#000000;
  font:normal 11px Arial,sans-serif;
}
#keyboardInputMaster thead tr td {
  text-align:right;
  padding:2px 4px 2px 5px;
  background-color:inherit;
  border:0px none;
}
#keyboardInputMaster thead tr td span {
  padding:1px 4px;
  font:bold 11px Arial,sans-serif;
  border:1px outset #aaaaaa;
  background-color:#cccccc;
  cursor:pointer;
}
#keyboardInputMaster thead tr td span.pressed {
  border:1px inset #999999;
  background-color:#bbbbbb;
}
 
#keyboardInputMaster tbody tr td {
  text-align:left;
  margin:0px;
  padding:0px 4px 3px 4px;
}
#keyboardInputMaster tbody tr td div {
  text-align:center;
  position:relative;
  height:0px;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout {
  height:auto;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table {
  height:20px;
  white-space:nowrap;
  width:100%;
  border-collapse:separate;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table.keyboardInputCenter {
  width:auto;
  margin:0px auto;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td {
  vertical-align:middle;
  padding:0px 5px 0px 5px;
  white-space:pre;
  font:normal 11px 'Lucida Console',monospace;
  border-top:1px solid #e5e5e5;
  border-right:1px solid #5d5d5d;
  border-bottom:1px solid #5d5d5d;
  border-left:1px solid #e5e5e5;
  background-color:#eeeeee;
  cursor:default;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.last {
  width:99%;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.alive {
  background-color:#ccccdd;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.target {
  background-color:#ddddcc;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.hover {
  border-top:1px solid #d5d5d5;
  border-right:1px solid #555555;
  border-bottom:1px solid #555555;
  border-left:1px solid #d5d5d5;
  background-color:#cccccc;
}
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.pressed,
#keyboardInputMaster tbody tr td div#keyboardInputLayout table tbody tr td.dead {
  border-top:1px solid #555555;
  border-right:1px solid #d5d5d5;
  border-bottom:1px solid #d5d5d5;
  border-left:1px solid #555555;
  background-color:#cccccc;
}
 
#keyboardInputMaster tbody tr td div var {
  position:absolute;
  bottom:0px;
  right:0px;
  font:bold italic 11px Arial,sans-serif;
  color:#444444;
}
 
.keyboardInputInitiator {
  margin-left:3px;
  vertical-align:middle;
  cursor:pointer;
}
body {
	margin:0;
	font-family:Verdana, Arial, Helvetica;
	font-size:14px;
}
#content {
	padding:20px
}
#dialog {position:absolute; width:425px; padding:10px; z-index:200; background:#fff}
#dialog-header {display:block; position:relative; width:411px; padding:3px 6px 7px; height:14px; font-size:14px; font-weight:bold}
#dialog-title {float:left}
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background:url(images/dialog_close.gif) no-repeat}
#dialog-content {display:block; height:160px; padding:6px; color:#666666; font-size:13px}
#dialog-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#FFF; opacity:.75; filter:alpha(opacity=75); z-index:100}
.error {background:#fff url(images/error_bg.jpg) bottom right no-repeat; border:1px solid #924949; border-top:none}
.errorheader {background:url(images/error_header.gif) repeat-x; color:#6f2c2c; border:1px solid #924949; border-bottom:none}
.warning {background:#fff url(images/warning_bg.jpg) bottom right no-repeat; border:1px solid #c5a524; border-top:none}
.warningheader {background:url(images/warning_header.gif) repeat-x; color:#957c17; border:1px solid #c5a524; border-bottom:none}
.success {background:#fff url(images/success_bg.jpg) bottom right no-repeat; border:1px solid #60a174; border-top:none}
.successheader {background:url(images/success_header.gif) repeat-x; color:#3c7f51; border:1px solid #60a174; border-bottom:none}
.prompt {background:#fff url(images/prompt_bg.jpg) bottom right no-repeat; border:1px solid #4f6d81; border-top:none}
.promptheader {background:url(images/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none}
<style>

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
#page #trough span.tag{
 float:none;
 display:inline;
 position:absolute;
 margin:1px -50px 0 3px;
 width:50px;
 height:12px;
 border:0;
 padding:0;
 background:transparent no-repeat;
}
 #trough {
 position:relative;
 overflow:hidden;
 *overflow:visible;
 }
 #trough .bd {
 padding:0;
 }
 #trough span {
 display:block;
 position:relative;
 margin:-1px -1px 0 0;
 padding:5px;
 }
 #trough .btn-more-2 {
 display:block;
 position:relative;
 top:0;
 left:0;
 padding:1px 2px;
 text-align:center;
 white-space:nowrap;
 }
 #trough ul {
 background:#f8f9fc url(http://l.yimg.com/i/i/uk/hp/grd4.gif) repeat-x;
 }
 #trough li {
 padding:3px 0 3px 5px;
 zoom:1;
 }
 #trough li a {
 display:block;
 min-height:12px;
  padding:3px 0 3px 25px;
 margin:-1px 0 -2px;
 *margin:-2px 0 -3px;
 font:bold 84% verdana;
 }
 #trough li.plink a {
 font:bold 122% arial;
 }
 #trough ul#trough-promo{
 background-position:0 -500px;
 } 
 #trough-promo li.last{
 margin-bottom:2px;
 }
#trough li em{
font:bold 122% arial;
}
#trough li em a{
padding:1px 0 1px 25px;
}
#trough-overlay-cx{
 position:absolute;
 top:0;
 left:0;
 z-index:900;
 overflow:hidden;
}
#trough-overlay{
 position:absolute;
 top:0;
 right:0;
 z-index:200;
 width:44em;
 min-width:592px;
 _width:44.5em;
 padding:2px 0 0 2px;
 overflow:hidden;
 *overflow:visible;
}
#trough-overlay.edit{
 width:47em;
}
#trough-overlay .shadow1{
 display:block;
 background:#b1b1b1;
}
#trough-overlay .shadow2{ 
 display:block;
 position:relative;
 top:-1px;
 left:-1px;
 background:#8b8b8b;
}
#trough-overlay-content{
 position:relative;
 top:-1px;
 left:-1px;
 min-width:540px;
 _width:100%;
 padding:10px 6px;
 border:1px solid #184473;
 background:#85a9cb url(http://l.yimg.com/a/i/ww/t5/grd-4px.gif) left -3100px repeat-x;
}
#trough-overlay h2{
 font:bold 122% arial;
 color:#fff;
 margin:0 0 10px 10px;
}
#trough-overlay p{
 font:normal 92% arial;
 color:#fff;
 margin:-10px 0 10px 10px;
}
#trough-close{
	display:block;
	position:absolute;
	top:282px;
	right:694px;
	padding:0 0 0 10px;
	font:bold 77% verdana;
	color:#fff;
	background:url(http://l.yimg.com/a/i/ww/t5/trough-close-2.gif) center left no-repeat;
}
#trough-overlay-bd{
 padding:3px 0 0 3px;
 background:#fff url(http://l.yimg.com/a/i/ww/t5/shd-tr.gif) no-repeat;
}
#trough-overlay-bd ol{
 float:left;
 width:20%;
}
#trough-overlay-bd ol.cols4{
 width:25%;
}
#trough-overlay-bd ol.cols5{
 width:20%;
}
#trough-overlay.edit li{
 font-weight:normal;
 white-space:nowrap;
}
#trough-overlay.edit li input{
 *margin-right:-3px;
}
#trough-overlay.edit li.on{
 font-weight:bold;
}
#trough-overlay-bd li{
 font:bold 85% verdana;
 margin-bottom:9px;
 *margin-bottom:6px;
}
#trough-overlay-bd li a{
 white-space:nowrap;
}
#trough-overlay-bd div{
 _width:100%;
 padding:10px 17px 0;
 *padding:5px 17px 4px;
 zoom:1;
}
/*  */
</style>
.ddmx {
    font: 11px tahoma;
}
.ddmx .item1,
.ddmx .item1:hover,
.ddmx .item1-active,
.ddmx .item1-active:hover {
    padding: 3px 10px 3px 10px;
    background: #000000;
    font: 12px arial;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
}
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    padding: 3px 8px 4px 8px;
    font: 11px tahoma;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    position: relative;
    z-index: 500;
}
.ddmx .item2 {
    background: #e5e1da;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    background: #ffffff;
}
.ddmx .arrow,
.ddmx .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
    position: absolute;
    top: 4px;
    right: 1px;
    border: 0;
}
.ddmx .section {
    border: 1px solid #b8b4ae;
    position: absolute;
    visibility: hidden;
    z-index: -1;
}

* html .ddmx td { position: relative; } /* ie 5.0 fix */
<style type="text/css">
	#theFormDiv {
 	display:none;
 	position:absolute;
 	top:4em;
 	left:4em;
 	background-color:#EEE;
 	border:1px solid #000;
 	padding:1em;
 	margin:3em;
 	width:20em;
	}

	.nocss {
  	display:none;
	}
	</style>
 <style type="text/css">
	#theFormDiv {
 	display:none;
 	position:absolute;
 	top:10em;
 	left:4em;
 	background-color:#EEE;
 	border:1px solid #000;
 	padding:1em;
 	margin:3em;
 	width:20em;
	}

	.nocss {
  	display:none;
	}
	      </style>
<style type="text/css">
	#theFormDiv {
 	display:none;
 	position:absolute;
 	top:4em;
 	left:4em;
 	background-color:#EEE;
 	border:1px solid #000;
 	padding:1em;
 	margin:3em;
 	width:20em;
	}

	.nocss {
  	display:none;
	}
	</style>