/*
	 * 
	 * http://spyrestudios.com/how-to-create-a-sexy-vertical-sliding-panel-using-jquery-and-css3/
	 */

/*
a:focus {
outline: none;
}

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

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

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;
}


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

/*
img{
float: right;
margin: 3px 3px 6px 8px;
padding: 5px;
background: #222222;
border: 1px solid #333333;
}
img {
border:none;
}
 */


/*
 * Left Fixed Start
 */

.panelLeftFixed {
position: fixed;
top: 75px;       /* Set vertical location here DCL */
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
border-top-right-radius: 20px;

-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;

width: 450px; /* Control width of left panel here only !! DCL */
height: auto; /* Control height in index.html DCL */
padding: 30px 30px 30px 130px;
z-index: 998;
/*
 * 
width: 330px;
height: auto;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=85);
opacity: .85;
 */
}
/*
 * 
.panelLeftFixed p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
z-index: 998;
}
*/
.panelLeftFixed a, .panelLeftFixed a:visited{
margin: 0;
padding: 0;
color: #000000;
background-color:#FFFFFF;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
z-index: 998;
}
/*
 * 
.panelLeftFixed a:hover, .panelLeftFixed a:visited:hover{
margin: 0;
padding: 0;
color: #000000;
text-decoration: none;
border-bottom: 1px solid #ffffff;
z-index: 998;
}
*/

a.triggerLeftFixed{
position: fixed;
text-decoration: none;
top: 75px; left: 0;
font-size: 12px;
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;
border-top-right-radius: 20px;

-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;

-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;

display: block;
z-index: 998;
}

a.triggerLeftFixed:hover{
position: fixed;
text-decoration: none;
top: 75px; 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;
border-top-right-radius: 20px;

-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
border-bottom-right-radius: 20px;

-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;

display: block;
z-index: 998;
}

a.active.triggerLeftFixed {
background:#222222 url(../../images/minus.png) 85% 55% no-repeat;
z-index: 998;
}

/*
 * Left Fixed End
 */

/*
 * Right Fixed Start
 */

.panelRightFixed {
position: fixed;
top: 75px;
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
border-top-left-radius: 20px;

-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;

width: 1px;
height: auto;
padding: 1px 160px 30px 30px;
filter: alpha(opacity=85);
opacity: .85;
z-index: 998;
}

/*
 *  Borrowed from 'topSlide.css'
 */
.panelRightFixed input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../../images/bt_register.png) no-repeat 0 0;
	display: block;
	float: left;
	clear: left;
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 10px 0;
    z-index: 998;
}
.panelRightFixed p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
z-index: 998;
}

.panelRightFixed a, .panelRightFixed a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
z-index: 998;
}

.panelRightFixed a:hover, .panelRightFixed a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
z-index: 998;
}


a.triggerRightFixed{
position: fixed;
text-decoration: none;
top: 75px; right: 0;
font-size: 12px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 15px 20px 40px;
font-weight: 700;
background:#333333 url(../../images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
border-top-left-radius: 20px;

-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;

-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;

display: block;
z-index: 998;
}

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

-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;

-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;

display: block;
z-index: 998;
}

a.active.triggerRightFixed {
background:#222222 url(../../images/minus.png) 15% 55% no-repeat;
z-index: 998;
}

/*
 * Right Fixed End
 */


/*
 * Right #2 Fixed Start
 */

.panelRightFixed2 {
position: fixed;
top: 140px;   /* vertical location of panel (must match trigger/hover below) */
right: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
border-top-left-radius: 20px;

-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;

width: 320px; /* Control width of left panel here only !! */
height: auto; /* Control height in index.html */
padding: 1px 160px 30px 30px;
filter: alpha(opacity=100);
opacity: 1.00;
z-index: 998;
}

.panelRightFixed2 p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
z-index: 998;
}

.panelRightFixed2 a, .panelRightFixed2 a:visited{
margin: 0;
padding: 0;
color: #000000;
text-decoration: none;
border-bottom: 1px solid #000000;
z-index: 998;
}
/*
 * 
color: #9FC54E;
color: #C1E0FF;
 */
.panelRightFixed2 a:hover, .panelRightFixed2 a:visited:hover{
margin: 0;
padding: 0;
color: blue;
text-decoration: none;
border-bottom: 1px solid #ffffff;
z-index: 998;
}


a.triggerRightFixed2 {
position: fixed;
text-decoration: none;
top: 140px; right: 0;  /* vertical location (must match panel above and hover below) */
font-size: 12px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 15px 20px 40px;
font-weight: 700;
background:#333333 url(../../images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
border-top-left-radius: 20px;

-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;

-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;

display: block;
z-index: 998;
}

a.triggerRightFixed2:hover {
position: fixed;
text-decoration: none;
top: 140px; right: 0;  /* vertical location (must match trigger and panel above) */
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 20px 20px 40px;
font-weight: 700;
background:#222222 url(../../images/plus.png) 15% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topleft: 20px;
-webkit-border-top-left-radius: 20px;
border-top-left-radius: 20px;

-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
border-bottom-left-radius: 20px;

-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;

display: block;
z-index: 998;
}

a.active.triggerRightFixed2 {
background:#222222 url(../../images/minus.png) 15% 55% no-repeat;
z-index: 998;
}

/*
 * Right #2 Fixed End
 */







.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}
/*
 */

.colleft{
float: left;
width: 130px;
line-height: 22px;
}
/*
 */

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

ul{
padding: 0;
margin: 0;
list-style-type: none;
}

ul li{
padding: 0;
margin: 0;
list-style-type: none;
}

hr{
background-color: #333333;
height: 1px;
}