div.widget-caption {width:338px; float:left; overflow: hidden;}

div.btn-close {float:right; width: 18px; height: 15px; margin-top: 2px; cursor: pointer;
	// margin-top: 4px;
}
div.btn-drop {float:right; width: 18px; height: 15px; margin-top: 2px; cursor: pointer;
	// margin-top: 4px;
}
div.btn-bind {float:right; width: 16px; height: 15px; margin-top: 2px; cursor: progress;
	// margin-top: 4px;
}
div.btn-reload {float:right; width: 18px; height: 15px; margin-top: 2px; cursor: pointer;
	// margin-top: 6px;
}

.widget-lite {
    font: 12px Tahoma;
    width: 400px;
}

.widget-lite .widget-name {
    cursor: pointer;
}

.widget-lite-pwide {
    font: 12px Tahoma;
}

.widget-lite .hidden, .widget-lite .storage {
    display: none;
}


.widget-lite .group {
    background: #aaa;
    color: white;
    padding: 2px 2px 2px 40px;

    border-top: 1px solid #777;
    cursor: pointer;
}

.widget-lite textarea, .widget-lite input.lite {
    width: 394px;
    border: 1px solid;
    font: 12px Tahoma;
}

.widget-lite select {
    border: 1px solid;
    font: 12px Tahoma;
}

.widget-lite .basement, .widget-lite-pwide .basement {
	padding: 3px 3px 0;
}

.widget-lite-green .b1 {background-color: green;}
.widget-lite-green .b2,.widget-lite-green .b3,.widget-lite-green .widget-head,.widget-lite-green .button {
    background-color: #a0cf60; border-color: green;
}
.widget-lite-green .widget-body, .widget-lite-green textarea {border-color: green;}
.widget-lite-green .basement {
	background-color: #a0cf60;
	height: 40px;
	border-top: 1px solid green;
}

