/* FEEDBACK SIDEBAR
----------------------------------------------- */

#sidebar {
position:absolute;
left:5px;
width:218px;
height: 276px;
background-image: url(../images/2009images/img_feedback.gif);
background-repeat: no-repeat;
color:#006699;
text-align:left;
}
	
.feeder {
font-weight:bold;
margin-left: 7px;
margin-top: 4px;
font-size:12px;
}
	
.feedbackwrapper{ 
/* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative;
width: 198px;
height: 186px; /* Set height to be able to contain height of largest content shown*/
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
background-color:#FFFFFF;	
}

.fadecontent{ /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".feedbackwrapper" width minus its padding and borders, if any) */
position: absolute;
background: white;
visibility: hidden; 
padding: 5px;
color:#333333;
text-align: left;
overflow:auto;
width:198px;
}

.quotetop { 
float: left;
padding: 0 5px 0 0;
}

.byquotes { 
margin-top: 5px;
}

.quota { 
font-size: 11px; 
font-weight: normal;
margin-top: 10px; 
margin-bottom: 5px; 
line-height: 130%;
}

.customer {	
font-size: 9px;
font-weight: bold;

}
.fadecontenttoggler{ 
/*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
font-size:10px;
width: 211px;
overflow: hidden;
}

.fadecontenttoggler a{ 
/*style for every navigational link within toggler */
text-decoration: none;
color: #006699;
}

.fadecontenttoggler a:hover{
color: #006699;
text-decoration:underline;
}

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

.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ 
/*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: #006699;
}

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover{
color: #006699;
}

.fadecontenttoggler a.selected{ 
/*style for selected page's toggler link. ".selected" class auto generated! */
color: #333333;
}
	
#toggle {
padding-left: 10px;
padding-top: 49px;
}

#customers {
margin-left:110px;
margin-top:42px;
color:#333333;
font-weight:bold;
}

.feedgap {	
font-size: 5px;
font-weight: bold;
}

/* ----------------------------------------------------
IMAGE
----------------------------------------------------*/

#splash {
clear: both;
margin: 12px 0 0 0;
width:217px;
height:180px;
}