/*CSS Document*/
html{ width:100%; }

body{
 width:100%;
 min-width: 100%;
 margin:0;
 font-family:sans-serif;
 font-size:13px;
}
a img{border:none;}

#headerPage
{
  height:95px;
  width:100%;
  float:left;
}

#logoPage
{
 height:100%;
 width:578px;
 float:left;
}

#titlePage
{
  height:175px;
  width:412px;
  padding:10px 5px 5px 5px;
  float:left;
  color:#990033;
}

#titlePage h1{
  font-size:30px;
  font-weight:200;
  float:left;
}

#containerPage
{
  float:left;
  height:100%;
  width:100%;
  
}
#filterPage
{
 max-width:300px;
 padding:5px;
 padding-top:10px;
 height:100%;
 float:left;
 background-color:#990033;
 color:white;
}

#filterPage a
{
 color:white;
 text-decoration:none;
 border-bottom:1px dotted white;
}

#filterPage a:hover
{
 border-bottom:none;
}

#filterMask
{
  background-color:#990033;
  color:white;
  float:left;
  padding-top:10px;
  padding-bottom:5px;
  width:20px;
  height:100%;
  text-align:center;
  display: table;
  /*position: static;*/
}
#filterBox
{
  /*width:380px;*/
  float:left;
  background-color:#990033;
  color:white;
  padding-top:10px;
  padding-bottom:5px;
  margin-right:5px;
}
#middle {display: table-cell; vertical-align: middle; width: 100%;}

#contentPageWithFilter
{
  float:left;
  width:595px;
  padding:10px 5px 10px 5px;
}

#contentPageWithMaskedFilter
{
 float:left;
 width: 940px;
 padding:10px 5px 10px 5px;
}

#contentPageWithoutFilter
{
  float:left;
  width:990px;
  padding:10px 5px 10px 5px;
}

/*divs for the menu*/
#menuPage
{
  float:left;
  width:100%;
  background-color:#990033;
  color:white;
}

#menuPage ul {list-style:none; padding:0;margin:0; width:100%; }
#menuPage a { color: white;}
div#menuPage>ul>li {float:left;display:block; border: 1px solid #F2C7C7; background-color: #660033; line-height:37px; margin: 5px;}
#menuPage>ul>li>a {display:block;width:100%;/* height:100%; */margin:0 5px;}
#menuPage>ul>li>span.menu-item {display:block;width:100%;margin:0 5px;}
#menuPage ul ul {display:none;position:absolute; width:150px; padding-top:5px;}
#menuPage ul ul li {position:relative; border:none;background-color:#660033; line-height:30px; }
#menuPage>ul>li>ul>li>a {display:block;width:100%;margin:5px;}
#menuPage ul ul ul {display:none; position:absolute; margin-left:150px;margin-top:-45px;padding-left:5px;}
#menuPage ul ul ul li {position:relative; border:none;}
#menuPage>ul>li>ul>li>ul>li>a {display:block;width:100%;height:100%;margin:5px;}
#menuPage>ul>li:hover>ul{display:block;}
#menuPage>ul>li:hover>ul>li:hover>ul{display:block;}
#menuPage>ul>li:hover{background-color:#8E3E3E;}
#menuPage>ul>li>ul>li:hover {background-color:#8E3E3E;}
#menuPage>ul>li>ul>li>ul>li:hover {background-color:#8E3E3E;}
#menuPage ul.exportMenue li { margin-left:60px;}
/*
#menuPage ul li { position:relative;float:left;margin: 5px 5px 5px 0; border:1px solid white;cursor:pointer; background-color:#660033; height:30px;line-height:30px; }
#menuPage a {text-decoration: none; color:white;}
#menuPage ul li a {display:block; width:100%;height:100%;padding:10px 5px 10px 5px; }
#menuPage ul ul{position:absolute;display:none;width:100%;top:100%; margin:0; padding:0;}
#menuPage ul ul li {margin:0 -1px 0 0; width:100%; margin:0 0 0 -6px; padding:5px 0 5px 5;}
#menuPage ul ul ul li {margin:0;width:100%;padding:-5px 0 -5px 0;}
#menuPage ul ul ul{position:absolute;display:none;width:100%;left:100%;top:0;margin:0;}
#menuPage ul li:hover {background-color:#8E3E3E;}
#menuPage ul ul li:hover {background-color:#8E3E3E;}
#menuPage ul ul ul li:hover {background-color:#8E3E3E;}
#menuPage ul li:hover ul ul{display:none;background-color:#660033;}
#menuPage ul li:hover ul {display:block;background-color:#660033;}
#menuPage ul li:hover ul li:hover ul {display:block;background-color:#660033;}*/

