* {margin: 0px;padding: 0px;}
body {BACKGROUND:  #000 repeat-x; color: #ADADAD;
    font-family: "Lucida Grande","Lucida Sans Unicode", verdana, gulim, Arial, Helvetica,sans-serif;
    font-size: small;}
a {color: #fff;}
/** Navbar **/
#navbar{ width:956px; height:70px;  background: url(/static/images/common_sprite.png) no-repeat 0 0;  list-style:none;}
#navbar li{ float:left;}
#navbar li a.nav{ display:block; text-indent:-100000em; width:190px; height:44px; background:transparent url(images/common_sprite.png) no-repeat;}
#navbar li#home{ margin-right:0px;}
#navbar li#home a.nav{ width:193px;}
#navbar li a.version{ background-position: -193px 0;}
#navbar li a.version:hover/*, #navbar li#current a.version*/{
  background-position:-193px -83px;
}
#navbar li a.version:active{background-position:-193px -166px;}
#navbar li a.iphone{ background-position: -383px 0;}
#navbar li a.iphone:hover/*, #navbar li#current a.iphone*/{
  background-position:-383px -83px;
}
#navbar li a.iphone:active{background-position:-383px -166px;}
#navbar li a.developers{ background-position: -573px 0;}
#navbar li a.developers:hover/*, #navbar li#current a.developers*/{
  background-position:-573px -83px;}
