/*
 macfiles.css - style sheets for macfiles.org
 © 2005 Misha Yurasov
*/

/* common elements */

body, td, tr, input, select, textarea {
  color: #323232;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 13px;
}

input.text, select, textarea {
  background-color: white;
}

body {
  background: #8393A0 url(/images/body-bg.gif) repeat-x top;
  margin: 0px;
  padding: 25px 0px 15px 0px;
}

body#message {
  background-color: white;
  background-image: none;  
  margin: 0px;
  padding: 0px;
}

p {
  text-indent: 15px;
  text-align: justify;
  padding: 5px 0px 0px 0px;
}

a {
  color: #798A98;
}

a:link, a:visited {
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

form {
  margin: 0px;
  padding: 0px;
}

h1 {
  font-size: 9pt;
  margin: 0px 0px 0px 1px;
}

h2 {
  font-size: 8pt;
  margin: 0px 0px 0px 1px;
}

.text_block h1 {
  color: white;
  font-size: 8pt;
  margin: 0px 0px 7px 0px;
  padding: 2px 5px 2px 5px;
  background-color: #848484;
}

.text_block h2 {
  color: #848484;
  font-size: 8pt;
  margin: 0px 0px 5px 5px;
}

.text_block p {
  text-indent: 20px;
  text-align: justify;
  margin: 0px 0px 10px 0px;
}

.text_block ol {
  margin: 5px 50px 0px 50px;
}

p.last {
  margin-bottom: 0px;
}

p {
  margin: 0px;
}

.header_1 {
  background: #ECEFF2 url(/images/header-1-bullet.gif) no-repeat left center;
  font-weight: bold;
  padding: 5px 5px 5px 13px;
}

.header_2 {
  font-weight: bold;
  padding: 5px;
  width: 100%;
}

.message {
  padding: 0px 0px 5px 0px;
}

.message_links {
  color: gray;
  text-align: center;
  padding: 5px 0px 0px 0px;
}

.date {
  color: gray;
}

div.simple_text {
  padding: 5px;
}

/* page structure */

#header #a, #header #b {
  background: #D7D7D7 url(/images/header-bg.gif) repeat-x top;
}

#header #c, #header #d {
  background: #D7D7D7 url(/images/header-bg.gif) repeat-x bottom;
}

#header #d {
  padding: 19px 15px 0px 0px;
  border-right: 1px solid #AAAAAA;
}

#header .text {
  border: 1px solid #C3C3C3;
  background-color: #EDEDED;
  padding: 3px;
  margin: 2px 5px 0px 0px;
  height: 21px;
}

#leaderboard {
  border-color: #AAAAAA;
  border-width: 0px 1px 0px 1px;
  border-style: solid;
  background: #EDEDED url(/images/dots-sep-h.gif) repeat-x bottom;
  padding: 0px 0px 5px 0px;
}

#body {
  border-color: #AAAAAA;
  border-width: 0px 1px 0px 1px;
  border-style: solid;
  background-color: white;
}

#body #content {
  padding: 5px 5px 5px 5px;
}

#body #nav {
  padding: 0px 0px 0px 1px;
  background: transparent url(/images/dots-sep-v.gif) repeat-y left top;
}

/* nav -> menu */

#body #nav #menu {

}

#body #nav #menu .item {
  padding: 5px 5px 6px 6px;
  background: #F7FBFF url(/images/dots-sep-h.gif) repeat-x bottom left;
}

#body #nav #menu .item a {
  color: #7C7E80;
}

#body #nav #menu .selected {
  background-color: #E7ECF1;
}

#body #nav #menu .selected a {
  color: #323232;
}

/* nav -> categories */

#body #nav #categories td {
  padding: 5px 5px 6px 6px;
}

#body #nav #categories .collapsed {
  background: #FFFFF5 url(/images/dots-sep-h.gif) repeat-x bottom left;
}

#body #nav #categories .expanded {
  background: #F1F1E7 url(/images/dots-sep-h.gif) repeat-x bottom left;
}

#body #nav #categories .expanded a {
  color: #323232;
}

/*#body #nav #categories .last {
  background-image: none;
}*/

#body #nav #categories a {
  color: #7F8079;
}

