@CHARSET "UTF-8";

#alerts {
	background: #f9f2de;
	border: 1px solid #d2d2d2;
	padding: 10px;	
}

#alerts h1.title {
	background: #f9f2de url("../images/pictures/bg-fade-top1.png") repeat-x top left;
	border: 1px solid;
	border-color: #d2d2d2 #d2d2d2 transparent #d2d2d2;
	padding: 0px;
	font-size: 18px;
	padding: 2px 10px;
	float:right;
	display: inline;
	position: relative;
	margin-top:-38px;
}
.mozilla #alerts h1.title,
.safari #alerts h1.title {
	margin-top:-38px;
}
.opera #alerts h1.title {
	margin-top:-37px;
}
.msie #alerts h1.title {
	margin-top:-36px;
	
}

#alerts OL.alertList {
	
}

#alerts .alertTitle {
	font-weight: bold;
	font-size: 12px;
	
	clear:both;
}

#alerts .alertTitle a{
/*	float:left;*/
	background: url("../images/pictures/icons/cross_small.png") no-repeat;
	height: 16px;
	display:block;
}



#alerts .alertDescription {
	font-weight: normal;
}

.filterBox, .filterBox2 {
	padding: 5px;
	background: #e6eff8 url("../images/pictures/table-row-bg-fade2.png") repeat-x 0 0;
	border: 1px solid #b9b9b9;
}


.tabdiv > .filterBox, 
.tabdiv > div > .filterBox,
.tabdiv > form > .filterBox
{
	background-image: none;
	border: 1px solid;
	border-color: #e6eff8 #e6eff8 #b9b9b9 #e6eff8;
}

.filterBox label {
	color: #888;
	font-size: 11px;
}

.filterBoxMark {
	background: transparent url("../images/pictures/filterBoxMark.png") no-repeat 0 0;
	width: 23px;
	height: 13px;
	margin-top: -1px;
	margin-left: 50px;
}

* html .filterBoxMark {
	background: transparent url("../images/pictures/filterBoxMark.png") no-repeat 0 0;
	width: 23px;
	height: 13px;
	margin-top: -1px;
	margin-left: 50px;
}

.devider {
	border-bottom: 1px solid #d2d2d2;
	margin: 10px 0;
}

h1.progressBar {
	z-index: 2;
   	padding: 30px 0px 0px 0px;
	/* line-height: 40px; */
	/* white-space: nowrap; */
}

*+html h1.progressBar {
   	padding: 50px 0px 0px 0px ;
}

.progressBar .current {
	color: #000000;
	margin-top: 16px/*22px*/;
	margin-bottom:-7px;
	white-space:nowrap;
}

*+html .progressBar .current {
	margin-top: 16px/*9px*/;
	margin-bottom:-4px;
}

.progressBar .done {
	font-size: 14px;
	font-family: Arial;
	font-weight: normal;
	color: #999;
	margin-top:30px;
	margin-bottom:-1px;
	white-space:nowrap;
}

*+html .progressBar .done {
	margin-bottom:-10px;
}

.progressBar .incomplete {
	color: #999;
	font-family: Arial;
	font-size: 14px;
	margin-top:30px;
	margin-bottom:-1px;
	white-space:nowrap;
}
*+html .progressBar .incomplete {
    margin-bottom:-10px;
}

.progressBar .spacer {
	color: #aaa;
	font-size: 22px;
/*	padding: 0 2px;*/

	padding: 21px 2px 0px 2px;
	margin-bottom:0px;
/*	height:60px;*/
}

.currentTab {
	background: #f6f3f0;
	/* border: 1px solid #b9b9b9 #b9b9b9 #f6f3f0 #b9b9b9; */
}

.ССardBack {
	
}

a.more {
	padding: 2px 16px 2px 0;
	background: url("../images/pictures/icons/star2.png") right bottom no-repeat;
	/* background-color: #f6f3f0; 
	border: 1px solid;
	border-color: #e6eff8 #e6eff8 #b9b9b9 #e6eff8;*/
}

.loading {
	background-image: url("../images/loading.gif") !important;
	background-repeat: no-repeat  !important;
	background-position: center !important;
}
.loading_top {
	background-image: url("../images/loading.gif") !important;
	background-repeat: no-repeat  !important;
	background-position:  38px 59px!important;
}
.loading-big {
	background-image: url("../images/loading_animation.gif") !important;
	background-repeat: no-repeat  !important;
	background-position: center !important;
}

#slots_preview {

}


.buttonGreen {
	background-image: url("../images/pictures/buttongreen2.gif");
	background-repeat: no-repeat;
	width:169px;
	margin-left:4px;
	line-height:18px;
	float:right;
	cursor: pointer;
	height:25px;
	color: #000000;
	padding-top: 9px;
	margin-top: -5px;
	text-align: center;
}
/* Opera 9 */
	@media all and (width) {
	
	}
/* /Opera 9 */  


#presetsTable .thumb {
	padding: 10px;
	border: 1px solid transparent;
	text-align: center;
	cursor: pointer;
	margin: 5px;
}

#selectedThumb {
	border: 1px solid #b2b2b2;
	padding: 10px;
}

#selectedThumb .custom {
	width: 130px;
	height: 80px;
	color: #888;
}

#presetsTable .thumb:hover {
	border: 1px solid #888;
}

#presetsTable .selected {
	background: #e6eff8 url("../images/pictures/table-row-bg-fade2.png") repeat-x 0 0;
	border: 1px solid #b9b9b9;
}

#presetsTable .custom {
	width: 130px;
	height: 80px;
	color: #888;
}
/*----------------------------------------*/
.thumb {
	padding: 10px;
	border: 1px solid transparent;
	text-align: center;
	cursor: pointer;
	margin: 5px;
}
.thumb:hover {
	border: 1px solid #888;
}

.gadget-box {
	border: 1px solid transparent;
}
/*
.gadget-box .add-button {
	display: none;
} */

.gadget-box.selectedBox .add-button {
	display: block;
} 

.selectedBox {
	/*background: #e6eff8 url("../images/pictures/table-row-bg-fade2.png") repeat-x 0 0;*/
	border: 1px solid #b9b9b9;
}

.selectedThumb {
	background: #e6eff8 url("../images/pictures/table-row-bg-fade2.png") repeat-x 0 0;
	border: 1px solid #b9b9b9;
}

.custom {
	width: 130px;
	height: 80px;
	color: #888;
}

#channels_list {

}

#channels_list ul li{
	list-style: none;
	margin: 2px;
	padding: 0 0 5px 0;
	
}

#channels_list > ul > li > div > span{
	display: block;
	margin-top: -3px;
}

#channels_list > ul > li > div.ui-draggable-dragging {
	/* padding: 5px; */
	background-color: #fff;
	border: 1px solid #b9b9b9;
}



/*------ul------------*/
ul.channels_list_sd li{ 
	list-style-type: none;
	height:25px;
	cursor:pointer;
	line-height: 25px;
	overflow: hidden;
	padding: 0 0 0 10px;
	border-left: 1px solid transparent;
}

ul.channels_list_sd li.active2 {
	background: url(../images/pictures/channelbg.png) no-repeat top right;
	border-left: 1px solid #b9b9b9;
	
}

.empty {
	height: 60px;
	text-align: center;
	color: #888;
	font-style: italic;
	font-size: 12px;
}