.style1
{
    width: 100%;
}

body
{
	font-size: 11px;
	font-family: Arial,Verdana;
	background-color: #EEEEEE;
	margin-left: 0px;
	margin-right: 0px;		
}

A
{
	text-decoration: none;	
	color: #003399;
}
A:hover
{
	text-decoration: underline;
	color: #990000;
}

.underlink
{
	text-decoration: underline;	
	color: #003399;   
}
.underlink:hover
{
	text-decoration: underline;
	color: #990000;
}

TD
{
    font-size: 12px;
	font-family: Arial,Verdana;
}

.bodytable
{
	width: 100%;
	height: 100%; 
	background:white;       	
}
.bodystyle
{
	margin: 3px 3px 3px 3px;
	background-color: #EEEEEE;      	        	 
}
.pagecell
{
    width: 990px;
    height: 100%;
    /*border: solid 2px #bbbbbb;*/
}  
.fillercell
{
	width: 30%
}
.topHeaderSides
{
    background-color: #0073c4;
    background: url('/images/menubar-bg.png') repeat-x;
    border-bottom:solid 5px #A8D4D9;    
}
.topHeader
{
    background-color: #0073c4;
}
.searchBox
{
    background-color: White;        
}
.tagLine
{
    font-size: 15px;
    font-style: italic;
    font-family: Arial, Helvetica, sans-serif;
    color:#FFFFCC;
}
.subheaderRow 
{
    background-color: #ecf5ff;
    height:0%;
}
.subheaderHeader
{
    font-size: 28px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #555555;
}
.subheaderTagline
{
    font-size: 24px;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #999999;
}

/* Login box */
.loginPanel
{
    text-align:left;
    background-color: #0073c4;
    border-left: solid 5px #A8D4D9;
    border-right: solid 5px #A8D4D9;
    border-bottom: solid 5px #A8D4D9;
    border-top: 0;
    padding: 4px;  
    margin: 4px 0 0 -250px; 
    z-index: 9999;
}
.loginPrompt
{
    font-size:10px;
    font-weight:bold;
    color:White;
}
.loginButton
{
    font: bold 14px arial;
    color: white;
    background-color: #7dbaff; /*#0083ce;*/
    height: 27px;
    text-align: center;
    /*vertical-align:  absmiddle;*/
    /*padding: 5px 0 0 0;*/
    width: 80px;
    line-height: 27px;
    background-image: url('/images/loginbutton.png');
    border:0;
}
.loginButton:hover
{
    color: #0074c3;
    background-color: #BDDCFF;
    cursor: pointer;
}
.logoutButton
{
  	font-size:11px;
   	font-family:Tahoma,sans-serif;   
    color: white;
    border: solid 1px #A8D4D9;
    background-color: #0083ce;
    text-align: center;
}
.logoutButton:hover
{
  	font-size:11px;
   	font-family:Tahoma,sans-serif;   
    color: #0074c3;
    border: solid 1px #A8D4D9;
    background-color: #BDDCFF;
    cursor: hand;
}

.loginTextBox
{
	font-size:11px;
   	font-family:Tahoma,sans-serif;   
}
.loginBoxLink 
{
    color:white;
    text-decoration:underline;
}
.loginBoxLink:hover
{
    color:yellow;
    cursor:hand;
}
.loggedInName
{
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana,Arial;
	color: white;
	white-space: nowrap;
}
.bookmarkButton
{
  	font-size:11px;
   	font-family:Tahoma,sans-serif;   
    color: white;
    border: solid 1px #A8D4D9;
    background-color: #0083ce;
    text-align: center;
    width: 60px;
    height:18px;    
}
.bookmarkButton:hover
{
  	font-size:11px;
   	font-family:Tahoma,sans-serif;   
    color: #0074c3;
    border: solid 1px #A8D4D9;
    background-color: #BDDCFF;
    cursor: hand;
    width: 60px;
    height:18px;
}


