/* Primary Styles
    Author: Dmitry Mironchenko
*/

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

body{
	background:#f6f6f6;
}
.form input.text{
	padding:0;
}
#main{
	margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 990px;
	font-size:1.4em;
}

#headerContainer{
	min-width:990px;
	padding-top:35px;
	background: #363636 url(bg_sitenav.2299ceef9bafc28ab927f7dbe84379e2.png) repeat-x scroll 0 74px;
}
#sitenav{
	background:none;
}
#cust{
	margin-top:-35px;
}
	#cust ul li{
		line-height:normal;
		border-left-color:#989898;
	}
	#header{
		width:990px;
		margin:0 auto;
		position:relative;
	}
		#header .back a{
			position:absolute;
			left:0;
			top:0;
			margin-top:-35px;
			
			width:29px;
			height:21px;
		}
		#header .logo a{
			position:absolute;
			left:0;
			bottom:16px;
			
			width:196px;
			height:24px;
		}
		
		#menu{
			float: right;
			clear:both;
			margin-top: 13px;
		}
			#menu ul{
				list-style:none;
				height:41px;
			}
				#menu ul li{
					float:left;
					margin-right:2px;
					margin-top:2px;
					position:relative;
					
					z-index:0;
				}
					#menu a{
						display:block;
						height:36px;
						padding:0 20px;
						line-height:36px;
						background:#a1a1a1;
						font-size:16px;
						font-weight:bold;
						color:#fff;
						text-align:center;
						text-decoration:none !important;
						
						-webkit-border-radius:3px;
						-moz-border-radius:3px;
						border-radius:3px;
						
						behavior: url(PIE.1997baeb3fa434282acab0f58d39547a.htc); /* ie css3 fixes http://css3pie.com */
					}
					
					#menu a:hover{
						background:#00d6d2;
					}
					
					#menu li.current{
						margin-top:0;
					}
					#menu li.current a{
						height:41px;
						margin-top:0;
						background:#00d6d2;
						
						-webkit-border-radius:3px 3px 0 0;
						-moz-border-radius:3px 3px 0 0;
						border-radius:3px 3px 0 0;
						
						behavior: url(PIE.1997baeb3fa434282acab0f58d39547a.htc); /* ie css3 fixes http://css3pie.com */
					}
#contentHead{
	background:#48dfdc;
	height:250px;
	border-bottom:1px solid #f8f8f8;
	text-align:center;
}

#contentHead.invisible {
    display:none;
}

