﻿.logo {
	background-color:#dfdfdf;
	width:800px;
	text-align:center;
	font-family:Arial;
	font-size:18pt;
	height:50px;		
	color:#3b5999;
	border: #3b5999 2px solid;
	border-bottom-width:0px;
	padding-top:10px;
}

.desktop
{
    width: 800px;
    height: 500px;
    border: #3b5999 2px solid;
    background-color: white;
}

.footer {
	background-color:#dfdfdf;
	width:800px;
	text-align:center;
	font-family:Arial;
	font-size:18pt;
	height:50px;		
	color:#3b5999;
	border: #3b5999 2px solid;
	border-top-width:0px;
}

.leftPage
{
    font-size: 16px;
    border: 2px solid #CCCCCC;
    width: 365px;
    height: 400px;
    float: left;
    margin: 10px 10px 10px 10px;
    padding: 5px 5px 5px 5px;
    background-color: #EAEAEA;
}

.leftPage .ui-tabs-panel  
{
    height: 360px; 
    overflow: auto;

    padding: 0px 0px 0px 0px; 
    width:365px;
}
.leftPage .ui-tabs-nav 
{ 
    padding:0px 0px 0px 0px;
}
.leftPage .ui-tabs-nav li 
{ 
    height:20px;
    padding:0px 0px 0px 0px;
}
.leftPage .ui-tabs-nav li a
{ 
    height:20px;
    padding:2px 2px 2px 2px;
}
.leftPage li span.ui-icon-close, .leftPage li span.ui-icon-plus  
{
    float: left; 
    margin:2px 2px 2px 2px;
    cursor: pointer; 
}

.rightPage
{
    font-size: 16px;
    border: 2px solid #CCCCCC;
    width: 365px;
    height: 400px;
    float: left;
    margin: 10px 10px 10px 10px;
    padding: 5px 5px 5px 5px;
    background-color: #EAEAEA;
}

.rightPage div
{
    font-size: 16px;
}


#imgTurtle 
{
    position: absolute;
    z-index: 10;
    width:37px;
    height:30px;
    opacity: 1.0;
}

.hidden
{
    display:none;
}

.line, .blockStart, .blockEnd  
{
    width:98%;
    border:1px solid transparent;
    margin:0px;
    padding:0px;
    padding-left:5px;
    padding-right:5px;
	height:24px;
	line-height:24px;
	max-height:24px;
	vertical-align:middle;
}

.spanCommand 
{
	border:1px solid transparent;
	margin: 0px;
	padding:0px 22px 0px 0px;
	font-weight:bold;
	/*cursor:pointer;*/
	height: 20px;
	width:50px;
}

.spanNumber
{
	border:1px solid transparent;
	margin: 0px;
	padding:0px 0px 0px 0px;
	height: 20px;
	width:50px;
	text-align:right;
}

.highlightRunLine
{
    background-color: #CCD7FD;
    /*background: -moz-linear-gradient(top, #FFFFFF, #CCD7FD);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCD7FD));*/
    /*IE 10 */
    /*background: -ms-linear-gradient(top, #FFFFFF, #CCD7FD);*/
    border: 1px solid #A7BAFC;
}

.highlightLine
{
    background-color: #FFE9E2;
    /*background: -moz-linear-gradient(top, #FFFFFF, #FFE9D2);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFE9D2));*/
    border: 1px solid #FFCB97;
}

.addLine, .removeLine, .selectLine, .addBeforeLine, .copyLine, .pasteLine
{
    float:right;
}

.upArrow, .downArrow
{
    float:none;
}

.spanHidden 
{
    visibility:hidden;
}

.block 
{
    padding-left:20px;
    min-height:24px;
}

.blockStart, .blockEnd 
{
    padding-left:5px;
}

.selected
{
    background-color: #FF9E7D;
    border: 1px solid #FF9E7D;
}

.group 
{
    opacity : 0.5;
}

.procedure .spanName 
{
    font-weight:bold;
}

.DialogMessage 
{
    font-size:14px;
}

.DialogMessage div.content 
{
    padding:5px 5px 5px 5px;
    font-size:16px;
}

.DialogMessage button 
{
    height: 30px;
}

#sliderSpeed 
{
    margin:1px;
    display:inline-block;
    width:300px;
    height:10px;
}

#sliderSpeed .ui-slider-range
{
}

#sliderSpeed .ui-slider-handle 
{ 
    height:14px;
    width:14px;
    margin-top:2px;
}

.toggle 
{
    
}
