DIV#panel{
	z-index: 100;
	height: 100%;
	width: 363px;
	position: absolute;
	background: transparent url(/congresses/files/images/gui/main-panel/shadow.png) repeat-y scroll 350px 00px;
	text-align: left;	
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
DIV#panel DIV.content{
	background-image: url(/congresses/files/images/gui/main-panel/background.png);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #091117;	
	color: white;
	height: 100%;
	width: 350px;
}
DIV#panel DIV.content DIV.heading{
	height: 43px;
}

DIV#open-panel{
	border: 0px solid red;
	background: transparent url(/congresses/files/images/gui/main-panel/open-panel.png) no-repeat scroll -15px 0px;
	cursor: pointer;
	width: 37px;
	height: 46px;
	
	position: fixed;
	top: 30px;
	left: 0px;
}

DIV#open-panel:hover{
	border: 0px solid red;
	background: transparent url(/congresses/files/images/gui/main-panel/open-panel.png) no-repeat scroll 0px 0px;
	cursor: pointer;
	width: 37px;
	height: 46px;
	
	position: fixed;
	top: 30px;
	left: 0px;
}

DIV#panel DIV.content DIV.close{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -113px 0px;
	position: absolute;
	cursor: pointer;
	width: 18px;
	height: 18px;	
	top: 5px;
	left: 327px;
}



DIV#panel DIV.content DIV.close-hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -141px 0px;
}
DIV#panel DIV.content DIV.horizontal-line{
	background-image: url(/congresses/files/images/gui/main-panel/horizontal-line.png);
	background-repeat: repeat-x;
	height: 2px;
}
DIV#panel .content .panel_body{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;	
	color: #8c98a2;
}
DIV#panel .content .panel_body .checkbox{
	cursor: pointer;
}
DIV#panel .content .panel_body .menu-item{
	color: white;
	cursor: pointer;
}
DIV#panel .content .panel_body .menu-item .left{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -1px -28px;
	width: 10px;
	height: 31px;
}
DIV#panel .content .panel_body .menu-item .middle{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) repeat-x scroll -11px -28px;
	height: 31px;
	vertical-align: middle;
}
DIV#panel .content .panel_body .menu-item .right{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -312px -28px;
	width: 10px;
	height: 31px;
}
DIV#panel .content .panel_body .menu-item .left-hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -1px -69px;
	width: 10px;
	height: 31px;
}
DIV#panel .content .panel_body .menu-item .middle-hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) repeat-x scroll -11px -69px;
	height: 31px;
	vertical-align: middle;
}
DIV#panel .content .panel_body .menu-item .right-hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -312px -69px;
	width: 10px;
	height: 31px;
}
DIV#panel .content .panel_body .menu-item .info{
	font-size: 11px;
	color: #696f74;
}
DIV#panel .content .panel_body .menu-item .middle td{
	cursor: default;
}
DIV#panel .content .panel_body .selectbox{
	cursor: pointer;
}
DIV#panel .content .panel_body .selectbox .left{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -71px -204px;
	width: 4px;
	height: 28px;
}
DIV#panel .content .panel_body .selectbox .middle{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) repeat-y scroll -75px -204px;
	height: 28px;	
	color: #050505;
	padding-left: 5px;
	padding-right: 5px;
}
DIV#panel .content .panel_body .selectbox .right{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -289px -204px;
	width: 31px;
	height: 28px;
}
DIV#panel .content .panel_body .selectbox_items{
	margin-top: -1px;
	background-color: #fff;
	border: 1px solid #b6b6b6;
	border-top: 0px;
	position: absolute;
	-moz-border-radius: 3px;  
	-webkit-border-radius: 3px; 
	min-width: 200px;
}
DIV#panel .content .panel_body .selectbox_items ul{
	margin: 0px;
	padding: 0px;
}
DIV#panel .content .panel_body .selectbox_items li{
	margin: 0px;
	padding: 7px;
	border-bottom: 1px solid #eff0f1;
	cursor: pointer;
	color: #000000;
}
DIV#panel .content .panel_body .selectbox_items li:hover{
	text-decoration: underline;
}
DIV#panel .content .panel_body .select .theselect{
	display: none;
}
DIV#panel .content .panel_body .slidebox{
	color: white;
}
DIV#panel .content .panel_body .slidebox .top{
	background-image: url(/congresses/files/images/gui/main-panel/slide-box/slidebox-top.png);
	background-repeat: no-repeat;
	height: 5px;
}
DIV#panel .content .panel_body .slidebox .middle{
	background-image: url(/congresses/files/images/gui/main-panel/slide-box/slidebox-middle.png);
	background-repeat: repeat-y;
	padding-left: 6px;
	padding-right: 5px;
}
DIV#panel .content .panel_body .slidebox .middle .drag-items{
	padding-right: 10px;
	/* padding-top: 5px; */
}
DIV#panel .content .panel_body .slidebox .middle .drag-items #sync-container{
	max-height: 213px;
	overflow: hidden;
}
DIV#panel .content .panel_body .slidebox .middle .drag-items #sync-container td{
	padding-top: 8px;
	padding-bottom: 8px;
}
DIV#panel .content .panel_body .slidebox .middle .drag-items #sync-container .ignore{
	padding: 0px;
}
DIV#panel .content .panel_body .slidebox .middle .drag-items #sync-container .info-icon{
	padding-right: 5px;
	width: 18px;
	height: 19px;
}
DIV#panel .content .panel_body .slidebox .middle .drag-items #sync-container .on{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -27px -178px;
}
DIV#panel .content .panel_body .slidebox .middle .drag-items #sync-container .off{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll 0px -178px;
}
DIV#panel .content .panel_body .slidebox .middle .drag-items .dark-line{
	background-image: url(/congresses/files/images/gui/main-panel/dark-line.png);
	background-repeat: repeat-x;
	background-position: center center;
	padding: 0px;
	height: 1px;
}
DIV#panel .content .panel_body .slidebox .bottom{
	background-image: url(/congresses/files/images/gui/main-panel/slide-box/slidebox-bottom.png);
	background-repeat: no-repeat;
	height: 5px;
}
DIV#panel .content .panel_body .slidebox .slider{
	height: 150px;
	width: 30px;
	float: right;
	margin-right: 10px;
}
DIV#panel .content .panel_body .slidebox .middle .drag-items #backend-container{
	max-height: 213px;
	overflow: hidden;
}
DIV#panel .content .panel_body .slidebox .middle .drag-items #backend-container td{
	padding-top: 8px;
	padding-bottom: 8px;
}
DIV#panel .content .panel_body .slidebox .middle .drag-items #backend-container .ignore{
	padding: 0px;
}
.panel-button
{
	cursor: pointer;
}
.panel-button .left{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -1px -110px;
	width: 6px;
}
.panel-button .middle{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) repeat-y scroll -7px -110px;
	height: 28px;
	padding-left: 5px;
	padding-right: 5px;
	color: white;
}
.panel-button .right{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -66px -110px;
	width: 6px;
}
.panel-button .l_hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -82px -110px;
}
.panel-button .m_hover{
	color: #050505;
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) repeat-y scroll -87px -110px;
}
.panel-button .r_hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -147px -110px;
}

