/*****************************************************************************/
/* Global styles */
/*****************************************************************************/
*
{
	-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    outline:0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none; /* Disable selection/copy in UIWebView */
}

html, body, form 
{
    margin:0;
    padding:0;
    background-color:White;
    font-family: 'Segoe UI','Lucida Grande',Tahoma,Arial;
    color:#444444;
    font-size:10pt;
}

a:link
{	
    color:#4A6AAD;
	text-decoration:none;
}
		
a:visited
{	
    color:#4A6AAD;
	text-decoration:none;
}	
		
a:active
{	
    color:#4A6AAD;
	text-decoration:none;
}	
		
a:hover	
{	
    color:#4A6AAD;
	text-decoration:underline;
}

.Label
{
    font-weight:bold;
    white-space:nowrap;
}

.LargeHeaderText
{
    font-size:16pt;
    font-weight:bold;
}

.Loading
{
    position:absolute;
    z-index:100002 !important;
    display:none;
    text-align:center;
    opacity: 1.0 !important;
    filter:alpha(opacity=100) !important;
}

.LoadingWrapper1
{
    height:100%;
    width:100%;
    background-color: White;
    opacity: 0.5;
    filter:alpha(opacity=50);
    z-index:100001 !important;
    pointer-events:none;
}

.LoadingWrapper2
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: White;
    opacity: 0.8;
    filter:alpha(opacity=80);
    z-index:100001 !important;
    pointer-events:none;
}

.Button
{
    cursor:pointer;
}


.SubjectBarWrapper {
    width:100%;
    padding:5px 0px 0px 0px;
    overflow:hidden;
}

.SubjectBar
{
    height:42px;
    position:relative;
    white-space:nowrap;
    overflow:hidden;
    padding-left:38px;
}

.SubjectBar .Wrapper {
    overflow:hidden;
    position: relative;
    left: 0px;
    top: 2px;
    white-space: nowrap;
    height:40px;
}

.SubjectBar .Items
{
    position:absolute;
    white-space:nowrap;
}

.SubjectBar .Nav
{
    position:absolute;
    background-color:White;
    cursor:pointer;
}
            
.SubjectBar .Nav.Left
{
    width:32px;
    height:32px;
    left:0px;
    top:5px;
    background-image: url('/Images/less_gray.png');
    background-repeat:no-repeat;
    background-position: 50% 50%;
}
     
.SubjectBar .Nav.LeftHover
{
    width:32px;
    height:32px;
    left:0px;
    top:5px;
    background-image: url('/Images/less_blue.png');
    background-repeat:no-repeat;
    background-position: 50% 50%;
}

            
.SubjectBar .Nav.Right
{
    width:32px;
    height:32px;
    right:0px;
    top:5px;
    background-image: url('/Images/more_gray.png');
    background-repeat:no-repeat;
    background-position: 50% 50%;
}

.SubjectBar .Nav.RightHover
{
    width:32px;
    height:32px;
    right:0px;
    top:5px;
    background-image: url('/Images/more_blue.png');
    background-repeat:no-repeat;
    background-position: 50% 50%;
}

.SubjectBar .Nav.Disabled
{
    opacity: 0.2; 
    filter:alpha(opacity=10);
    cursor:default;
}

.SubjectBarButton
{
    display:inline-block;
    height:27px;
    margin-top:12px;
    text-align:center;
    font-size:8pt;
    font-weight:normal;
    color:#666666;
    border-top:1px solid White;
    border-left:1px solid White;
    border-right:1px solid White;
    cursor:pointer;
    width:94px;
}

.SubjectBarButton span, .SubjectBarButtonHover span
{
    margin-left:auto;
    margin-right:auto;
    padding:0px 7px 0px 7px;
}

.SubjectBarButtonHover
{
    display:inline-block;
    height:21px;
    margin-top:12px;
    text-align:center;
    font-size:8pt;
    font-weight:bold;
    color:#4A6AAD;
    border-top:1px solid White;
    border-left:1px solid White;
    border-right:1px solid White;
    cursor:pointer;
    width:94px;
}

.SubjectBarButton.Selected, .SubjectBarButtonHover.Selected
{
    display:inline-block;
    position:relative;
    height:28px;
    margin-top:0px;
    padding-top:8px;
    text-align:center;
    font-size:9pt;
    font-weight:bold;
    color:#4A6AAD;
    background-color:#F2F2F2;
    border-top:1px solid #E5E5E5;
    border-left:1px solid #E5E5E5;
    border-right:1px solid #E5E5E5;
    -moz-border-radius-topleft: 5px; 
    -moz-border-radius-topright: 5px; 
    -webkit-border-top-left-radius: 5px; 
    -webkit-border-top-right-radius: 5px; 
    border-top-left-radius: 5px; 
    border-top-right-radius: 5px; 
    width:94px;
}


/*****************************************************************************/
/* Page styles */
/*****************************************************************************/

.Toolbar
{
    background-color:#F2F2F2;
    border-bottom:1px solid #E5E5E5;
    overflow:hidden;
    font-size:12pt;
    font-weight:bold;
    padding:5px 5px 0px 6px;
}