#footer #a, #footer #b, #footer #c {
  background: #D7D7D7 url(/images/footer-bg.gif) repeat-x bottom;
}

#footer #b {
  color: #BBBBBB;
}

#footer #b a {
  color: #888888;
}

#copyright {
  color: #BECBD6;
  background: transparent;
  padding-top: 10px;
}

/* frame A (color) */

.frame_a #a {
  background: #C4D0DB url(/images/frame-a/a.gif) no-repeat top left;
}

.frame_a #b {
  background: #C4D0DB url(/images/frame-a/b.gif) repeat-x top;
}

.frame_a #c {
  background: #C4D0DB url(/images/frame-a/c.gif) no-repeat top right;
}

.frame_a #g {
  background: white url(/images/frame-a/g.gif) no-repeat bottom left;
}

.frame_a #i {
  background: white url(/images/frame-a/i.gif) no-repeat bottom right;
}

.frame_a #b,
.frame_b #b {
  font-size: 8pt;
  font-weight: bold;
}

.frame_a #e,
.frame_b #e {
  padding: 3px 0px 0px 0px;
}

.frame_a #d,
.frame_a #f,
.frame_a #h {
  border-color: #C4D0DB;
  border-style: solid;
}

.frame_a #d,
.frame_b #d {
  border-width: 0px 0px 0px 1px;
}

.frame_a #f,
.frame_b #f {
  border-width: 0px 1px 0px 0px;
}

.frame_a #h,
.frame_b #h {
  border-width: 0px 0px 1px 0px;
}

/* frame B (gray) */

.frame_b #a {
  background: #DDDDDD url(/images/frame-b/a.gif) no-repeat top left;
}

.frame_b #b {
  background: #DDDDDD url(/images/frame-b/b.gif) repeat-x top;
}

.frame_b #c {
  background: #DDDDDD url(/images/frame-b/c.gif) no-repeat top right;
}

.frame_b #g {
  background: white url(/images/frame-b/g.gif) no-repeat bottom left;
}

.frame_b #i {
  background: white url(/images/frame-b/i.gif) no-repeat bottom right;
}

.frame_b #d,
.frame_b #f,
.frame_b #h {
  border-color: #DDDDDD;
  border-style: solid;
}

.frame_b #b a {
  color: gray;
}

/* summary */

#summary {
  background-color: #F5F5F5;
  padding: 7px 7px 7px 7px;
}

/* listings */

div.list_sep_h {
  background: white url(/images/dots-sep-h.gif) repeat-x center;
  margin: 7px 0px 7px 0px;
  width: 100%
}

td.listing_menu_a {
  background-color: #F5F5F5;
  padding: 5px;
  border-bottom: 1px solid #E2E2E2;
}

.listing_menu_a h1 {
  font-size: 8pt;
}

td.listing_menu_b {
  color: #999999;
  background-color: #F5F5F5;
  padding: 5px;
}

td.pagination {
  color: #999999;
  background-color: #F5F5F5;
  padding: 5px;
}

td.listing_sep_h {
  background: url(/images/dots-sep-h.gif) repeat-x center;
}

td.listing_sep_v {
  background: url(/images/dots-sep-v.gif) repeat-y center;
}

table#listing_table {
  margin: 0px 0px 10px 0px;
}

.related_keywords {
  background-color: #fafafa;
}

.related_keywords a:link,
.related_keywords a:visited,
.related_keywords a:hover,
.related_keywords a:active {
  color: gray;
}

 /* in-cell ad */
td.listing_cell_ad_ad {
  padding: 10px 0px 0px 0px;
}

/* image near in-cell ad */
td.listing_cell_ad_image {
  padding: 10px 0px 0px 0px;
}

/* forms */

input.text {
  border: 1px solid #E4E4E4;
  height: 19px;
  padding: 2px;
}

textarea {
  border: 1px solid #E4E4E4;
  font-family: Courier New, monospace;
  font-size: 10pt;
  padding: 2px;
}

input.button {
  font-weight: bold;
  padding: 1px 3px 1px 3px;
  cursor: hand;
}

select .option_1 {
  background-color: #E9EEF2;
}

/* company info */