/* checkboxes */
.checkbox-image-checked{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -1px -148px;

	height: 20px;
	width: 20px;
}
.checkbox-image-checked-hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -91px -148px;

	height: 20px;
	width: 20px;
}
.checkbox-image-unchecked{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -31px -148px;

	height: 20px;
	width: 20px;
}
.checkbox-image-unchecked-hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -61px -148px;

	height: 20px;
	width: 20px;
}
.show-link
{
	font-size: 11px;
	text-decoration: underline;
	color: #9299a0;
}

/* scrollbar */
.scrollbar_track{ 
	position:relative;  
	top:0;
	right:0;  
	height:167px;  
	width:24px;  
	background-color:transparent;  
	cursor:move;
}
.scrollbar_handle{ 
	width:24px;
	background-color:#e3e3e3;
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -4px -229px;
	cursor:move;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	opacity:0.9;
	-moz-opacity:0.9;
}
.scrollbar_handle-hover{ 
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -38px -229px;
}
DIV#panel .content .panel_body .slidebox .middle .scroll-top{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -4px -204px;	
	height: 24px;
	width: 24px;
	padding-bottom: 1px;
	cursor: pointer;
}
DIV#panel .content .panel_body .slidebox .middle .scroll-top-hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -38px -204px;
}
DIV#panel .content .panel_body .slidebox .middle .scroll-bottom{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -4px -380px;	
	height: 24px;
	width: 24px;
	margin-top:1px;
	cursor: pointer;
}
DIV#panel .content .panel_body .slidebox .middle .scroll-bottom-hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -38px -380px;
}