.ToolbarButton
{
    height:34px;
    width:34px;
    margin:0px 0px 5px 5px;
    display:inline-table;
    text-align:center;
    border:1px solid #F2F2F2;
    overflow:hidden;
    cursor:pointer;
}

.ToolbarButton span, .ToolbarButtonHover span, .ToolbarButtonClick span
{
    display:table-cell;
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    padding:0px 5px 4px 5px;
}

.ToolbarIcon
{
    display:table-cell;
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.ToolbarIcon *
{
    display:table-cell;
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.ToolbarButtonHover
{
    height:34px;
    width:34px;
    margin:0px 0px 5px 5px;
    display:inline-table;
    text-align:center;
    border:1px solid #C1CFE7;
    background-color:#DBE3F1;
    overflow:hidden;
    background-repeat:no-repeat;
    cursor:pointer;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */    
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.ToolbarButtonClick
{
    height:34px;
    width:34px;
    margin:0px 0px 5px 5px;
    display:inline-table;
    text-align:center;
    border:1px solid #99B3D9;
    background-color:#D4DDEE;
    overflow:hidden;
    background-repeat:no-repeat;
    cursor:pointer;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */    
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.ToolbarSplitButton
{
    width:15px;
    height:36px;
    display:inline-block;
    float:right;
    background:transparent url("../../Images/arrow_down_gray_small.png") no-repeat 50% 50%;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.ToolbarSplitButton:hover
{
    background:#C1CFE7 url("../../Images/arrow_down_blue_small.png") no-repeat 50% 50%;
}

.ToolbarSplitMenu
{
    position:absolute;
    display:none;
    font-weight:bold;
    background: #F2F2F2;
    border:1px solid #E5E5E5;
    z-index:100000;
    -moz-border-radius: 5px 5px 5px px; /* FF1+ */
    -webkit-border-radius: 5px 5px 5px 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px 5px 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    -moz-box-shadow: 0px 0px 8px #666666;
    -webkit-box-shadow: 0px 0px 8px #666666;
    box-shadow: 0px 0px 8px #666666;    
}

.PopupMenu
{
    position: absolute;
    display:none;
    padding:5px 5px 0px 0px;
    background: #F2F2F2;
    border:1px solid #E5E5E5;
    z-index:100000;
    -moz-border-radius: 5px 5px 5px px; /* FF1+ */
    -webkit-border-radius: 5px 5px 5px 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px 5px 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    -moz-box-shadow: 0px 0px 8px #666666;
    -webkit-box-shadow: 0px 0px 8px #666666;
    box-shadow: 0px 0px 8px #666666;    
}

.PopupMenuItem
{
    padding: 10px 20px 10px 20px !important;
    cursor:pointer !important;
    white-space:nowrap !important;
}

.ToolbarSplitMenu .PopupMenuItem
{
    color:#000;
    height:34px;
}

.PopupMenuItem:hover
{
    background-color:#E5E5E5;
}

.PopupBackground 
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color: White;
    opacity: 0.5;
    filter:alpha(opacity=50);
    z-index:9999;
}

.PopupDialog 
{
    display:none;
    position:absolute;
    width:350px;
    padding:20px;
    margin:0px 20px 0px 20px;
    border:1px solid #ccc;
    background-color:#F2F2F2;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 15px #666666;
    -webkit-box-shadow: 0px 0px 15px #666666;
    box-shadow: 0px 0px 15px #666666;
    font-size:12pt;
    z-index:10000;
}

    .PopupDialog table {        
        margin:15px 10% 0px 10%;
    }

.PopupDialog .DefaultButton, .PopupDialog .DefaultButtonHover, .PopupDialog .DefaultButtonClick 
{
    display:block;
    padding:10px;
    margin:20px auto 0px auto;
    width:100px;
    font-size:12pt;
}


.ControlButton
{
    display:inline-table;
    height:24px;
    width:24px;
    background-color:#F2F2F2;
    border:1px solid #CCCCCC;
    cursor:pointer;
    -moz-border-radius: 50%; /* FF1+ */
    -webkit-border-radius: 50%; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 50%; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */        
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);        
}

.ControlButtonInverse
{
    display:inline-table;
    height:24px;
    width:24px;
    background-color:White;
    border:1px solid #CCCCCC;
    cursor:pointer;
    -moz-border-radius: 50%; /* FF1+ */
    -webkit-border-radius: 50%; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 50%; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */        
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);        
}

.ControlButtonHover
{  
    display:inline-table;
    height:24px;
    width:24px;
    background-color:#DBE3F1;
    border:1px solid #C1CFE7;
    cursor:pointer;
    -moz-border-radius: 50%; /* FF1+ */
    -webkit-border-radius: 50%; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 50%; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */        
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);        
}

.ControlButtonClick
{   
    display:inline-table;
    height:24px;
    width:24px;
    background-color:#D4DDEE;
    border:1px solid #99B3D9;
    white-space:nowrap;
    cursor:pointer;
    -moz-border-radius: 50%; /* FF1+ */
    -webkit-border-radius: 50%; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 50%; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */        
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);        
}

.ControlButton *, .ControlButtonInverse *, .ControlButtonHover *, .ControlButtonClick *
{
    display:table-cell;
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
    border:0px;
}

