
.consyn_moveable {
	cursor: move;
}

.consyn_dragable{
	cursor: default;
}

.consyn_loading{
    cursor: wait;   
}

    .consyn_loading_indicator{
        position: absolute; left: 5px; top: 5px; padding: 1px 3px 1px 20px;
        font-size: 11px; font-weight: bold; line-height: 20px;
        background-image: url('../img/loading.gif'); background-repeat: no-repeat; z-index: 99;  background-color: white;  
    }

.consyn_dragableOnCursor{
	position: absolute;
	height: 14px; width: 14px; left: 0px; top: 0px;
	z-index: 99;
}
	.consyn_dragableOnCursor .outline{
		position: absolute; left: 0px; top: 0px;
		background-image: url('../img/dragoutline.gif'); z-index: 99;
		overflow: hidden;
	}


.consyn_nav, .consyn_nav *{
	cursor: pointer;
}

.consyn_tabbutton {
	cursor: default;
}

.consyn_pane{
    border: 1px solid #999999;
	background-color: #FAFAFA;    
}



   .consyn_dropdown{
        position: relative;
        top: 0px; left: 0px;
        width: 100%;
        list-style: none;
        margin: 0px; padding: 0px;
        border: 1px solid #E1E1D8;
        background-color: #EFEFE6;
        z-index: 99;
        
    }
        .consyn_dropdown li{
            position: relative;
            line-height: 22px;
            float: left; list-style: none;
            margin: 0px; padding: 0px 7px;
            cursor: pointer;
            z-index:99;
        }
        
            .consyn_dropdown li.active{
                background-color: #333399;
                color:white;                
            }
            
                ul.consyn_dropdown li.active ul ul,
                ul.consyn_dropdown li.active ul ul ul,
                ul.consyn_dropdown li.active ul ul ul ul{
                    display: none;    
                }
                
                
                ul.consyn_dropdown li.active ul,
                ul.consyn_dropdown li li.active ul,
                ul.consyn_dropdown li li li.active ul{
                    display: block;    
                }

                
                /* TODO: make right */
        
.consyn_dropdown ul{
    padding: 0px; margin: 0px;
    width: 120px;
    position: absolute;
    left: 0px; top: 20px;
    display: none;
    background-color: #F6F6F0;
    border-width: 1px 2px 2px 1px;
    border-style:solid;
    border-color: #E1E1D8 #919188 #919188 #E1E1D8;
    
    z-index: 99;
}



    .consyn_dropdown li li ul{
        top: 0px;
       margin-left: 100%;    
    }

    .consyn_dropdown li li{
        position: relative;
        float: none;                
        }



.consyn_window{
	position: absolute;
	border: 2px solid black;
	background-color: white;
}
	.consyn_window .consyn_titlebar{
		width: 100%;
		background-color: black; color: white;		
	}
    

.consyn_lightbox_bg{
	background-image: url('../img/lightbox_bg.png');
	position: absolute;
	width: 100%; height: 100%; top: 0px; left: 0px; z-index: 99;
	text-align: center;
}    

	.consyn_lightbox_bg .consyn_titlebar{
		 font-weight: bold;  padding: 1px 8px; position: relative; top: 0px; left: 0px; z-index: 99;
	}	
		.consyn_titlebar .consyn_controls{
			position: absolute; right: 8px; top: 0px; text-align: right;
		}
		 .consyn_titlebar .consyn_controls span{
			cursor: pointer;
		 }

	.consyn_lightbox_box .consyn_pane{
		padding: 0px 8px 8px 8px; border: none; background-color: white;
    z-index: 99 !important; position: relative;
	}

	.consyn_lightbox_box{
		margin: 16px auto;
		text-align: left;
		width: 700px;
		background-color: white;
		border-color:black; border-width: 1px; border-style: solid;
		z-index:97; position: relative; 
	}
	.consyn_lightbox_box iframe{

            position: absolute; height: expression(this.parentNode.offsetHeight+'px'); min-height: 100%; width: 100%; left: 0; top: 0; bottom: 0;
            background-color: black; border-width: 0px;
            z-index: 1;
        }



.consyn_harmonics_title{
    font-weight: bold; border-bottom: 1px solid #CCCCCC;    padding-top: 3px;
    cursor: default;
}

.consyn_tooltip{
    position: absolute; z-index: 99; left: 0px; top: 0px; min-width: 100px;
    background-color: white; border: 1px solid #CCCCCC; padding: 0px 6px;
}
    
.consyn_editable{
	cursor: text;
}


/* Debugging console */
    
body.consyn_debug_body{
    position: relative;
    width: 80%;   
}



#consyn_debug_console{
    position: absolute; right: -24%; top: 0px; width: 20%; height: 400px;
    background-color: #EEFFBB; border: 1px solid white;
    overflow: auto;    
}
    #consyn_debug_console h1{
        font-size: 14px; color: #CC0000;    
    }
    
    #consyn_debug_console textarea{
        width: 98%; border-width: 0px; font-size: 10px; height: 350px; 
        font-family: arial,sans-serif;
    }