/* headings */
DIV#panel .content .preferences{
	background: transparent url(/congresses/files/images/gui/main-panel/heading-preferences.png) no-repeat scroll 15px 8px;
}
DIV#panel .content .cms{
	background: transparent url(/congresses/files/images/gui/main-panel/heading-cms.png) no-repeat scroll 15px 8px;
}
DIV#panel .content .sync{
	background: transparent url(/congresses/files/images/gui/main-panel/heading-sync.png) no-repeat scroll 15px 8px;
}
DIV#panel .content .backoffice{
	background: transparent url(/congresses/files/images/gui/main-panel/heading-backoffice.png) no-repeat scroll 15px 8px;
}

.infobox{
	position: absolute;
	/* border: 1px solid #0d202a; */
	min-width:150px;
	min-height: 80px;
	background-image: url(/congresses/files/images/gui/main-panel/info-box.png);
	background-repeat: repeat-x;
	background-color: #06151b;
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;  
	
}

.infobox .title{
	font-family: Helvetica;
	font-size: 14px;
	color: white;
}

.loader{
	background-image: url(/img/ajax-loader.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 150px;
	margin: 30px auto 0 auto;
	
	padding-left: 40px;
	padding-top: 5px;
	font-size: 16px;
	color: #666;
	font-family: Verdana;
}

DIV#panel #sub-content{
	background-image: url(/img/white-transparent.png);
	position: absolute;
	
	width: 700px;
	height: 100%;
	
	border-right: 1px solid black;
}

DIV#panel #sub-content DIV.sub-close{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -141px 0px;
	position: absolute;
	cursor: pointer;
	width: 18px;
	height: 18px;	
	top: 5px;
	left: 645px;
}

DIV#panel #sub-content DIV.sub-expand{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -85px 0px;
	position: absolute;
	cursor: pointer;
	width: 18px;
	height: 18px;	
	top: 5px;
	left: 615px;
}

DIV#panel #sub-content DIV.sub-contract{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -57px 0px;
	position: absolute;
	cursor: pointer;
	width: 18px;
	height: 18px;	
	top: 5px;
	left: 615px;
}

DIV#panel #sub-content th{
	font-weight: bold;
	text-align: left;
	font-size: 12px;
}
DIV#panel #sub-content input{
	
}

#sub-content-target input{
	border: 1px solid #333;
}

#sub-content h1 {
	background-color: #fffcee;
	color: black;
	font-size: 18px;
	font-weight: lighter;
	border-bottom: 1px solid #bababa;
	height: 43px;
	line-height: 43px;
	padding-left: 25px;
}

#sub-content .panel-cancel {
	margin-top:15px;
	background-color: #fff;
}

.panel-form{
	padding: 20px;
}

.with-tbody {
	border: 1px solid #bababa;
}

.panel-form table{
	border: 1px solid #bababa;
}

.panel-form th{
	color: #333333;
	text-align: left;
	font-size: 12px;
	
	height: 30px;
	line-height: 30px;
	
	background-image: url(/congresses/files/images/gui/sub-panel/panel-form-th.png);
	
	border-bottom: 1px solid #bababa;
	
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.panel-form td{
	padding: 10px;
	
	background-color: white;
	
	color: black;
}

.panel-form .form-border {
	padding: 0px;
	background-color: white;
	border-bottom: 1px dashed #bababa;
}

.panel-form .with-dashed-border td {
	border-bottom: 1px dashed #bababa;
}

#sub-content-target p {
	padding: 15px;
}

#sub-content-target .panel-form input,
#sub-content-target .panel-form textarea {
	background-color: #fffcee;
	border: 1px solid #bababa;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	padding: 7px;
}
#sub-content-target .panel-form select {
	background-color: #fffcee;
	border: 1px solid #bababa;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	padding: 7px;
}

#sub-content-target .panel-form .validation-failed{
	border: 1px solid #f48181;
}

#sub-content-target .panel-form .form-button {
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -71px -315px;
	width: 45px;
	height: 20px;
	font-size: 11px;
	padding-left: 27px;
	line-height: 19px;
	cursor: pointer;
	float: left;
}

#sub-content-target .panel-form .form-button:hover {
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -71px -336px;
}

.icon-drag{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -71px -272px;
	height: 16px;
	width: 16px;
	cursor: pointer;
}

.icon-drag:hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -71px -289px;
}

.icon-edit{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -97px -272px;
	height: 16px;
	width: 16px;
	cursor: pointer;
	float: left;
}

.icon-edit:hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -97px -289px;
}

.icon-remove{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -123px -272px;
	height: 16px;
	width: 16px;
	cursor: pointer;
	float: left;
	margin-left: 3px;
}

.icon-remove:hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -123px -289px;
}