#mwtooltip {
    display:none;
    position:absolute;
    width:auto;
    max-width:300px;
    padding:10px;
    border:1px solid #B5B5B5;
    background:#FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 15px #C7C7C7;
    -webkit-box-shadow: 0px 0px 15px #C7C7C7;
    box-shadow: 0px 0px 15px #C7C7C7;
    font-size:12pt;
    z-index:10000;
}

.mwcallout {
    width: 11px;
    height: 11px;
    background-position: 0 -77px;
    background-image: url(../../Css/ToolTip/Callouts.gif);
    bottom: -11px;
    position: absolute;
}

    .mwcallout.north.west {
        background-position: 0 -66px;
        background-image: url(../../Css/ToolTip/Callouts.gif);
        right: 15px;
    }

    .mwcallout.south {
        background-position: 0 -22px;
        background-image: url(../../Css/ToolTip/Callouts.gif);
        left: 15px;
        bottom: inherit;
        top: -11px;
    }

    .mwcallout.south.west {
        background-position: 0 -11px;
        background-image: url(../../Css/ToolTip/Callouts.gif);
        right: 15px;
        left:initial;
        bottom: inherit;
        top: -11px;
    }

.ToolTip {
    position: absolute;
    display:none;
    z-index:10000;
}

.ToolTip .TooltipContent {
    color:#4A6AAD;
    font-weight:bold;
    padding:10px;
    margin-top:20px;
    background: #FFFFEE;
    border:1px solid #E5E5E5;
    -moz-border-radius: 5px 5px 5px px; /* FF1+ */
    -webkit-border-radius: 5px 5px 5px 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px 5px 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    -moz-box-shadow: 0px 0px 8px #666666;
    -webkit-box-shadow: 0px 0px 8px #666666;
    box-shadow: 0px 0px 8px #666666;    
}

.MatrixMenu
{
    width:260px;
    height:360px;
    position: absolute;
    display: none;
    background: #F2F2F2;
    border:1px solid #E5E5E5;
    z-index:99999;
    -moz-border-radius: 5px 5px 5px px; /* FF1+ */
    -webkit-border-radius: 5px 5px 5px 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px 5px 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    -moz-box-shadow: 0px 0px 8px #666666;
    -webkit-box-shadow: 0px 0px 8px #666666;
    box-shadow: 0px 0px 8px #666666;    
    padding:10px;
}

.MatrixMenuItem
{
    padding:5px 10px 10px 10px;
    border:1px solid #F2F2F2;
}

