/* @override http://dev.hankos.net/A556E9/net.nsf/template/StyleSheet_toppanel.css */
/* @override http://www.hankos.net/A556E9/net.nsf/template/StyleSheet_toppanel.css */
div#toppanel {
 position: fixed;
 top: -400px;
 left: 0;
 width: 100%;
 background: url(../templates/images/toppanel/toppanelg_bga.png) repeat-x 100% 0;
 z-index: 63;
 height: 400px;
}

div#toppanel .panel {
 width: 820px;
 height: 350px;
 padding: 10px;
 overflow: hidden;
 margin: 10px auto auto;
 border: 1px dotted #494949;
}

div#toppanel .cpanel {
 width: 55%;
 float: left;
 margin-left: 10px;
 border-right: 1px dotted #666666;
}

div#toppanel .caddress {
 width: 40%;
 float: right;
}

div#toppanel .caddress .stamp {
 width: 98px;
 height: 100px;
 padding: 0px 0px 0px 0px;
 background: url(../templates/images/toppanel/stamp.png) no-repeat;
 float: right;
 margin: 10px 20px 10px 10px;
}

div#toppanel .address {
 font-size: 110%;
 clear: both;
 float: left;
 line-height: 150%;
 margin-left: 30px;
}

div#toppanel .addressTelco {
 clear: both;
 float: left;
 line-height: 150%;
 margin-top: 15px;
}

div#toppanel .address img {
 width: 18px;
 height: 12px;
 border-style: none;
 border-width: 0;
 margin-right: 10px;
}

div#toppanel .address h4 {
 font-size: 70%;
 margin-bottom: 10px;
 line-height: normal;
}

div#toppanel .address h3 {
 font-size: 181%;
 line-height: normal;
 color: #dddddd;
 font-weight: normal;
 font-style: normal;
}

div#toppanel .address label {
 width: 60px;
 margin: 0;
 padding: 0;
 font-weight: bold;
 float: left;
 clear: left;
}

div#toppanel .trigger {
 position: absolute;
 bottom: -28px;
 right: 44%;
 cursor: pointer;
}

div#toppanel .trigger img {
 width: 30px;
 height: 35px;
 border: 0px;
}

div#toppanel .trigger-l, div#toppanel .trigger-r {
 float: left;
}

div#toppanel .trigger-l {
 width: 40px;
 height: 35px;
 background: url(../templates/images/toppanel/toppanelg_trigger_l.png) 100% 0 repeat-x;
 float: left;
}

div#toppanel .trigger-r {
 width: 40px;
 height: 35px;
 background: url(../templates/images/toppanel/toppanelg_trigger_r.png) 100% 0 repeat-x;
 float: left;
}

div#toppanel .trigger-m {
 width: 90px;
 height: 35px;
 background: url(../templates/images/toppanel/toppanelg_trigger_m.png) 100% 0 repeat-x;
 float: left;
 text-align: center;
 font-size: 110%;
 overflow: hidden;
 color: #FFFFFF;
 line-height: 220%;
}

div#toppanel .trigger-m:hover {
 color: #DBAB2A;
 color: #FFCC00;
}

div#toppanel {
 position: fixed;
 top: -400px;
 left: 0;
 width: 100%;
 background: url(../templates/images/toppanel/toppanelg_bga.png) repeat-x 100% 0;
 z-index: 63;
 height: 400px;
}

div#toppanel form {
 margin-left: 15px;
 margin-top: 5px;
}

div#toppanel h3, 
div#toppanel form h3{
 margin-bottom: 20px;
 color: #dddddd;
 font-size: 135%;
 font-weight: normal;
 font-style: normal;
 text-decoration: underline;
}

div#toppanel input, 
div#toppanel textarea, 
div#toppanel select {
 color:#dddddd; 
 font: 12px/12px Arial, Helvetica, sans-serif;  padding:0;
}

div#toppanel input:focus, 
div#toppanel textarea:focus, 
div#toppanel select:focus {
 color:#ffbb00;
}

div#toppanel input {
 width:291px;
}

div#toppanel label {
 font-size:11px; 
 font-weight:bold; 
 color:#aaaaaa;
}

div#toppanel label.opt {
 font-weight:normal;
}

div#toppanel dl {
 clear:both;
}

div#toppanel dt {
 float:left; 
 text-align:right; 
 width:90px; 
 line-height: 20px; 
 margin:0 10px 10px 0;
}

div#toppanel dd {
 float:left; 
 width: 311px; 
 line-height:25px; 
 margin: 0 0 10px;
}

div#toppanel #comments label {
 clear: both;
}

div#toppanel #comments textarea {
 width:401px;
 height: 131px;
 margin-bottom: 5px;
 margin-top: -130px;
 margin-left: 7px;
 padding-right: 0;
}

div#toppanel #comments {
 clear: both;
}

div#toppanel #comments dd{
 width: 401px;
 clear: both;
 margin-left: 2px;
 margin-bottom: 2px;
}

div#toppanel #comments dt {
 line-height: 20px; 
 margin: 5px 0 0;
 text-align: left;
}

div#toppanel .NFButtonLeft, 
div#toppanel .NFButtonRight {
 display: none;
}

div#toppanel .close, 
div#toppanel #submit {
 width: 32px;
 height: 32px;
 float: right;
 padding: 0;
 margin-left: 5px;
 margin-bottom: 10px;
 margin-top: 5px;
 cursor:pointer;
}

div#toppanel .close {
 position: relative;
 top: 310px;
 right: 15px;
 background: url('../templates/images/buttons/cancel.png') no-repeat 0 top;
}

div#toppanel .close:hover {
 background: url('../templates/images/buttons/cancel.png') no-repeat 0 bottom;
}

div#toppanel #submit {
 background: url('../templates/images/buttons/send.png') no-repeat 0 top;
 margin-right: 30px;
}

div#toppanel #submit:hover {
 background: url('../templates/images/buttons/send.png') no-repeat 0 bottom;
}


/*Safari*/
select, input, textarea, button {outline:none; resize:none;}