img {
border:none;
}

.panel h1 {
font-size: 34px;
font-family: verdana, helvetica, arial, sans-serif;
letter-spacing:-2px;
color:#9fc54e;
font-weight:700;
padding:20px 0 0;
}

.panel h2 {
font-size: 24px;
font-family: verdana, helvetica, arial, sans-serif;
color:#444444;
font-weight: 400;
padding: 0 0 10px;
}

.panel h3 {
font-size:14px;
font-family: verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 0;
}

.panel .colleft h3{
padding-left:12px;
}
.panel .colright h3{
padding-left:12px;
}

.panel img.tuev_sued{
float: right;
margin: 3px 3px 6px 8px;
padding: 5px;
background-color: #222222;
border: 1px solid #333333;
}

.panel p {
color:#cccccc;
line-height:22px;
padding: 0 0 10px;
margin: 20px 0 20px 0;
}

.panel .content {
font-style:normal;
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
background-color:#333333;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
margin: 30px 0 50px;
padding: 15px 0;
}

.panel .content p {
margin: 10px 0;
padding: 15px 20px;
}

.panel {
position: fixed;
top: 50px; /* top or bottom */
left: 0; /* left or right */
display: none;
background-color: #000;
border:1px solid #333;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 600px;
height: auto;
padding: 20px 20px 10px 80px;
filter: alpha(opacity=85);
opacity: .85;
z-index:999;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #fff;
}

.panel .columns{
clear: both;
width: 610px;
padding: 0 0 20px 0;
line-height: 22px;
}

.panel .colleft{
float: left;
width: 305px;
line-height: 22px;
}

.panel .colright{
float: right;
width: 305px;
line-height: 22px;
}

.panel ul{
list-style-type:square;
padding: 5px;
margin: 5px;
color: #0078ff;
}

.panel ul li span.li_panel{
color: #fff;
}

.panel .columns ul{
padding: 5px;
margin: 5px;
list-style-type: none;
}

.panel .columns ul li{
background-color: #0078ff;
color: #fff;
padding: 5px;
margin: 0;
list-style-type: none;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
}
 
.panel hr{
background-color: #333333;
height: 1px;
}

.panel a, .panel a:visited{
background-color:#0099ff !important;
color: #fff !important;
padding:0 3px;
text-decoration: none;
}

.panel a:hover, .panel a:visited:hover{
background-color:#fff !important;
color: #0078ff !important;
padding:0 16px 0 3px; /* plus padding-right in myextra_blue.css */
text-decoration: none;
}

.panel a:focus {
outline: none;
}

/* ORI
a.trigger{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}
*/

/* ORI 
a.trigger:hover{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
} 
*/

a.trigger{
/* position: fixed; */
text-decoration: none;
/* text-align:left; */
width:844px; /* 784px old  - padding */
height:40px;
/* bottom: 0; left: 0; */
font-size: 16px;
letter-spacing:-1px;
/* font-family: verdana, helvetica, arial, sans-serif; */
color:#fff;
padding: 0 0 0 15px;
margin: -28px 0 0 17px;
font-weight: 700;
background:transparent url(images/plus.png) 98% 55% no-repeat;
/* border:1px solid #444444; */
/* 
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px; 
*/
display: block;
}

a.trigger:hover{
/* position: fixed; */
text-decoration: none;
/* text-align:left; */
width:844px; /* 784px old - padding */
height:40px;
/* bottom: 0; left: 0; */
font-size: 16px;
letter-spacing: 1px;
/* font-family: verdana, helvetica, arial, sans-serif; */
color:#fff;
padding: 0 0 0 15px;
margin: -28px 0 0 17px;
font-weight: 700;
background:transparent url(images/!.png) 98% 55% no-repeat;
/* border:1px solid #444444; */
/* -moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px; 
*/
display: block;
} 

a.active.trigger {
background:transparent url(images/minus.png) 98% 55% no-repeat;
}





/* panel2 */

.panel2 h1 {
font-size: 34px;
font-family: verdana, helvetica, arial, sans-serif;
letter-spacing:-2px;
color:#9fc54e;
font-weight:700;
padding:20px 0 0;
}

.panel2 h2 {
font-size: 24px;
font-family: verdana, helvetica, arial, sans-serif;
color:#444444;
font-weight: 400;
padding: 0 0 10px;
}

.panel2 h3 {
font-size:14px;
font-family: verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 0;
}

.panel2 .colleft h3{
padding-left:12px;
}
.panel2 .colright h3{
padding-left:12px;
}

.panel2 img.tuev_sued{
float: right;
margin: 3px 3px 6px 8px;
padding: 5px;
background-color: #222222;
border: 1px solid #333333;
}

.panel2 p {
color:#cccccc;
line-height:22px;
padding: 0 0 10px;
margin: 20px 0 20px 0;
}

.panel2 .content {
font-style:normal;
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
background-color:#333333;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
margin: 30px 0 50px;
padding: 15px 0;
}

.panel2 .content p {
margin: 10px 0;
padding: 15px 20px;
}

.panel2 {
position: fixed;
top: 50px; /* top or bottom */
right: 0; /* left or right */
display: none;
background-color: #000;
border:1px solid #333;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 600px;
height: auto;
padding: 20px 20px 10px 80px;
filter: alpha(opacity=85);
opacity: .85;
}

.panel2 p{
margin: 0 0 15px 0;
padding: 0;
color: #fff;
}

.panel2 .columns{
clear: both;
width: 610px;
padding: 0 0 20px 0;
line-height: 22px;
}

.panel2 .colleft{
float: left;
width: 305px;
line-height: 22px;
}

.panel2 .colright{
float: right;
width: 305px;
line-height: 22px;
}

.panel2 ul{
list-style-type:square;
padding: 5px;
margin: 5px;
color: #0078ff;
}
.panel2 ul li span.li_panel2{
color: #fff;
}

.panel2 .columns ul{
padding: 5px;
margin: 5px;
list-style-type: none;
}

.panel2 .columns ul li{
background-color: #0078ff;
color: #fff;
padding: 5px;
margin: 0;
list-style-type: none;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
}
 
.panel2 hr{
background-color: #333333;
height: 1px;
}


.panel2 a, .panel2 a:visited{
background-color:#0099ff !important;
color: #fff !important;
padding:0 3px;
text-decoration: none;
}

.panel2 a:hover, .panel2 a:visited:hover{
background-color:#fff !important;
color: #0078ff !important;
padding:0 16px 0 3px; /* plus padding-right in myextra_blue.css */
text-decoration: none;
}

.panel2 a:focus {
outline: none;
}


a.trigger2{
position: fixed;
text-decoration: none;
top: 80px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.trigger2:hover{
position: fixed;
text-decoration: none;
top: 80px; right: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
} 

a.active.trigger2 {
background:transparent url(images/minus.png) 98% 55% no-repeat;
}