.welcomeTo
{
    font-family: verdana, arial;
    font-size: 28px;
    color: #800000;
}
.communityThumbnail
{
    width: 154px;
    height: 119px;
    margin: 2px 2px 2px 2px;
    padding: 1px 0 1px 0;
}
.communityThumbnail:hover
{
    width: 158px;
    height: 123px;
    margin: 0px 0px 0px 0px;
    padding: 1px 0 1px 0;
}
.learnMoreSlide
{
    width: 100%;
    font-family: Arial, Helvetica, Sans-Serif;
    padding: 15px;  
    background-color: #ECF5FF; 
}

.topLinks
{
    color: #003399;
    font-size: 10px;   
    text-decoration: underline;
}
.topLinks:hover
{
    color: red;
    font-size: 10px;   
    text-decoration: underline;
}

.youAreHere
{
    color: #990000;
    font-weight: bold;
    font-size: 9pt;
}
.youAreHereRow
{
    background-color:White;
}

.topBanner
{
    width: 990px;
    background-color: white;
}
.leftBanner
{
    background-color: white;   
    width: 120px;
background-image: url('https://www.rhobi.com/Artwork/PM/SideBarFade.png');
	background-repeat: repeat-y;
    text-align:center;
}
.contentCell
{
}
        
.header
{
	font-weight: bold;
	font-size: 16px;
	font-family: Verdana,Arial;
	color: #465a7d;
	text-align: left;
}
.header2
{
	font-weight: bold;
	font-size: 14px;
	font-family: Arial,Verdana;
	color: #555555;
	text-align: left;
}

.gridheader
{
	background-color: #465a7d;
	color: White;
}

.grid td
{
    border-right: black 1px solid;
    border-left: black 1px solid;
}

.exchangeTrackingDates td
{
    border-right: black 0px solid;
    border-left: black 0px solid;
}

.grid
{
    border: 1px solid black;
	margin-right: 6px;
}

.odd
{
	background-color:White;
}

.even
{
	background-color: #DDDDDD;
}

.myInventoryRow
{
    background-color:White;
}

.rpmInventoryRow
{
    background-color: #DDDDDD;
}

.pmpInventoryRow
{
    background-color: #F3C6B6;
}

.hoverRow
{
	background-color: #FFFFCC;
	cursor: hand;
}

.errorRow
{
    background-color: #F3C6B6;
}

.formLabel
{
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana,Arial;
	color: black;
	white-space: nowrap;
}

.formReq
{
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana,Arial;
	color: black;
	white-space: nowrap;
}

.formOpt
{
	font-size: 12px;
	font-family: Verdana,Arial;
	color: black;
	white-space: nowrap;
}

.footNote
{
	font-size: 8pt;
	font-style: italic;
	font-family: Verdana,Arial;
	background-color: transparent;
	margin-left: 0px;
	margin-right: 0px;
}

.error
{
	color: #990000;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 12pt;
}

.hidden
{
	visibility:hidden;
}
.displaynone
{
    display:none;
}
.displayblock
{
    display:block;
}
.displayhover
{
    display:block;
    position:absolute;
    z-index: 999;
}

.nowrap
{
	white-space:nowrap;
}

.wizardNavSideBar
{
	line-height: 20pt;
	white-space: nowrap;
}

input.button
{
    border: 1px solid #BBBBBB;
	font-size:11px;
   	font-family:Tahoma,sans-serif;   
   	background-color: #EEEEEE;   
   	cursor:hand;
    margin-left: 0px;
}

input.textbox
{
	font-size:11px;
   	font-family:Tahoma,sans-serif;   
}

.textbox
{
	font-size:11px;
   	font-family:Tahoma,sans-serif;   
}

input.button:hover
{
    border: 1px solid #BBBBBB;
	font-size:11px;
   	font-family:Tahoma,sans-serif;   
   	background-color: #DDDDDD;   
   	cursor:hand;
}

input.submitButton
{
    border: 2px outset #CCCCCC;
    font-size: 11px;
    font-family: Tahoma,sans-serif;
    cursor: hand;
    background-color: #780000;
    color: #FFFFFF;
}