.widget-lite-yellow .b1 {background-color: #c0c040;}
.widget-lite-yellow .b2, .widget-lite-yellow .b3, .widget-lite-yellow .widget-head, .widget-lite-yellow .button {
    background-color: #e0e040; border-color: #c0c040;
}
.widget-lite-yellow .widget-body, .widget-lite-yellow textarea {border-color: #c0c040;}
    
.widget-lite-red .b1 {background-color: #c06060;}
.widget-lite-red .b2, .widget-lite-red .b3, .widget-lite-red .widget-head, .widget-lite-red .button {
    background-color: #f06060; border-color: #c06060;
}
.widget-lite-red .widget-body, .widget-lite-red textarea {border-color: #c06060;}

.widget-lite-marine .b1 {background-color: #2060c0;}
.widget-lite-marine .b2, .widget-lite-marine .b3, .widget-lite-marine .widget-head, .widget-lite-marine .button {
    background-color: #60b0c0; border-color: #2060c0;;
}
.widget-lite-marine .widget-body {border-color: #2060c0;}

.widget-lite-grey .b1 {background-color: #606060;}
.widget-lite-grey .b2, .widget-lite-grey .b3, .widget-lite-grey .widget-head, .widget-lite-grey .button {
    background-color: #a0a0a0; border-color: #606060;
}
.widget-lite-grey .widget-body {border-color: #606060;}

.widget-lite-blue .b1 {background-color: #2020a0;}
.widget-lite-blue .b2, .widget-lite-blue .b3, .widget-lite-blue .widget-head, .widget-lite-blue .button {
    background-color: #7070e0; border-color: #2020a0;
}
.widget-lite-blue .widget-body, .widget-lite-blue textarea {border-color: #2020a0;}

.widget-lite-pink .b1 {background-color: #9d4f93;}
.widget-lite-pink .b2, .widget-lite-pink .b3, .widget-lite-pink .widget-head, .widget-lite-pink .button {
    background-color: #e070d2; border-color: #9d4f93;
}
.widget-lite-pink .widget-body, .widget-lite-pink textarea {border-color: #9d4f93;}

.widget-lite-brown .b1 {background-color: #7a7a7a;}
.widget-lite-brown .b2, .widget-lite-brown .b3, .widget-lite-brown .widget-head, .widget-lite-brown .button {
    background-color: #dbb48e; border-color: #7a7a7a;
}
.widget-lite-skyblue .widget-body, .widget-lite-skyblue textarea {border-color: #030303;}

.widget-lite-skyblue .b1 {background-color: #00839d;}
.widget-lite-skyblue .b2, .widget-lite-skyblue .b3, .widget-lite-skyblue .widget-head, .widget-lite-skyblue .button {
    background-color: #10afcf; border-color: #00839d;
	color: white;
}
.widget-lite-skyblue .widget-body, .widget-lite-skyblue textarea {border-color: #00839d;}
.widget-lite-skyblue .widget-body {
	background: white;
}

.widget-lite-skycyan .widget-body, .widget-lite-skycyan textarea {border-color: #030303;}

.widget-lite-skycyan .b1 {background-color: #10afcf;}
.widget-lite-skycyan .b2, .widget-lite-skycyan .b3, .widget-lite-skycyan .widget-head, .widget-lite-skycyan .button {
    background-color: #a0e0ff; border-color: #10afcf; /* 9ceeff */
}
.widget-lite-skycyan .widget-body, .widget-lite-skycyan textarea {border-color: #10afcf;}
.widget-lite-skycyan .widget-body {
	background: white;
}

.widget-lite-skycyan .basement {
	background-color: #a0e0ff;
	height: 40px;
	border-top: 1px solid #10afcf;
}

.b1, .b6 {margin: 0 4px; height: 1px;}
.b2, .b5 {margin: 0 2px; height: 1px; border-left: 2px solid; border-right: 2px solid;}
.b3, .b4 {margin: 0 1px; height: 2px; border-left: 1px solid; border-right: 1px solid;}

.widget-head-lite {
    height: 20px;
    font: bold 14px Tahoma;
    border-left: 1px solid;
    border-right: 1px solid;
            
    padding: 0 0 0 5px;
    color: #333;
}

.widget-lite-red .widget-head-lite {
    color: white;   
}

.widget-head-lite img {margin-top: -3px;}

.widget-body-lite {
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    overflow: hidden;
    background: white url(/camra-images/wlite-top-01.jpg) no-repeat;
}

.withBasement .widget-body-lite {
    border-bottom: 0;
}

.widget-lite-green .widget-body-lite {
    background: white url(/camra-images/wlite-green-top-01.jpg) no-repeat;
}

.widget-lite-yellow .widget-body-lite {
    background: white url(/camra-images/wlite-yellow-top-01.jpg) right no-repeat;
}

.widget-lite-brown .widget-body-lite {
    background: white url(/camra-images/wlite-brown-bottom-02.jpg) 308px bottom no-repeat;
}

.widget-lite-brown .widget-body {
    padding: 0 0 54px 0;
}

.widget-lite-red .widget-body-lite {
    background: white url(/camra-images/retro-question.png) 288px 10px no-repeat;
}

.widget-foot-lite {padding: 2px;}

.widget-lite .button {
    border-style: solid;
    border-width: 1px;
    width: 100px;
    text-align: center;
    cursor: pointer;
    margin: 1px;
}

.widget-lite-darkblue .widget-body {
    background: #333;
    border: 1px solid #777;
    border-left: 1px solid #505080;
    border-right: 1px solid #505080;
    border-bottom: 0;
}        

.widget-lite-darkblue .widget-head {
    color: #3939be;
}

.widget-lite-darkblue .b1 {background-color: #202080;}
.widget-lite-darkblue .b2, .widget-lite-darkblue .b3, .widget-lite-darkblue .widget-head, .widget-lite-darkblue .button {
    background-color: #0f1032; border-color: #202080;
}

.widget-lite-darkblue .b4, .widget-lite-darkblue .b5  {
    background-color: #0f1032; border-color: #505080;
}

.widget-lite-darkblue .b6 {
    background-color: #505080;
}

.widget-lite-compact .widget-caption {
	width: auto;
	float: left;
	max-width: 308px;
	overflow: hidden;
}

.widget-lite .head-btns {
	position: absolute;
	right: 0;
}

.widget-lite-greystyle .widget-head {
	background: #3e3f38; /* Для старых браузров */
	background: -moz-linear-gradient(top, #4a4a44, #3e3f38); /* Firefox 3.6+ */
	/* Chrome 1-9, Safari 4-5 */
	background: -webkit-gradient(linear, left top, left bottom, 
				color-stop(0%,#4a4a44), color-stop(100%,#3e3f38));
	/* Chrome 10+, Safari 5.1+ */
	background: -webkit-linear-gradient(top, #4a4a44, #3e3f38);
	background: -o-linear-gradient(top, #4a4a44, #3e3f38); /* Opera 11.10+ */
	color: #e6c909;
	font-weight: normal;
}

.widget-lite-greystyle .b2, .widget-lite-greystyle .b3 {
	background: #4a4a44;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

.widget-lite-greystyle .b1 {
	background: #333;
}

.widget-lite-greystyle .widget-head {
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

.widget-lite-greystyle .widget-body {
	border: 1px solid #333;
	border-top: 0;
	border-bottom: 0;
	background: #e4e5dd; /* Для старых браузров */
	background: -moz-linear-gradient(top, #e4e5dd, #4a4a44); /* Firefox 3.6+ */
	/* Chrome 1-9, Safari 4-5 */
	background: -webkit-gradient(linear, left top, left bottom, 
				color-stop(0%,#e4e5dd), color-stop(100%,#4a4a44));
	/* Chrome 10+, Safari 5.1+ */
	background: -webkit-linear-gradient(top, #e4e5dd, #4a4a44);
	background: -o-linear-gradient(top, #e4e5dd, #4a4a44); /* Opera 11.10+ */
}