/*
These styles are currently shared only on the redesigned Developer pages
(with blue top hero images) -- created on production 12/12/09. 
*/

.main ul {margin: 0 0 1.5em 0;}

.main ul li.linked {
_zoom:1;
}

.main #btmContent .columns ul li{
margin: 0 0 8px 0;
}


.main #btmContent #columnContent ul li{
margin:0;
}


.sidebar { font-size:11px; }

#content-start, #developers #content .main {
width: 685px;
padding-left: 22px;
margin-left: 8px;
background-color: transparent;
background-position: 100% 0;
background-repeat: no-repeat;
}

.breadcrumb {
height: 46px;
overflow: hidden;
}

.breadcrumb h1 {margin-bottom: 0px;}

.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover {
color:#fff;
}

.breadcrumb .separator {
background:transparent url(/eng/developers/arrow_white.gif) no-repeat scroll 50% 4px;
padding:0px 6px;
}

#hero {
width: 385px;
height: 120px;
overflow: hidden;
color: #c0c0c0;
}

#welcomeText h2 {
display: block;
text-indent: -9999px;
height:42px;
margin: 4px 0 2px;
}

#welcomeText ul {
margin-left: 0;
margin-top: -7px;
line-height: 12px;
}

#social {
position:absolute;
right:22px;
top:20px;
}

#loginContent {
width: 685px;
height:66px;
overflow:visible !important;
background: transparent url(/eng/developers/bg_devzone_loggedout.jpg) no-repeat 100% 0;
padding:0 0 0 22px;
margin-left: -22px;
}

#loginContent .leftContent {
float:left;
width:333px;
height:42px;
position:relative;
padding-top: 12px;
}

#loginContent .leftContent p {
color:#B6B6B6;
font-size:10px;
position:relative;
text-align:right;
top:5px;
width:196px;
}

#loginContent .leftContent a {
background-image:url(/eng/developers/devzone_btn_register.jpg);
display:block;
height:22px;
position:absolute;
right:16px;
text-decoration:none;
top:20px;
width:102px;
}

#loginContent .rightContent {
float:left;
height:59px;
width:317px;
position:relative;
margin-left: 15px;
margin-top: 7px;
}

#cdzForm {line-height: 60px;}

#logoutButton,.editProfile {top: 23px;}

#devloginform {
height:59px;
overflow:hidden;
position: relative;
margin-top: 0px;
}

#devloginform a {
display:none;
}

#devlogintxt {
background:transparent url(/eng/developers/bg_devzone_loggedin.jpg) no-repeat scroll 100% 0;
height:66px;
left:-369px;
padding-left:22px;
padding-right:22px;
padding-top:0;
position:absolute;
top:-7px;
width:663px;
z-index:100;
}

#id_forgot {
left:149px;
_left: 148px;
position:absolute;
top:34px;
_top: 36px
margin: 0px !important;
}

#id_forgot a {
display:inline!important;
font-size: 9px !important;
}

#id_forgot a:hover {text-decoration:underline;}

#devlogin #error {
position:absolute;
left:0px;
top:37px;
font-size: 9px !important;
}

#loginContent .rightContent .module, #loginContent .rightContent p {
display:none;
}

#loginContent .rightContent label {
	color: #fff;
	font-size: 9px;
	position: absolute;
	display: block;
	line-height: 11px;
}

#loginContent .rightContent label#label_user {
	left: 0;
	top: 0;
}

#loginContent .rightContent label#label_pass {
	left: 149px;
_left: 148px;
	top: 0;
}

#devlogin {padding-left: 0px !important;}

#loginContent #devlogin #id_user, #loginContent #devlogin #id_pass {
font-size: 10px !important;
float:left;
height: 13px !important;
}

#loginContent #devlogin #id_user {
	margin-right:5px;
	margin-top: 15px;
width:138px;
}

#loginContent #devlogin #id_pass {
	margin-top: 15px;
width:110px;
}

#loginContent #devlogin label.remember {
display:none;
}

#loginContent #devlogin #id_submitbtn {
float:left;
position:absolute;
right:0;
top:14px;
width: 47px !important;
}

#devlogintxt .spacer {
padding-left:6px;
}

#devlogintxt br {
display:none;
}

#devlogintxt h3 {
font-weight:normal;
font-size: 11px;
color:#ccc;
margin-top: 24px;
width:475px;
}

