﻿

body
{
    font-size:10pt;
    margin:0px;
    padding:0px;
    font-family:"Lucida Sans Unicode", "Arial", "Sans-Serif";
    background-color:#ccc;
}

a, a:visited
{
    color:#66f;
}

img
{
    border:none;
}

.content a, .content a:visited
{
    color:#66f;
}

#main_block
{
    position:relative;
    width:1000px;
    /*height:740px;*/
    margin-left:auto;
    margin-right:auto;
    border-left:solid 1px #aaa;
    border-right:solid 1px #aaa;
    border-bottom:solid 1px #aaa;
    background-color:#fff;
    box-shadow: 5px 5px 20px #888888;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px; 
}

#header
{
    font-size:16pt;
    padding:10px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#4D90FE;
    color:#fff;
    font-family:"Lucida Sans Unicode", "Arial", "Sans-Serif";
}
#header_desc
{
    padding:3px;
    padding-left:10px;
    background-color:#eee;
}    

#footer
{
    font-size:100%;
    padding:4px;
    color:#666;
    text-align:center;
    background-color:#fff;
    border-radius:10px;
}


#kgsc_canvas_output_outer
{
    border:solid 1px #eee;
    width:400px;
    height:300px;
    padding:0px;
    box-shadow: 1px 1px 2px #888888;
}


.CodeMirror
{
    border:solid 1px #eee;
    width:570px;
    box-shadow: 1px 1px 2px #888888;
    font-family: "Consolas";
    font-size:10pt;
}
.CodeMirror-scroll
{
    height:540px;
}

#outputtabs
{
    height:230px;
    box-shadow: 1px 1px 2px #888888;
    margin-right:2px;
}
.ui-widget-content
{
    border:solid 1px #eee;
}

.ui-tabs .ui-tabs-panel
{
    padding:3px;
}

#outputtabs .tab_content
{
    padding:3px;
}

#outputtabs .output
{
    overflow:auto;
    height:180px;
    width:360px;
    border:solid 1px #aaa;
    padding:4px;
    margin:2px;
    font-family: "Consolas";
}

#outputtabs .output_table
{
   border-spacing:0;
  border-collapse:collapse;
    border:solid 1px #aaa;

}
#outputtabs .output_table td
{
    padding:2px;
    font-size:9pt;
    border:solid 1px #aaa;
}

#outputtabs .output_table .VOK
{
    color:#0A0;
}
#outputtabs .output_table .VERR
{
    color:#F00;
}


.content_block
{
    padding:2px;
    margin:5px;
}

.content
{
    padding:5px;
    font-size:10pt;
    line-height:1.5em;
    margin-bottom:30px;
}

.ui-tabs .ui-tabs-nav li a
{
    padding:4px;
    padding-left:10px;
    padding-right:10px;
}

h3
{
    margin:2px;
    margin-top:5px;
    color: #404040;
}



.SketchItemBox
{
}


.SketchItem
{
    width:230px;
    height:200px;
    border:solid 1px #ccc;
    box-shadow: 1px 1px 5px #888888;
    margin:10px;
    padding:5px;
    text-align:center;
    float:left;
}

.SketchItem img
{
    box-shadow: 1px 1px 5px #888888;
    width:200px;
    border:none;
}

.SketchItem .desc
{
    display:inline-block;
    font-size:10pt;
    width:220px;
    text-align:center;
}

.SketchItem .title
{
    display:inline-block;
    font-size:10pt;
    font-weight:bold;
    text-align:center;
}


.home_top_features_Box
{
    float:right;
    margin:6px;
    padding:3px;
}
.home_top_features
{
    margin-top:5px;
}
.home_top_features img
{
    width:200px;
    box-shadow: 1px 1px 5px #888888;
    border:none;
}


.code
{
    border:solid 1px #aaa;
    padding:3px;
}