.medium-button{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -145px -272px;
	width: 105px;
	height: 20px;
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
}

.medium-button:hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -145px -293px;
}

.cancel-button{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -122px -148px;
	width: 65px;
	height: 20px;
	font-size: 11px;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
	float: left;
	padding-left: 9px;
}

.cancel-button:hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -122px -169px;
}

#sub-content-target .fieldEditButtons{
	width: 130px;
	float: right;
}

#sub-content-target .fieldEditButtons .moveDown{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -163px -110px;
	width: 42px;
	height: 31px;
	float: left;
	cursor: pointer;
}

#sub-content-target .fieldEditButtons .moveDown:hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -196px -148px;
}

#sub-content-target .fieldEditButtons .moveUp{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -205px -110px;
	width: 40px;
	height: 31px;
	float: left;
	cursor: pointer;
}

#sub-content-target .fieldEditButtons .moveUp:hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -238px -148px;
}

#sub-content-target .fieldEditButtons .delete{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -245px -110px;
	width: 39px;
	height: 31px;
	float: left;
	cursor: pointer;
}

#sub-content-target .fieldEditButtons .delete:hover{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -278px -148px;
}

#sub-content-target .note{
	background-color: #fffcee;
	border: 1px solid #bababa;
	
	color: #343434;
	
	padding: 10px;
	
	-moz-border-radius: 3px;  
	-webkit-border-radius: 3px;
	
	min-height: 35px;
}

#sub-content-target .note span{
	color: #1775b2;
	font-size: 14px;
}

#sub-content-target .note p{
	padding: 0px;
	line-height: 18px;
	margin-left: 45px;
	margin-top: -36px;
}

#sub-content-target .note .icon{
	background: transparent url(/congresses/files/images/gui/main-panel/assets-sprite.png) no-repeat scroll -260px -274px;
	height: 36px;
	width: 36px;
	
	position: relative;
}

#pickerPallet{
	border: 1px solid #bababa;
	background-color: white;
	padding: 5px;
}

#sub-content-target .styleMore{

}

.color_preview{
height: 20px; width: 20px; border: 1px solid #BABABA; float: right; margin-top: 4px;
}

.styles_subtable{
	border: 0px !important;
}

.styles_subtable .subtable_header td{
	height: 20px !important;
}

.styles_subtable .subtable_header td{
	border:0px !important; 
	background-color: #fffffd !important; 
	padding-bottom:0px !important; 
	padding-top:0px !important;
}

.styles_subtable .style_elements td{
	border:0px !important;
	background-color: #fffffd !important;
}





/* GENERAL STYLES */

div.menu {
	position: absolute;
	top: 0;
	left: 0;
	font-family: verdana;
}
div.menu a {
	display: block;
	text-decoration: none;
	cursor: default;
	outline: none;
	font-size: 11px;
}
.menu .separator {
	height: 1px;
	padding: 0;
	overflow: hidden;
	display: block;
	font-size: 1px;
}
.menu ul, .menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu li {
	list-style-position: outside;
}


/* DESKTOP STYLES */

.menu.desktop {
	width: 14em;
	background: #f9f8f7;
	border: 1px solid #999;
	padding: 0;
}
.menu.desktop ul, .menu.desktop li {
	margin: 0;
	padding: 0;
	text-align: left;
}
.menu.desktop li.separator {
	height: 1px;
}
.menu.desktop a {
	color: #555;
	padding: 3px 0 3px 25px;
	margin: 0;
	border: 1px solid #f9f8f7;
	text-align: left;
}
.menu.desktop a.disabled {
	opacity: 0.25;
	filter: alpha(opacity=25);
	zoom: 1;
}
.menu.desktop li.separator {
	border-bottom: 1px solid #fff;
	background: #aaa;
	margin: 1px 1px 0 1px;
	line-height: 1px !important;
}
.menu.desktop a.edit {
  background: #f9f8f7 url(/congresses/files/images/icons/page_edit.png) 2px 50% no-repeat;
}
.menu.desktop a.delete {
  background: #f9f8f7 url(/congresses/files/images/icons/page_delete.png) 2px 50% no-repeat;
}
/* we need explicit enabled class to overcome css deficiences (without creating unnecessary markup) */
.menu.desktop a.enabled:hover {
	background-color: #0A246A;
	color: #fff;
}

#template_info{
	position: absolute;
	left: 150px;
	top: 120px;
	border: 1px solid #BABABA;
	background-color: #EDEDED;
	
	padding: 10px;
	
	width: 250px;
	
	text-align: left;
	z-index: 100000;
}