input.submitButton:hover
{
    border: 2px outset #CCCCCC;
	font-size: 11px;
	font-family: Tahoma,sans-serif;
	cursor: hand;
	background-color: #CC0000;
	color: #FFFFFF;
}

.crumbStyle
{
    color: #336699;    
    text-decoration: none;
}

.crumbStyle:hover
{
	text-decoration: underline;
	color: #990000;
}

.centerText
{
	text-align: center;
}

.rightAlignText
{
	text-align: right;
}

.normalHeader
{
    color: White;
    background-color: #59a7ff;
}

.clientPOHeader
{
	color: White; 
	background-color: #666666;
}

.vendorPOHeader
{
	color: White;
	background-color: #336600;
}

.invoiceHeader
{
	color: #FFFFCC;
	background-color: #999966;
}

.inventoryHeader
{
	background-color: #465a7d;
	color: White;		
	font-weight: bold;
}

.pagerStyle
{
	color: #990000;
	background-color: #DDDDDD;
}

.packingHeader
{
	color: #FFFFCC;
	background-color: #996633;
}

.customerHeader
{
	color: White;
	background-color: #660066;
	font-weight: bold;
}

.systemHeader
{
	color: White;
	background-color: #D07D00;
	font-weight: bold;
}

.workOrderHeader
{
	color: White;
	background-color: #555555;
	font-weight: bold;
}

.inviteHeader
{
    color: White;
    background-color: #006666;
    font-weight: bold;
}

.quickFindRow
{
    background-image: url('/Images/top_fade28.gif');
    background-repeat: repeat-x;    
    height: 28px;
}
.quickFindPart
{
    color: Black;
    font-style: italic;
}


.stickyBlueTop
{
    background-image: url('/Images/Stickies/BlueTop.gif');
    background-repeat: no-repeat;
    width: 300px;
    height: 8px;
}

.stickyBlueMiddle
{
    background-image: url('/Images/Stickies/BlueMiddle.gif');
    background-repeat: repeat-y;
    width: 300px;
    vertical-align: top;
    padding-left: 15px;
}

.stickyBlueBottom
{
    background-image: url('/Images/Stickies/BlueBottom.gif');
    background-repeat: no-repeat;
    width: 300px;
    height: 19px;
}

.stickyGreenTop
{
    background-image: url('/Images/Stickies/GreenTop.gif');
    background-repeat: no-repeat;
    width: 300px;
    height: 9px;
}

.stickyGreenMiddle
{
    background-image: url('/Images/Stickies/GreenMiddle.gif');
    background-repeat: repeat-y;
    width: 300px;
    vertical-align: top;
    padding-left: 15px;
}

.stickyGreenBottom
{
    background-image: url('/Images/Stickies/GreenBottom.gif');
    background-repeat: no-repeat;
    width: 300px;
    height: 20px;
}

.stickyYellowTop
{
    background-image: url('/Images/Stickies/YellowTop.gif');
    background-repeat: no-repeat;
    width: 300px;
    height: 10px;
}

.stickyYellowMiddle
{
    background-image: url('/Images/Stickies/YellowMiddle.gif');
    background-repeat: repeat-y;
    width: 300px;
    vertical-align: top;
    padding-left: 15px;
}

.stickyYellowBottom
{
    background-image: url('/Images/Stickies/YellowBottom.gif');
    background-repeat: no-repeat;
    width: 300px;
    height: 20px;
}

.currentUser
{
    color: #FFFF99;
}

.menuItem
{
    padding: 0px 0px 0px 0px;
    font-family: verdana;
    font-size: 9pt;
    color: #003399;
}

.popupMenu
{
    background-color: #EEEEEE;
    border: 2px solid #DDDDDD;
    padding: 4px 7px 4px 7px;
    z-index: 100;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX='3', OffY='3', Color='black', Positive='true');

}

.popupMenuItem
{
    font-size: 10pt;
    padding: 2px 0px 2px 0px;
    text-align: left;
}

.menuCell
{
}

.companyIndexCell
{
    text-align: center;
    white-space: nowrap;
}

