input { border: 1px solid #999; padding: 2px; } body { background-color: #e7e7e7; color: #333; text-align: center; margin: 0px; padding: 0px; } body, p, ol, ul, td { font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; line-height: 18px; } a { color: #00638d;} a:hover { color: #f38e36; } h1 { color: #45a100; font: 200% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;} h2 { color: #45a100; } h3 { margin-bottom: 2px; padding: 0px; margin: 0px 0px 2px 0px; color: #2e638d; } h4 { color: #00638d;} h5 { text-transform: uppercase; font: 900 11px Tahoma, Arial, Helvetica, sans-serif; margin: 0px; padding: 5px 10px; color: #5c5c5c; background-color: #e0e0e0; float: left; width: 100%; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; } .box { float: left; background-color: #fff; border: 1px solid #e0e0e0; -moz-border-radius: 4px; margin-bottom: 15px; width: 100%;} #image_div { border: thin solid #c7c7c7; padding: 6px; height: 150px; width: 150px;} #image_div img { top: 50%; left: 50%; } /* notices */ #flash_notice { color: orange; } #flash_error { color: red; } #form_notice { font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;} #errorExplanation { color: red;} #errorExplanation ul { margin-right: 10px; border: thin solid yellow; background-color: #e57d3e; color: white; padding-top: 5px; padding-bottom: 5px; } .form_button{ cursor:pointer; border:outset 1px #ccc; background:#999; color:#666; font-weight:bold; padding: 1px 2px; background:url(/images/formbg.gif) repeat-x left top; } /* Page Layouts */ #container { padding: 0px; margin: 0px auto; width: 1020px; text-align: left; } #content { width: 960px; background: url('/images/bg2.gif') repeat-y; float: left; padding: 0px 30px 0px 30px; } #main_div { float: left; width: 100%; min-height: 500px; } #main_div ul { list-style: none; } #left_div { float: left; padding: 0px; margin: 0px; width: 560px; margin-bottom: 10px; } #right_div { float: right; clear: none; width: 370px; margin: 0px; padding: 0px; margin-bottom: 10px; } #left_half_div { float: left; width: 49%; min-height: 500px; margin-bottom: 10px; } #right_half_div { float: right; clear: none; width: 49%; min-height: 500px; margin: 0px; padding: 0px; margin-bottom: 10px;} #left_third_div { float: left; width: 700px; min-height: 500px; margin-bottom: 10px;} #right_third_div { float: right; width: 230px; min-height: 480px; margin-bottom: 10px; background-color: #e6f0f2;} .inner_content { padding: 0px 10px 0px 10px; min-height: 500px;} #general_form { float: left; margin-top: 20px; width: 100%;} #label { float: left; text-align: left; clear: left; width: 100px; margin-bottom: 10px;} #value { float: left; clear: none; margin-bottom: 10px; } #value2 { float: left; clear: none; margin-bottom: 10px; margin-left: 5px;} #full_row { float: left; clear: both; margin-bottom: 10px; } #bottom_menu { float: left; clear: both; } /* #wrapper ======================================= */ #wrapper { margin: 0px auto; width: 960px; text-align: left; } /* #header ======================================= */ #header { height: 50px; border-bottom: 1px solid #fff;} #header h1 { margin: 0; padding: 0; } #header h1 a { color: #fff; font-size: 18px; font-weight: 900; text-decoration: none; padding: 10px 30px 0px 0px; float: left; } #header #logo { width: 175px; height: 20px; float: left; margin: 10px 100px 0px 20px; padding: 2px; } #header #logo img { border: none;} /* #navigation ======================================= */ #navigation ul { display: block; list-style: none; margin: 10px 0 0; padding: 0; float: left; font-weight: 700; } #navigation ul li { display: block; float: left; padding: 0; margin: 0; font-size: 11px; } #navigation ul li a { display: block; padding: 1px 10px 2px; color: #fff; text-decoration: none; } #navigation ul li a.current, #navigation ul li.current_page_item a { color: #f38e36; -moz-border-radius: 3px; background-color: #fff; } #navigation ul li a:hover { color: #fff; text-decoration: underline; } #navigation a.current:hover {color: #f38e36;} #top_search { float: right; width: 240px; padding-top: 10px;} #top_search input { width: 130px; } #top_search input#searchsubmit { padding: 2px; font-size: 10px; width: 60px;} #login_signup { float: right; width: 150px; padding: 0px 15px 2px 0px; text-align: right;} #login_signup a { padding: 1px 2px 2px; color: #00638d; text-decoration: none; } #login_signup a:hover { color: #f38e36; text-decoration: underline; } #header { background-color: #00507c; } #navigation ul li a.current, #navigation ul li.current_page_item a { background: #fff; } #content .meta-footer ul li { background-color: #A1C86E; } #content .meta-footer ul li a:hover { background-color: #46671C; } #content #comments h3 { color: #B03466; } #content #comments .meta-comment { color: #B03466; } #content #respond h3 { color: #46671C; } .avatar { border: 1px solid #46671C; } #sidebar .feeds { color: #46671C; } #content .meta-header { color: #A1C86E; } #content .entry h2 { color: #46671C; } #content .entry h2 a { color: #46671C; } #content .entry h2 a:hover { color: #46671C; border-bottom: 1px solid #46671C; } #sidebar h3 { color: #333; } #sidebar .feeds strong { color: #46671C; } /* #subheader ======================================= */ #subheader { height: 20px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; background-color: #e6f0f2; border: 1px solid #d5d1cd; } #subheader h1 { margin: 0; padding: 0; } #subheader h1 a { color: #fff; font-size: 16px; font-weight: 400; text-decoration: none; padding: 10px 30px 0px 14px; float: left; } /* #navigation ======================================= */ #subnavigation ul { display: block; list-style: none; margin: 10px 0 0; padding: 0; float: left; font-weight: 900; } #subnavigation ul li { display: block; float: left; padding: 0; margin: 0; font-size: 11px; } #subnavigation ul li a { display: block; padding: 1px 10px 2px; color: #fff; text-decoration: none; } #subnavigation ul li a.current, #navigation ul li.current_page_item a { -moz-border-radius: 3px; } #subnavigation ul li a:hover { color: #fff; text-decoration: underline; } #subnavigation ul li a.current, #navigation ul li.current_page_item a { background: #6da8c6; } #left_div .meta_footer { margin: 15px 0 0;border: thin solid blue; background-color: #A1C86E; } #left_div .meta_footer ul { font-size: 10px; display: block; list-style: none; margin: 0; padding: 0; } #left_div .meta-footer ul li { float: left; padding: 0; margin: 0 2px 0 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; } #left_div .meta_footer ul li a { display: block; padding: 2px 7px; color: #fff; text-decoration: none; } #left_div .meta_footer ul li a:hover { color: #fff; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; background-color: #46671C; } /* Welcome */ #main_blurb { float: left; clear: both; padding: 0px 10px 0px 10px; margin: 0px 0px 10px 0px; } #main_blurb ul { list-style: none; } #welcome_search_box { height: 100px; padding: 0px 0px 0px 0px; } #welcome_search_box h5 {width: 541px;} #welcome_search_box #search_form { width: 430px; margin: 30px 0px 0px 30px; } #welcome_search_box #search_form #search { float: left; width: 240px; font-size: 20px; padding-top: 0px; margin-right: 5px;} #welcome_search_box #search_form .form_button { height: 28px;} #welcome_search_box h3 { padding: 0px 0px 5px 0px; margin-top: 0px; color: #45a100; font-size: 120%; } #categories { } #categories h5 { width: 541px;} #categories #column { float: left; clear: none; width: 276px; margin: 5px 0px 5px 0px; padding: 0; } #categories #column ul { list-style: none; margin: 0px 0px 0px 5px; padding: 0px; } #categories #column li { float: left; width: 265px; margin: 0; padding: 0; clear: both; } #categories #count { color: #457188;} #categories ul { list-style: none; } /* featured apps */ #featured_apps { } #featured_apps h5 { width: 350px; } #featured_app { float: left; width: 162px; height: 385px; min-height: 235px; margin: 7px; } #featured_app h2 { border: thin solid green; } #featured_app #description { font-size: 10px; padding: 0px 5px 0px 5px; } #featured_app h4 { padding: 0px 4px 0px 4px; margin: 3px 0px; } #featured_app h4 a { color: #f38e36; } /* featured posts */ #featured_posts { } #featured_posts h5 { width: 350px; } #featured_posts #posts { margin: 0px 7px 0px 7px; } #featured_posts #posts h4 { font-size: 12px; } #featured_posts #posts h4 a { } #featured_posts #posts #inline_date { font-size: 10px; color: #666; } /* Compared Apps */ #number_of_compared_apps { } #number_of_compared_apps h5 { width: 350px; } #number_of_compared_apps #container { float: left; clear: both; width: 350px; margin: 0px 0px 17px 0px; } #number_of_compared_apps #number { float: left; clear: both; font-size: 38px; margin: 20px 0px 0px 90px; color: #f38e36; } #number_of_compared_apps #text { float: left; clear: none; width: 140px; margin: 11px 0px 0px 5px; color: #666; font-size: 12px; } /* partners */ #partners { } #partners h5 { width: 350px; } #partners #container { margin: 0px; padding-left: 10px; width: 350px; text-align: left; } /* signup box */ #signup_box { height: 100px; } #signup_box h5 { width: 350px; } #signup_box p { margin: 10px; padding: 0px; float: left;} #signup_box img { float: left; width: 78px; height: 21px; margin-left: 120px; margin-top: -15px; } /* reviews */ #review_search_fields { float: left; clear: both; height: 50px; width: 100%; } #review_search_fields #search { font-size: 20px; float: left; margin: 0px 10px 0px 0px; height: 25px; padding: 0px; } #review_search_fields #review_search_submit { height: 27px; } #search_reviews { float: left; } #search_review { float: left; clear: both; width: 480px; height: 90px; margin-bottom: 20px; } #search_review #rating{margin-left: 100px;} #search_review #app_name a { color: #45a100; } #review { margin-bottom: 10px; } #review #title { font: 110% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; color: #333; height: 20px; margin-bottom: 0px; } #review #body {} #review #body #date_time { color: red; font: 60% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; margin-bottom: 3px; } #review_show { padding-left: 10px;} #review_show img { float: left; padding: 4px; border: thin solid #c7c7c7; margin: 0px 10px 10px 0px; } #review_show #button img { width: 100px; height: 29px; border: none; } #review_show #body { } #review_show h3 { margin-top: 25px; margin-bottom: 10px;} #review_show #score { } #review_show #product_info { width: 250px; margin-bottom: 0px;} #review_show #product_info #label { width: 200px; padding-right: 20px; text-align: left; } #review_show #product_info #value { } #review_show #score #label { width: 200px; padding-right: 20px; text-align: left; } #review_show #score #value { width: 300px;} #f_app #score #label { width: 200px; padding-right: 20px; text-align: left; } #f_app #score #value { width: 300px;} .rating{ width:80px; height:16px; margin:0 0 20px 0; padding:0; list-style:none; clear:both; position:relative; background: url('/images/star-matrix1.gif') no-repeat 0 0; } ul.rating li { cursor: pointer; /*ie5 mac doesn't like it if the list is floated but ie6 does\*/ float:left; /* end hide*/ text-indent:-999em;/* hide text*/ } ul.rating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; } ul.rating li.one a {left:0} ul.rating li.two a {left:16px;} ul.rating li.three a {left:32px;} ul.rating li.four a {left:48px;} ul.rating li.five a {left:64px;} .nostar {background-position:0 0} .onestar {background-position:0 -96px} .twostar {background-position:0 -112px} .threestar {background-position:0 -128px} .fourstar {background-position:0 -144px} .fivestar {background-position:0 -160px} /* comments */ #comments { float: left; clear: both; } #comment_form { float: left; } #review_comment { float: left; width: 100%; margin-bottom: 20px; } #review_comment #user { width: 200px; float: left; clear: both; margin-bottom: 10px; font: 70% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; } #review_comment #body { width: 400px; float: left; clear: none; padding-left: 40px; } /* footer*/ #footer { border: 1px solid #d5d1cd; float: left; clear: both; width: 960px; height: 80px; text-align: center; padding: 10px 0px 10px 0px; margin: 0px; background-color: #e6f0f2; color: #333; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; } #footer ul { float: left; list-style: none; border-right: thin solid #999; width: 500px; height: 60px; border-right: thin solid #999; } #footer li { float: left; } #footer a { padding: 0px 20px 0px 20px; font: 95% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; text-transform: capitalize; } #footer #right_container { text-align: left; float: left; padding: 10px 0px 0px 20px;} #footer #right_container a { padding: 0px; font-size: 75%; } /* Admin */ #account_header { height: 50px; width: 100%; float: left; clear:both; } #account_left { border: thin solid blue; float: left; clear: both; width: 220px; min-height: 500px; margin: 10px 10px 0px 0px; padding: 10px 0px 0px 15px; border: thin solid #d5d1cd; background-color: #e6f0f2; } #account_menu_item { float: left; clear: both; height: 20px; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px; } #account_menu_title { float: left; clear: both; } #account_main_div { float: right; clear: none; width: 700px; min-height: 500px; margin: 10px 0px; padding: 0px 0px 10px 10px; border: thin solid #d5d1cd; background-color: #e6f0f2;} #account_main_div h2 { margin: 0px; padding: 0px; } .admin_table { min-height: 200px; } #admin_table_header { background-color: #999; color: #fff;} /* Apps */ #apps_category_description { margin-bottom: 15px; } #apps_by_category { width: 100%; padding-left: 0px; } #apps_by_category #small_title { font-size: 75%; margin-bottom: 5px; } #apps_by_category #apps { margin-bottom: 20px; } #apps_by_category #app { border-bottom: 1px dotted #999; max-height: 200px; padding: 5px 0px 5px 0px; } #apps_by_category #app h3 { margin-bottom: 0px; margin-top: 0px; padding-bottom: 0px; } #apps_by_category #app h4 { color: #666; margin: 0px; padding-top: 6px; padding-bottom: 3px; } #apps_by_category #app p { padding: 0px; margin: 0px 0px 8px 0px; } #apps_by_category #app #app_links { margin-right: 10px;} #apps_by_category #f_apps { margin-bottom: 10px; } #apps_by_category #f_app { background: #f2f2f2; padding: 10px; border: thin solid #e4e5e6; margin-bottom: 10px; width: 520px;} #apps_by_category #f_app h3 { font-size: 18px; margin-bottom: 4px; } #apps_by_category #f_app img { float: left; padding: 4px; border: thin solid #c7c7c7; margin: 0px 10px 10px 0px; } #app_left { float: left; padding: 3px; width: 530px; } #app_left #top_container { width: 100%; border-bottom: thin solid #ececec; padding-bottom: 1px; margin-bottom: 10px; } #app_left #top_container #container { padding: 0px 10px 0px 10px; } #app_left #top_container #title { float: left; font-size: 14px; } #app_left #top_container #title h4 { margin: 0px; text-decoration: none; } #app_left #top_container #title a { text-decoration: none; } #app_left #top_container #back { float: right; font-size: 10px; } #app_left #top_container #back a { text-decoration: none;} #app_left #top_container #back img { border: none; } #app_left #main_container img { border: thin solid #c7c7c7; padding: 6px; margin: 0px 15px 5px 0px; float: left; } #app_left #main_container #side { float: left; width: 200px; } #app_left #main_container #side #label { width: 200px; font-size: 12px; padding: 0px; margin: 0px; color: black; } #app_left #main_container #side #value { width: 200px; font-size: 12px; padding: 0px; margin: 0px 0px 5px 0px; color: gray; } #app_left #main_container #side #title { font-size: 20px; text-align: left; margin-bottom: 10px; float: left; } #app_left #main_container #side #subtitle { font-size: 12px; text-align: left; margin-bottom: 20px; float: left; } #app_left #main_container #side ul { margin: 0px; padding: 0px; list-style: none; font-size: 8px; } #app_left #main_container #side li { margin: 0px; padding: 0px; } #app_left #app_body {float: left; clear: both; padding: 10px; width: 500px; } #app_left ul {list-style: none;} #app_profile { float: left; clear: none; width: 350px; min-height: 150px; margin-bottom: 15px; border: thin solid red; } #app_profile h3 { color: #6da8c6; } #app_profile h4 { float: left; color: #666; padding: 0px; margin: 5px 0px 3px 0px; } #app_profile #label { float: left; text-align: right; clear: both; width: 120px; margin: 0px 10px 0px 0px; padding: 0px; } #app_profile #value { float: left; clear: none; margin: 0px; padding: 0px; max-width: 210px; } #app_right { float: right; padding: 0px; margin: 0px; width: 400px; } #app_right #vendor_profile { width: 100%; float: left; padding: 0px 0px 7px 0px; margin: 0px; } #vendor_profile h5 {width: 380px;} #vendor_profile p { padding: 20px 0px 0px 10px;} #app_right #label { float: left; text-align: right; clear: left; width: 100px; margin-right: 20px; } #app_right #value { float: left; clear: none; } #app_bottom_menu { float: left; clear: both; border: thin solid #999; padding: 3px; width: 950px; margin: 20px 0px 10px 0px; } #admin_management { float: left; } #admin_management #admin_row { float: left; clear: both; padding: 5px; } #admin_management .header { border-bottom: 1px solid #333; font-size: 14px; } #admin_management #id { float: left; width: 20px; border-right: 1px solid #333;} #admin_management #name { float: left; width: 100px; border-right: 1px solid #333; margin: 0px 10px;} #admin_management #approval { float: left; width: 20px; border-right: 1px solid #333; margin: 0px 2px;} #admin_management #approval_date { float: left; width: 60px; border-right: 1px solid #333; margin: 0px 2px;} #app_select_vendor { float: left; clear: both; } #app_approval { float: left: clear: both; } /* signup form */ #signup_form { float: left; width: 100%; padding: 30px 0px 15px 0px; } #signup_form #label { float: left; clear: both; width: 200px; margin-bottom: 10px; } #signup_form #value { float: left; clear: none; width: 300px; margin-bottom: 10px; text-align: left; } #signup_form #spam_notice { font: 75% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;} #signup_form #signup { float: left; clear: both; } #login_form { float: left; margin: 40px 0px 0px 0px; } /* login form */ #login_div { float: left; width: 400px; border-right: 1px solid #999; margin-left: 40px;} #login_div #label {float: left; clear: both; width: 130px; margin: 0px 0px 7px 0px;} #login_div #value {float: left; clear: none; width: 200px; margin: 0px 0px 7px 0px; } #login_div #login_button {float: left; clear: both; } /* Reset password */ #reset_password {float: left;} /* Apps Show */ #tabsI { float:left; width:100%; /* background:#EFF4FA; */ font-size:93%; line-height:normal; border-bottom:1px solid #DD740B; } #tabsI ul { margin:0; padding:0px 10px 0 0px; list-style:none; } #tabsI li { display:inline; margin:0; padding:0; } #tabsI a { float:left; background:url("/images/tableft.gif") no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; } #tabsI a span { float:left; display:block; background:url("/images/tabright.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsI a span {float:none;} /* End IE5-Mac hack */ #tabsI a:hover span { color:#FFF; } #tabsI a:hover { background-position:0% -38px; } #tabsI a:hover span { background-position:100% -38px; } /* vendors */ #vendor_login { margin: 0px; padding: 0px;} #vendor_login h5 { width: 350px;} #vendor_login #vendor_login_form { float: left; margin: 0px 0px 0px 25px; } #vendor_logos { float: left; margin-top: 20px; width: 370px; background: #f7f7f7;} #vendor_logos h5 { width: 350px;} #vendor_logos h4 { float: left; margin: 5px 0px 5px; padding: 10px; } #vendor_logos #image_div { float: left; margin: 5px;} #vendor_signup #label { width: 200px;} #vendor_signup #apps { float: left; } #vendor_signup #form_errors { float: left; clear: both; } #testimonials h5 { width: 350px;} #testimonial { float: left; margin: 20px 20px 10px 20px;} #testimonial #author { color: #999;} #vendor_programs { float: left; width: 550px;} #vendor_programs #header_row { border-bottom: thin solid #999; color: #999; float: left; clear: both; height: 40px; margin-bottom: 7px;} #vendor_programs #table_row { float: left; height: 25px; clear: both; border-bottom: thin solid #d3d3d3; margin-bottom: 5px;} #vendor_programs #first_table_cell { width: 300px; float: left; } #vendor_programs #table_cell { width: 70px; float: left; text-align: center;} #vendor_programs #pricing { font-size: 75%;} #vendor_signup { float: left; margin-top: 50px; clear: both; } /* posts */ #recent_posts {} #recent_posts #post { float: left; margin-bottom: 8px; } #recent_posts #post h4 { margin-bottom: 3px; border: none; text-decoration: none; } #recent_posts #post h4 a { margin-bottom: 3px; border: none; text-decoration: none; } #recent_posts #post #by_and_on { font-size: 80%; } #post { } #post h3 { margin-bottom: 3px; } #post #by_and_on { font-size: 80%; } /* TOU */ #terms_of_use p { font-size: 70%; } /* admin */ #admin_search_box { float: left; margin-top: 20px;} #admin_search_box #search { float: left; margin-right: 10px; font-size: 16px; padding: 0px; } #admin_search_box .search_submit { } #app_results { float: left; clear: both;} #vendor_results { float: left; clear: both;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* for IE/Mac */