/* 
    Document   : canvas
    Created on : Jun 25, 2013, 10:10:25 AM
    Author     : ktabert
    Description:
        Purpose of the stylesheet follows.
*/

.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

    .topPanel
    {
        /*-webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        */
        background-color:#dcb;

        margin: 0px;
        padding: 5px;
        padding-left: 10px;
        line-height: 30px;

        width: 100%;
        /*-moz-box-shadow:inset 0px 1px 4px 0px #750;
        -webkit-box-shadow:inset 0px 1px 4px 0px #750;
        box-shadow:inset 0px 1px 4px 0px #750;*/
    }
    
    .ui-widget-header
    {
        overflow: hidden;
    }

    .panelBtn
    {

    }

    .tabSectionBtn
    {
        float:left;
        display: block;
        background-color:#eee;
        border:1px solid #666;
        font-family: arial;
        font-size: 10px;
        padding: 11px;
        margin:-1px;
        height: 30px;
        line-height: 30px;

    }

    .cpanel
    {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        width:180px;
        padding: 5px;
        margin: 5px;
        font-family: arial;
        float:left;

        /*background-color:#dcb;
        -moz-box-shadow:inset 0px 1px 4px 0px #edc
        -webkit-box-shadow:inset 0px 1px 4px 0px #edc;
        box-shadow:inset 0px 1px 4px 0px #edc;*/
    }
    .ctitle
    {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin: -5px;
        padding: 4px;
        background-color:#bbb;
        cursor: pointer;
        font-weight: bold;
        color:#333;

        font-size: 12px;

        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;

        user-select: none;


        z-index: 0;
        position: relative;
    }
    .cpanelMain
    {
        -webkit-border-bottom-left-radius: 2px;
        -moz-border-radius-bottomleft: 2px;
        border-bottom-left-radius: 2px;

        -webkit-border-bottom-right-radius: 2px;
        -moz-border-radius-bottomright: 2px;
        border-bottom-right-radius: 2px;

        background-color:#eee;
        width:93%;
        padding: 4px;
        margin: 2px;
        font-family: arial;
        margin-bottom: 5px;

        max-height: 250px;
        overflow:auto;

    }

    .gallery li img {
    	cursor: move;
    	float: left;
    	margin: 10px;
    	}

    .loading { /*background: url(/img/spinner.gif) center no-repeat !important*/}


    .panelBtn {
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
        background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
        background-color:#f9f9f9;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        border:1px solid #dcdcdc;
        display:inline-block;
        color:#666666;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        padding:6px 24px;
        text-decoration:none;
        text-shadow:1px 1px 0px #ffffff;
    }.panelBtn:hover {
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
        background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
        background-color:#e9e9e9;
    }.panelBtn:active {
        position:relative;
        top:1px;
    }
    
    /* This imageless css button was generated by CSSButtonGenerator.com */