.MatrixMenuItemHover
{
    padding:5px 10px 10px 10px;
    cursor:pointer;
    border:1px solid #C1CFE7;
    background-color:#DBE3F1;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */    
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.MatrixMenuItemClick
{
    padding:5px 10px 10px 10px;
    cursor:pointer;
    border:1px solid #99B3D9;
    background-color:#D4DDEE;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */    
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.MatrixMenuIconTopLeft
{
    width:2px;
    height:2px;
    border-left:2px solid Black;
    border-top:2px solid Black;
}

.MatrixMenuIconTopRight
{
    width:2px;
    height:2px;
    border-right:2px solid Black;
    border-top:2px solid Black;
}

.MatrixMenuIconLeft
{
    width:2px;
    border-left:2px solid Black;
}

.MatrixMenuIconRight
{
    width:2px;
    border-right:2px solid Black;
}

.MatrixMenuIconBottomLeft
{
    width:2px;
    height:2px;
    border-left:2px solid Black;
    border-bottom:2px solid Black;
}

.MatrixMenuIconBottomRight
{
    width:2px;
    height:2px;
    border-right:2px solid Black;
    border-bottom:2px solid Black;
}

.MatrixMenuIcon td
{
    width:10px;
    height:10px;
    background-color:#738DC3;
    border:1px solid #738DC3;
}

.MatrixMenuIconCustom td
{
    width:20px;
    height:20px;
    background-color:White;
    border:1px solid #B2C1DE;
}

.MatrixMenuIconCustom td.Active
{
    width:20px;
    height:20px;
    background-color:#738DC3;
    border:1px solid #738DC3;
}

.ElementsMenu
{
    width:460px;
    height:270px;
    position: absolute;
    display: none;
    background: #F2F2F2;
    border:1px solid #E5E5E5;
    z-index:99999;
    -moz-border-radius: 5px 5px 5px px; /* FF1+ */
    -webkit-border-radius: 5px 5px 5px 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px 5px 5px 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    -moz-box-shadow: 0px 0px 8px #666666;
    -webkit-box-shadow: 0px 0px 8px #666666;
    box-shadow: 0px 0px 8px #666666;    
    padding:10px;
}

.PeriodicTable
{
    width:100%;
    height:100%;
    table-layout:fixed;
    border-collapse:collapse;
}
        
.PeriodicTable td
{
    border:1px solid #B2C1DE;
    background-color:White;
    text-align:center;
    cursor:pointer;
}
        
.PeriodicTable td.Hover
{
    font-weight:bold;
    border:1px solid #B2C1DE;
    background-color:#DBE3F1;
    text-align:center;
}
        
.PeriodicTable td.Click
{
    font-weight:bold;
    color:White;
    border:1px solid #738DC3;
    background-color:#738DC3;
    text-align:center;
}
        
.PeriodicTable td.Empty
{
    border-style: none !important;
    background-color:transparent !important;
    cursor:default !important;
}
        
.PeriodicTable td.Spacer
{
    height:20px !important;
    border-style: none !important;
    background-color:transparent !important;
    cursor:default !important;
}
        
.Element
{
    position:absolute;
    display:none;
    width:100px;
    border:1px solid #C1CFE7;
    background-color:#DBE3F1;
    opacity: 0.9;
    filter:alpha(opacity=90);
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    -moz-box-shadow: 0px 0px 8px #666666;
    -webkit-box-shadow: 0px 0px 8px #666666;
    box-shadow: 0px 0px 8px #666666;    
    z-index:100000;
 }
        
.Element .Number
{
    padding:5px 0px 0px 5px;
}
        
.Element .Symbol
{
    font-size:16pt;
    font-weight:bold;
    text-align:center;
}
        
.Element .Name
{
    text-align:center;
    padding:5px 0px 0px 0px;
}
        
.Element .Weight
{
    text-align:center;
    padding:5px 0px 5px 0px;
}
        
.AnswerContainer
{
    display:none;
    clear:both;
    float:left;
    margin: 5px 0px 0px 20px;
    width:100%;
    max-width:560px;
}

.AnswerHeader 
{
    margin-bottom:16px;
    font-size:13pt;
    color:#4A6AAD;
    font-weight:bold;
}

.ExamplesMenu
{
    position:absolute;
    width:416px;
    height:250px;
    overflow:auto;
    display:none;
    background: White;
    border:1px solid #E5E5E5;
    z-index:100000;
    -moz-box-shadow: 0px 0px 8px #666666;
    -webkit-box-shadow: 0px 0px 8px #666666;
    box-shadow: 0px 0px 8px #666666;    
}

.PoweredBy
{
    font-size:9pt;
    font-style:italic;
    position:absolute;
    bottom:10px;
    right:10px;
}

.PoweredBy.Solved
{
    display:block;
    position:static !important;
    float:right;
    margin:10px;
}

#lstTopics {
    display:none;
    position:relative;
    width: 75%;
    float:left;
}

.topicPanel {
    border:1px solid #CCCCCC;
    padding: 3px 20px 5px 5px;
    background:#FFF;
    width:100%;
    font: 10pt 'Segoe UI','Lucida Grande',Tahoma,Arial;
    color: #444444;
    text-align: left;
    height: 20px;
    overflow: hidden;
    line-height: 23px;
}

    .topicPanel:hover, .topicPanelHover {
        border: 1px solid #738DC3;
        cursor:pointer;
    }

        .topicPanel:hover .topicPanelArrow, .topicPanelHover .topicPanelArrow {
            background-position: -25px 3px;
        }

.topicLoading {
    background:#FFF url('../../Images/loading.gif') no-repeat center center;
}

.incompleteTopic {
    color: #999999;
    font-style:italic;
}

.topicPanelArrow {
    background:#FFF url('../../Css/ComboBox/rcbSprite.png') no-repeat -5px 3px;
    float:right;
    width:15px;
    height:17px;
    position: absolute;
    top: 4px;
    right: -20px;
}
    .topicPanelArrow:hover {
        background-position: -25px 3px;
        cursor:pointer;
    }

.topicContainer {
    overflow: auto;
    display:none;
    border:1px solid #738DC3;
    background: #ffffff;
    position:absolute;
    top: 34px;
    left: 0px;
    z-index: 4000;
}

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

    .topicContainer ul li{
        margin: 0px;
        padding: 2px 6px;
        height: auto;
        min-height: 13px;
        list-style-type:none;
        font-size: 10pt;
    }

        .topicContainer ul li:hover, .topicContainer ul li.picked {
            cursor:pointer;
            font-size: 10pt;
            padding: 1px 5px;
            border: 1px solid #738DC3;
            color: #ffffff;
            background-color: #738DC3;
        }

        .topicContainer ul li:last-of-type {
            font-weight:bold;
        }


.AnswerButton
{
    text-decoration:none;
    font-size:10pt;
    font-weight:bold;
    /*color: #FFFFFF;
    background-color: #738DC3;
    border:1px solid #4A6AAD;*/
    padding: 5px 10px 5px 10px;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    display:inline-block;
    cursor:pointer;
    white-space:nowrap;
    margin-left:35px;
    background-color: #738DC3;
    border:1px solid #4A6AAD;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#859CCB), to(#738DC3));
    background-image: -moz-linear-gradient(#859CCB, #738DC3);
    background-image: -ms-linear-gradient(#859CCB, #738DC3);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #859CCB), color-stop(100%, #738DC3));
    background-image: -webkit-linear-gradient(#859CCB, #738DC3);
    background-image: -o-linear-gradient(#859CCB, #738DC3);
    background-image: linear-gradient(#859CCB, #738DC3);
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);    
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);    
}

.AnswerButtonHover
{
    text-decoration:none;
    font-size:10pt;
    font-weight:bold;   
    /*color: #4A6AAD;
    background-color: #FFFFFF;
    border:1px solid #4A6AAD;*/
    padding: 5px 10px 5px 10px;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    display:inline-block;
    cursor:pointer;
    white-space:nowrap;
    margin-left:35px;
    background-color: #5D7CBB;
    border:1px solid #3E5990;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#859CCB), to(#4F70B3));
    background-image: -moz-linear-gradient(#859CCB, #4F70B3);
    background-image: -ms-linear-gradient(#859CCB, #4F70B3);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #859CCB), color-stop(100%, #4F70B3));
    background-image: -webkit-linear-gradient(#859CCB, #4F70B3);
    background-image: -o-linear-gradient(#859CCB, #4F70B3);
    background-image: linear-gradient(#859CCB, #4F70B3);
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.AnswerButtonClick
{
    text-decoration:none;
    font-size:10pt;
    font-weight:bold;   
    /*color: #4A6AAD;
    background-color: #D4DDEE;
    border:1px solid #4A6AAD;*/
    padding: 5px 10px 5px 10px;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    display:inline-block;
    cursor:pointer;
    white-space:nowrap;
    margin-left:35px;
    background-color: #4F70B3;
    border:1px solid #3E5990;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#6A86C0), to(#4F70B3));
    background-image: -moz-linear-gradient(#6A86C0, #4F70B3);
    background-image: -ms-linear-gradient(#6A86C0, #4F70B3);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6A86C0), color-stop(100%, #4F70B3));
    background-image: -webkit-linear-gradient(#6A86C0, #4F70B3);
    background-image: -o-linear-gradient(#6A86C0, #4F70B3);
    background-image: linear-gradient(#6A86C0, #4F70B3);
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.answerBtnloading {
    opacity: .35;
    pointer-events: none;
}

.answerBtnloading {
    opacity: .35;
    pointer-events: none;
}

.DefaultButton
{
    min-width:40px;
    text-decoration:none;
    font-size:10pt;
    font-weight:bold;
    /*color: #FFFFFF;*/
    /*background-color: #738DC3;*/
    /*border:1px solid #4A6AAD;*/
    padding: 7px 30px 7px 30px;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    display:inline-block;
    cursor:pointer;
    text-align:center;
    white-space:nowrap;
        
    background-color: #738DC3;
    border:1px solid #4A6AAD;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#859CCB), to(#738DC3));
    background-image: -moz-linear-gradient(#859CCB, #738DC3);
    background-image: -ms-linear-gradient(#859CCB, #738DC3);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #859CCB), color-stop(100%, #738DC3));
    background-image: -webkit-linear-gradient(#859CCB, #738DC3);
    background-image: -o-linear-gradient(#859CCB, #738DC3);
    background-image: linear-gradient(#859CCB, #738DC3);
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);    
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.DefaultButtonHover
{
    min-width:40px;
    text-decoration:none;
    font-size:10pt;
    font-weight:bold;   
    /*color: #4A6AAD;*/
    /*background-color: #FFFFFF;*/
    /*border:1px solid #4A6AAD;*/
    padding: 7px 30px 7px 30px;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    display:inline-block;
    cursor:pointer;
    text-align:center;
    white-space:nowrap;
    
    background-color: #5D7CBB;
    border:1px solid #3E5990;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#859CCB), to(#4F70B3));
    background-image: -moz-linear-gradient(#859CCB, #4F70B3);
    background-image: -ms-linear-gradient(#859CCB, #4F70B3);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #859CCB), color-stop(100%, #4F70B3));
    background-image: -webkit-linear-gradient(#859CCB, #4F70B3);
    background-image: -o-linear-gradient(#859CCB, #4F70B3);
    background-image: linear-gradient(#859CCB, #4F70B3);
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.DefaultButtonClick
{
    min-width:40px;
    text-decoration:none;
    font-size:10pt;
    font-weight:bold;   
    /*color: #4A6AAD;*/
    /*background-color: #D4DDEE;*/
    /*border:1px solid #4A6AAD;*/
    padding: 7px 30px 7px 30px;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    display:inline-block;
    cursor:pointer;
    text-align:center;
    white-space:nowrap;
        
    background-color: #4F70B3;
    border:1px solid #3E5990;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#6A86C0), to(#4F70B3));
    background-image: -moz-linear-gradient(#6A86C0, #4F70B3);
    background-image: -ms-linear-gradient(#6A86C0, #4F70B3);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6A86C0), color-stop(100%, #4F70B3));
    background-image: -webkit-linear-gradient(#6A86C0, #4F70B3);
    background-image: -o-linear-gradient(#6A86C0, #4F70B3);
    background-image: linear-gradient(#6A86C0, #4F70B3);
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}   


.ControlButton {
    display: inline-table;
    height: 24px;
    width: 24px;
    text-align: center;
    color: #738dc3;
    background-color: #F2F2F2;
    border: 1px solid #E5E5E5;
    cursor: pointer;
    -moz-border-radius: 50%; /* FF1+ */
    -webkit-border-radius: 50%; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 50%; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.ControlButtonInverse {
    display: inline-table;
    height: 24px;
    width: 24px;
    text-align: center;
    color: #738dc3;
    background-color: White;
    border: 1px solid #E5E5E5;
    cursor: pointer;
    -moz-border-radius: 50%; /* FF1+ */
    -webkit-border-radius: 50%; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 50%; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.ControlButtonHover {
    display: inline-table;
    height: 24px;
    width: 24px;
    text-align: center;
    color: #738dc3;
    background-color: #DBE3F1;
    border: 1px solid #C1CFE7;
    cursor: pointer;
    -moz-border-radius: 50%; /* FF1+ */
    -webkit-border-radius: 50%; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 50%; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.ControlButtonClick {
    display: inline-table;
    height: 24px;
    width: 24px;
    text-align: center;
    color: #738dc3;
    background-color: #D4DDEE;
    border: 1px solid #99B3D9;
    white-space: nowrap;
    cursor: pointer;
    -moz-border-radius: 50%; /* FF1+ */
    -webkit-border-radius: 50%; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 50%; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

    .ControlButton *, .ControlButtonInverse *, .ControlButtonHover *, .ControlButtonClick * {
        display: table-cell;
        vertical-align: middle;
        margin-left: auto;
        margin-right: auto;
        border: 0px;
    }

.SmallControlButton {
    display: inline-table;
    height: 24px;
    padding: 0px 5px 0px 5px;
    font-size: 9pt;
    color: #738dc3;
    border: 1px solid transparent;
    background-color: transparent;
    white-space: nowrap;
    cursor: pointer;
}

.SmallControlButtonHover {
    display: inline-table;
    height: 24px;
    padding: 0px 5px 0px 5px;
    font-size: 9pt;
    color: #738dc3;
    border: 1px solid #C1CFE7;
    background-color: #DBE3F1;
    white-space: nowrap;
    cursor: pointer;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.SmallControlButtonClick {
    display: inline-table;
    height: 24px;
    padding: 0px 5px 0px 5px;
    font-size: 9pt;
    color: #738dc3;
    border: 1px solid #99B3D9;
    background-color: #D4DDEE;
    white-space: nowrap;
    cursor: pointer;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

    .SmallControlButton *, .SmallControlButtonInverse *, .SmallControlButtonHover *, .SmallControlButtonClick * {
        display: table-cell;
        vertical-align: middle;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        border: 0px;
    }

.SmallControlButtonIcon {
    padding: 5px 0px 5px 5px;
}

.MWEditorControlContainer2 {
    position:absolute;
    margin: 0px 10px 0px 0px;
    display:none;
    font-weight:bold;
    background: #F2F2F2;
    border:1px solid #E5E5E5;
    z-index:6;
    -moz-border-radius: 5px 5px 5px px; 
    -webkit-border-radius: 5px 5px 5px 5px; 
    border-radius: 5px 5px 5px 5px; 
    -moz-box-shadow: 0px 0px 8px #666666;
    -webkit-box-shadow: 0px 0px 8px #666666;
    box-shadow: 0px 0px 8px #666666;   
}

.MWEditorControlsButton
{
    position:absolute;
    display:inline-block;
    top:10px;
    right:10px;
    height:34px;
    width:34px;
    padding:0px 0px 0px 5px;
    background: #F2F2F2;
    border:1px solid #E5E5E5;
    z-index:4;
    -moz-border-radius: 5px 5px 5px px; 
    -webkit-border-radius: 5px 5px 5px 5px; 
    border-radius: 5px 5px 5px 5px; 
    overflow:hidden;
    margin:0px 0px 0px 0px;
    text-align:center;
    white-space:nowrap;
    cursor:pointer;
}

.MWEditorControlsButtonClick
{
    position:absolute;
    display:inline-block;
    top:10px;
    right:10px;
    height:34px;
    width:34px;
    padding:0px 0px 0px 5px;
    border:1px solid #99B3D9;
    background-color:#D4DDEE;
    z-index:5;
    -moz-border-radius: 5px 5px 5px px; 
    -webkit-border-radius: 5px 5px 5px 5px; 
    border-radius: 5px 5px 5px 5px; 
    overflow:hidden;
    margin:0px 0px 0px 0px;
    text-align:center;
    white-space:nowrap;
    cursor:pointer;
}

.MWEditorControlsButton img, .MWEditorControlsButtonClick img {
    padding-top:10px;
    float:left;
}

#controlsbutton {
    display: none;
}

#controlsbutton .ToolbarSplitButton:hover, #controlsbutton .MWEditorControlsButtonClick .ToolbarSplitButton:hover {
    background:url("../../Images/arrow_down_blue_small.png") no-repeat 50% 50%;
}    

.Editor
{
    position:relative;
    min-height:32px;
    display:block;
    padding:20px 20px 0px 20px;
    cursor:text;
}

.Editor:focus
{
    outline:0px;
}

#dym-container {
    display:none;
    font: 12pt 'Segoe UI','Lucida Grande',Tahoma,Arial;
    color:#666;
    line-height: 1.5em;
    max-width: 580px;
    border-bottom: 1px solid #DCDCDC;
    margin: 70px 20px 20px;
    padding-bottom: 10px;
}

    #dym-container .results div, #dym-container .instead div {
        color:#4A6AAD;
        display: inline;
    }

        #dym-container .results div:hover, #dym-container .instead div:hover {
            cursor:pointer;
            border-bottom: 1px solid #16387C;
        }

    #dym-container .results {
        font:italic 14pt 'Segoe UI','Lucida Grande',Tahoma,Arial;
    }

        #dym-container .results div {
            font-weight:bold;
            font-size: 78% !important;
        }

    #dym-container .instead {
        font:italic 11pt 'Segoe UI','Lucida Grande',Tahoma,Arial;
        padding-top:5px;
    }

        #dym-container .instead div {
            font-weight:normal;
        }

.Solution
{
    padding:20px;
    font-size:12pt;
    clear:both;
}

.Solution .Graph
{
    position:relative;
    width:380px;
    height:380px;
    border:1px solid #E5E5E5;
    cursor:move;
    display:none;
}

.Solution .GraphZoomControls
{
    position:absolute;
    bottom:10px;
    right:10px;
    z-index:1;
    white-space:nowrap;
}

.Solution .GraphPoint
{
    position:absolute;
    width:8px;
    height:8px;
    z-index:1;
    cursor:help;
}

.ExplanationStep {
    padding-bottom: 45px;
    line-height: 1.5em;
}

.SmallExplanationStep {
      line-height: 1.5em;
}

.DetailStep {
    padding-bottom: 45px;
    line-height: 1.5em;
}

.DetailStep:last-of-type {
    padding-bottom: 0px;
}

.StepSpacer {
    height:10px;
}

.explanationText
{
    color:#16387C;
}

.redInputText
{
    color:#FF0000;
}

.greyInputText
{
    color:#808080;
}

.Checkmark
{
    display:inline-block;
    vertical-align:middle;
    margin-left:10px;
    width:23px;
    height:39px;
    background-image:url("../../Images/checkmark.png");
    background-repeat:no-repeat;
}

.ViewStepsBlur
{
    overflow:hidden;
    height:181px;
    margin-top:10px;
    padding: 10px 0px 0px 20px;
    background: transparent url('../../Images/Screenshots/steps_blur.png') no-repeat;
}

.RoundBoxBackViewSteps
{
    display:inline-block;
    text-align:center;
    /*color:#4A6AAD;*/
    font-size:13pt;
    width:430px;
    background-color: #F2F2F2;
    border:1px solid #CCCCCC;    
    padding: 10px 0px 10px 0px;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
}

.ViewStepsBlur .RoundBoxBackViewSteps {
    -moz-box-shadow: 0px 0px 8px #666666;
    -webkit-box-shadow: 0px 0px 8px #666666;
    box-shadow: 0px 0px 8px #666666;
}




.MWEditor
{
    font-family:'Segoe UI','Lucida Grande',Tahoma,Arial;
    font-size:18pt;
    font-style:normal;
    color:Black;
    z-index:9997;
    white-space:nowrap;
}

.MWEditorEmpty
{
    font-family:'Segoe UI','Lucida Grande',Tahoma,Arial;
    font-size:18pt;
    font-style:normal;
    color:#CCCCCC;
    z-index:9997;
    white-space:nowrap;
}

.MWEditorTextArea
{
    font-family:'Segoe UI','Lucida Grande',Tahoma,Arial;
    font-size:18pt;
    font-style:normal;
    color:Black;
    border-style:none;
    outline:0px;
    display:none;
    width:100%;
    height:100%;
    overflow:auto;
}

.MWEditorCursor
{
    position:absolute;
    top:20px;
    left:20px;
    font-family:'Segoe UI','Lucida Grande',Tahoma,Arial;
    font-size:18pt;
    font-style:normal;
    color:#000000;
    z-index:9998;
    display:none;
}

.MWMeasureString
{
    display:none;
    white-space:pre;
}

.MWEditorControlContainer
{
    position:absolute;
    top:20px;
    right:28px;
    white-space:nowrap;
    z-index:9999;
}

.MWEditorControlButton
{
    display:inline-table;
    height:24px;
    width:24px;
    margin-left:5px;
    background-color:#F2F2F2;
    border:1px solid #E5E5E5;
    cursor:pointer;
    -moz-border-radius: 50%; /* FF1+ */
    -webkit-border-radius: 50%; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 50%; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */        
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);        
}

.MWEditorControlButtonHover
{  
    display:inline-table;
    height:24px;
    width:24px;
    margin-left:5px;
    background-color:#DBE3F1;
    border:1px solid #C1CFE7;
    cursor:pointer;
    -moz-border-radius: 50%; /* FF1+ */
    -webkit-border-radius: 50%; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 50%; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */        
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);        
}

.MWEditorControlButtonClick
{   
    display:inline-table;
    height:24px;
    width:24px;
    margin-left:5px;
    background-color:#D4DDEE;
    border:1px solid #99B3D9;
    white-space:nowrap;
    cursor:pointer;
    -moz-border-radius: 50%; /* FF1+ */
    -webkit-border-radius: 50%; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 50%; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */        
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);        
}

.MWEditorControlButton *, .MWEditorControlButtonHover *, .MWEditorControlButtonClick *
{
    display:table-cell;
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
    border:0px;
}

.MWEditorModeContainer
{
    position:absolute;
    bottom:10px;
    right:10px;
    white-space:nowrap;
    font-family:'Segoe UI','Lucida Grande',Tahoma,Arial;
    font-size:8pt;
    font-style:normal;
    color:#CCCCCC;
    z-index:9999;
    display:none;
}

.MWEditorModeButton
{
    display:inline;
    color:#99B3D9;
    cursor:pointer;
}

.MWEditorModeButtonHover
{
    display:inline;
    color:#99B3D9;
    cursor:pointer;
    text-decoration:underline;
}

.MWEditorModeButtonClick
{
    display:inline;
    color:#4A6AAD;
    cursor:default;
}

.MWEditorCanvasWrapper
{
    margin: 0px 20px 20px 0px;
}

.MWEditorCanvas
{
    display:inline;
    position:static;
    float:left;
    padding-bottom:20px;
}

.MWEditorCanvasControlsWrapper
{
    margin-top:30px;
    float:left;
}

.MWEditorCanvasControlWrapper
{
    margin-bottom:10px;
}

.MWEditorCanvasControl
{
    width:50px;
    font-family:'Segoe UI','Lucida Grande',Tahoma,Arial;
    font-size:12pt;
    font-style:normal;
    color:#444444;
	border:1px solid #CCCCCC;
}

.MWEditorCanvasControl.Hover, .MWEditorCanvasControl.Active
{
    width:50px;
    font-family:'Segoe UI','Lucida Grande',Tahoma,Arial;
    font-size:12pt;
    font-style:normal;
    color:#444444;
	border:1px solid #738DC3;
}

.MWEditorCanvasControl.Error
{
    color:Red;
    background-color:#FFEEEE;
    border:1px solid Red;
}

.MWEditorLabel
{
    font-weight:bold;
    white-space:nowrap;
}

span[id^="MathJax-Color-"]
{
    /*
    opacity: 0.7;
    filter:alpha(opacity=70);
    */
} 

[id^="mweditor"] .mi, [id^="mweditor"] .mn, [id^="mweditor"] .mtext
{
    padding:0px !important;
}

[id^="mweditor"] .mo
{
    padding-right:5px !important;
}

[id^="mweditor"] .mlinebreak
{
    height:20px;
}

.CollapsibleHead
{
    font-size:8pt;
    font-weight:bold;
    line-height:1.8em;
    padding: 6px 30px 6px 10px;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    cursor:pointer;
    margin: 10px 0px;
    display: block;
    width: 65px;
    color:#4A6AAD;
    background-color:#F2F2F2;
    background-image:url("../../Images/arrow_down_blue_small.png"); 
    background-repeat:no-repeat;
    background-position:85% 50%;
    border:1px solid #CCCCCC;
    /*
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#FAFAFA), to(#F2F2F2));
    background-image: -moz-linear-gradient(#FAFAFA, #F2F2F2);
    background-image: -ms-linear-gradient(#FAFAFA, #F2F2F2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #F2F2F2));
    background-image: -webkit-linear-gradient(#FAFAFA, #F2F2F2);
    background-image: -o-linear-gradient(#FAFAFA, #F2F2F2);
    background-image: linear-gradient(#FAFAFA, #F2F2F2);  
    */
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);    
}

.CollapsibleHead:hover
{
    font-size:8pt;
    font-weight:bold;
    padding: 6px 30px 6px 10px;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    cursor:pointer;
    margin:10px 0px;
    display:block;    
    color:#4A6AAD;
    background-color: #EAEAEA;
    background-image:url("../../Images/arrow_down_blue_small.png"); 
    background-repeat:no-repeat;
    background-position:85% 50%;
    border:1px solid #BBBBBB;
    /*
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#F2F2F2), to(#EEEEEE));
    background-image: -moz-linear-gradient(#F2F2F2, #EEEEEE);
    background-image: -ms-linear-gradient(#F2F2F2, #EEEEEE);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2F2F2), color-stop(100%, #EEEEEE));
    background-image: -webkit-linear-gradient(#F2F2F2, #EEEEEE);
    background-image: -o-linear-gradient(#F2F2F2, #EEEEEE);
    background-image: linear-gradient(#F2F2F2, #EEEEEE);  
    */
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);        
}

.CollapsibleBody
{
    background-color: #F2F2F2;
    padding: 20px;
    margin: 15px 0px 10px 0px;
    border:1px solid #E5E5E5;
    -moz-border-radius: 5px; /* FF1+ */
    -webkit-border-radius: 5px; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */    
    line-height: 1em;  
}

.GlossaryTerm
{
    cursor:help;
    color:#777777;
    border-bottom: 1px dotted #888888;
}

.GlossaryDefinition
{
    font-size:12pt;
}

.IconError
{
    color: #FFFFFF;
    background-color: #BB4545;
    font-size:11pt;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    width: 21px;
    height: 21px;
    -moz-border-radius: 50%; /* FF1+ */
    -webkit-border-radius: 50%; /* Saf3-4, iOS 1+, Android 1.5+ */
    border-radius: 50%; /* Opera 10.5, IE9, Saf5, Chrome, FF4 */
    display:inline-table;
}

.SolutionError
{
    padding:30px;
    font-size:12pt;
    display:none;
    color:#BB4545;
    font-weight:bold;
}