.companyIndexLetter
{
    border: 2px solid #CCCCCC;
    background-color: #780000;
    font-size: 7pt;
    font-family: verdana;
    font-weight: bold;
    color: white;
    width: 20px;
}
.companyIndexLetter:hover
{
    background-color: #CC0000;
    cursor: hand;
}
.companyIndexStar
{
    background-color: #666666;
}
.companyIndexStar:hover
{
    cursor: hand;
    background-color: #CC0000; 
}

input.portalButton
{
    border: 2px outset #CCCCCC;
    font-size: 10pt;
    font-family: Tahoma,sans-serif;
    cursor: hand;
    background-color: #006699;
    color: #FFFFFF;
    font-weight: bold;
}

input.portalButton:hover
{
    border: 2px outset #CCCCCC;
    font-size: 10pt;
    font-family: Tahoma,sans-serif;
    cursor: hand;
    background-color: #2288bb;
    color: #FFFFFF;
    font-weight: bold;
}

.outsideMenuItem
{
    border: 1px solid #EEEEEE;
    padding: 0px 2px 0px 2px;
    font-family: verdana;
    font-size: 9pt;
    color: white;
    text-align: left;
    background-color: #808080;
}
.outsideMenuItem:hover
{
    color: Yellow;
}

.WaterMarkedUserName
{
    height:14px;
	background-color: #eeeeee;
	border: solid 1px #BBBBBB;
	font-size: 11px;
	color: #A9A9A9;
	display: inline;
	visibility: visible;

	vertical-align:middle;
	text-align:right; 
	background-image:url(/images/user_wMark.png);
	background-repeat:no-repeat; 
}

.NormalUserName
{
    height:14px;
	background-color: #eeeeee;
	border: solid 1px #BBBBBB;
	font-size: 11px;	
	color: black;
	display: inline;
	visibility: visible;
}

.WaterMarkedPassword
{
    height:14px;
	background-color: #eeeeee;
	border: solid 1px #BBBBBB;
	font-size: 11px;
	color: #A9A9A9;
	display: inline;
	visibility: visible;

	vertical-align:middle;
	text-align:right; 
	background-image:url(/images/pass_wMark.png);
	background-repeat:no-repeat; 
}

.NormalPassword
{
    height:14px;
	background-color: #eeeeee;
	border: solid 1px #BBBBBB;
	font-size: 11px;	
	color: black;
	display: inline;
	visibility: visible;
}

.rssHead
{
    text-decoration: underline;
    font-weight: bold;
}

.rssDesc
{
    font-style: italic;
}

.industryLinkHeader
{    
}

.industryLink
{
}

.industryMenu
{
    background-color: #EEEEEE;
}

.portalLink
{
}

.portalsMenu
{
    background-color: #EEEEEE;
    border: 2px solid #DDDDDD;
    padding: 4px 7px 4px 7px;
    z-index: 100;
}

.searchCriteriaBox
{
    padding: 3px;
    background-color: #ECF5FF;
    border: 5px solid #bddcff;
}