.withMaskedFilter
{
 float:left;
 width:32px;
 height:10px;
}

.withFilter
{
 float:left;
 width:372px;
 height:10px;
}
.withoutFilter
{
 float:left;
 width:5px;
 height:10px;
}

.filterTitle
{
 float:left;
 height:22px;
 width:100%; 
 border-bottom:1px dashed white;
 cursor:pointer;
}

.filterTitle:hover
{
  background-color:#8E3E3E;
}

.filterTitle img
{
 float:right;
}

.filterBody{
  border-bottom:1px dashed white;
}
.filterBody select{
  display:block;
  width:95%;
}

a{
 color:#990033;
 text-decoration:none;
}

a:visited {
 color:#000000;
}

a:hover {
 color:#8E8E8E;
}
textarea{
	width:450px;
}
textarea[name="comment"]{
	height: 250px; 
}
.exelbtn{
	border:1px solid white;
	margin: 5px 5px 5px 20px;
	color:white;
	cursor: pointer;
	font-size:12px;
	padding: 10px 5px 10px 5px;
	background-color: #660033;
}

#entryFilter{
	width:330px;
	background:white;
	border: 1px solid black;
	position:absolute;
	top:10px;
	padding:0 20px;
	right:10px;
}
.entryName{
	margin-right:5px;
}
.slide{
	display:none;
}
.deleteFilter, .loadFilter, .saveFilter{
	padding:3px;
	border:1px solid black;
	cursor:pointer;
}
.loadFilter, .saveFilter{
	background-color:#eee;
}

.deleteFilter{
	background-color:#990033;
	margin-left:3px;
	color:white;	
}
.opener{
	cursor:pointer;
	border: 1px solid black;
	text-align: center;
	padding: 10px 5px;
	background: #eee;
}
.filterName{
	width:225px;
	display:inline-block;
	line-height:18px;
}
#headerPage h1{
	letter-spacing: 0px;
	display: inline-block;
	margin: 5px 0 0 10px;
	font-size:20px;
}
#headerPage img{
	float:left;
}
#headerPage h2{
	letter-spacing: 2px;
	font-size:12px;
	margin:5px 0 0 90px;
}
#headerPage{
	float:left;
	/*width:385px;*/
	width:600px;
	margin: 10px 0 0 10px;
}
.logout{
	right: 10px;
top: 85px;
position: absolute;
}
body{
	width:100%;
}
#filterBox{
	min-height:520px;
}
@media all and (max-width:1024px) {
	#titlePage{
		margin-top: -95px;
		margin-left: 130px;
	}
	#contentPageWithMaskedFilter{
		position:absolute;
		margin-left:40px;
	}
	#menuPage{
		position: relative;
		z-index: 999999;
	}


}

.filterBody table{
  clear:both;
}
/* 
 * dragtable
 *
 * @Version 2.0.9
 *
 * default css
 *
 */
/*##### the dragtable stuff #####*/
table .head{
  cursor:pointer;
}
.dragtable-sortable { 
    list-style-type: none; margin: 0; padding: 0; -moz-user-select: none;
}
.dragtable-sortable li {
    margin: 0; padding: 0; float: left; font-size: 1em; background: white; 
}

.dragtable-sortable th, .dragtable-sortable td{
    border-left: 0px;
}

.dragtable-sortable li:first-child th, .dragtable-sortable li:first-child td {
    border-left: 1px solid #CCC; 
}

.ui-sortable-helper {
    opacity: 0.7;filter: alpha(opacity=70);
}
.ui-sortable-placeholder { 
    -moz-box-shadow: 4px 5px 4px #C6C6C6 inset;
    -webkit-box-shadow: 4px 5px 4px #C6C6C6 inset;
    box-shadow: 4px 5px 4px #C6C6C6 inset;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    visibility: visible !important;
    background: #EFEFEF !important; 
    visibility: visible !important;
}
.ui-sortable-placeholder * { 
    opacity: 0.0; visibility: hidden; 
}