*{margin:0;padding:0}

html{overflow-y:scroll}
a{text-decoration:none}
a:focus{outline:0}
#page-wrap{width:1003px;margin:auto}
h1{font:bold 40px Sans-Serif;margin:0 0 20px 0}

/* Generic Utility */
.hide{position:absolute;top:-9999px;left:-9999px}



/* Specific to example two */


#example-two .list-wrap #common {background:#eee;}
#example-two .list-wrap #translator {background:#6EC0C0;}
#example-two ul{list-style:none}
#example-two ul li a{display:block;border-bottom:1px solid #666;padding:4px;color:#666}
#example-two ul li a:hover{background:#333;color:white}
#example-two ul li:last-child a{border:none}

#example-two .nav{overflow:hidden}
#example-two .nav li{width:501px;float:left;margin:0}
#example-two .nav li.last{margin-right:0;margin-left:1px;}
#example-two .nav li a{display:block;padding:5px;color:#385c5b;font-size:18px;font-weight:bold;text-align:center;border:0;line-height: 40px;height:40px;text-shadow: 1px 1px 1px rgba(255,255,255,0.3);}

#example-two .nav .nav-one a.current,#example-two .nav .nav-one a.current:hover{background-color:#eee !important;color:#385c5b;text-shadow: 1px 1px 1px rgba(255,255,255,0.3);}
#example-two .nav .nav-two a.current,#example-two .nav .nav-two a.current:hover{background-color:#6EC0C0 !important;color:#FFF;text-shadow: 1px 1px 1px rgba(255,255,255,0.3);}

#example-two .nav .nav-one a:hover, #example-two .nav .nav-one a:focus{background:#eee}
#example-two .nav .nav-two a:hover, #example-two .nav .nav-two a:focus{background:#6EC0C0}
/* ±¨¼ÛÑùʽ */
.formContent.list-wrap{background:#FFF;}
#example-two ul{list-style:none}
#example-two ul li a{display:block;border-bottom:1px solid #666;padding:4px;color:#666}
#example-two ul li a:hover{background:#333;color:white}
#example-two ul li:last-child a{border:none}

#example-two .nav{overflow:hidden}
#example-two .nav li{width:501px;float:left;margin:0}
#example-two .nav li.last{margin-right:0;margin-left:1px;}
#example-two .nav li a{display:block;padding:5px;color:#385c5b;font-size:18px;font-weight:bold;text-align:center;border:0;line-height: 40px;height:40px;text-shadow: 1px 1px 1px rgba(255,255,255,0.3);}

#example-two .nav .nav-one a.current,#example-two .nav .nav-one a.current:hover{background-color:#eee !important;color:#385c5b;text-shadow: 1px 1px 1px rgba(255,255,255,0.3);}
#example-two .nav .nav-two a.current,#example-two .nav .nav-two a.current:hover{background-color:#6EC0C0 !important;color:#FFF;text-shadow: 1px 1px 1px rgba(255,255,255,0.3);}

#example-two .nav .nav-one a:hover, #example-two .nav .nav-one a:focus{background:#eee}
#example-two .nav .nav-two a:hover, #example-two .nav .nav-two a:focus{background:#6EC0C0}




div.jquery-gdakram-tooltip { 
  width: 340px;
  color: white;
  font-size: 12px;
	position: absolute;
	z-index: 10000;
	top: 0px;
	left: 0px;
	display: none;
}

div.jquery-gdakram-tooltip div.content { 
  -moz-border-radius: 1em; 
  -webkit-border-radius: 1em;
  background-color: #1a4c9d;
  width: 280px;
  height:auto;
  float: left;
  padding: 10px;
}

div.jquery-gdakram-tooltip div.content h1 {
  font-size: 13px;
  border-bottom: 1px solid #C4C4C4;
  padding-bottom:5px;
}

div.jquery-gdakram-tooltip div.up_arrow {
  background : url('../images/up_arrow.png') 60px 0px no-repeat;
  width: 100%;
  height: 20px;
}

div.jquery-gdakram-tooltip div.down_arrow {
  background : url('../images/down_arrow.png') 60px 0px no-repeat;
  width: 100%;
  height: 20px;
}

div.jquery-gdakram-tooltip div.left_arrow {
  height: 100%;
}

div.jquery-gdakram-tooltip div.left_arrow {
  float:left;
  background : url('../images/left_arrow.png') 0px 0px no-repeat;
  width: 20px;
  height: 20px;
  position: relative;
  top: 40px;
  left: 0px;
}