body {
margin:0;
padding:0;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#515358;
}
h1 {
font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:200;
font-size:2.6em;
color:#2e2f32;
padding:36px 0 0 0;
margin:0;
}
h2 {
font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:200;
font-size:2.4em;
color:#2e2f32;
padding:36px 0 0 0;
margin:0;
}
h3 {
font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:100;
font-size:1.8em;
color:#2e2f32;
padding:20px 0 8px 0;
margin:0;
}
h4 {
font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:200;
font-size:1.4em;
color:#4e4f52;
padding:8px 0 4px 0;
margin:0;
}
p {
line-height:1.5em
}
a {
color:#3296f3;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
img, a img {
display:block;
border:0;
}
form {
padding:0;
margin:0;
}
fieldset {
padding:0;
margin:0;
border:0;
}
label {
clear:both;
display:block;
float:left;
width:100px;
text-align:right;
padding:8px 10px 0 0;
font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:200;
font-size:14px;
color:#6e7698;
}
label.checkbox {
clear:none;
display:inline;
float:none;
width:200px;
text-align:left;
padding:0;
}
input.text, textarea {
float:left;
width:410px;
padding:6px;
border:3px solid #ced6d8;
margin-bottom:10px;
}
input.short {
width:150px;
}
textarea {
height:100px;
}
input.submit {
float:left;
}
#validation_message {
float:left;
margin-bottom:20px;
}
form p {
padding:10px 0 0 110px;
font-size:11px;
}


/* Common Styles */
.clear {
clear:both;
}
.large {
font-size:14px;
}
.divider {
clear:both;
padding-top:30px;
width:100%;
height:1px;
background-color:#fff;
border-bottom:1px solid #e3e7e8;
}
.low {
padding-top:0px;
}
p.note {
color:#a5a6a8;
}
a.read_more {
font-family:Verdana, Arial, sans-serif;
font-size:11px;
background-color:#3296f3;
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
border-radius: 2px;
padding:3px 5px;
color:#ffffff;
}
a.read_more:hover {
background-color:#0066CC;
text-decoration:none;
}
#iphone {
float:left;
background:url(../images/bg_iphone_halfsize.png);
width:224px;
height:369px;
}
#iphone img {
margin:62px 0 0 31px;
}
#android {
float:left;
background:url(../images/bg_g1_halfsize.png);
width:200px;
height:411px;
}
#android img {
margin:45px 0 0 20px;
}
img.icon {
background:url(../images/app_icon_shadow.png) no-repeat bottom right;
width:57px;
height:57px;
padding:0 2px 2px 0;
}
.platform_tag {
background-color:#8688a1;
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
border-radius: 2px;
padding:3px 6px 1px 6px;
color:#fff;
font-size:11px;
}
h2 .platform_tag {
display:block;
width:36px;
padding:1px 6px;
text-align:center;
float:right;
margin:13px 10px 0 0;
}

/* Structural */
#container {
width:960px;
padding:22px 0 0 0;
margin:0 auto;
}
#content {
width:916px;
padding:10px 22px;
position:relative;
}


/* Main Nav */
#main_nav {
background:url(../images/nav_bg.png) repeat-x top left;
}
#logo {
float:left;
width:180px;
}
#main_nav ul  {
float:right;
display:block;
list-style:none;
width:auto;
margin:0;
padding:0;
}
#main_nav ul li {
float:left;
display:block;
height:52px;
padding:0;
margin:0;
}
#main_nav ul  li a {
display:block;
height:20px;
font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:200;
font-size:15px;
color:#b7c4c7;
padding:14px 25px;
margin:2px 0 0 0;
border-left:1px solid #45494a;
border-right:1px solid #292c2d;
}
#main_nav ul  li.current a {
color:#fff;
}
#main_nav ul  li.first a {
border-left:0;
}
#main_nav ul  li.last a {
border-right:0;
}
#main_nav ul  #ajaxSearch_form {
background:url(../images/nav_bg_right.png) no-repeat top left;
width:206px;
padding-top:12px;
height:40px
}
#ajaxSearch_form label {
display:none;
}
#ajaxSearch_form input {
float:left;
display:block;
}
#ajaxSearch_form #ajaxSearch_input {
width:140px;
height:16px;
padding:6px;
background:url(../images/nav_search_bg.png) no-repeat top left;
border:0;
margin:0;
color:#353639;
}
#ajaxSearch_form input#ajaxSearch_submit {
width:41px;
height:28px;
margin:0;
padding:0;
background:url(../images/nav_search_go_btn.png) no-repeat top left;
font-size:1px;
border:0;
}

