/* developers connect css.starts here */
.developer-connect{width:800px;}
.developer-connect h2{
	margin:0 0 22px;
	color:#408a30;
	font-size:15px;
	line-height:18px;
	font-weight:normal;
}
/* news and login columns*/
.developer-connect .news-login-columns{
	float:left;
	padding:0 0 20px;
}
.news-login-columns .news{
	/*width:470px;*/
	width:430px;
	float:left;
	font-family:Tahoma,Arial,sans-serif;
}
.news-login-columns .news-item{
	margin:0;
	padding:0;
	list-style:none;
	position: relative;
}
.news-login-columns .news-item p{
	/*margin:-17px 0 10px 20px;*/
	margin:-13px 0 10px 20px;
	line-height:16px;
}
.news-login-columns .login{
	width:242px;
	padding:10px 20px;
	margin:0 0 0 40px;
	float:left;
	border:1px #ccc solid;
	background: #ddd;
}
.news-login-columns .logout{
	width:242px;
	padding:10px 20px;
	margin:0 0 0 40px;
	float:left;
	border:1px #ccc solid;
	background: #ddd;
}
.news-login-columns:after{
	content:"";
	display:block;
	clear:both;
}
/* sdks,api and sample-code boxes */
.developer-connect .sdks-api-boxes{
	float:left;
	padding:20px 0;
	width:754px;
	border-top:1px #ccc dotted;
}
.developer-connect .sdks-api-boxes ul {
	list-style:none;
	margin:0 0 0 15px;
	padding:0;
}
.developer-connect .sdks-api-boxes li {float:left;}
.developer-connect .sdks-api-boxes ul a{
	display:block;
	width:160px;
	padding:20px 25px;
	margin:10px 15px;
	color:#fff;
	text-decoration:none;
	overflow:hidden;
	background:#2e6f9e;
	border: 1px #ccc solid;
}
.sdks-api-boxes .sdks-box .head, .sdks-api-boxes .api-box .head,  .sdks-api-boxes .sample-code-box .head{
	font-weight:bold;
	font-size:11px;
	margin:0 0 6px;
}
.sdks-api-boxes .sdks-box p, .sdks-api-boxes .api-box p,  .sdks-api-boxes .sample-code-box p{
	margin:0;
	line-height:14px;
}
.sdks-api-boxes:after{
	content:"";
	display:block;
	clear:both;
}
/* apps */
.developer-connect .apps {margin:10px 0 20px 20px;}
.developer-connect .apps p { margin: 0 0 5px; }
.developer-connect .apps:after{
	content:"";
	display:block;
	clear:both;
}
.developer-connect #buttons .prev{
	position:absolute;
	margin:32px 0 0 -10px;
}
.developer-connect #buttons .next{
	position:absolute;
	margin:32px 0 0 728px;
}
.developer-connect #slideshow{
	overflow:hidden;
	/*width:720px;*/
	width:734px;
	background: #EAEAAE;		
	border:1px solid #ccc;
}
#slideshow p{
	margin:5px 0 0;
	line-height:10px;
}
#slideshow p.head{margin:0 0 10px;}
#slideshow ul{
	width:3900px;
	margin-top:-5px;
	padding:0;
	margin:0;
}
#slideshow li{
	float:left;
	padding:16px 27px;
	border-left:1px #ccc dotted;
	cursor:pointer;
	cursor:hand;  		
}
#slideshow ul{list-style:none;}	
/* developers connect css.ends here */

/* developers tabs*/
.developers-navigarion {
	width:700px;
	border-bottom: 1px #ccc solid;
}
.tabs {
	margin:0 0 -1px 17px;
	list-style:none;
	width:700px;
	overflow:hidden;
	padding:2px 0 0;
	position:relative;
}
.tabs li {
	float:left;
	margin:0 10px 0 1px;
	border:solid #ccc;
	border-width:1px 0 0;
	display:inline;
}
.tabs li.active {margin-top:-2px;}
.tabs li a {
	color:#333;
	float:left;
	line-height:2.182;
	background:#efeee3 url(../images/bg-tab.gif) repeat-x 0 100%;
	border:solid #ccc;
	border-width:0 1px;
	margin:0 -1px;
	position:relative;
	text-decoration:none;
	font-size:1.1em;
	padding:0 .5em;
}
.tabs li span { 
	color:#333;
	float:left;
	line-height:2.182;
	background:#efeee3 url(../images/bg-tab.gif) repeat-x 0 100%;
	border:solid #ccc;
	border-width:0 1px;
	margin:0 -1px;
	position:relative;
	text-decoration:none;
	font-size:1.3em;
	padding:0 .5em;
}
.tabs li a:hover {text-decoration:underline;}
.tabs li.active a {
	padding-top:2px;
	background:#fff;
}
.tabs li.active span { 
	padding-top:2px;
	background:#fff;
}


/* SDK docs css */
.sdk-docs {width:700px;}
.sdk-docs .sdk-doc {margin:30px 0 0;}
.sdk-docs .more{
	text-align:right;
	font-size:13px;
	font-style:italic;
	margin:-20px 0 0;
	border-bottom:1px #ddd dotted;
}
.sdk-document ol{margin:0 0 0 50px;}
.sdk-document p span{display:block;}
.sdk-document p span.attr-value{
	display:inline;
	font-style:italic;
}
.sdk-document p span.one-tab{margin:0 0 0 50px;}
.sdk-document p span.two-tabs{margin:0 0 0 100px;}
