body {
    font-family:arial; 
}
     
a {
    text-decoration:none;
    color:#666;
}
     
a:hover {
    color:#e11;
}
     
#dropdown {
    /* cancel the default list style */
    float:right;
    list-style:none;
    margin:0;
    padding:0;
    width:auto;
    position:relative;
}
     
    #dropdown li {
    }
     
    #dropdown li a.parent {
        display:block;
        width:auto; height:40px;
        font-weight:700;
        padding:0 0 0 50px;
        line-height:35px;
        cursor: default;
        /*background:url(parent.gif) 0px 0px no-repeat;*/
    }
     
    #dropdown li a.hover {
    	color:black;
        /*background:url(parent.gif) 0px -40px no-repeat;*/
    }
     
        #dropdown ul {
             
            /* cancel the default list style */
            margin:0;
            padding:0;
            list-style:none;   
            display:none;
             
            /* make sure it has the highest z-index */
            position:absolute;
            /*left:50px;*/
            z-index:500;
            background:#fff;
            width:auto;
            padding-left: 20px;
            text-align: left;
            /*background:url(child.gif) left bottom no-repeat;*/
        }
         
            #dropdown ul li {
                font-size:11px;
            }
             
                #dropdown ul li a {
                    display:block;
                    font-weight:700;
                    padding:0 0 0 10px;
                    height:20px;
                    color:black;
                }
                 
                #dropdown ul li a:hover {
                    color:#e11 
                }
                
.drop-shadow {
position:relative;
width:auto !important;
padding:1em;
padding-top:5px !important;
padding-right:35px !important;
margin:2em auto 5em ;
background:#fff;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}


.round {
-moz-border-radius:4px;
border-radius:4px;
}

.tip {
			background: #eee;
			border: 1px solid #ccc;
			padding: 10px;
			border-radius: 8px;
			box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			font-size: 1.2em;
			position: relative;
			width: 200px;
		}

		/* top */
		.tip:before {
			position: absolute;
			top: -7px;
			left: 98px;
			display: inline-block;
			border-right: 7px solid transparent;
			border-bottom: 7px solid #eee;
			border-left: 7px solid transparent;
			border-bottom-color: rgba(0, 0, 0, 0.2);
			content: '';
		}

		.tip:after {
			position: absolute;
			top: -6px;
			left: 99px;
			display: inline-block;
			border-right: 6px solid transparent;
			border-bottom: 6px solid #eee;
			border-left: 6px solid transparent;
			content: '';
		}

		/* left */
		.tip.left:before {
			border-top: 7px solid transparent;
			border-right: 7px solid #eee;
			border-bottom: 7px solid transparent;
			border-right-color: rgba(0, 0, 0, 0.2);
			left: -14px;
			top: 20px;
		}

		.tip.left:after {
			border-top: 6px solid transparent;
			border-right: 6px solid #eee;
			border-bottom: 6px solid transparent;
			left: -12px;
			top: 21px;
		}

.arrow-down {
  width:0px; 
  height:0px; 
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:5px solid #2f2f2f;
  font-size:0px;
  line-height:0px;
}