/* Footer */
#footer ul {
list-style:none;
width:550px;
float:left;
padding:0;
margin:15px 0 0 0;
}
#footer ul li {
float:left;
font-weight:200;
font-size:16px;
padding:0 10px;
border-right:1px solid #9d9e9f;
}
#footer ul li a {
color:#2e2f32;
}
#footer ul li a:hover {
text-decoration:underline;
}
#footer ul li.current a {
color:#2e2f32;
text-decoration:underline;
}
#footer ul li.first {
padding-left:0;
}
#footer ul li.last {
border-right:0;
}
#footer p {
font-weight:200;
font-size:13px;
}
#footer #poly {
float:right;
width:250px;
height:50px;
}
#footer #poly div {
font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight:200;
float:left;
width:200px;
color:#62707f;
padding-top:16px;
text-align:right;
}
#footer #poly img {
float:right;
width:41px;
height:31px;
padding-top:8px;
}

/* Home */
#main_para {
float:left;
width:340px;
}
#main_para p {
font-size:14px;
}
#main_para .intro {
color:#2e2f32;
}
#main_para .read_more {
font-size:11px;
padding:3px 8px;
}

#featured_app {
float:right;
width:532px;
height:369px;
margin:5px 0 0 0;
background:url(../images/bg_home_featured_app.png) repeat-x top left;
position:relative;
}
#featured_app_label {
width:111px;
height:112px;
background:url(../images/bg_home_featured_app_ribbon.png) no-repeat top left;
position:absolute;
right:0px;
top:14px;
}
#featured_app #iphone {
margin-left:-20px;
}
#featured_app .copy {
float:right;
width:250px;
margin-right:70px;
}
#featured_app .copy .intro {
font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
font-size:15px;
font-weight:200;
color:#2e2f32;
margin-top:10px;
}
#featured_app .copy .read_more {
font-size:10px;
color:#fff;
padding:2px 5px;
}
dl.get_app_price {
display:block;
width:250px;
margin:20px 0 0 0;
padding:0;
}
dl.get_app_price dt, dl.get_app_price dd {
float:left;
margin:0;
padding:0;
display:block;
width:118px;
}
dl.get_app_price dd {
font-weight:200;
font-size:26px;
color:#2e2f32;
}
.btn_get_app {
width:99px;
height:33px;
}

/* TitleBars */
.title_bar {
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
border-radius: 2px;
background:url(../images/bg_titlebar.png) repeat-x top left;
height:29px;
text-align:center;
position:relative;
}
.title_bar .left_btn a, .title_bar .right_btn a {
width:29px;
height:29px;
}
.title_bar .left_btn {
position:absolute;
top:0px;
left:0px;
width:29px;
height:29px;
}
.title_bar .right_btn {
position:absolute;
top:0px;
right:0px;
width:29px;
height:29px;
}
.pagination {
list-style:none;
width:30px;
margin:0 auto;
padding:10px 0 0 0;
text-align:center;
}
.pagination li {
float:left;
width:10px;
height:10px;
}
.pagination li a {
display:block;
background:url(../images/slider_indicator_off.png) no-repeat top left;
width:10px;
height:10px;
}
.pagination li a.selected {
background:url(../images/slider_indicator_on.png) no-repeat top left;
}
.pagination li a span {
display:none;
}
.three_slides {
width:30px;
}
.four_slides {
width:40px;
}
.five_slides {
width:50px;
}

/* Local Apps Box */
#local_apps {
float:left;
width:240px;
}
#local_apps .box {
background:url(../images/bg_home_bottom_panels.png) repeat-x top left;
width:215px;
height:210px;
padding:15px 10px 15px 15px;
position:relative;
overflow:hidden;
}
#local_container {
width:720px;
}
#local_container .panel {
float:left;
width:240px;
}
#local_apps .box dl {
margin:0;
padding:0;
}
#local_apps .box dl dt, #local_apps .box dl dd {
float:left;
margin:0 0 20px 0;
padding:0;
}
#local_apps .box dl dt {
clear:both;
width:57px;
}
#local_apps .box dl dt img {
width:57px;
height:57px;
}
#local_apps .box dl dd {
padding:0 0 0 10px;
margin:0;
}