hr {color: #fff; background-color: #fff; border: 1px dotted #000000; border-style: none none dotted; }

.styleVideo
{
    width: 100%;
    background-color: #808080;
}



.rhobitabs .ajax__tab_header { 
     font-family:verdana,tahoma,helvetica; 
     font-size:11px; 
} 

.rhobitabs .ajax__tab_outer { 
     height:29px;
} 

.rhobitabs .ajax__tab_inner    { 
     padding-left:3px; 
} 

.rhobitabs .ajax__tab_tab { 
     padding:8px 40px;
     margin:0; 
} 

.rhobitabs .ajax__tab_body { 
     font-family:verdana,tahoma,helvetica; 
     font-size:10pt; 
     border:1px solid #999999; 
     border-top:0; 
     padding:8px; 
     background-color:#ffffff; 
} 

rhobitabs .ajax__tab_header { 
      background:url(tab-line.gif) repeat-x bottom; 
} 

rhobitabs .ajax__tab_outer    { 
      background:url(tab-right.gif) no-repeat right; 
} 

rhobitabs .ajax__tab_inner    { 
     background:url(tab-left.gif) no-repeat; 
} 

rhobitabs .ajax__tab_tab { 
     background:url(tab.gif) repeat-x; 
} 

rhobitabs .ajax__tab_hover .ajax__tab_outer { 
     background:url(tab-hover-right.gif) no-repeat right; 
} 

rhobitabs .ajax__tab_hover .ajax__tab_inner { 
     background:url(tab-hover-left.gif) no-repeat; 
} 

rhobitabs .ajax__tab_hover .ajax__tab_tab { 
     background:url(tab-hover.gif) repeat-x; 
} 

rhobitabs .ajax__tab_active .ajax__tab_outer { 
     background:url(tab-active-right.gif) no-repeat right; 
} 

rhobitabs .ajax__tab_active .ajax__tab_inner { 
     background:url(tab-active-left.gif) no-repeat; 
} 

rhobitabs .ajax__tab_active .ajax__tab_tab { 
     background:url(tab-active.gif) repeat-x; 
}


.ajax__myTab .ajax__tab_header {
    font-family: verdana,tahoma,helvetica;
    font-size: 12px;
    border-bottom: solid 1px #999999;
   
}

.ajax__myTab .ajax__tab_outer {
    padding-right: 4px;    
    background-color: #BDDCFF;
    margin-right: 2px;
    border-left: solid 1px #999999;
    border-right: solid 1px #666666;
    border-top: solid 1px #aaaaaa
}

.ajax__myTab .ajax__tab_inner {
    padding-left: 3px;
    background-color: #BDDCFF;
}

.ajax__myTab .ajax__tab_tab {
    height: 16px;
    padding: 4px;
    margin: 0;
}

.ajax__myTab .ajax__tab_hover .ajax__tab_outer {
    background-color: #ECF5FF;
    cursor: hand;
}

.ajax__myTab .ajax__tab_hover .ajax__tab_inner {
    background-color: #ECF5FF;
    cursor: hand;    
}

.ajax__myTab .ajax__tab_hover .ajax__tab_tab 
{
    background-color: #ECF5FF;
    cursor: hand;
}

.ajax__myTab .ajax__tab_active .ajax__tab_outer {
    background-color: white;
    border-left: solid 1px #999999;
}

.ajax__myTab .ajax__tab_active .ajax__tab_inner {
    background-color: white;
    border-bottom: solid 1px white;
}

.ajax__myTab .ajax__tab_active .ajax__tab_tab 
{
    background-color: white;
    color: Black;
}

.ajax__myTab .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 0;
    padding: 8px;
    background-color: #ffffff;
}