#navbar li a.developers:active{ background-position:-573px -166px;}
#navbar li a.support{ background-position: -763px 0;}
#navbar li a.support:hover/*, #navbar li#current a.support*/{
  background-position:-763px -83px;
}
#navbar li a.support:active{background-position:-763px -166px;}
.top-line{ background:transparent url(images/common_sprite.png) no-repeat center -271px; width:956px; height:55px; text-align:center;}
.ac_results {padding: 0px;border: 1px solid black;background-color: white;overflow: hidden;z-index: 99999;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: default;display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 11px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}
.ac_loading {background: white url('indicator.gif') right center no-repeat;}
.ac_odd {background-color: #eee;}
.ac_over {background-color: #0A246A;color: white;}
.WFieldset {border: 1px solid #555;	margin: 1em 0; padding: 10px; clear: left; position: relative; width:98%;}
.WLegend{font-size: 110%;font-weight: normal;letter-spacing: -0.03em;line-height: 1;color: #bbb;
    background-color: #000;position: absolute; top: -10px; padding: 0 0.5em;}
.WLegend span {	color: #aaa; font-size: 90%; letter-spacing: 0;}
.WFieldset a {color: #bbb; font-size: 90%; letter-spacing: 0;}




/*** Column ***/
	.content { clear:both;}
	
	.center-top { overflow:hidden; height:100%; background:url(images/bg.png) repeat 0 0;}
	.center-bg { background:url(images/line.gif) repeat-x 0 bottom;}
	.center-left { background:url(images/corner-left-top.gif) no-repeat 0 0;}
	.center-right { background:url(images/corner-right-top.gif) no-repeat right 0;overflow:hidden; height:100%; padding:17px 24px 7px 24px;}
	
	
	.center { clear:both; overflow:hidden; height:100%; padding:21px 24px 51px 36px; background:url(images/bg2.png) repeat 0 0;}
	
	.column-left { float:left; width:376px; margin:0px 32px 0px 0px; _margin:0px 29px 0px 0px; background:url(images/right.gif) no-repeat right 0px;}
	
	
	.column-left .title-page01 {}
	.column-left .title-page01 h1 { line-height:1em; padding:12px 90px 4px 2px;}
	
	
	.column-left .indent { font-size:13px; color:#7c7c7c; overflow:hidden; height:100%; padding:0px 0px 0px 2px;}
	.column-left .indent p { padding:0px 28px 18px 0px; line-height:1.4em;}
	.column-left .indent p.img { padding:0px 0px 16px 2px;}
	
	.column-left .indent .more-blog { padding:29px 0px 0px 0px; margin:0px 0px 0px -1px;}
	
	/*** Content  ***/
	.column-center { overflow:hidden; height:100%;}

		.column-center .indent { clear:both; overflow:hidden; height:100%; padding:0px 0px 10px 1px; margin:0px 0px 31px 0px; border-bottom:1px solid #271e1b;}
		
		.column-center .bgnone { background: none;}
		
	/*** Title wrapper ***/
		.column-center .title {
			overflow:hidden; height:100%;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			}
		
		.column-center .title h2 {
			overflow:hidden; height:100%;
			font-size:2.1em; font-weight: normal;
			color:#fff; line-height:1.1em;
			padding:2px 0px 0px 0px; margin:0px 0px 0px 0px;
			}
			
		.column-center .title h3 {
			overflow:hidden; height:100%;
			font-size:2.1em; font-weight: normal;
			color:#fff; line-height:1.1em;
			padding:2px 0px 0px 0px; margin:0px 0px 0px 0px;
			}
				
		.column-center .title h2 a,
		.column-center .title h3 a { color:#fff; text-decoration:none;}
		
		.column-center .title h2 a:hover,
		.column-center .title h3 a:hover { text-decoration: underline;}
		
	/******/
		.title-page01 { padding:0px 0px 0px 0px;}
		
		.title-page02 { padding:0px 0px 0px 0px;}
		.title-page03 { padding:0px 0px 0px 0px;}
		
		
		.title-page01 *, .title-page02 *,.title-page03 *, .pagetitle { color:#fff;}
		
		.title-page01 * {  font-size:1.8em; /*font-weight: normal;*/ text-transform:uppercase;}
		
		.title-page02 * {  font-size:1.6em; /*font-weight: normal;*/}
		.title-page03 * {  font-size:1.4em; /*font-weight: normal;*/ text-transform:uppercase;}
		
		.title-page01 h1 {  font-size:3.6em; color:#fff; /*font-weight: normal;*/ text-transform:uppercase;letter-spacing:-2px;}
		
		.column-center  h1 { padding:9px 0px 38px 1px; }
		
	/*** Date ***/
		.column-center .date {
			/*float:left;*/ 
			font-size: 1em; color:#a3a3a3;
			padding:0px 0px 0px 0px; text-transform:uppercase;
			}
		
	/*** author ***/
		.column-center .author {
			/*float: right;*/
			font-size: 1.1em; color:#b8b8b8;
			padding:0px 4px 0px 2px; margin:0px 0px 0px 0px;
			}
		
		.column-center .date span { text-decoration:underline;}
		.column-center .author span {}
		
	/*** Text box ***/
		.text-box {
			overflow:hidden; height:100%;
			font-size:1.3em; line-height:1.4em;
			padding:1px 10px 0px 0px; 
			}
			
		
		.text-box p { padding:0px 0px 14px 0px;}
		
		.text-box p strong {}
		.text-box p span { color:#fff;}
		
		.text-box .fleft {
			float:left; /*display: inline;*/
			overflow:hidden; height:100%;
			padding:0; margin:0px 21px 0px 0px; _margin:0px 17px 0px 0px;
			}
		
		.text-box .fleft img { margin:0px 0px 20px 0px;}
			
		.text-box img {}
		
		.text-box p.img { padding:0px 0px 17px 1px;}
		
		.text-box .pd {}
		
		
		/******/
			.more-link {
				font-size:11px; clear:both; display:block;
				color:#fff; font-weight: bold; padding:7px 0px 10px 0px;
				}
			
			.more-link a { text-decoration:none;}
			.more-link a:hover { text-decoration: underline;}
			
			
		/******/
			.comments {
				float:left; width:62px; height:73px; text-align:center; overflow:hidden; margin:1px 14px 0px 0px;
				padding:0px 0px 0px 0px; background:url(images/comments.gif) no-repeat 0 0;
				}
				
			.comments a {
				font-size:24px;
				color:#1c1104; display:block;
				padding:13px 0px 0px 0px;
				}
				
			.comments a { text-decoration:none;}
			.comments a:hover { text-decoration: underline;}
		
		/******/
			.postmetadata { clear:both; font-size:1.2em; line-height:1.4em; padding:0px 0px 8px 0px;}
			.postmetadata a { padding:0px 1px 0px 5px;}
			
		/******/
			.link-edit { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
			.link-edit a { font-size:11px; font-weight: bold; color:#fff;}
			
		/******/
			.navigation { overflow:hidden; height:100%; color:#fff; padding:5px 0px 5px 0px;}
			.navigation a {
				font-size:12px; color:#fff;
				}
			
			.nav-top { margin:0px 0px 0px 0px; padding:10px 0px 10px 0px;}
			
			.nav-top .alignleft a { }
			.nav-top .alignright a {}
			
			/*.nav-top a { text-decoration:none;}
			.nav-top a:hover { text-decoration: underline;}*/
			
			
		/*******/
			.more-blog { clear:both; overflow:hidden; height:100%; padding:0px 0px 20px 0px;}
			.more-blog ul li { clear:both;}
			.more-blog a { display:block; float:left; background:url(images/marker.gif) no-repeat 0 6px; padding:2px 0px 3px 16px; font-size:14px; color:#fff; text-decoration:none;}
			.more-blog a:hover { text-decoration:underline;}
			
			.column-center .more-blog  { background:#000; margin:-40px 0px 0px 0px; padding:23px 0px 0px 0px; position: relative; z-index:1;}
			
	/*******/
		.text-box h1, .text-box h2, .text-box h3, .text-box h4, .text-box h5, .text-box h6 { color:#fff; font-family:Arial; line-height:1.5em;}
		.text-box h1 { font-size:19px; font-weight: normal; line-height:1.2em; display:block; height:100%; padding:0px 0px 13px 0px;}
		.text-box h2 { font-size:17px; font-weight: normal;}
		.text-box h3 { font-size:16px;}
		.text-box h4 { font-size:15px; text-transform:uppercase; font-family:Arial;}
		.text-box h5 { font-size:14px;}
		.text-box h6 { font-size:12px;}
	
	/*** OL UL style***/
		.text-box ul { padding:0px 0px 5px 0px; margin:-3px 0px 0px 0px; overflow:hidden; height:100%;line-height:1.4em;}
		.text-box ul li {background:url(images/marker.gif) no-repeat 0 7px; padding:0px 0px 6px 16px; list-style-image:none; list-style:none; font-weight:normal;}
		.text-box ul li ul { margin-left:10px;}
		.text-box ul li ol { margin-left:15px;}
		.text-box ul li ol li { list-style-type:decimal;}
		
		.text-box ol { padding-left:2px;}
		.text-box ol li { padding:0px; margin-left:13px;  font-weight:normal;list-style-type:decimal;}
		.text-box ol li ul { padding:2px 0px 5px 2px;}
		.text-box ol li ul li { font-weight:normal; background:url(images/marker.gif) no-repeat 0 3px; padding:0px 0px 8px 25px;}
		
		.text-box ul li { list-style-image:none; list-style:none;}
		
		.text-box ul li a { /*text-decoration:none;*/ color:#73b7ff;}
		/*.text-box ul li a:hover { text-decoration:underline;}*/
		
		.text-box ul li ul { margin-left:15px;}
		.text-box ul li ol {margin-left:20px;}
		.text-box ul li ol li { list-style-type:decimal;background:none;}
		.text-box ul li ol li a {}
		
		.text-box ol { padding:5px 0px 5px 2px;}
		.text-box ol li{ padding:0px; margin-left:20px;}
		.text-box ol li a { padding-left:0px; text-decoration:none; font-weight:normal;}
		.text-box ol li a:hover{ text-decoration:underline; }
		.text-box ol li ul li a { font-weight:normal; text-decoration:underline;}
		.text-box ol li ul li a:hover {text-decoration:none;}
		
		
		
		
		
		/** Navbar2 **/
#navbar2{ width:956px; height:70px;  background: url(/static/images/common_sprite2.png) no-repeat 0 0;  list-style:none; margin-top:-30px;}
#navbar2 li{ float:left;}
#navbar2 li a.nav{ display:block; text-indent:-100000em; width:190px; height:44px; background:transparent url(images/common_sprite2.png) no-repeat;}
#navbar2 li#home2{ margin-right:0px;}
#navbar2 li#home2 a.nav{ width:193px;}
#navbar2 li a.version{ background-position: -193px 0;}
#navbar2 li a.version:hover/*, #navbar li#current a.version*/{
  background-position:-193px -83px;
}
#navbar2 li a.version:active{background-position:-193px -166px;}
#navbar2 li a.iphone{ background-position: -383px 0;}
#navbar2 li a.iphone:hover/*, #navbar li#current a.iphone*/{
  background-position:-383px -83px;
}
#navbar2 li a.iphone:active{background-position:-383px -166px;}
#navbar2 li a.developers{ background-position: -573px 0;}
#navbar2 li a.developers:hover/*, #navbar li#current a.developers*/{
  background-position:-573px -83px;}
#navbar2 li a.developers:active{ background-position:-573px -166px;}
#navbar2 li a.support{ background-position: -763px 0;}
#navbar2 li a.support:hover/*, #navbar li#current a.support*/{
  background-position:-763px -83px;
}
#navbar2 li a.support:active{background-position:-763px -166px;}
.top-line{ background:transparent url(images/common_sprite.png) no-repeat center -271px; width:956px; height:55px; text-align:center;}
.ac_results {padding: 0px;border: 1px solid black;background-color: white;overflow: hidden;z-index: 99999;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: default;display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 11px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}
.ac_loading {background: white url('indicator.gif') right center no-repeat;}
.ac_odd {background-color: #eee;}
.ac_over {background-color: #0A246A;color: white;}
.WFieldset {border: 1px solid #555;	margin: 1em 0; padding: 10px; clear: left; position: relative; width:98%;}
.WLegend{font-size: 110%;font-weight: normal;letter-spacing: -0.03em;line-height: 1;color: #bbb;
    background-color: #000;position: absolute; top: -10px; padding: 0 0.5em;}
.WLegend span {	color: #aaa; font-size: 90%; letter-spacing: 0;}
.WFieldset a {color: #bbb; font-size: 90%; letter-spacing: 0;}


#navbar2 li a.version:active{background-position:-193px -166px;}
#navbar2 li a.iphone{ background-position: -383px 0;}
#navbar2 li a.iphone:hover/*, #navbar li#current a.iphone*/{
  background-position:-383px -83px;
}
#navbar2 li a.iphone:active{background-position:-383px -166px;}
#navbar2 li a.developers{ background-position: -573px 0;}
#navbar2 li a.developers:hover/*, #navbar li#current a.developers*/{
  background-position:-573px -83px;}
#navbar2 li a.developers:active{ background-position:-573px -166px;}
#navbar2 li a.home2{ background-position: 0px 0;}
#navbar2 li a.home2:hover/*, #navbar li#current a.home2*/{
  background-position: 0px -83px;
}
#navbar2 li a.home2:active{background-position:0px -166px;}
.top-line{ background:transparent url(images/common_sprite.png) no-repeat center -271px; width:956px; height:55px; text-align:center;}
.ac_results {padding: 0px;border: 1px solid black;background-color: white;overflow: hidden;z-index: 99999;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: default;display: block;}