td.company_info {
  line-height: 150%;
  padding: 0px 0px 0px 15px;
}

/* program info */

td.program_header {
  padding: 5px 5px 5px 5px;
  background-color: #E9EEF2;
  border-bottom: 1px solid #C6D2DC;
}

td.program_desc {
  font-size: 9pt;
  text-align: justify;
  padding: 5px 5px 5px 5px;
}

td.program_buy_dl_links {
  color: gray;
  border-bottom: 2px solid white;
  padding: 5px 5px 0px 5px;
  word-break: break-all;
  word-wrap: break-word;
}

td.program_buy_dl_links a:link,
td.program_buy_dl_links a:visited,
td.program_buy_dl_links a:hover,
td.program_buy_dl_links a:active {
  color: gray;
  font-weight: bold;
}

td.program_misc_info_header {
  padding: 5px 5px 5px 5px;
  background-color: #F7F7F7;
  border-bottom: 1px solid #D6D6D6;
}

td.program_misc_info_field {
  padding: 5px 5px 5px 5px;
  border-bottom: 1px solid #D6D6D6;
  word-break: break-all;
  word-wrap: break-word;
}

td.program_desc_ad_ad, program_desc_ad_image {
  padding: 5px 5px 0px 5px;
}

/* new listing styles */

td.listing_screenshot {
  padding: 0px 5px 5px 0px;
}

td.listing_cell_data {
  padding: 0px 0px 0px 0px;  
}

.listing_cell_data .program_header { /* listing_cell_data -> header */
  color: gray;
  background-color: #E9EEF2;
  border-bottom: 1px solid #C6D2DC;
  padding: 3px;
}

.listing_cell_data .descr { /* listing_cell_data -> description */
  padding-top: 5px;
  text-indent: 15px;
}

.ad_descr {                 /* description in ad_cell */
  padding-top: 5px;
  text-indent: 15px;
}

.listing_cell_data .ad { /* listing_cell_data -> ad */
  padding-top: 5px;
}

.listing_keywords, .program_keywords {
  color: gray;
  background-color: #FAFAFA;
  border-left: 2px solid #d0d0d0;
  padding: 5px;
  margin-top: 5px;
}

.listing_keywords a:link,
.listing_keywords a:visited,
.listing_keywords a:hover,
.listing_keywords a:active,
.program_keywords a:link,
.program_keywords a:visited,
.program_keywords a:hover,
.program_keywords a:active {
  color: gray;
}

td.listing_cell_footer {
  color: gray;
  padding: 5px 0px 0px 0px;
}

td.listing_cell_footer a:link,
td.listing_cell_footer a:visited,
td.listing_cell_footer a:hover,
td.listing_cell_footer a:active {
  color: gray;
}

/* top cells styles */

#top_cells {
  background: white url(/images/dots-sep-h.gif) repeat-x bottom left;
  border-left: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  padding: 5px 5px 6px 5px;
}

#top_cells #caption #a,
#top_cells #caption #b,
#top_cells #summary {
  background-color: #F7FBFF;
  border: 1px solid #D9E2EC;
}

#top_cells #caption #a {
  border-width: 1px 1px 0px 1px;
  padding: 5px 5px 2px 5px;
}

#top_cells #caption #b {
  background-color: white;
  border-width: 0px 0px 1px 0px;
}

#top_cells #summary {
  border-width: 0px 1px 1px 1px;
  padding: 5px 5px 5px 5px;
}

#top_cells a {
  color: #323232;
}

#top_cells .program,
#top_cells .image,
#top_cells .description,
#top_cells .keywords,
#top_cells .info {
  padding: 10px 10px 0px 10px;
}

#top_cells .info {
  padding-bottom: 10px;
}

#top_cells .keywords,
#top_cells .keywords a {
  color: gray;
}

#top_cells #pagination,
#top_cells #page_info {
  color: gray;
  background-color: #F0F0F0;
  padding: 5px 5px 5px 5px;
}

#top_cells .info {
  color: gray;
  font-size: 7pt;
}

#top_cells .description .text {
  padding: 5px 0px 0px 0px;
}

#top_cells #ad_block {
  padding: 5px 0px 0px 0px;
}

/**/