#featured_app_showcase {
float:right;
width:638px;
}
#featured_app_showcase h3 {
float:left;
width:500px;
}
#featured_app_showcase .btn_view_all_apps {
float:right;
display:block;
width:97px;
height:27px;
margin:20px 0 0 0;
}
#featured_app_showcase .box {
background:url(../images/bg_home_bottom_panels.png) repeat-x top left;
padding:15px 10px 15px 15px;
position:relative;
width:613px;
overflow:hidden;
}
#featured_app_slider {
width:3300px;
}
#featured_app_slider .panel {
float:left;
width:613px;
margin:0 20px 0 0;
position:relative;
}
#featured_app_showcase .box .screenshot {
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
border-radius: 2px;
border:1px solid #b4b5c8;
float:left;
width:160px;
height:240px;
}
#featured_app_showcase .box .copy {
float:right;
width:440px;
position:relative;
}
#featured_app_showcase .box .copy h4 {
font-size:1.9em;
color:#2e2f32;
padding:0;
}
#featured_app_showcase .box .copy p {
width:350px;
}
#featured_app_showcase .box .copy p.intro {
font-style:italic;
}
#featured_app_showcase .box .copy .icon {
position:absolute;
top:0px;
right:0px;
width:57px;
height:57px;
}
#featured_app_showcase .box .copy #on_sale {
position:absolute;
top:50px;
right:0px;
padding:15px 0 0 0;
width:59px;
height:21px;
}



/* App List Page */
#dir_heading {
float:left;
width:550px;
}
#dir_heading .intro {
font-weight:800;
color:#2e2f32;
}
#search_form {
float:right;
width:355px;
padding:75px 0 0 0;
}
#search_form #ajaxSearch_form {
}
#search_form #ajaxSearch_form label {
display:none;
}
#search_form #ajaxSearch_form input {
float:left;
display:block;
}
#search_form #ajaxSearch_form #ajaxSearch_input {
background:none;
border:3px solid #ced6d8;
width:237px;
padding:6px;
margin-right:6px;
font-size:13px;
color:#4a4c51;
height:15px;
}
#search_form #ajaxSearch_form input#ajaxSearch_submit {
background:url(../images/btn_search.png);
width:94px;
height:33px;
border:0;
font-size:1px;
}

#app_list {
}
#app_list .title_bar {
text-align:right;
padding:7px 8px 0 0;
height:24px;
}
.title_bar .resultInfoTxt {
float:left;
text-align:left;
width:200px;
color:#c5c6c9;
padding:2px 0 0 25px;
}
.title_bar .ajaxSearch_paging {
float:right;
width:200px;
color:#c5c6c9;
padding:2px 25px 0 0;
}
ul#sorting_options {
display:block;
float:right;
list-style:none;
margin:0;
padding:0;
}
ul#sorting_options li {
float:left;
font-family:Tahoma, Helvetica, sans-serif;
font-size:11px;
color:#c1c3d0;
margin:0;
padding:0;
}
ul#sorting_options li span {
display:block;
padding:3px 6px;
}
ul#sorting_options li a {
display:block;
color:#e5e6e8;
padding:3px 6px;
}
ul#sorting_options li a:hover {
text-decoration:underline;
}
ul#sorting_options li a, ul#sorting_options li span {
margin-top:-3px;
}
ul#sorting_options li a.on {
background-color:#9ca8b0;
color:#393d3f;
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
border-radius: 2px;
}
#app_list .box {
background:url(../images/bg_home_bottom_panels.png) repeat-x top left;
padding:15px 10px 15px 20px;
}
#app_list .box ul {
list-style:none;
margin:0;
padding:0;
}
#app_list .box ul li {
float:left;
width:280px;
padding:0 0 20px;
margin:0;
position:relative;
}
#app_list .box ul li.vertical {
display:block;
float:none;
clear:both;
width:100%;
padding:0 0 20px 15px;
}
#app_list .box ul li img {
float:left;
}
#app_list .box ul li div.listing_rhs {
float:left;
padding:0 0 0 10px;
}
#app_list .box ul li.vertical div {
float:none;
padding:0;
}
#app_list .box ul li.vertical h4, #app_list .box ul li.ajaxSearch_result p {
padding:0;
margin:0;
}
#app_list .box ul li a {
}
.app_info_param {
display:none;
}
#app_list .category_widget {
position:absolute;
top:30px;
left:160px;
background-color:#8688a1;
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
border-radius: 2px;
padding:3px 6px 1px 6px;
color:#fff;
font-size:11px;
}
#app_list .popup {
display:none;
background:url(../images/bg_listing_popup.png) no-repeat top left;
width:262px;
height:112px;
padding:20px 0 0 18px;
position:absolute;
bottom:50px;
left:-20px;
}
#app_list .popup img {
float:left;
width:57px;
height:57px;
margin-right:15px;
}
#app_list .popup div.popup_rhs {
float:left;
width:160px;
}
#app_list .popup div.popup_rhs h4 {
font-size:14px;
padding:0;
margin:0 0 5px 0;
}
#app_list .popup div.popup_rhs p {
padding:0;
margin:0;
}


