.cssbuttonstoggler{ /*style for DIV used to contain toggler links. */
margin-left: 440px;
margin-top: 0px;
margin-bottom:0px;
padding-bottom: 5px;
width: 370px;
vertical-align:bottom;
text-align: center; /*How to align pagination links: "left", "center", or "right"*/
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}
.cssbuttonstoggler2{ /*style for DIV used to contain toggler links. */
margin-left: 0px;
margin-top: 0px;
margin-bottom:0px;
padding-bottom: 5px;
width: 380px;
text-align: center; /*How to align pagination links: "left", "center", or "right"*/
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
border-left: 1px solid  #DADAD6;
border-right: 1px solid  #DADAD6;
}
.cssbuttonstogglerdown2{ /*style for DIV used to contain toggler links. */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left: 0px;
margin-top: 0px;
margin-bottom:0px;
padding-bottom: 5px;
width: 380px;
text-align: right; /*How to align pagination links: "left", "center", or "right"*/
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
border-bottom: 1px solid  #DADAD6;
border-left: 1px solid  #DADAD6;
border-right: 1px solid  #DADAD6;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
}
.cssbuttonstoggler3{ /*style for DIV used to contain toggler links. */
position:absolute;
opacity:0.5; 
margin-left: 506px;
margin-top: 5px;
margin-bottom:0px;
padding-bottom: 5px;
width: 800px;
text-align: center; /*How to align pagination links: "left", "center", or "right"*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
z-index:999;
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.cssbuttonstoggler a{ /*style for every navigational link within toggler */
/*background: transparent url('square-gray-left.gif') no-repeat top left;*/
color: #000000;
display: block;
float: left;
margin-right: 0px; /*6 */
margin-left: 6px; /*6 */
margin-bottom: 5px; /*6 */
font: normal 13px Arial; /* Change 12px as desired */
color:#FFFFFF;
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 60px; /* Height of button background height */
padding-left: 2px; /* 9 Width of left menu image */
text-decoration: none;
border:solid #CCC 1px;
}

.cssbuttonstoggler2 a{ /*style for every navigational link within toggler */
/*background: transparent url('square-gray-left.gif') no-repeat top left;*/
color: #000000;
display: block;
float: left;
margin-right: 0px; /*6 */
margin-top: 12px; /*6 */
margin-left: 22px; /*6 */
margin-bottom: 12px; /*6 */
font: normal 13px Arial; /* Change 12px as desired */
color:#FFFFFF;
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 60px; /* Height of button background height */
padding-left: 2px; /* 9 Width of left menu image */
text-decoration: none;
border:solid #CCC 1px;
}

.cssbuttonstoggler3 a{ /*style for every navigational link within toggler */
background: transparent url('square-gray-left.gif') no-repeat top left;
color: #000000;
display: block;
float: left;
margin-right: 6px;
font: normal 13px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

.cssbuttonstoggler a span, .cssbuttonstoggler2 a span{
/*background: transparent url('square-gray-right.gif') no-repeat top right;
display: block;
/*padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
padding: 2px 2px 2px 0;
width:50;
vertical-align:middle;
}

.cssbuttonstoggler3 a span{
background: transparent url('square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

.cssbuttonstoggler a.selected, .cssbuttonstoggler a:hover, .cssbuttonstoggler2 a.selected, .cssbuttonstoggler a:hover{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom left;
text-decoration: none;
border:solid #09F 1px;
}

.cssbuttonstoggler a.selected span, .cssbuttonstoggler a:hover span, .cssbuttonstoggler2 a.selected span, .cssbuttonstoggler2 a:hover span{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom right;
color:#FFFFFF;
text-decoration: none;
}

.cssbuttonstoggler a.toc, .cssbuttonstoggler2 a.toc { /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.cssbuttonstoggler a.prev, .cssbuttonstoggler a.next, .glidecontenttoggler-2 a.next, .cssbuttonstoggler2 a.prev, .cssbuttonstoggler2 a.next, .cssbuttonstoggler3 a.prev, .cssbuttonstoggler3 a.next{
margin:0px; /*20 style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
position:absolute;
left:0;
top:0;
width:1px;
height:1px;
visibility:hidden;
}

.cssbuttonstoggler a.prev:hover, .cssbuttonstoggler2 a.prev:hover, .glidecontenttoggler-2 a.next:hover{
text-decoration: none;
visibility:hidden;
}