﻿.eg_toggle_container
{
}

.eg_toggle_label
{
	font-weight:bold;
	font-size:0.625em;
}

.eg_toggle_icon
{
	display:inline-block;
	width:18px;
	height:18px;
	background-repeat:no-repeat;
	background-position:center center;
	margin-bottom:0px;
}

.eg_toggle_button
{
	background-image:url(../Images/toggle_off.png);
	display:inline-block;
	height:18px;
	width:36px;
	margin:0px 4px 0px 4px;
}

.eg_toggle_button.enabled
{
	background-image:url(../Images/toggle_on.png);
}

.eg_toggle_button.disabled
{
	background-image:url(../Images/toggle_disabled.png);
}
.button.windows, .eg_toggle_icon.windows
{
    background-image:url('../Images/windows.png');
}

.button.mac, .eg_toggle_icon.mac
{
    background-image:url('../Images/macos.png');
}

.button.linux
{
    background-image:url('../Images/linux.png');
}
.button.maya
{
    background-image:url('../Images/maya.png');
}
.button.max
{
    background-image:url('../Images/max.png');
}
.button.android
{
    background-image:url('../Images/android.png');
}

.button.ios
{
    background-image:url('../Images/apple.png');
}

.button.binaryinstall
{
    background-image:url('../Images/binaryinstall.png');
}

.button.sourceinstall
{
    background-image:url('../Images/sourceinstall.png');
}

.button.blueprintimplementation
{
    background-image:url('../Images/blueprint_16x.png');
}

.button.cppimplementation
{
    background-image:url('../Images/cppicon.png');
}

.button.oculus
{
    background-image:url('../Images/oculus.png');
}

.button.gearvr
{
    background-image:url('../Images/gearvr.png');
}

.button.googlevr
{
    background-image:url('../Images/googlevr.png');
}

.button.steamvr
{
    background-image:url('../Images/steamvr.png');
}

.button
{
    background:#f0f0f0 scroll 5px 5px no-repeat;
    border:1px solid #a0a0a0;
    padding:4px 12px 4px 24px;
    margin:2px 2px 8px 2px;
    color:#404040;
    float:left;
    cursor:pointer;
}

.button p
{
    padding:0px;
    margin:0px;
}

.button:hover
{
    background-color:#a0a0a0;
    color:#FFFFFF;
}

.button:active
{
    background-color:#00ADEF;
    color:#FFFFFF;
}

.active_button, .active_button:hover
{
    background-color:#606060;
    border:1px solid #a0a0a0;
    color:#f0f0f0;
}

.button_content
{
    padding-left:24px;
    clear:both;
    background:transparent scroll 5px 2px no-repeat;
    margin-left:-20px;
    display:none;
}

.button_content .container
{
    padding:2px 0px 0px 4px;
    background:#ffffff;
}

ul > li > .button_content .container, ol > li > .button_content .container 
{
    padding-left: 44px;
}

.button_content .container:first-child
{
    padding-top:0px;
    margin-top:0px;
}

.active_button_content
{
    display:block;
}
.titlesection
{
    font-size:0.875em;
    padding:6px 16px 2px;
    font-weight:bold;
    margin-bottom:0.5em;
}

.titlesection p
{
    margin:0;
    padding:0;
}

.aux .titlesection, .section .titlesection
{
    border-radius:4px 4px 0px 0px;
    margin-top:-1em;
    margin-left:-1.55em;
    margin-right:-1.55em;
}

.section .titlesection
{
    background:#606060;
    color:#ffffff;
}

.aux .titlesection
{
    background:#6dadda;
    color:#ffffff;
}
.section
{
    padding:0.5em 1em 0.5em 1em;
    background:#fafafa;
    border:1px solid #e8e8e8;
    border-radius: 3px;
    overflow: hidden;
}

