html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html,body {text-align:center;font:11px Verdana,Helvetica,sans-serif; line-height:18px;}
p,td,th {font:11px Tahoma,Helvetica,sans-serif; line-height:18px; letter-spacing:1px}
body {background:#fff;margin:0}
a, a:link, a:visited { color:#000; text-decoration:none}

img {border:0}

	h1 { font-size:14px; margin:10px 0px; font-weight:bold}

	#container { width:930px; margin-left:auto;margin-right:auto; border:1px solid #efeaf6; text-align:left; padding:10px; margin-bottom:10px}
	#logo { position:relative;left:265px; top:10px; width:320px} 
	#logo h1 { margin:0}	
	#logo span { display:none}		
	#header-blocks  { height:240px; margin-top:-20px}
	.header-block { width:310px; height:240px;  float:left ; overflow:hidden }
	.header-block.left { background:#dbe2ec;}
	.header-block.center {background: #7e95b8 url(/images/background-header-center.gif) repeat-x; color:#FFFFFF}
	.inner {  padding:30px 25px}
	#header-blocks h2 { font-size:14px; font-weight:bold}
	#header-blocks ul { margin-top:10px}
	#header-blocks ul li { background:url(/images/bullet.png) no-repeat 0px 6px; padding-left:14px}
	#header-blocks .left  ul li { background:url(/images/bullet2.png) no-repeat 0px 6px; }	
	#header-blocks .center  ul li a { color:#FFFFFF; font-weight:bold}
	#header-blocks .center  .inner div a { color:#FFFFFF; font-weight:bold; padding-top:10px; display:block}		
	#header-blocks .left  ul li a { color:#485476; font-weight:bold}	
	#header-blocks  ul li a:hover { text-decoration:underline}			
	
	#top-links { float:right}
	#top-links ul li { float:left; border-right:1px solid #485476; padding:0px 5px; line-height:12px}
	#top-links ul li.last { border:0px}	
	#top-links ul li a  {color:#485476 }
	
	#columns { clear:both; margin-top:10px; border-top:5px solid  #7e95b8; padding-top:10px}
	#column-left,#column-center, #column-right  { width:300px; float:left; margin-right:10px}
	#column-center { width:310px}
	#column-right { margin-right:0}
	#footer { clear:both; margin-top:10px; border-top:5px solid  #7e95b8; padding-top:5px}
	
	.block { margin-bottom:10px; clear:both}
		.block .header { background:#7e95b8 url(/images/background-header.gif) repeat-x; padding:4px; color:#fff }
			.block .header h2 { font-weight:bold}		
		.block .content { background-color:#eff2f7; padding:4px}
		.block .content ul li a:hover { text-decoration:underline}				
		
	span.tip { font-weight:bold}
	span.new { font-weight:bold; color:#FF0000}	
	
	#about { display:none; clear:both; margin-top:10px; border-top:5px solid  #7e95b8; padding-top:5px}
	
	#about h2 { font-size:14px; margin-bottom:10px}
	#about h3 { font-size:13px; margin:10px 0px}
	#about a { color:#485476; text-decoration:underline; font-weight:bold}
	
	.guide { clear:both; display:block}
	
	form { margin-top:10px}
	form div.row { display:block; clear:both; margin-bottom:2px}
	form div.row label { float:left; width:110px; padding:2px 0px}	
	form div.row select { width: 180px; font-size:11px; border:1px solid #ccc}
	form div.row input { width: 180px}
	form div.row textarea { width: 180px}			
	form div.row label.error { margin-left: 110px; color:#CC0000; width:180px }	
	form div.row input.error { border:1px dotted #c00}
	
	.description { display:none; }
	#simplemodal-overlay {background-color:#666;}
	#simplemodal-container {background-color:#fff; border:8px solid #7e95b8; padding:10px; text-align:left }
	#dialog { background:#FFF; padding:10px; text-align:left; width:630px; display:none}
	#simplemodal-container  h2 {margin:10px 0; font-size:20px}
	#simplemodal-container  h3 {margin:10px 0; font-size:15px}
	#simplemodal-container  h3 a { text-decoration:underline; color:#7e95b8; font-weight:bold}
	#simplemodal-container .screenshot { float:right; margin-left:8px; margin-bottom:8px}
	#dialog #pop-information {float:left; width:310px}
	#dialog #pop-information .header {padding:6px 8px; background-color:#e3edf6; margin-bottom:8px}
	#dialog  .header h2  {margin:0; font-size:15px}
	#dialog  h2.small {font-size:15px;margin-top:20px; margin-bottom:5px;}