table.top_cells_2,
.top_cells_2 .related_keywords,
.top_cells_2 .listing_menu_b,
.top_cells_2 .pagination {
  border-color: #E4E4E4; 
  border-style: solid; 
  border-width: 0px;
  padding: 5px;
}

table.top_cells_2 {
  border-width: 0px 1px 1px 1px;
  padding: 0px;
}

.top_cells_2 .related_keywords {
  border-width: 1px 0px 0px 0px;
  background-color: #FAFAFA;
}

.top_cells_2 .listing_menu_b,
.top_cells_2 .pagination {
  background-color: #F0F0F0;
  border-width: 1px 0px 0px 0px;
}

/* input_form */

.input_form .label,
.input_form .input_field {
  border-top: 2px solid white;
  padding: 5px;
}

.input_form .label {
  border-right: 2px solid white;
  background-color: #ECEFF2;
}

.input_form .input_field {
  background-color: #F8F8F8;
  padding: 5px;
}

.input_field {
  color: gray;
  font-size: 7pt;
}

/* EXTENSIONS ************************************************************/

/* User reviews -------------------------------------------------------- */

/* big reviews */

.user_review .label,
.user_review .field {
  padding: 3px 3px 3px 0px;
}

.user_review .label {
  color: gray;
}

.user_review .text {
  background-color: #FFFFF5;
  padding: 0px 0px 5px 0px;
  border: 1px solid #f0f0f0;
}

.user_review .field .date {
  color: gray;
  font-size: 7pt;
}

.user_review .field a {
  color: gray;
}

.user_review p {
  text-indent: 0px;
  text-align: justify;
  padding: 0px;
  margin: 5px 5px 0px 5px;
}

/* right column styles */

#reviews #header {
  padding: 5px 5px 6px 6px;
  background: #F0F0F0 url(/images/dots-sep-h.gif) repeat-x bottom left;
}

#reviews #header a {
  font-weight: bold;
  color: gray;
}

#reviews .item {
  padding: 5px 5px 6px 6px;
  background: #FAFAFA url(/images/dots-sep-h.gif) repeat-x bottom left;
}

/* small */

.user_review_small .title,
.user_review_small .field,
.user_review_small .text {
  padding: 0px 0px 3px 0px;
}

.user_review_small .title a {
  color: gray;
}

.user_review_small .text {
  padding: 0px;
}

.user_review_small .field {
  color: gray;
}

/* user_review_p_listing { */

.user_review_p_listing {
  background-color: #FAFAFA;
  border-left: 2px solid #d0d0d0;
  padding: 5px;
}

#company_page .user_review_p_listing {
	margin-top: 5px;
}

.user_review_p_listing i { /* rating, date */
  color: gray;
  font-style: normal;
  font-size: 7pt;
}

.user_review_p_listing b { /* "Review by  ... */
  color: gray;
  font-weight: normal;
}

/* } */

/* Standard ---------------------------------------------------------------- */

/* popularity */

.popularity .label,
.popularity .value {
  padding: 3px;
  border-left: 2px solid white;
}

.popularity .label {
  background-color: #ECEFF2;
  border-bottom: 1px solid white;
}

.popularity .value {
  background-color: #F8F8F8;
  border-top: 1px solid white;
}

/* most popular & new/updated listings */

.listing_table .sep_v {
  background: url(/images/dots-sep-v.gif) repeat-y center;
}

.listing_table .sep_h {
  background: url(/images/dots-sep-h.gif) repeat-x center;
}

.listing_table .header {
  background-color: #E9EEF2;
  padding: 5px 2px 5px 2px;
}

.listing_table .field {
  background-color: #F8F8F8;
  padding: 2px;
}

/* Awards ---------------------------------------------------------------- */

table#award td#award {
  background: transparent url(/images/award-sep.gif) no-repeat center right;
  padding: 0px 6px 0px 0px;
}

table#award td#shot {
  padding: 0px 5px 0px 10px;
}

/* VKey -------------------------------------------------------------------- */

#vkey #text {
  background: transparent url(/images/dots-sep-h.gif) repeat-x bottom left;
  border-bottom: 10px solid white;
  padding-bottom: 11px;
}