/* ajax__tab_msngallery-theme theme */
.ajax__tab_msngallery-theme .ajax__tab_header 
{
    background:url(/images/tab-line.png) repeat-x bottom;
    
    display:block;
    /*background-color:#edf2fb;*/
    background-color:#0073c4;
    
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_outer 
{
    border:solid 1px #D7DCE1;
    padding:1px 1px 0px 1px;
    border-bottom:solid 5px #A8D4D9;
    /*background-color:#edf2fb;*/
    background-color:#0083ce;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab 
{
    padding:6px 10px 6px 10px;
    color:#FFFFCC;
    width:1;
    display:block;
    text-align:center;  
    
    font-size:14px;
    cursor:pointer;       
    font-family:Verdana, Arial, Sans-Serif;
    font-weight:bold;
    white-space:nowrap;
}
.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_outer 
{
    padding:0px 0px 0px 0px;
    border:solid 5px #A8D4D9;
    border-bottom-color:#ffffff;
    background-color:#ffffff;
}
.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_tab
{
    color: #990000;
}
.ajax__tab_msngallery-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    /*padding:8px;*/
    background-color:#ffffff;
   /* border:solid 2px #A8D4D9;*/
    border-top-width:0;    
}

.ajax__tab_msngallery-theme .ajax__tab_hover .ajax__tab_outer 
{
    background-color: #BDDCFF;
    cursor: hand;
}

.ajax__tab_msngallery-theme .ajax__tab_hover .ajax__tab_inner {
    background-color: #BDDCFF;
    cursor: hand;    
}

.ajax__tab_msngallery-theme .ajax__tab_hover .ajax__tab_tab 
{
    color: #0073c4;
    background-color: #BDDCFF;
    cursor: hand;
}

.AdvantageMenu
{
    /*width: 977px; */
    width: 777px;
    border-left: solid 5px #A8D4D9;
    border-right: solid 5px #A8D4D9;
    border-bottom: solid 5px #A8D4D9;
    border-top: 0;
    padding: 5px;   
    background-color:White;    
    text-align:left; 
    /*margin-left:-400px;*/    
}

AdvantageMenu A
{
    text-decoration: none;
}

.AdvantageRoundedPanel
{
    background-color: #FFFFCC;
    border: dotted 1px #996633;
    padding: 0;
}

.advantageHeader
{
  	font-weight: bold;
	font-size: 14px;
	font-family: Verdana,Arial;
	color: #465a7d;
	text-align: left;   
}
.advantageLine
{
    font-size: 11px;
    padding: 0px 0px 7px 25px;
}

.dashboardHeader
{    
    text-decoration: none;
    color: #600000;
    font-size: 18px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.gatewayPanel
{
    width: 350px;
    height: 600px;
    border: 1px solid black;
    background-color:White;
}
.gatewayPanelInterior
{
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
    width: 100%;
    padding-right: 19px!ie7; 
}

.messageThreadSeparator
{
    height:1px;
    color:#A8D4D9;
    background-color:#A8D4D9;
}
.watermarkOn 
{
    color: #CCCCCC;
}

.moreLink
{
    font-size: 11px;
    font-weight: bold;
    color: #0074c3;
    border: solid 1px #A8D4D9;
    background-color: #BDDCFF;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
.moreLink:hover
{
    cursor: hand;
    font-size: 11px;
    font-weight: bold;
    color: white;
    border: solid 1px #A8D4D9;
    background-color: #0083ce;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}



/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    height: 31px; /*width: 421px;*/
    /*background: url("/images/bg.gif") no-repeat top;*/
    padding: 2px; 
    margin: 0px 0;
    overflow: hidden;    
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            background: url("/images/lava.gif") no-repeat right -30px;
            width: 9px; height: 30px;
            z-index: 8;
            position: absolute;
        }
            .lavaLamp li.back .left {
                background: url("/images/lava.gif") no-repeat top left;
                height: 30px;
                margin-right: 9px;                
            }
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            /*text-transform: uppercase;*/
            font: bold 14px arial;
            color: #fff; outline: none;
            text-align: center;
            height: 30px; top: 7px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
            margin: auto 10px;
        }

.searchDiv 
{
    background: #ecf5ff;
    /*background-color:#ecf5ff;*/
    background-image: url('/images/searchbox-bg.png');
    height: 24px;
    width: 185px;
    padding: 3px 0 0 10px;
}

.searchbar {
	width: 150px;
	float: left; 
	/*padding: 20px 150px 20px 40px;*/
	background: #ecf5ff;
	border: 0px;
    /*border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;*/
	font: bold 15px arial; color: #898989;
	outline: none; /*Remove Chrome and Safari glows on focus*/	
}

.searchbtn {
    background: #ecf5ff;
	width: 21px; height: 21px; float: left; margin: 0 0 0 4px;
	text-indent: -9999px;
	padding: 0 0 0 0px; /*IE fix*/
	cursor: pointer;
	border: 0;
	background-image: url('/images/magnifying-glass.png');
}
.searchbtn:hover {
	background-position: -21px 0;
}



.whosOnline
{
    /*border: solid 10px #BDDCFF;    */
    padding: 5px 5px 5px 5px;
}

.frogDiv
{
    position:absolute;
    z-index:9999;
    margin-left:55px;
    margin-top:196px;
    cursor:pointer;
}