/* Globals ---------------------------------------------------------------------------------------------- */ * { font-family:Trebuchet MS,Helvetica,Sans-Serif;} /* Layout ---------------------------------------------------------------------------------------------- */ body,html { margin:0px;padding:0px;background:url(mast_background.gif) repeat-x #fafafa;height:100%;margin-bottom:1px;} #mast { background:url(upper_map.gif) no-repeat top right;height:135px;margin:auto;width:800px;} #wrap { clear:both;margin:auto;width:780px;overflow:auto;padding-right:20px;} #content_border { background:url(content_corners.gif) no-repeat bottom #f0f0f0;float:left;overflow:auto;padding:0px 10px 25px 10px;width:610px;} #content { overflow: hidden;background-color:#ffffff;border:1px solid #dddddd;border-top:0px;border-bottom:0px;padding:25px 25px 0px 25px;} #panel { background:url(lower_map.jpg) no-repeat top right #f0f0f0;float:right;padding-top:20px;width:150px;} #panel_footer { background:url(panel_corner.gif) no-repeat bottom right;height:20px;vertical-align:bottom;} #google { width:150px;float:right;} #footer { float:left;font-size:11px;height:30px;margin-top:5px;text-align:center;width:600px;padding-left:15px;} #iFrame { width:0px;height:0px;border:0px;} #clearfix { clear:both;} /* Navigation ---------------------------------------------------------------------------------------------- */ #tabs { padding:0px 0px 0px 11px;} #navigation { margin:0px;padding:0px 0px 0px 0px;list-style:none;display:block;text-align:center;} #navigation li { margin:0px 6px 0px 0px;width:150px;height:33px;float:left;font-weight:bold;letter-spacing:-1px;} #navigation li a { width:150px;line-height:33px;display:block;color:#FFF;text-decoration:none;background: url(tabs.gif) no-repeat 0 -66px;} #navigation li a:hover { color:#ffffff;background-position:0 -33px;text-decoration:none;} #navigation li.current a, #navigation li.current a:hover { color:#601d50;background-position:0 0;text-decoration:none;} /* Panel Items ---------------------------------------------------------------------------------------------- */ #panel .item { padding:3px;width:140px;} #panel .item .selected { font-weight:bold;} #panel img { height:24px;vertical-align:middle;width:24px;} #panel a { font-size:12px;margin-left:6px;color:#333;text-decoration:none;} #panel a:hover { text-decoration:underline;} #panel .logout { margin-top:10px;border-top:1px solid #ccc;padding:10px 3px 3px 3px;width:130px;} /* Footer Items ---------------------------------------------------------------------------------------------- */ #footer .firetail { float:left;text-align:left;} #footer .firetail a { color:#000000;} #footer .policies { float:right;text-align:right;} #footer .policies a { color:#000000;} /* Content Tags ---------------------------------------------------------------------------------------------- */ #content h1 { margin:10px 0px 10px 0px;font-size:20px;color:#000000;text-decoration:none;font-weight:normal;letter-spacing:-1px;padding:0px;border-bottom:1px solid #e0e0e0;} #content h2 { margin:10px 0px 5px 0px;font-size:16px;color:#7f7f7f;text-decoration:none;font-weight:bold;letter-spacing:-1px;} #content h3 { margin:5px 0px 0px 0px;font-size:14px;color:#333333;text-decoration:none;font-weight:bold;letter-spacing:-1px;} #content p { margin:0px 0px 5px 0px;font-size:12px;color:#666666;text-decoration:none;font-weight:normal;padding:0px;} #content a { color:#000000;} /* Index Page ---------------------------------------------------------------------------------------------- */ #pitch { margin-bottom:30px;font-size:17px;line-height:1.2em;font-weight:bold;color:#000000;} #pitch p { font-size:16px;line-height:1.2em;font-weight:bold;color:#000000;} #pitch em { background-color:#ffffc5;font-style:normal;} #index { overflow:auto;background-image:url(indexform.png);background-repeat:no-repeat;} #index form { float:right;width:280px;margin-top:35px;margin-bottom:50px;} #index { overflow:auto;background-image:url(indexform.png);background-repeat:no-repeat;} #index h2 { color:#5A1A4F;font-size:18px;font-weight:normal;letter-spacing:-0.08em;margin:5px 0px 0px;padding:0px;text-decoration:none;} #index p { font-weight:bold;padding:5px 0px 0px;} #people_say { float:left;font-style:italic;font-weight:bold;margin-bottom:20px;margin-top:20px;text-align:center;} #people_say h1 { font-size:22px;letter-spacing:-0.09em;font-weight:normal;color:#000000;margin-bottom:10px;} #people_say p { color:#3D85D7;font-size:16px;letter-spacing:-0.1em;} #people_say a { color:#3D85D7;} /* Map ---------------------------------------------------------------------------------------------- */ #map_wrap { margin:0px 0px 25px 0px;padding:0px;background-image:url(full_top.gif);background-repeat:no-repeat;} #map_headers { height:28px;padding:7px 8px 0px 8px;margin:0px;} #map_headers #map_text { float:left;} #map_headers #map_text h1 { margin:0px;font-size:15px;color:#5c5c5c;font-weight:bold;letter-spacing:-1px;border:0px;} #map_headers #map_text h1 em { font-style:normal;font-size:11px;margin:0px;font-weight:normal;letter-spacing:0px;} #map_headers #map_search { padding-top:1px;float:right;font-size:11px;} #map_headers #map_search .search { padding-left:2px;font-weight:normal;height:15px;font-size:11px;} #map_headers #map_search .searchalert { padding-left:2px;color:red;font-weight:normal;height:15px;font-size:11px;} #map_headers #map_search a { color:#5c5c5c;font-weight:bold;text-decoration:none;} #map { width:558px;height:230px;background-color:#fafafa;} #map .loader { position:relative;top:95px;left:264px;} /* Small Map ---------------------------------------------------------------------------------------------- */ #small_map_wrap { margin:0px 0px 1px 0px;padding:0px;} #small_map { width:254px;height:130px;background-color:#fafafa;border-bottom:1px solid #b1b1b1;} #small_map .loader { position:relative;top:45px;left:100px;} /* Search results ---------------------------------------------------------------------------------------------- */ #results { background:url(full_bottom.gif) no-repeat bottom #fafafa;padding:0px 0px 0px 0px;} #results table { border-collapse:collapse;width:100%;} #results td { color:#666;font-size:11px;border-bottom:1px solid #f0efef;padding:5px;vertical-align:top;} #results .selected { background-color:#fffff0;} #results .radio { vertical-align:bottom;} #results .name { font-weight:normal;} #results .info { font-weight:normal;} #results .quote { font-style:italic;font-weight:normal;font-size:13px;} #results .summary { font-size:11px;padding:5px;text-align:right;} #results .summary a { text-decoration:none;} #results .summary img { vertical-align:top;border:0px;margin-left:3px;} #results .interested { display:none;position:absolute;z-index:99;left:40px;top:-20px;border:3px solid #ffff95;background-color:#ffffd5;padding:5px;width:160px;} #results .interested p { font-size:10px;padding:0px;margin:0px;} #results .options { font-weight:bold;background-color:#f7f7f7;border-bottom:1px solid #ffffff;} #results .contact { text-align:center;width:30px;border-right:1px solid #f0efef;} #results .description { color:#999;font-style:italic;font-weight:bold;letter-spacing:-1px;font-size:13px;line-height:14px;display:block;} #results .details { width:40%;} #results .details a { font-size:15px;line-height:14px;letter-spacing:-1px;} #results .rank { text-align:right;} #resultsSubmit { font-size:11px;margin-top:20px;} /* Search compose ---------------------------------------------------------------------------------------------- */ #compose_wrap { margin:0px 0px 25px 0px;padding:0px;background-image:url(full_top.gif);background-repeat:no-repeat;} #compose_headers { height:28px;padding:7px 8px 0px 8px;margin:0px;} #compose_headers h1 { float:left;margin:0px;font-size:15px;color:#5c5c5c;font-weight:bold;letter-spacing:-1px;border:0px;} #compose_headers h1 em { font-style:normal;font-size:11px;margin:0px;font-weight:normal;letter-spacing:0px;} #compose_headers .action { padding-top:4px;text-align:right;float:right;font-style:normal;font-size:11px;margin:0px 0px 0px 20px;font-weight:normal;letter-spacing:0px;color:#696969;} #compose_headers .action a { text-decoration:none;} #compose_headers .action a.selected {font-weight:bold;} #compose_headers .action img { vertical-align:top;border:0px;margin-left:3px;} #compose { background:url(full_bottom.gif) no-repeat bottom #fafafa;padding:0px 0px 10px 0px;} #compose dl { font-size:11px;} #compose dt { width:80px;float:left;font-weight:bold;margin-bottom:5px;text-align:right;} #compose dt em { font-weight:normal;font-style:italic;} #compose dd { margin-left:90px;margin-bottom:5px;} #compose dd a { color:#b3316e;} #compose #recipients a { color:black;} /* Full element ---------------------------------------------------------------------------------------------- */ #full_wrap { margin:0px 0px 25px 0px;padding:0px;background-image:url(full_top.gif);background-repeat:no-repeat;} #full_headers { height:28px;padding:7px 8px 0px 8px;margin:0px;} #full_headers h1 { float:left;margin:0px;font-size:15px;color:#5c5c5c;font-weight:bold;letter-spacing:-1px;border:0px;} #full_headers h1 em { font-style:normal;font-size:11px;margin:0px;font-weight:normal;letter-spacing:0px;} #full_headers .action { padding-top:4px;text-align:right;float:right;font-style:normal;font-size:11px;margin:0px 0px 0px 20px;font-weight:normal;letter-spacing:0px;color:#696969;} #full_headers .action a { text-decoration:none;} #full_headers .action a.selected {font-weight:bold;} #full_headers .action img { vertical-align:top;border:0px;margin-left:3px;} #full { background:url(full_bottom.gif) no-repeat bottom #fafafa;padding:0px 0px 10px 0px;} #full #summary { padding:10px 0px 10px 0px;} #full #summary p { line-height:20px;font-size:22px;letter-spacing:-2px;text-align:center;} #full #summary p em { font-weight:bold;color:#a23d7a;text-decoration:none;font-style:normal;} #full #summary p .inlineSubmit { vertical-align:middle;overflow:visible;font-size:13px;color:#fff;background-color:#b3316e;padding:3px;letter-spacing:-1px;font-weight:bold;border:1px solid #601d50;} #full dl { font-size:11px;} #full dt { width:140px;float:left;font-weight:bold;margin-bottom:5px;text-align:right;} #full dt em { font-weight:normal;font-style:italic;} #full dd { margin-left:150px;margin-bottom:5px;} #full dd a { color:#b3316e;} #full_overview { background:url(full_bottom.gif) no-repeat bottom #fafafa;padding:10px 0px 10px 0px;} #full_overview p { line-height:16px;font-size:18px;letter-spacing:-1px;text-align:center;} #full_overview p a { font-weight:normal;color:#a23d7a;text-decoration:none;font-style:normal;} #full_overview .inlineSubmit { vertical-align:middle;overflow:visible;font-size:13px;color:#fff;background-color:#b3316e;padding:3px;letter-spacing:-1px;font-weight:bold;border:1px solid #601d50;} #full .valuation { float:left;margin:40px 0px 0px 35px;position:relative;width:230px;background-color:#fafafa;padding:10px 0px 10px 0px;} #full .valuation p { line-height:22px;font-size:22px;letter-spacing:-2px;text-align:center;} #full .valuation p em { font-weight:bold;color:#a23d7a;text-decoration:none;font-style:normal;} #full .crowncopyright { font-size:10px;padding:5px;text-align:right;color:#cccaca;padding-right:20px;} /* Half element ---------------------------------------------------------------------------------------------- */ #half_wrap { float:left;width:254px;margin:0px 0px 25px 0px;padding:0px;} #half_headers { background-color:#f0f0f0;height:28px;padding:7px 8px 0px 8px;margin:0px;background-image:url(half_top.gif);background-repeat:no-repeat;} #half_headers h1 { float:left;margin:0px;font-size:15px;color:#5c5c5c;font-weight:bold;letter-spacing:-1px;border:0px;} #half_headers .action { padding-top:4px;text-align:right;float:right;font-style:normal;font-size:11px;margin:0px;font-weight:normal;letter-spacing:0px;color:#696969;} #half_headers .action a { text-decoration:none;} #half_headers .action img { vertical-align:top;border:0px;margin-left:3px;} #half { background:url(half_bottom.gif) no-repeat bottom #fafafa;} #half #summary { padding:10px 0px 10px 0px;} #half #summary p { line-height:20px;font-size:22px;letter-spacing:-2px;text-align:center;} #half #summary p em { font-weight:bold;color:#a23d7a;text-decoration:none;font-style:normal;} #half dl { font-size:11px;} #half dt { width:190px;float:left;font-weight:bold;margin-bottom:5px;text-align:right;} #half dt em { font-weight:normal;font-style:italic;} #half dd { margin-left:200px;margin-bottom:5px;} #half dd a { color:#b3316e;} #half input { font-size:11px;font-family:Trebuchet MS,Helvetica,Sans-Serif;} #half textarea { font-size:11px;font-family:Trebuchet MS,Helvetica,Sans-Serif;} #half select { font-size:11px;font-family:Trebuchet MS,Helvetica,Sans-Serif;} #half .submit { font-size:13px;color:#fff;background-color:#b3316e;padding:3px;letter-spacing:-1px;font-weight:bold;border:1px solid #601d50;} #half_options { border-bottom:1px solid #ffffff;padding:10px 5px 5px 5px ;font-size:11px;background-color:#f5f5f5;} #half_options dl { font-size:11px;} #half_options dt { width:60px;float:left;font-weight:bold;margin-bottom:5px;text-align:right;} #half_options dt em { font-weight:normal;font-style:italic;} #half_options dd { margin-left:70px;margin-bottom:5px;} #half_options dd a { color:#b3316e;} #half .searchItem { border-bottom:1px solid #f0efef;padding:5px;} #half .searchItem table { width:100%;font-size:11px;color:#333333;} #half .searchItem td { padding:0px;vertical-align:top;} #half .searchItem .label { font-weight:bold;} #half .searchItem .rank { text-align:right;vertical-align:top;} #half .searchItem .delete { width:30px;text-align:right;vertical-align:top;} #half .searchItem a { color:#a43371;text-decoration:none;} #half .searchItemSelected { background-color:#fffff0;border-bottom:1px solid #f0efef;padding:5px;} #half .searchItemSelected table { width:100%;font-size:11px;color:#333333;} #half .searchItemSelected td { padding:0px;vertical-align:top;} #half .searchItemSelected .label { font-weight:bold;} #half .searchItemSelected .rank { text-align:right;vertical-align:top;} #half .searchItemSelected .delete { width:30px;text-align:right;vertical-align:top;} #half .searchItemSelected a { color:#a43371;text-decoration:none;} #half .searchAll { font-size:11px;padding:5px;text-align:right;} #half .searchAll a { text-decoration:none;} #half .searchAll img { vertical-align:top;border:0px;margin-left:3px;} #half .crowncopyright { font-size:10px;padding:5px;text-align:right;color:#cccaca;} #half .chartTitle { padding-top:15px;text-align:center;font-weight:bold;line-height:11px;} /* Breakdown chart elements ---------------------------------------------------------------------------------------------- */ #breakdown { background:url(half_bottom.gif) no-repeat bottom #fafafa;} #breakdown .crowncopyright { font-size:10px;padding:5px;text-align:right;color:#cccaca;} #breakdown .chartTitle { padding-top:15px;text-align:center;font-weight:bold;line-height:11px;} #breakdown .loader { margin-left:90px;padding:20px;} #breakdown_link { height:28px;border-bottom:1px solid #cccaca;margin:0px 10px 0px 10px;} #breakdown_type { height:200px;background-color:#ffffff;border:1px solid #cccaca;border-top:0px;padding:3px;margin:0px 10px 10px 10px;} #breakdown_type .chartTypeTitle { margin-top:5px;color:#666666;text-align:center;font-weight:bold;line-height:10px;} #breakdown_type_growth { padding:3px 0px 3px 0px;z-index:10;position:relative;top:-70px;left:60px;width:120px;background-color:#ffffff;border:1px solid #62a6cb;text-align:center;font-weight:bold;color:#666;font-size:11px;letter-spacing:-1px;} #breakdown_type_growth .growth { margin-right:2px;} /* General elements ---------------------------------------------------------------------------------------------- */ input { font-size:11px;font-family:Trebuchet MS,Helvetica,Sans-Serif;} textarea { font-size:11px;font-family:Trebuchet MS,Helvetica,Sans-Serif;} select { font-size:11px;font-family:Trebuchet MS,Helvetica,Sans-Serif;} form { margin:0px;padding:0px;} .submit { vertical-align:middle;overflow:visible;font-size:13px;color:#fff;background-color:#b3316e;padding:3px;letter-spacing:-1px;font-weight:bold;border:1px solid #601d50;} #hide { font-size:11px;} #sponsor { width:80%;margin-top:5px;margin-bottom:10px;background-color:#c6e1f3;color:#2d8ff3;font-size:13px;padding:5px;text-decoration:none;border:3px solid #2d8ff3;} /* Error Notices ---------------------------------------------------------------------------------------------- */ #error { margin:auto;margin-top:5px;margin-bottom:10px;width:60%;background-color:#ffc7ca;background-image: url("warning.gif");background-repeat:no-repeat;color:#9c0303;font-size:13px;padding:5px;text-decoration:none;border:3px solid #c90404;} #error h1 { border:0px;font-size:15px;font-weight:bold;margin:0px 0px 0px 30px;color:#9c0303;} #error p { margin:5px 0px 5px 0px;color:#9c0303;} .error { color:#9c0303;border:1px solid #9c0303;background-color:#fffdec;} /* Success Notices ---------------------------------------------------------------------------------------------- */ #success { margin:auto;margin-top:5px;margin-bottom:10px;width:60%;background-color:#d2f2a1;background-image: url("tick.gif");background-repeat:no-repeat;color:#006c14;font-size:13px;padding:5px;text-decoration:none;border:3px solid #85c329;} #success h1 { border:0px;font-size:15px;font-weight:bold;margin:0px 0px 0px 30px;color:#006c14;} #success p { margin:5px 0px 5px 0px;color:#006c14;} /* Account ---------------------------------------------------------------------------------------------- */ #account { background:url(full_bottom.gif) no-repeat bottom #fafafa;padding:10px 10px 10px 10px;} #account table { width:100%;font-size:11px;color:#333333;line-height:11px;} #account td { padding:0px;vertical-align:top;padding-bottom:5px;} #account td a { color:#a43371;text-decoration:none;} #account .divider { border-left:1px solid #d9d9d9;} #account .label { width:65px;font-weight:bold;} #account .rank { text-align:right;vertical-align:top;padding:0px;} #account .growth { margin-right:2px;} /* Welcome splash ---------------------------------------------------------------------------------------------- */ #welcome { border:3px solid #ffff95;padding:10px;margin-bottom:30px;background-color:#ffffd5;} #welcome h1 { font-size:17px;margin:0px;font-weight:bold;color:#000000;letter-spacing:-1px;border-bottom:0px;} #welcome h2 { font-size:15px;margin:0px;font-weight:bold;color:#000000;border-bottom:0px;margin-top:5px;} #welcome p { font-size:13px;color:#000000;font-weight:bold;margin-bottom:0px;} #welcome em { color:#666666;font-style:italic;} /* Breakdown Chart ---------------------------------------------------------------------------------------------- */ #graphBreakdown { border-collapse:collapse;width:244px;height:130px;font-size:10px;padding:0px 5px 5px 5px;color:#333;} #graphBreakdown #graphBars td { margin:0px;padding:0px;height:120px;vertical-align:bottom;} #graphBreakdown #graphBars .graphAxis { text-align:right;padding-right:3px;vertical-align:top;} #graphBreakdown #graphBars .first div { margin-left:1px;} #graphBreakdown #graphBars .bar { text-align:center;margin-right:1px;margin-bottom:1px;} #graphBreakdown #graphBars .bar a { display:block;border-left:2px solid #9dce5e;border-top:2px solid #9dce5e;text-decoration:none;background:url(chartbar.gif) no-repeat bottom #abdb6c;height:99%;letter-spacing:-1px;color:white;text-align:center;} #graphBreakdown #graphBars .bar a:hover { background:url(chartbar_hover.gif) no-repeat bottom #7aa054;border-left:2px solid #6c8f4a;border-top:2px solid #6c8f4a;height:99%;} #graphBreakdown #graphBars .selectedbar { text-align:center;margin-right:1px;} #graphBreakdown #graphBars .selectedbar a { display:block;border-left:2px solid #62a6cb;border-top:2px solid #62a6cb;text-decoration:none;background:url(selectedchartbar.gif) no-repeat bottom #75b1d1;height:99%;letter-spacing:-1px;color:white;text-align:center;} #graphBreakdown #graphBars .selectedbar a:hover { background:url(selectedchartbar_hover.gif) no-repeat bottom #3c8cb7;border-left:2px solid #377fa4;border-top:2px solid #377fa4;height:99%;} #graphBreakdown #graphBars .total { text-align:center;color:#b3b3b3;letter-spacing:-1px;} #graphBreakdown #graphLabels td { margin:0px;padding:0px;border-top:1px solid #6c8f4a;height:10px;text-align:center;line-height:10px;} #graphBreakdown #graphLabels .axis { border-top:0px;} /* Breakdown Type Chart ---------------------------------------------------------------------------------------------- */ #graphType { border-collapse:collapse;width:220px;height:130px;font-size:10px;padding:0px 5px 5px 5px;color:#666666;} #graphType #graphBars td { margin:0px;padding:0px;height:120px;vertical-align:bottom;padding-bottom:5px;} #graphType #graphBars .graphAxis { text-align:right;padding-right:3px;vertical-align:top;} #graphType #graphBars .bar { text-align:center;margin-right:1px;width:100%;display:block;border-top:2px solid #3c8cb7;margin-bottom:1px;text-decoration:none;background:url(charttypebar.gif) no-repeat bottom #ffffff;height:99%;letter-spacing:-1px;color:white;text-align:center;} #graphType #graphLabels td { margin:0px;padding:0px;border-top:1px solid #62a6cb;height:10px;line-height:10px;} #graphType #graphLabels .axis { border-top:0px;} #graphType #graphLabels .first { text-align:left;} #graphType #graphLabels .final { text-align:right;} /* Messaging ---------------------------------------------------------------------------------------------- */ #messaging { background:url(full_bottom.gif) no-repeat bottom #fafafa;padding:0px 0px 0px 0px;} #messages { border-collapse:collapse;width:100%;} #messages .newmessage { background-color:#fffff0;} #messages td { font-size:11px;border-bottom:1px solid #f0efef;padding:10px;vertical-align:middle;} #messages td .profile { width:50px;display:block;} #messages td .profile img { display:block;} #messages .name a { width:115px;display:block;text-decoration:none;} #messages .name a:hover { text-decoration:underline;} #messages .date { color:#666;} #messages .subject a { width:300px;display:block;font-weight:bold;text-decoration:none;} #messages .subject a:hover { text-decoration:underline;} #messages .body a { text-decoration:none;} #messages .reply { vertical-align:top;font-weight:bold;} #messaging .summary { font-size:11px;padding:5px;text-align:right;} #messaging .summary a { text-decoration:none;} #messaging .summary img { vertical-align:top;border:0px;margin-left:3px;} #message { border-collapse:collapse;width:100%;} #message td { font-size:11px;border-bottom:1px solid #f0efef;padding:10px;vertical-align:top;} #message td .profile { width:50px;display:block;} #message td .profile img { display:block;} #message td .name a { width:115px;display:block;text-decoration:none;} #message td .name a:hover { text-decoration:underline;} #message td .date { color:#666;} #message td .subject { width:300px;display:block;font-weight:bold;text-decoration:none;} #message td .body { text-decoration:none;} #message td .reply { vertical-align:top;font-weight:bold;} /* Blog element ---------------------------------------------------------------------------------------------- */ #blog { padding:10px;} #blog .title { display:block;line-height:15px;padding:0px;margin:0px 0px 1px 0px;font-size:13px;font-weight:bold;letter-spacing:-1px;color:#5A1A4F;} #blog .title a { text-decoration:none;color:#5A1A4F;padding:0px;margin:0px 0px 2px 0px;} #blog .info { display:block;font-size:11px;font-weight:bold;color:#bfbfbf;padding:0px;margin:0px 0px 3px 0px;line-height:9px;} #blog .comment { display:block;margin:0px 0px 5px 0px;line-height:14px;font-size:12px;color:#666666;text-decoration:none;font-weight:normal;padding:0px;} /* Login element ---------------------------------------------------------------------------------------------- */ #login { padding:10px;} #login input { font-size:14px;} #login p { margin:0px;padding:0px;} #login p.remember { margin-top:5px;} #login p.forgotten { margin:0px;padding:0px;} /* How it works ---------------------------------------------------------------------------------------------- */ .works { clear:both;} .works .screenshot { margin-bottom:20px;border:1px solid #ccc;padding:1px;float:left;margin-right:20px;} .works .details { float:left;width:350px;overflow:auto;} .works .details h1 { letter-spacing:-1px;font-size:18px;} .works .details p { margin-bottom:2px;} /* Drag/Resize/Block ---------------------------------------------------------------------------------------------- */ .fn-container { position: relative;} .fn-container img { border-width: 0;} .fn-area { position: absolute;border:none;border: 0px solid #D4D82D;margin:1px;} .fn-area-blackborder { border: 1px solid #000;} .fn-area-whiteborder { border: 1px solid #FFF; } .fn-note { position:absolute;max-width:200px;padding:5px;display:none;cursor:default;z-index:5000;} .fn-area-inner { border: 1px solid #000000;background-color:#FFF;filter:alpha(opacity=0);-moz-opacity:0;cursor: pointer;} .fn-note-text { background-color: #FFEECC;border:1px solid #000000;padding:5px;-moz-border-radius: 7px; /* Non-standard */} .fn-note-edit-text { background-color: #FFEECC;border:1px solid #000000;padding:5px;-moz-border-radius: 7px; /* Non-standard */} .fn-note-edit { display:none;} .fn-note-edit TEXTAREA { background-color:#FFEECC;border:0;overflow:visible;margin-bottom:10px;padding:0;width:180px;font-size: 10pt;margin:0;} .Butt { font: bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF; background: #0063DC; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #7CBAFF; border-right-color: #2854A7; border-bottom-color: #2854A7; border-left-color: #7CBAFF; margin-right:4px;margin-top:5px;} .CancelButt { color: #000000; background: #d9d9d5; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #fff; border-right-color: #b6aeb3; border-bottom-color: #b6aeb3; border-left-color: #fff; font: 12px Arial, Helvetica, sans-serif; margin-right:4px; } .DeleteButt { color: #000000; background: #DCE0E6; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #F5F6F7; border-right-color: #BFB7BC; border-bottom-color: #BFB7BC; border-left-color: #F5F6F7; font: 12px Arial, Helvetica, sans-serif; } .drsElement { position: absolute;border: 2px solid #FFFFFF;} .drsMoveHandle { height: 20px;cursor: move;} .dragresize { position: absolute;width: 5px;height: 5px;font-size: 1px;background: white;border: 1px solid black;} .dragresize-tl { top: -8px;left: -8px;cursor: nw-resize;} .dragresize-tm { top: -8px;left: 50%;margin-left: -4px;cursor: n-resize;} .dragresize-tr { top: -8px;right: -8px;cursor: ne-resize;} .dragresize-ml { top: 50%;margin-top: -4px;left: -8px;cursor: w-resize;} .dragresize-mr { top: 50%;margin-top: -4px;right: -8px;cursor: e-resize;} .dragresize-bl { bottom: -8px;left: -8px;cursor: sw-resize;} .dragresize-bm { bottom: -8px;left: 50%;margin-left: -4px;cursor: s-resize;} .dragresize-br { bottom: -8px;right: -8px;cursor: se-resize;}