#app_list .box ul li dl {
}
#app_list .box ul li dl dt {
float:left;
display:block;
width:57px;
height:57px;
}
#app_list .box ul li dl dt img {
width:57px;
height:57px;
}
#app_list .box ul li dl dd {
display:block;
padding:0 0 0 20px;
margin:0;
width:232px;
}


/* App Detail Page */
#app_detail {
}
#app_detail #iphone {
float:left;
background:url(../images/bg_iphone_halfsize.png) no-repeat top left;
width:224px;
height:369px;
position:relative;
}
#app_detail #android {
float:left;
background:url(../images/bg_g1_halfsize.png) no-repeat top ;
width:231px;
height:411px;
position:relative;
}
#app_detail #iphone img, #app_detail #android img {
margin:0;
}
#app_detail #iphone #previous, #app_detail #android #previous {
display:block;
position:absolute;
width:13px;
height:16px;
top:46%;
left:-5px;
}
#app_detail #iphone #previous span, #app_detail #android #previous span {
display:none;
}
#app_detail #iphone #next, #app_detail #android #next {
display:block;
position:absolute;
width:13px;
height:16px;
top:46%;
right:0;
}
#app_detail #iphone #next span, #app_detail #android #next span {
display:none;
}
#screenshot_slider {
margin:62px 0 0 31px;
width:160px;
height:240px;
position:relative;
}
#android #screenshot_slider {
margin:45px 0 0 35px;
}
#screenshot_container {
list-style:none;
padding:0;
margin:0;
width:640px;
position:absolute;
}
#screenshot_container .panel {
float:left;
width:160px;
height:240px;
}
#screenshot_container li .panel {
margin:0;
}
#screenshot_container img {
width:160px;
height:240px;
}
#app_detail .copy {
float:left;
width:324px;
margin-left:20px;
}
#app_detail .copy .intro {
font-size:14px;
}
#app_detail .specs {
float:left;
width:210px;
border-left:1px solid #e6eaeb;
margin:85px 0 0 100px;
padding:0 0 0 15px;
}
#app_detail .specs p {
padding-top:30px;
line-height:1.6em;
}
#app_detail #on_sale {
padding:15px 0 0 0;
width:88px;
height:21px;
}
#related_apps h2 {
font-size:1.5em;
padding-top:20px;
color:#555659;
}
#related_apps ul {
list-style:none;
padding:0;
margin:0;
} 
#related_apps ul li {
float:left;
width:300px;
padding:16px 0 20px;
margin:0;
}
#related_apps ul li img {
float:left;
}
#related_apps ul li div {
float:left;
padding:0 0 0 10px;
}


/* About Page */
ul#badges {
list-style:none;
padding:0;
margin:0;
}
ul#badges li {
padding:4px 0;
margin:0;
}


/* Contact Us Page */
input.contact_submit {
background:url(../images/btn_submit_application.png) no-repeat top left;
border:0;
width:146px;
height:33px;
font-size:1px;
}


/* Login Page */
input.login_submit {
background:url(../images/btn_login.png) no-repeat top left;
border:0;
width:66px;
height:33px;
font-size:1px;
}
input.forgot_submit {
background:url(../images/btn_retrieve_password.png) no-repeat top left;
border:0;
width:146px;
height:33px;
font-size:1px;
}
input.cancel {
background:url(../images/btn_cancel.png) no-repeat top left;
border:0;
width:73px;
height:33px;
font-size:1px;
}


/* Content Page Template */
#lhs {
float:left;
width:550px;
}
#lhs .subtext {
font-weight:800;
color:#2e2f32;
}
#lhs .intro {
font-size:14px;
}
#rhs {
float:right;
width:265px;
}
#rhs ul {
list-style:none;
margin:0;
padding:5px 0 15px 0;
}
#rhs ul li {
padding:3px 0;
margin:0;
}