/**
 *	Sidebar & contentText
 *
 *
 */
	#contentBody{
		clear:inherit;
	    margin-top:0;
	}
	.contentBgr{
		position:absolute;
		left:-1280px;
		right:3000px;
		height:550px;
		
		background:#06C;
		
		background: -moz-linear-gradient(#f8f8f8, #f6f6f6); /*gecko*/
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#f6f6f6)); /*webkit*/
		background: linear-gradient(#f8f8f8, #f6f6f6); /*future CSS3 browsers*/
		-pie-background: linear-gradient(#f8f8f8, #f6f6f6); /*PIE*/
		
		behavior: url(PIE.1997baeb3fa434282acab0f58d39547a.htc); /* ie css3 fixes http://css3pie.com */
	}
.sideBar{
	float:left;
	width:1300px;
	/*height:535px;*/
	margin-left:-1045px;
	padding-top:60px;
	padding-bottom:20px;
	background:url(dev-sidebar-bgr.6f147249c0002d3f39b1f15cfebf0483.png) no-repeat top right;
}
	.sideBar ul{
		float:right;
		list-style:none;
	}
		.sideBar ul li{
			border-top:1px solid #d4d4d4;
		}
		.sideBar ul li.last-child{
			border-bottom:1px solid #d4d4d4;
		}
		.sideBar ul li a{
			display:block;
			width:255px;
			position:relative;
			height:53px;
			
			font-size:16px;
			font-weight:bold;
			line-height:53px;
			text-indent:40px;
			color:#2690af;
			text-decoration:none;
			border-top:1px solid #f1f1f1;
			
			text-shadow:0 1px 0 rgba(255,255,255,0.75)
		}
		
		.sideBar ul li.last-child a{
			border-bottom:1px solid #f1f1f1;
		}
		.sideBar ul li a:hover{
			background:url(dev-sidebar-item-hover-bgr.b01b83b00191f1604af4982c2478d21d.png) no-repeat top right;
		}
		.sideBar li .icon{
			height:0;
			width:0;
			position:absolute;
			top:0;
			left:0;
			padding:53px 27px 0 0;
		}
		.sideBar li.visitDev .icon{
			background:url(dev-sidebar-icons.510aa41d04064d741360b7cc0f2ee37c.png) no-repeat 0 -120px;
		}
		
		.sideBar li.readApi .icon{
			background:url(dev-sidebar-icons.510aa41d04064d741360b7cc0f2ee37c.png) no-repeat 0 -60px;
		}
		
		.sideBar .externalLink{
			right:10px;
			left:auto !important;
			background:url(dev-sidebar-icons.510aa41d04064d741360b7cc0f2ee37c.png) no-repeat 0 0 !important;
		}
		
	.sideBar .sidebarWidget{
		float:right;
		clear:both;
		width:225px;
		margin-top:35px;
		margin-right:30px;
		position:relative;
		z-index:0;
	}
		.sideBar .sidebarWidget .container{
			padding:20px 25px;
				
			background:#e8e6e6;
			
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;
			
			behavior: url(PIE.1997baeb3fa434282acab0f58d39547a.htc); /* ie css3 fixes http://css3pie.com */
		}
			.sideBar .sidebarWidget.assets .container{
				-webkit-border-radius:5px 5px 0 0;
				-moz-border-radius:5px 5px 0 0;
				border-radius:5px 5px 0 0;
				padding:20px 25px 40px;
				
				border-bottom:1px solid #d3d2d2;
			}
				.sideBar .sidebarWidget.assets .container.logo{
					padding-left: 15px;
					padding-bottom: 20px;
					padding-right: 10px;
				}

				.ie7 .sideBar .sidebarWidget.assets .container.logo{
					padding-bottom: 0;
				}
		
		.sideBar .header h2{
			font-weight:bold;
			font-size:16px;
			color:#343333;
			margin-bottom:3px;
		}
		.sideBar .header p{
			font-size:12px;
			color:#676766;
			font-family:Georgia, "Times New Roman", Times, serif;
			line-height:16px;
		}
		.sideBar .description h2 {
			font-weight: bold;
			font-size: 16px;
			color: #343333;
			margin-bottom: 3px;
		}
		
		.sideBar .description p {
			font-size: 12px;
			color: #676766;
			font-family: Georgia,"Times New Roman",Times,serif;
			line-height: 16px;
		}
		
			.sideBar .description p a {
				color: #288FAE;
			}
		
		.sideBar .l32px {
			float: left;
			background:url(assetsBgr.383762ce97cfaa126f1c087b6bb1d4f7.png) no-repeat -20px -215px;
			height:80px;
			width:46px;
			cursor:default;
		}

			.bDownLoadAll a{
				border-top:1px solid #eeecec;
				
				display:block;
				width:225px;
				height:60px;
				line-height:60px;
				
				text-decoration:none;
				text-align:center;
				
				background:url(bDownloadAll.286001e0efbe59ae61eecee8e6861e04.png) no-repeat 0 0;
				
				font-size:16px;
				color:#288fae;
				font-weight:bold;
				
				text-shadow:0px 1px #FFF;
				cursor:pointer;
				text-indent:30px;
			}
			.bDownLoadAll a:hover{
				background-position:0 -60px;
			}
		
/* Content */
.contentText{
	position:relative;
	float:left;
	width:690px;
	padding:45px 0 55px 45px;
}
	.contentText h1{
		color:#343333;
		font-size:30px;
		font-weight:bold;
	}
	.contentText p{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:15px;
		color:#676766;
		
		margin-top:16px;
		line-height:22px;
	}
	.contentText .roundedBox{
		display:block;
		padding:20px 30px;
		text-decoration:none;
		
		border:1px solid #e1e1e1;
		
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		
		background: -moz-linear-gradient(#fff, #f6f6f6); /*gecko*/
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f6f6f6)); /*webkit*/
		background: linear-gradient(#fff, #f6f6f6); /*future CSS3 browsers*/
		-pie-background: linear-gradient(#fff, #f6f6f6); /*PIE*/
		
		-moz-box-shadow:0 1px 0 #fff;
		-webkit-box-shadow:0 1px 0 #fff;
		box-shadow:0 1px 0 #fff;
		
		behavior: url(PIE.1997baeb3fa434282acab0f58d39547a.htc); /* ie css3 fixes http://css3pie.com */
	}
		.roundedBox h1{
			margin-right:5px;
		}
		.roundedBox .externalIcon{
			display:inline-block;
			width:11px;
			height:25px;
			margin-top:5px;
			background:url(dev-external-icon.f75bc3a350ac35e251428cf428a620a5.png) no-repeat 0 0 !important;
		}
		.roundedBox p{
			font-family:"Helvetica","Lucida Grande",sans-serif;
			font-size:14px;
			color:#676766;
		}
/*
 *	Footer
 *
 */
/* contains the company logo and various columns of metacontent */
        #footer {
			clear: both;
            position: relative; z-index: 0;
            padding: 0;
            width: 990px; /* added for IE6 */
		}
            #footer #columns {
                float: left; /* added to fix bug with footer disappearing */
/*                overflow: visible; does not appear to be needed, uncomment if necessary */
/*                height: 25px;*/
                position: relative;
                width: 988px; /* added to fix bug with footer disappearing */
				background:#fff;
				
				
				border:1px solid #d6d6d6;
				
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				border-radius:5px;
				
				behavior: url(PIE.1997baeb3fa434282acab0f58d39547a.htc); /* ie css3 fixes http://css3pie.com */
            }
                #footer #columns img {
                    width: 255px;
                    height: 154px;
                    position: absolute;
                    right: 0;
                    bottom: 5px;
                    z-index: 0;
                }
                #footer .column {
                    float: left;
                    font-family: Helvetica, "Lucida Grande", sans-serif;
                    position: relative;
                    width: 170px;
                    z-index: 1;
                    height: 200px;
                    display: inline; /* ie madness */
                }

                #footer .column .navSection.first {
                    margin-top: 18px;
                }

                #footer .column .navSection {
                    margin-left: 20px;
                    margin-top: 14px;
                    width: 150px;
                }

                    #footer .column h4 {
                        background: url(dot_line.fbf73e0b0b0e7bab91dfd27da0b8b572.gif) repeat-x left bottom;
                        font-size: 12px;
                        font-weight: normal;
                        line-height: 12px;
                        margin: 0 0 5px 0;
                        padding: 0 0 7px 0;
                        text-transform: uppercase;
                    }
                    #footer .column ul {
                        display: block;
                        margin: 0;
                        padding: 0;
                    }
                        #footer .column ul li {
                            list-style: none;
                        }
                            #footer .column ul li a {
                                font-size: 12px;
                            }
                                #footer .column ul li a:hover {
                                    text-decoration: underline;
                                }
                    #footer .column p {
                        color: #666666;
                        font-family: Helvetica, "Lucida Grande", sans-serif;
                        font-size: 12px;
                        margin: 10px 0;
                        padding: 0;
                    }
                    #footer .column h5 {
                        margin: 0;
                        padding: 0;
                    }
                        #footer .column h5 a {
                            font-size: 14px;
                        }
                #footer #copyright {
                    display: inline-block;
                    clear: both;
                    color: #666666;
                    font-family: Helvetica, "Lucida Grande", sans-serif;
                    font-size: 12px;
                    padding: 15px 20px;
                }
                #footer #copyright {
                    display: block;
                }
