.ribbonContainer
{
    overflow: auto; 
    background-color: white; border-bottom: 1px solid White; 
    /*font-family: Tahoma, Arial;*/ 
	font-size: 12px;
    border-top: 1px #ddd solid;
}
.ribbonPanel
{
    float: left; overflow: auto; 
    background-color: white; border-right: 1px solid #c0c0c0; 
}
.ribbonHeader
{
    background-color: #808080; color: white; 
    padding: 5px;
}
.ribbonCommandsArea
{
    padding: 2px 3px;
}
.ribbonCommand
{
    float: left; margin: 4px;
}
.ribbonCommand img
{
    border: 0px;
}
.extraPanel
{
    background-color: #a0a0a0; border-bottom: 1px solid White;
    color: White; /*font-family: Tahoma, Arial;*/ font-size: 12px;
}

.extraPanelDialog
{
background-color: white;
border-bottom: 1px solid white;
border: black;
border-style: outset;
border-width: 1px;
color: white;
/*font-family: Tahoma, Arial;*/
font-family: 'Open Sans', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
font-size: 12px;
position: fixed;
z-index: 500;
width: 350px;
height: 200px;
left: 50%;
top: 30%;
margin-left: -175px;
}
.extraPanelHeader
{
    background-color: #808080; padding: 6px;
}
.extraPanelContent
{
    padding: 1px 6px;
    color: Black;
}
.extraPanelContentCenter
{
padding: 1px 6px;
color: black;
left: 25px;
position: relative;
top: 40px;
}
.extraPanelContentPopup
{
padding: 1px 6px;
color: black;
 
position: relative;
}
.extraPanelContentTextarea
{
padding: 1px 6px;
color: black;
position: relative;
width: 95%;
height: 130px;
}
.extraPanelCommandsArea
{
    float: right; padding: 5px 6px;
}
.extraPanel a
{
    color: White;
}
.toggle
{
    margin: 2px;
    padding: 2px;
    padding-bottom: 0px;
    opacity: 0.95;
}
.pressed
{
    background-color: #e0e0e0;
    opacity: 1;
}