/* Publisher */
#fdm-mod {
position:absolute;
top:0px;
right:0px;
/*background-color:#f5f6f8;*/
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
border-radius: 2px;
padding:6px 10px;
}
#fdm-mod ul {
list-style:none;
margin:0;
padding:0;
}
#fdm-mod ul li {
float:left;
padding:0 15px 0 0;
margin:0;
}
#fdm-mod ul li.last {
padding:0;
}
#fdm-mod img {
float:left;
margin-top:-2px;
}
#fdm-mod ul li a span {
padding:0 0 0 4px;
}

#fdmForm {
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border-radius: 5px;
margin:-20px 0 40px 0;
border:3px solid #d5d6d8;
padding:40px;
position:absolute;
top:50px;
left:120px;
width:610px;
background-color:#ffffff;
z-index:1000;
}
#fdmForm label {
width:150px;
}
#fdmForm label.checkbox {
width:200px;
}
#fdmForm input.text, #fdmForm textarea {
width:360px;
}
#fdmForm select {
width:360px;
margin:9px 0;
}
#fdmForm input.file {
margin-top:20px;
}
#fdmForm label.file {
margin-top:12px;
}
#fdmForm input.short, #fdmForm input.date_field {
width:100px;
}
#fdmForm input.hidden {
border:1px solid #fff;
color:#c5c6c8;
width:360px;
}
#fdmForm .date_buttons {
float:left;
padding:5px 0 0 10px;
}
#fdmForm .date_button {
float:left;
padding-right:10px;
}
#fdmForm .date_field {
width:150px;
}
table.file_download {
background-color:#f5f6f8;
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
border-radius: 2px;
padding:10px;
width:100%;
}
span.file_delete {
background-color:#969799;
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
border-radius: 2px;
padding:2px 5px;
}
span.file_delete a {
font-size:10px;
color:#fff;
}
input.add_app_submit {
float:left;
background:url(../images/btn_add_app.png) no-repeat top left;
border:0;
width:110px;
height:33px;
font-size:1px;
margin-top:20px;
}
#app_detail input.add_app_submit {
float:left;
background:url(../images/btn_update_app.png) no-repeat top left;
border:0;
width:130px;
height:33px;
font-size:1px;
margin-top:20px;
}
a.upload_button {
display:block;
float:left;
font-family:Verdana, Arial, sans-serif;
font-size:11px;
background-color:#3296f3;
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
border-radius: 2px;
padding:3px 5px;
color:#ffffff;
margin:20px 0 0 0;
}
a.upload_button:hover {
}
input.file:hover {
cursor:pointer;
}
img#app_icon_placeholder {
float:left;
width:57px;
height:57px;
margin-top:5px;
}
img.screenshot_placeholder {
float:left;
width:40px;
height:60px;
margin-top:5px;
}
img.cancel_img {
float:left;
margin:20px 0 0 10px;
width:73px;
height:33px;
}
#dev_app_list {
background:url(../images/bg_home_bottom_panels.png) repeat-x top left;
padding:15px 10px 15px 15px;
}
#dev_app_list ul {
list-style:none;
margin:0;
padding:0;
}
#dev_app_list ul li {
float:left;
width:290px;
padding:0 0 20px;
margin:0;
}
#dev_app_list ul li.text_list {
float:none;
width:500px;
padding:0 20px;
}
#dev_app_list ul li.text_list ol {
padding-left:0;
margin-left:20px;
}
#dev_app_list ul li.text_list ol li {
float:none;
padding-left:0;
margin-left:0;
}
#dev_app_list ul li img {
float:left;
}
#dev_app_list ul li div {
float:left;
padding:0 0 0 10px;
}
#fdmForm label.error {
float:left;
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
border-radius: 2px;
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
color:#cc0000;
font-weight:800;
margin:-5px 0 10px 160px;
padding:3px;
background-color:#FFeeee;
text-align:left;
width:372px;
}
#date_container {
float:left;
}
#fdmForm #date_container label.error {
clear:none;
margin:0 0 0 10px;
width:150px;
}

/* User profile update */
input.profile_submit {
float:left;
background:url(../images/btn_update_profile.png) no-repeat top left;
border:0;
width:119px;
height:33px;
font-size:1px;
margin-top:20px;
}
ul.dev_list {
list-style:none;
padding:0;
margin:0;
}
ul.dev_list li {
margin:0 0 20px 0;
padding:0;
}
ul.dev_list li p {
margin:2px 0;
}