/**
 *	Log in/out links at the top
 */
#headerContainer .accountLinks{
	float:right;
	margin-top:6px;
}
	#headerContainer .accountLinks ul{
		margin:0;padding:0;
	}
		#headerContainer .accountLinks li{
			float:left;
		}
			#headerContainer .accountLinks li a{
				display:block;
				padding:0 5px;
				margin:0 4px;
				height:16px;
				font-size:11px;
				line-height:16px;
				
				color:#898989;
				text-decoration:none;
				
				-webkit-border-radius:3px;
				-moz-border-radius:3px;
				border-radius:3px;
				
				behavior: url(PIE.1997baeb3fa434282acab0f58d39547a.htc); /* ie css3 fixes http://css3pie.com */
			}
			#headerContainer .accountLinks li.last a{
				margin:0 0 0 4px;
			}
			#headerContainer .accountLinks li a:hover{
				color:#fff;
				background:#4a4a4a;
			}
			#headerContainer .accountLinks li .divider{
				width:1px;
				height:13px;
				background:#000;
				border-right:1px solid #555454;
				margin-top:2px;
			}


/**
 * Error Messages
 *
 */
.errorMessage{
	background:#ff001a;
	padding:0 15px;
	
	line-height:35px;
	color:#fff;
}

.errorList{
	background:#ffffca;
	margin:0;
	margin-bottom:10px;
	padding:10px;
	
	border:1px solid #fbcec5;
	border-top:none;
	
	list-style-type:circle;
}
.errorList li{
	margin-left:20px;
	line-height:20px;
	color:#ff001a;
	
	list-style-type:disc;
}

/**
 * UI Overrides
 *
 */
.ui-button{
	color:#fff !important;
}
#sitenav > ul > li{
	background: url(sprite_sitenav_li_dev.9918eaef852a0dbf38b80ee80fbda7dc.png) no-repeat 100% -39px;
}
#sitenav > ul > li:hover,
#sitenav > ul > li.cur{
	background: url(sprite_sitenav_hover_dev.392c519b5e217516760071ba831330f2.png) no-repeat 100% -42px;
}

#sitenav > ul > li > a {
	background: url(sprite_sitenav_li_dev.9918eaef852a0dbf38b80ee80fbda7dc.png) no-repeat;
}
#sitenav > ul > li:hover > a,
#sitenav > ul > li.cur > a {
	background: url(sprite_sitenav_hover_dev.392c519b5e217516760071ba831330f2.png) no-repeat;
}

/*# sourceMappingURL=app.layouts.baseDev.1.css.1e0ab066428183a538051f1f4d8863d3.css.map*/