ola pessoal... achei uma function... que ao passar o mouse sobre uma determinada.. imagem... ele a aplia.. em um div... o qual... esta com um problema.. na fnction carregando... tipo o q acontece é o seguinte... a primeira vez q eu passo o mouse sobre a imagem.. ele executa o função... e ao carregar a imagem... ele a exibe... mas se eu passar o mouse sobre a mesma novamente... ele não a chama denovo... fikando parada na imagem loadin...
<style>
.item {border-bottom:1px solid #ffffff;font-size:10px;}
#menu1 {visible:hidden;position:absolute;top:45px;left:22px;width:120px;}
#menu2 {visible:hidden;position:absolute;top:43px;left:142px;width:120px;}
</style>
<body>
<table width="17%">
<tr>
<td width="50%" ><img src="1.gif" onMouseOver="showtrail('http://www.wwow.com.br/portal/imagem/foto_israel_mat.jpg','Israel','Esta é uma imagem do PortalWWOW',3,10,10,15);" onMouseOut="hidetrail();" style="cursor:pointer"></td>
<td width="50%" ><img src="2.gif" onMouseOver="showtrail('http://www.wwow.com.br/portal/participe/file/artguga.jpg','guga','Esta é uma imagem do PortalWWOW',3,10,10,15)" onMouseOut="hidetrail()" style="cursor:pointer"></td>
</tr>
</table>
</body>
<script>
/*
Simple Image Trail script- By JavaScriptKit.com
Visit http://www.javascriptkit.com for this script and more
This notice must stay intact
*/
imgLoading = new Image();
imgLoading.src = "carregando.gif";
image = new Image();
var offsetfrommouse=[15,15]; //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0; //duration in seconds image should remain visible. 0 for always.
var currentimageheight = 270; // maximum image size.
if (document.getElementById || document.all){
document.write('<div id="trailimageid">');
document.write('</div>');
}
function gettrailobj(){
if (document.getElementById)
return document.getElementById("trailimageid").style
else if (document.all)
return document.all.trailimagid.style
}
function gettrailobjnostyle(){
if (document.getElementById)
return document.getElementById("trailimageid")
else if (document.all)
return document.all.trailimagid
}
function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function carregando(){
document.getElementById('img').src=image.src;
}
function showtrail(imagename,title,description,ratingaverage,ratingnumber,showthumb,height){
if (height > 0){
currentimageheight = height;
}
document.onmousemove=followmouse;
cameraHTML = '';
if (ratingnumber == 0){
ratingaverage = 0;
}
for(x = 1; x <= 5; x++){
if (ratingaverage >= 1){
cameraHTML = cameraHTML + '<img src="http://www.wwow.com.br/portal/imagem/mini2.gif">';
} else if (ratingaverage >= 0.5){
cameraHTML = cameraHTML + '<img src="http://www.wwow.com.br/portal/imagem/mini3.gif">';
} else {
cameraHTML = cameraHTML + '<img src="http://www.wwow.com.br/portal/imagem/mini4.gif">';
}
ratingaverage = ratingaverage - 1;
}
cameraHTML = cameraHTML + ' (' + ratingnumber + ' Review';
if ( ratingnumber != 1 ) cameraHTML += 's';
cameraHTML = cameraHTML + ')';
newHTML = '<div style="padding: 5px; background-color: #FFF; border: 1px solid #888;">';
newHTML = newHTML + '<span class="largetitle">' + title + '</span><div class="borderbot"></div>';
newHTML = newHTML + 'Rating: ' + cameraHTML + '<br/>';
newHTML = newHTML + description + '<br/>';
if (showthumb > 0){
newHTML = newHTML + '<div align="center" style="padding: 8px 2px 2px 2px;"><img id="img" src="' + imgLoading.src + '" border="0"></div>';
image.src = imagename;
if (image.complete){
carregando();
}else {
image.onload = carregando;
}
//newHTML = newHTML + '<div align="center" style="padding: 8px 2px 2px 2px;"><img src="' + imagename + '" border="0"></div>';
}
newHTML = newHTML + '</div>';
gettrailobjnostyle().innerHTML = newHTML;
gettrailobj().visibility="visible";
}
function hidetrail(){
gettrailobj().visibility="hidden"
document.onmousemove=""
gettrailobj().left="-500px"
}
function followmouse(e){
var xcoord=offsetfrommouse[0]
var ycoord=offsetfrommouse[1]
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
var docheight=document.all? Math.min(truebody().scrollHeight, truebody().clientHeight) : Math.min(document.body.offsetHeight, window.innerHeight)
//if (document.all){
// gettrailobjnostyle().innerHTML = 'A = ' + truebody().scrollHeight + '<br>B = ' + truebody().clientHeight;
//} else {
// gettrailobjnostyle().innerHTML = 'C = ' + document.body.offsetHeight + '<br>D = ' + window.innerHeight;
//}
if (typeof e != "undefined"){
if (docwidth - e.pageX < 300){
xcoord = e.pageX - xcoord - 286; // Move to the left side of the cursor
} else {
xcoord += e.pageX;
}
if (docheight - e.pageY < (currentimageheight + 110)){
ycoord += e.pageY - Math.max(0,(110 + currentimageheight + e.pageY - docheight - truebody().scrollTop));
} else {
ycoord += e.pageY;
}
} else if (typeof window.event != "undefined"){
if (docwidth - event.clientX < 300){
xcoord = event.clientX + truebody().scrollLeft - xcoord - 286; // Move to the left side of the cursor
} else {
xcoord += truebody().scrollLeft+event.clientX
}
if (docheight - event.clientY < (currentimageheight + 110)){
ycoord += event.clientY + truebody().scrollTop - Math.max(0,(110 + currentimageheight + event.clientY - docheight));
} else {
ycoord += truebody().scrollTop + event.clientY;
}
}
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"
}
</script>
<style>
/* MAIN */
/*
Tahoma, Verdana, Arial, sans-serif
Arial, sans-serif
*/
body {
font: 0.675em Tahoma, Verdana, Arial, sans-serif;
/*font-size-adjust: .54;*/
line-height: normal;
/*font: 0.625em Tahoma, Verdana, Arial, sans-serif;*/
color: #494949;
margin: 7px;
padding: 0px;
}
html { font-size: 100%; line-height: 100%; /* IE hack to get the size switcher to respect the body em designation */ }
table { font-size: 100%; line-height: 100%; /* IE hack to get the size switcher to respect the body em designation */ }
img { border: 0px; overflow: hidden;}
a {
text-decoration: none;
color: #5A86B3;
}
a:hover {
text-decoration: none;
color: #38597B;
}
th {
text-align: left;
}
form { border: 0px; margin: 0px; }
#sitecontainer {
width: 100%;
text-align: center;
}
* html .maincontainer {height: 1%;}
.text {
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #494949;
}
/*
.text a {
font: 1em Tahoma, Verdana, Arial, sans-serif;
text-decoration: none;
color: #5A86B3;
}
*/
.text tr {
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #494949;
}
.text th {
font: 1em Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: #494949;
}
.text td {
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #494949;
}
.text table {
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #494949;
}
.darktext {
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #000000;
}
.borderbot { height: 1px; line-height: 1px; font-size: 1px; margin: 0px; padding: 0px; background: url(/images/dots.gif) repeat-x; }
.borderbotlight { height: 1px; margin: 0px; padding: 0px; background: url(/images/dots_light.gif) repeat-x; }
/* BASIC */
p { line-height: 1.2em; margin: 0px; padding: 0px 0px 12px 0px; }
strong { font-weight: bold; }
li { list-style-position: outside }
table { }
td { font: 1em Tahoma, Verdana, Arial, sans-serif; color: #000000; }
div { }
/* TOP NAV */
#topNav { margin-bottom: 9px; }
#firstNavBar {
width: 100%;
background-color: #5A86B3;
text-align: left;
}
#secondNavBar {
width: 100%;
text-align: left;
background-color: #7699BD;
font: 11px Tahoma, Verdana, Arial, sans-serif;
margin: 0px;
}
.usertable {
padding: 2px 6px 3px 9px;
}
.menuText {
line-height: 1.4em;
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #FFFFFF;
}
.menuText a {
font: 1em Tahoma, Verdana, Arial, sans-serif;
text-decoration: none;
color: #FFFFFF;
}
.menuText a:hover {
font: 1em Tahoma, Verdana, Arial, sans-serif;
background-color: #5A86B3;
color: #FFFFFF;
}
.avatar {
float: left;
margin-right: 4px;
}
/* LEFT NAV */
#navigation {
text-align: left;
width: 150px;
margin: 0px;
padding: 0px;
padding-right: 10px;
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #5A86B3;
vertical-align: top;
}
.menu {
background-color: #F1F3F5;
width: 100%;
}
.menu a {
display: block;
line-height: 13px;
font: 1em Tahoma, Verdana, Arial, sans-serif;
/*font: 1em Arial, Tahoma, Verdana, sans-serif;*/
font-weight: bold;
color: #5A86B3;
padding-top: 3px;
padding-left: 9px;
padding-bottom: 1px;
text-decoration: none;
background: url(/images/dots.gif) repeat-x bottom;
}
.menu a:hover { color: #38597B; }
.menu a.highlight {
color: #494949;
}
.statsbold {
font: 1em Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
color: #494949;
}
.statsresults {
font: 1em Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
color: #494949;
}
.statsplain {
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #494949;
}
.navtext {
font: 1em Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
color: #5A86B3;
padding-left: 9px;
}
.stats {
padding: 3px 0px 3px 9px;
background-color: #F1F3F5;
}
.swatch {
padding: 3px 0px 3px 0px;
background-color: #FFFFFF;
}
.forumnavbar {
padding: 3px 0px 3px 9px;
background-color: #F1F3F5;
}
.banner {
margin: 5px 0px 5px 0px;
padding: 0px;
}
/* CONTENT AREA */
.floatercell {
float: left;
border: 0px solid #080;
/* TODO height: this rule was broken: no value was specified for height */
overflow: hidden;
margin: 0px;
width: 120px;
}
#sitecontent {
margin: 0px;
padding: 0px;
display: block;
}
#leftcontent {
float: left;
width: 280px;
margin-right: 10px;
text-align: left;
}
#leftdetail {
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #494949;
float: left;
width: 340px;
margin-right: 10px;
text-align: left;
}
#rightcontent {
text-align: left;
float: left;
width: 310px;
padding: 0px;
}
#rightdetail {
text-align: left;
float: left;
width: 238px;
padding: 0px;
}
#controlpanel {
background: url(/images/dots.gif) repeat-x top;
text-align: left;
color: #494949;
vertical-align: middle;
padding-top: 5px;
padding-bottom: 5px;
}
#controlpanel img {
padding-top: 5px;
}
.filestats {
font: 1em Tahoma, Verdana, Arial, sans-serif;
padding-left: 9px;
padding-bottom: 9px;
}
.filestats img, .filestats .ratingcamera, .rightmenutext .ratingcamera {
padding: 0px 0px 2px 2px;
vertical-align: middle;
}
.filedetails {
font: 1em Tahoma, Verdana, Arial, sans-serif;
}
.fileoptions {
background-color: #F1F3F5;
vertical-align: middle;
}
#rightmenutext, .rightmenutext {
padding-left: 9px;
padding-top: 4px;
padding-bottom: 6px;
background-color: #F1F3F5;
color: #3C3C3C;
}
.fileoptions a {
font: 1em Tahoma, Verdana, Arial, sans-serif;
display: block;
background-color: #F1F3F5;
height: 23px;
background: url(/images/dots.gif) repeat-x top;
vertical-align: middle;
text-decoration: none;
color: #38597B;
padding-left: 9px;
padding-top: 2px;
}
.fileoptions a:hover { color: #38597B; }
.fileoptions img {
vertical-align: middle;
}
#bottomcontent {
text-align: left;
clear: both;
width: 600px;
}
.bottomfiledetails {
width: 600px;
text-align: left;
}
.optiontitle {
/* font: 1.2em Tahoma, Verdana, Arial, sans-serif; */
color: #5A86B3;
/* font-weight: bold; */
padding-top: 11px;
padding-bottom: 1px;
background-color: #FFFFFF;
}
#filesizes {
background-color: #F1F3F5;
width: 350px;
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #38597B;
}
#filesizes td {
background-color: #F1F3F5;
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #38597B;
}
.largetitle {
font: 1.2em Tahoma, Verdana, Arial, sans-serif;
color: #5A86B3;
font-weight: bold;
margin-top: 11px;
margin-bottom: 4px;
}
.smalltitle {
margin-top: 6px;
font: 1em Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
color: #5A86B3;
}
.iotw {
padding-bottom: 9px;
}
.archivelinks {
font: 1em Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
text-align: right;
padding-top: 5px;
color: #5A86B3;
}
.feature {
padding: 0px;
margin: 2px 0px 2px 0px;
}
.featurestitle {
font: 1em Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
color: #5A86B3;
margin-top: 0px;
}
.featureimage {
float: right;
padding: 0px;
margin: 0px 0px 0px 4px;
}
.featurestext {
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #494949;
}
.featurestext a {
color: #5A86B3;
text-decoration: none;
}
.featurestext a:hover { color: #38597B; }
#filedetail {
padding-top: 14px;
padding-bottom: 14px;
text-align: center;
border: 1px;
border-color: #000000;
}
#filedetail img {
border-width: 1px;
border-color: #38597B;
}
.shaded {
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #494949;
}
.shaded a {
color: #5A86B3;
text-decoration: none;
}
.shaded img {
padding-left: 9px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 4px;
}
/* BOTTOM CONTENT */
.photodescrip {
padding-top: 9px;
text-align: left;
}
.photodescrip p {
margin-top: 9px;
}
#gallerydisplay {
padding-top: 13px;
padding-bottom: 8px;
}
#gallerydisplay img {
border-width: 1px;
border-color: #38597B;
margin-bottom: 3px;
}
#gallerydisplay table {
padding-top: 8px;
padding-bottom: 8px;
}
#gallerydisplay td {
text-align: center;
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #38597B;
}
#mostpopular {
padding-top: 4px;
padding-bottom: 4px;
}
#mostpopular img {
border-width: 1px;
border-color: #38597B;
margin-bottom: 3px;
}
#mostpopular table {
padding-top: 4px;
padding-bottom: 4px;
}
#mostpopular td {
text-align: center;
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #38597B;
}
/* FOOTER */
#footer {
clear: both;
color: #5A86B3;
font: 1em Tahoma, Verdana, Arial, sans-serif;
padding-top: 4px;
}
#footer td {
color: #5A86B3;
font: 1em Tahoma, Verdana, Arial, sans-serif;
}
#footer a {
text-decoration: none;
color: #5A86B3;
}
#footer a:hover {
color: #38597B;
}
/* FORMS */
.search, .field {
width: 150px;
height: 20px;
padding: 0px;
margin: 2px;
border-color: #494949;
border-width: 1px 1px 1px 1px;
border-style: solid;
font: 1em Verdana, sans-serif;
background-color: #F1F3F5;
}
.dropdown {
font-size: 0.9em;
font-family: Verdana, sans-serif;
background-color: #F1F3F5;
padding: 0px;
height: 15px;
margin: 0px;
border-color: #494949;
border-width: 1px 1px 1px 1px;
border-style: solid;
}
.buttonwhite {
font-size: 10px;
font-family: Verdana, sans-serif;
background-color: #5A86B3;
color: #FFFFFF;
padding: 0px;
height: 18px;
margin: 0px;
border: 1px solid #5A86B3;
}
input.topsearch { border: 1px solid #7699BD; font: 10px Arial, Helvetica; width: 130px; background: #F1F3F5; padding: 2px; line-height: 14px; }
/* EMAIL */
.quote {
border-color: #5A86B3;
border-style: solid;
border-width: 0px 0px 0px 2px;
padding: 0px 0px 0px 10px;
}
/* ZEITGEIST */
.bargraph1 {
background-color: #5A86B3;
}
.bargraph2 {
background-color: #5A86B3;
}
.bargraph3 {
background-color: #B2B2B2;
}
/* REPORT TABLE */
.reporttable { border: 0px; }
.reporttable tr {
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #000000;
}
.reporttable th {
font: 1em Tahoma, Verdana, Arial, sans-serif;
font-weight: bold;
text-align: left;
color: #494949;
padding: 3px 2px 4px 2px;
background: url(/images/dots.gif) repeat-x bottom left;
}
.reporttable td {
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #000000;
padding: 3px 2px 4px 2px;
background: url(/images/dots.gif) repeat-x bottom left;
}
.reporttable table {
font: 1em Tahoma, Verdana, Arial, sans-serif;
color: #000000;
}
/* OPTION CHECKBOX */
.searchoptions {
font: 1em Tahoma, Verdana, Arial, sans-serif;
padding-top: 3px;
padding-left: 9px;
padding-bottom: 3px;
color: #494949;
background-color: #F1F3F5;
line-height: 14px;
}
.searchoptions img { padding: 0px; border: 0px; background-color: #7699BD; vertical-align: -10%; }
.searchoptions strong { font-weight: bold; }
/* BLOG */
#blog { line-height: 1.2em; }
#blog .tools { font-style: italic; margin-top: 2px; margin-bottom: 2px; }
#blog .head { font-size: 1em; line-height: 1.2em; margin-bottom: 2px; }
#blog .admin { font-size: 1em; line-height: 1.2em; margin-bottom: 2px; }
#blog .item, #blog .itemsticky { margin-bottom: 12px; }
#blog .itemsticky { background-color: #F1F3F5; padding: 6px 6px 6px 6px; border: 1px solid #777777; }
#blog .comment { margin-bottom: 1px; background-color: #F1F3F5; padding: 6px 6px 6px 6px; }
#blog .caption { font-style: italic; }
/* FORUM */
#forum {}
table#forum { width: 600px; padding: 0px; margin: 0px; }
#forum .post { font: 1.2em Tahoma, Verdana, Arial, sans-serif; line-height: 1.2em; color: #3C3C3C; padding: 8px; }
.post { font: 1.2em Tahoma, Verdana, Arial, sans-serif; line-height: 1.3em; color: #3C3C3C; padding: 8px; }
/* SUPPORT */
#supportticket {}
#supportticket .message { background-color: #FFFFFF; padding: 6px 6px 6px 6px; margin: 6px; border: 1px solid gray; }
/* FILE UPLOAD */
/*.stepbox { background-color: #FFFFFF; padding: 6px 6px 6px 6px; margin-left: 6px; margin-right: 6px; border: 1px solid gray; }*/
/* ERROR */
.error { font-size: 1.1em; color: #FF0000; }
.error li { font-weight: bold; }
/* USER EDIT */
#useredit {}
#useredit .comment { margin-top: 2px; margin-bottom: 5px; color: #7699BD; font-size: 1.1em; }
/* TRAINING MANUAL */
#apptutorial { width: 100%; }
#apptutorial .inset { padding-right: 8px; }
#apptutorial .rightnav { width: 160px; }
#apptutorial .imagebox img { border: 1px solid #777777; }
#apptutorial .imagebox td { color: #F1F3F5; text-align: center; font-weight: bold; padding: 2px; }
#apptutorial .imagebox div { color: #F1F3F5; text-align: center; font-weight: bold; padding: 2px; }
/* RADIUS BUTTON */
#radiusbutt {
background: url(../../images/radius_butt_left.gif) top left no-repeat;
padding: 0px;
background-color: #5A86B3;
}
#radiusbutt td {
background: url(../../images/radius_butt_right.gif) top right no-repeat;
background-color: #5A86B3;
height: 17px;
padding: 0px 10px 0px 10px;
font-size: 10px;
font-weight: bold;
line-height: 17px;
vertical-align: middle;
border-bottom: 0px solid #FFFFFF;
}
#radiusbutt a:link { color: #FFFFFF; }
#radiusbutt a:visited { color: #FFFFFF; }
#radiusbutt a:hover { color: #000000; background: transparent; }
.radiusbutt {
background: url(../../images/radius_butt_left.gif) top left no-repeat;
padding: 0px;
background-color: #5A86B3;
}
.radiusbutt td {
background: url(../../images/radius_butt_right.gif) top right no-repeat;
background-color: transparent;
height: 17px;
padding: 0px 10px 0px 10px;
font-size: 10px;
font-weight: bold;
line-height: 17px;
vertical-align: middle;
}
.radiusbutt a:link { color: #FFFFFF; }
.radiusbutt a:visited { color: #FFFFFF; }
.radiusbutt a:hover { color: #000000; background: transparent; }
/* CREATIVE NETWORK */
#creativeNetwork .shaded { background: #F1F3F5; padding: 3px; border-bottom: 2px solid #FFFFFF; }
#creativeNetwork .alignright { text-align: right; }
#creativeNetwork .whitebg { background: #FFFFFF; }
#creativeNetwork table#forum { width: 350px; padding: 0px; margin: 0px; }
.hopFrame { height: 12px; margin-bottom: 3px; }
.hopBox { background: url(../../images/hops.gif) top left repeat; margin-right: 10px; height: 12px; float: left; }
/* SITEMAIL */
.message_unread, .message_unread td { font-weight: bold; }
/* PHOTOGRAPHER APPLICATION */
.AppQuestion { font-weight: bold; }
.AppWrongQuestion { font-weight: bold; color: #FF0000; }
.AppResultAnswer { padding-left: 20px; }
.AppQuestDescript { padding-left: 20px; }
/* NAVIGATION BAR */
.navbarimg { background-color: #5A86B3; border: 0px; }
/* THUMBNAILS */
.icons { height: 13px; }
.imageborder { border: 1px solid #CCCCCC; padding: 0px; }
/* SEARCH RESULTS */
table#results { height: 6px; margin-bottom: 3px; }
table#results .bar { background: #C2C2C2; }
table#results .background { background: #DFDFDF; }
/* TESTIMONIALS */
.testimonial { margin-bottom: 4px; padding-bottom: 4px; }
/* STEEL CAGE */
.judgevolley {
}
.judgevolley img {
width: 275px;
height: 206px;
}
/* DEBUG */
/*
div { background-color: #FF0000; }
td { background-color: #00FF00; }
*/
/* FLOATER */
#trailimageid {
position: absolute;
visibility: hidden;
left: 0px;
top: 0px;
width: 286px;
height: 1px;
z-index: 1000;
}
/* CART */
.cartupgradelist table{
border : 1px solid #CCC;
border-collapse : collapse;
}
.cartupgradelist td{
border : 1px solid #CCC;
border-collapse : collapse;
}
.cartupgradelist table{
border :none;
border :1px solid #CCC;
}
.cartupgradelist tr{
padding : 4px
color : #666;
}
.cartupgradelist td{
padding : 4px;
color : #666;
}
.cartupgradelist tr:hover{
background : #FFF url(/images/tr_bck.gif) repeat;
}
.cartupgradelist td:hover{
color : #454545;
}
.cartupgradelist td a:hover{
text-decoration: underline;
}
/* COPYSPACE */
.cs_box {
border: 0px solid #CCC;
padding: 0px;
/* spacing: 0px; TODO css has no "spacing" property -- do you mean margin? */
}
.cs_xxx { border: 0px solid #888; background-color: #666; width: 20px; height: 20px;
background: url(/images/cs_grey.gif);
}
.cs_on { border: 0px solid #8C8; background-color: #4E4; width: 20px; height: 20px;
background: url(/images/cs_green.gif);
}
.cs_off { border: 0px solid #C88; background-color: #E44; width: 20px; height: 20px;
background: url(/images/cs_red.gif);
}
/* CALENDAR */
#calendarhead a:link { color: #214769; text-decoration: none; font-weight: bold; }
#calendarhead a:visited { color: #214769; text-decoration: none; }
#calendarhead a:hover { color: #000; text-decoration: none; }
#calendarhead {
border-width: 1px 1px 0px 1px;
border-color: #777;
border-style: solid;
padding: 2px;
width: 315px;
}
#calendarhead td {
background-color: #eee;
vertical-align: top;
padding: 3px;
}
#calendar { border: 1px solid #777; width: 315px;}
#calendar td :first-line { font-weight: bold; }
#calendar td { width: 45px; }
#calendar td a {
text-align: left;
border: 1px solid; border-color: #fff #9F9FB4 #9F9FB4 #EAEAF8;
padding: 8px 5px 8px 5px;
display: block; }
#calendar td a:visited {}
#calendar td a:hover {
border: 1px solid; border-color: #B9B9D2 #EAEAF8 #EAEAF8 #B9B9D2;
padding: 8px 5px 8px 5px; }
#calendar .on {background-color: #eee !important; }
#calendar .today {background-color: #E8E8FF; }
#calendar .off {
background-color: transparent;
color: #A4A7B6;
border: 1px solid; border-color: #B9B9D2 #EAEAF8 #EAEAF8 #B9B9D2;
padding: 8px 5px 8px 5px;
}
#calendar .unavailable {
background-color: #E4E7F6;
color: #A38080;
border: 1px solid; border-color: #B9B9D2 #EAEAF8 #EAEAF8 #B9B9D2;
padding: 8px 5px 8px 5px;
}
</style>
_____________________________________
será q alguém pode me ajudar.. please.. estou precisando muito terminala... para transpor no codigo do meu portal... desde já agradeço...