p.loggedInP {
display:block!important;
}

#logoutButton {
background:transparent url(/eng/developers/devzone_btn_logout.jpg)!important;
height:22px!important;
position:absolute;
right:22px;
top:21px;
width:58px!important;
}

.editProfile {
background-attachment:scroll;
background-color:transparent;
background-image:url(/eng/developers/editprofile.jpg)!important;
background-position:0 0;
background-repeat:repeat;
display:block;
height:22px!important;
right:112px !important;
position:absolute;
top:22px;
width:73px!important;
}

div.dhtmlselect {
width:140px!important;
}

.sidebar div.dhtmlselect {
float: none!important;
}

.column1 div.dhtmlselect {
margin-top:4px!important;
}

#columnContent .column .dhtmlselect {
top:-4px;
}

.dhtmlselect div.dropdown {
height:140px!important;
overflow:auto!important;
!z-index:1000;
background-color:#fff!important;
}

div.selectLabel {
width:140px!important;
}

#btmContent{
width: 685px;
}

#btmContent #mainColumns{
background: transparent url(/eng/developers/bg_btmContent_2col.jpg) no-repeat 100% 0;
width: 662px;
padding-right: 23px;
padding-top: 30px;
}

.columns .column {
float: left;
}

#mainColumns #column1{
width: 397px;
padding-right: 20px;
}

#mainColumns #column2{
width: 225px;
margin: 0;
padding-left: 20px;
}

.columns h3 {
padding: 0;
color: #6a6a6a;
margin: 5px 0;
}

#mainColumns .column h3 {
font-size:14px;
font-weight:normal;
letter-spacing:-1px;
}

#btmContent h2, #footerPromo h2 {
margin: 0 0 5px 0;
font-size: 16px;
font-weight: normal;
letter-spacing: -1px;
line-height: 20px;
}

#footerPromo h2 {
margin: 0 0 4px 0;
}

.horzDiv {
background: transparent url(/eng/developers/divline.jpg) no-repeat 0 0;
height: 1px;
line-height: 1px;
margin: 22px 0;
}

.sidebar .horzDiv {
background: transparent url(/eng/developers/divline_sidebar.gif) no-repeat 0 0;
height: 1px;
line-height: 1px;
margin: 18px -8px 14px;
}

#btmContent h2#devSidebar {
font-size: 16px;
line-height: 20px;
color: #4daf2e;
margin-left: -1px;
}

#btmContent .sidebar h4 {
margin-top: 0px;
}

#btmContent h4.headerlink {
margin: 0 0 7px;
}

#btmContent .sidebar h4.headerlink {
margin-bottom: 0px;
}

#btmContent h4.headerlink a{
text-decoration:underline;
font-weight: bold;
}

#footerPromo {
margin-left: -5px;
margin-top: 30px;
position:relative;
overflow: hidden;
}

.numCols1 {
width: 634px;
height: 108px;
background: transparent url(/eng/developers/bg_fatfooter1.gif) no-repeat 0 0;
padding: 25px 20px;
}

.numCols2 {
	width: 668px;
	height: 126px;
	background: transparent url(/eng/developers/bg_fatfooter2.gif) no-repeat 0 0;
	padding: 12px 0px 0px 0px;
}

.footerPromoCell {
	float: left;
}

.numCols2 .footerPromoCell {
	width: 296px;
	padding: 0 19px 70px 18px;
}

#footerPromo p {
position: relative;
z-index: 10;
}

.numCols2 ul.cta {
	position: absolute;
	bottom: 18px;
	margin: 0;
	width: 210px;
}

.numCols2 #colOne ul.cta {
	left: 18px;
}

.numCols2 #colTwo ul.cta {
	left: 355px;
}

#footerPromo .icon {
	position: absolute;
	bottom: 3px;
}

.numCols2 #colOne .icon {
	right: 336px;
}

.numCols2 #colTwo .icon {
	right: 3px;
}

.keyInfo .row {
margin-bottom: 20px;
}

.rowContent .icon {
float: left;
margin: 3px 20px 0 0;
}

.rowContent .text p.label {
margin-bottom: 7px;
}

.rowContent .text p.label a{
font-weight: bold;
}

.rowContent .overflowHidden {
overflow: hidden;
_float:left;}