@charset "utf-8";
/* QS inlog */

.fancybox-lock .fancybox-overlay {
	z-index: 99999;
}
.fancybox-opened {
  z-index: 99999 !important;
}
html{
	height: 100%;
  width: 100%;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
body#login{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background: #7e8aa2;
}
body#application{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
    height: 100%;
    width: 100%;
    overflow-y: hidden;
}
#application input[type=text], #application input[type=password]{
    box-shadow: 0px 0px 5px #ddd;
    border: 1px solid #ddd;
    padding: 5px;
}
#login input[type=text], #login input[type=password]{
    box-shadow: 0px 0px 5px #999;
    border: 1px solid #999;
    padding: 3px;
}
#application textarea{
    margin: 5px 0;
    box-shadow: 0px 0px 5px #ddd;
    border: 1px solid #ddd;
    padding: 5px;
}
.LangsInput{
    padding: 0px 0px 0px 30px;
    margin: 2px 0px 2px 0px;
}
.LangsTextarea{
    padding: 0px 0px 0px 30px;
    margin: 2px 0px 2px 0px;
}
#mobilewebsite{
    overflow: auto;
}
#design-view{
    position: relative;
    top: 0px;
    left: 0px;
    overflow-y: auto;
}
.bodyoverflow{
    overflow: hidden;
}
#extraScripts, #extraCSS, #htaccess, #robots, #cookie_script_technical, #cookie_script_analytics, #cookie_script_marketing, #cookie_script_preferences, #cookie_script_socialmedia{
    border: 1px solid #ddd;
    width: 100%;
	min-height: 450px;
}
div#clearer{
	width: 100%;
	height: 0.1px;
	clear: both;
}
div#container_login{
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 868px;
	text-align: left;
}
div#container_top{
	background: url(/QSTool/Images/QSTool_top.jpg);
	width: 868px;
	height: 90px;
}
div#container_middle{
	width: 868px;
	background: url(/QSTool/Images/QSTool_middle.jpg);
}
div#container_text{
	margin-left: 50px;
	background: #F2F3F6;
	width: 785px;
	height: 326px;
}
div#left_login{
	float: left;
	width: 355px;
	height: 326px;
}
div#right_news{
	overflow: auto;
	float: right;
	width: 430px;
	height: 326px;
	background: #e1e3e9;
}
div#admin_image{
	position: relative;
	left: 95px;
	top: 45px;
	width: 110px;
	height: 48px;
	background: url(/QSTool/Images/Adminimage.png);
}
div#container_bottom{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 868px;
	height: 36px;
	background: url(/QSTool/Images/QSTool_bottom.jpg);
}
div#table_login, div#table_login table{
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
	width: 355px;
	height: 103px;
}
div#remember{
	margin-top: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
}
div#container_bottom{
	width: 868px;
	height: 36px;
	line-height: 35px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
}
#allpages-link{
    display: block;
    color: #333;
    padding: 5px;
}
#allpages-link:hover{
    color: #ed8f36;
}
#view-selector-container table{
    float: left;
}
/* QSTool end inlog */
/* QSTool Main */
div#QSTool_menu{
	width: 100%;
	height: 90px;
    min-width: 1000px;
	background: #F2F3F6;
	text-align: center;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 251;
    text-decoration: none;
    border-bottom: 1px solid #e5e5e5;
}
#header-homelink, #header-pageslink, #header-pluginslink, #header-mobilelink, #header-publishlink, #header-helplink{
    padding: 10px 15px 10px 15px;
    font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
    color: #333;
    text-decoration: none;
}
#header-homelink:hover, #header-pageslink:hover, #header-pluginslink:hover, #header-mobilelink:hover, #header-publishlink:hover, #header-helplink:hover{
    color: #ff9702;
    border-bottom: 3px solid #ff9702;
}
a#header-homelink.headerlink-lit, a#header-pageslink.headerlink-lit, a#header-pluginslink.headerlink-lit, a#header-mobilelink.headerlink-lit, a#header-publishlink.headerlink-lit, a#header-helplink.headerlink-lit{
    color: #ff9702;
    border-bottom: 3px solid #ff9702;
}
div#admin_menu_image{
	position: relative;
	top: 13px;
	left: 15px;
	float: left;
	width: 135px;
	height: 48px;
	background: url(/QSTool/Images/Adminimage.png) no-repeat;
}
div#main_menu-left{
	float: left;
    position: relative;
    top: 23px;
    left: 0px;
}
div#main_menu-right{
    float: right;
    padding: 0px 50px 0px 0px;
    position: relative;
    top: 23px;
    left: 0px;
    display: table-cell;
}
#Logout-btn{
    background-color: transparent;
    border: medium none;
    cursor: pointer;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
#Logout-btn:hover{
    background: #ddd;
    border-radius: 5px;
}
#UserNameInfo{
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    height: 30px;
    padding: 5px 45px 5px 5px;
    position: relative;
    vertical-align: middle;
    width: auto;
    font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
    background: url("/QSTool/Images/Turn-Off_small.png") no-repeat 95%;
}
#UserNameInfo li{
    margin: 0px;
    padding: 0px;
    text-align: right;
    text-decoration: none;
}
.fadeparagraph{
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
    width: 250px;
    height: 75px;
    text-align: center;
    border: 1px solid #F79646;
    padding: 10px;
    background: #FFFFFF;
    z-index: 999998;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2);
}
.overall_loader{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 350px;
    height: auto;
    margin-top: -40px;
    margin-left: -175px;
    text-align: center;
    border: 1px solid #F79646;
    padding: 5px;
    background: #FFFFFF;
    z-index: 999999;
}
.mainpage_img{
    margin-right: 10px;
    border: 0px;
}
.mainpage_table{
    border-collapse: separate;
    border-spacing: 0px;
}
.mainpage_table td, .mainpage_table th{
    padding: 15px 0px 15px 5px;
}
.btn{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 10pt;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    text-decoration: none;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    background-color: #E6E6E6;
    color: #333333;
}
.btn:active, .btn.active {
    color: #333333;
}
.btn:hover,.btn:focus {
    background-position: 0 -15px;
    color: #333333;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}
.btn.active, .btn:active {
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    outline: 0 none;
}
.btn.disabled, .btn[disabled] {
    background-image: none;
    box-shadow: none;
    color: #333333;
    cursor: default;
    opacity: 0.65;
}
#LangContainer{
    margin: 0px;
    padding: 10px;
    float: right;
    font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
}
#LangContainerProperties{
    margin: 0px;
    padding: 0px;
    float: left;
    font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
}
#LangContainer img, #LangContainerProperties img{
    padding: 10px 12px 0px 0px;
    float: left;
}
#LangContainer .current, #LangContainerProperties .current{
    float: right;
    padding: 0px;
    margin: 2px 0px 0px;
}
#LangContainer .nice-select, #LangContainerProperties .nice-select{
    min-width: 175px;
}
#snippet{
    border: 1px solid #ddd;
    padding: 12px;
    margin: 5px 0px 5px 0px;
}
div#head_n_text p#snippet_title{
    font-size: 18px;
    color: #1a0dab;
    font-family: "arial";
}
div#head_n_text p#snippet_url{
    font-size: 14px;
    color: #006621;
    font-family: "arial";
}
div#head_n_text p#snippet_description{
    font-size: small;
    color: #545454;
    font-family: "arial";
}
div#head_n_text p.charsCount{
    font-size: 11px;
}
.normalCount{
    font-size: 11px;
    color: #222;
}
.problemCount{
    font-size: 11px;
    color: #781e1e;
    font-weight: bold;
}
/* QSTool end Main */
/* QSTool Help */
div#help_overlay{
	position:fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 10000;
	height: 100%;
    overflow-y: auto;
	background: rgba(50, 50, 50, 0.5);
}
div#help_check_on_overlay{
	position: relative;
	margin: 0px auto;
	background: rgba(255,255,255, 1);
	padding: 15px 15px 10px 20px;
	top: 50px;
	width: 800px;
	height: 500px;
	border: 1px #F79646 solid;
	z-index: 10001;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5);
}
div#help_check_on_overlay h3{
	margin: 0px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14pt;
}
/* QSTool Help end */
/* QSTool Main Menu Page */
#main-body{
    width: 100%;
}
#mainview{
    max-width: 700px;
    margin: 0px auto;
}
#mainsubmenu{
    min-width: 240px;
    position: relative;
    width: 240px;
    height: 100%;
    float: left;
    overflow-y: auto;
    max-width: 233px;
    background: #f2f3f6;
    z-index: 1000;
}
#mainfooter{
    background: #f2f3f6;
    padding: 15px;
    text-align: center;
    border-top: 1px solid #e5e5e5;
    font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
}
#mainfooter a{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
    text-decoration: none;
}
.footercopyright{
    color: #aaaaaa;
}
div#head_n_text{
	margin: 0px auto;
    padding: 0px;
	background: #FFF;
	text-align: left;
    overflow: auto;
    position: relative;
	height: inherit;
}
div#head_n_text h3{
	margin: 3px 0px 0px 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14pt;
}
div#head_n_text h4{
	margin-bottom: 10px;
	margin-top: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12pt;
}
div#head_n_text h5{
	margin: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
}
div#head_n_text p{
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
}
div#choice_block{
	margin-top: 10px;
	width: 700px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
    height: auto;
}
div#choice_block tr{
	border: solid 1px #DDD;
}
div#choice_block tr:hover{
	background: #DDD;
}
div#choice_block a{
	display:block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
	text-decoration: none;
}
div#working_on{
    text-align: left;
    margin: 0px 0px 0px 18px;
    padding: 16px 0px 0px 0px;
    float: left;
}
#save_change_form{
    padding: 12px 0 0;
    float: left;
}
/* QSTool End Main Menu Page */
/* General Items */
div#view_data{
	width: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
    height: auto;
}
#view_data a{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
    text-decoration: none;
}
tr#darken, .darken{
	background: #EFEFEF;
}
#Loading{
    border: solid 1px #F79646;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
}
div#Publish, div#Stop, div#DeleteAll, div#addMail, div#ChangeMail, div#PublishLoading, div#StopLoading, div#DeleteLoading, div#WebshopPublishLoading{
	margin-top: 10px;
	width: 700px;
	border: solid 1px #F79646;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
}
div#changePass{
	margin-top: 10px;
	width: 700px;
	border: solid 1px #DDDDDD;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
}
#AllpagesgeneralTable{
    width: 677px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
}
#AllpagesgeneralTable tr:hover{
    background: #e9e9e9;
}
table#generalTable{
	width: 677px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
}
table#inputTable{
	width: 677px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
}
table#inputTable td{
	width: 250px;
}
#TableLine{
    padding: 10px;
    border: 1px solid #ddd;
}
.centerAll{
	margin: 0px auto;
	text-align: center;
}
.p_center{
	padding: 5px 5px 5px 5px;
	text-align: center;
}
#Tool, .Tool{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
}
#nosuccess{
	border: 2px solid #e10000;
	width: 100%;
	height: 40px;
	text-align: center;
}
#warning{
    border: 2px solid #DDDDDD;
	width: 100%;
	height: 40px;
	text-align: center;
}
#success{
	border: 2px solid #2be200;
	width: 100%;
	height: 40px;
	text-align: center;
}
#success p{
	padding-top: 12px;
}
#nosuccess p{
	padding-top: 12px;
}
#info_img{
	float: left;
	padding-left: 14px;
	padding-top: 4px;
}
#all_links{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333;
    text-decoration: none;
}
#all_links:hover{
	color: #ed8f36;
}
.all_links{
	color: #333;
}
.all_links:hover{
	color: #ed8f36;
}
#all_links_back{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10pt;
    color: #333;
    text-decoration: none;
    padding: 0px 0px 0px 30px;
    background-image: url('/QSTool/Images/arrow_left.png') !important;
    background-repeat: no-repeat !important;
    background-position: 4% !important;
}
#all_links_back:hover{
    color: #ed8f36;
}
.ExampleInput{
    font-style: italic;
    color: #777;
}
#BackToPage{
    background: url('/QSTool/Images/Editpage_small.png') no-repeat 5%;
    padding: 5px 0px 0px 30px;
    font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333;
    text-decoration: none;
}
#BackToPage:hover{
    color: #ed8f36;
}
/* End General Items */
/* UserAccounts */
#useraccount_overlay{
    position:absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1000000;
    height: 100%;
    overflow-y: auto;
    background: rgba(50, 50, 50, 0.5);
}
#useraccount_check_on_overlay{
    position: relative;
    margin: 0px auto;
    background: rgba(255,255,255, 1);
    padding: 15px 15px 10px 20px;
    top: 50px;
    width: 600px;
    height: auto;
    border: 1px #F79646 solid;
    z-index: 10001;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5);
    overflow-y: none;
    text-align: left;
}

/* End UserAccounts */
/* DragDropResize */
/*.drsElement {
 position: absolute;
 border: 1px solid #333;
}*/
.drsMoveHandle {
 cursor: move;
}
.dragresize {
 position: absolute;
 width: 5px;
 height: 5px;
 font-size: 1px;
 background: #EEE;
 border: 1px solid #333;
}
.dragresize-tl {
 top: -8px;
 left: -8px;
 cursor: nw-resize;
}
.dragresize-tm {
 top: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: n-resize;
}
.dragresize-tr {
 top: -8px;
 right: -8px;
 cursor: ne-resize;
}
.dragresize-ml {
 top: 50%;
 margin-top: -4px;
 left: -8px;
 cursor: w-resize;
}
.dragresize-mr {
 top: 50%;
 margin-top: -4px;
 right: -8px;
 cursor: e-resize;
}
.dragresize-bl {
 bottom: -8px;
 left: -8px;
 cursor: sw-resize;
}
.dragresize-bm {
 bottom: -8px;
 left: 50%;
 margin-left: -4px;
 cursor: s-resize;
}
.dragresize-br {
 bottom: -8px;
 right: -8px;
 cursor: se-resize;
}

/* End DragDropResize */
/* Rightmouse button menu */
#rightmenu, #extras{
	background-color: #f2f3f6;
	font-family: Verdana, Geneva, sans-serif;
 	font-size: 9pt;
}
#rightmenu td, #extras td{
	text-align: center;
	width: 175px;
	border-bottom: #CCC 1px solid;
	/*border-top: #CCC 1px solid;*/
}
#rightmenu td:hover, #extras td:hover{
	background-color: #FFF;
}
#rightmenu a, #extras a{
	color: #263248;
	text-decoration: none;
    display: block;
}
#rightmenu a:hover, #extras a:hover{
	color: #ed8f36;
	text-decoration: none;
}
#rightmenu th, #extras th{
	text-align: center;
	width: 80px;
	color: #263248;
	background: #FFF;
	border-bottom: #CCC 1px solid;
}
/* End Rightmouse button menu */
/* QSTool Submenu */
#mainsublist{
    list-style: none;
    margin: 0;
    padding: 0;
}
#mainsublist li{
    border-bottom: 1px solid #ccc;
}
#mainsublist li:hover{
    background: #fff;
}
#mainsublist li a, #mainsublist li span{
    display: block;
    font-family: Verdana, Geneva, sans-serif;
 	font-size: 12px;
    color: #333;
    padding: 10px 10px 10px 40px;
    text-decoration: none;
    text-align: left;
}
#mainsublist li label{
    font-family: Verdana, Geneva, sans-serif;
 	font-size: 12px;
    color: #333;
    padding: 10px 10px 10px 40px;
    display: block;
}
.mainsublist-lit-li{
    background: #fff;
}
.UnlockAndHover, .LockAndHover, .MobileLockAndHover{
    color: #333;
    border: none;
    cursor: pointer;
    display: block;
    font-family: Verdana;
    font-size: 11px;
    margin: 0;
    padding: 10px 10px 10px 38px;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    background-color: rgba(0,0,0,0);
}
button.UnlockAndHover:hover, button.LockAndHover:hover{
    background-color: rgba(204, 204, 204, 0.5);
}
/* ########## General ######## */
#sub-linkBack{
    background: url('/QSTool/Images/arrow_left.png') no-repeat 5%, url('/QSTool/Images/AllPages_small.png') no-repeat 95%;
}
#sub-linkPageBack{
    background: url('/QSTool/Images/arrow_left.png') no-repeat 5%, url('/QSTool/Images/Editpage_small.png') no-repeat 95%;
}
#sub-linkPluginsBack{
    background: url('/QSTool/Images/arrow_left.png') no-repeat 5%, url('/QSTool/Images/Plugins_small.png') no-repeat 95%;
}
#sub-linkToCSS{
    background: url('/QSTool/Images/arrow_left.png') no-repeat 5%, url('/QSTool/Images/CSS_small.png') no-repeat 95%;
}
#sub-linkHide, #sub-linkShow{
    background-color: transparent;
    border: medium none;
    cursor: pointer;
    margin: 0px;
    display: block;
    padding: 8px;
    vertical-align: middle;
    width: 100%;
}
#sub-linkHide img{
    float: right;
}
/* ########## Home ######## */
#sub-linkGeneral{
    background: url('/QSTool/Images/NewSite_small.png') no-repeat 5%;
}
#sub-linkGeneral:hover, #sub-linkGeneral.sub-linkGeneral-lit{
    background: url('/QSTool/Images/NewSite_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkEmail{
    background: url('/QSTool/Images/Mail_small.png') no-repeat 5%;
}
#sub-linkEmail:hover, #sub-linkEmail.sub-linkEmail-lit{
    background: url('/QSTool/Images/Mail_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkUser{
    background: url('/QSTool/Images/Clients_small.png') no-repeat 5%;
}
#sub-linkUser:hover, #sub-linkUser.sub-linkUser-lit{
    background: url('/QSTool/Images/Clients_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkSEO{
    background: url('/QSTool/Images/SearchEngines_small.png') no-repeat 5%;
}
#sub-linkSEO:hover, #sub-linkSEO.sub-linkSEO-lit{
    background: url('/QSTool/Images/SearchEngines_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkComments{
    background: url('/QSTool/Images/TextBubble_small.png') no-repeat 5%;
}
#sub-linkComments:hover, #sub-linkComments.sub-linkComments-lit{
    background: url('/QSTool/Images/TextBubble_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkBackup{
    background: url('/QSTool/Images/Backup_small.png') no-repeat 5%;
}
#sub-linkBackup:hover, #sub-linkBackup.sub-linkBackup-lit{
    background: url('/QSTool/Images/Backup_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkCSS{
    background: url('/QSTool/Images/CSS_small.png') no-repeat 5%;
}
#sub-linkCSS:hover, #sub-linkCSS.sub-linkCSS-lit{
    background: url('/QSTool/Images/CSS_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkHtaccess{
    background: url('/QSTool/Images/Htaccess_small.png') no-repeat 5%;
}
#sub-linkHtaccess:hover, #sub-linkHtaccess.sub-linkHtaccess-lit{
    background: url('/QSTool/Images/Htaccess_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkRobots{
    background: url('/QSTool/Images/Robots_small.png') no-repeat 5%;
}
#sub-linkRobots:hover, #sub-linkRobots.sub-linkRobots-lit{
    background: url('/QSTool/Images/Robots_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkResponsiveCSS{
    background: url('/QSTool/Images/Responsive_css_small.png') no-repeat 5%;
}
#sub-linkResponsiveCSS:hover, #sub-linkResponsiveCSS.sub-linkResponsiveCSS-lit{
    background: url('/QSTool/Images/Responsive_css_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkScripts{
    background: url('/QSTool/Images/Config_small.png') no-repeat 5%;
}
#sub-linkScripts:hover, #sub-linkScripts.sub-linkScripts-lit{
    background: url('/QSTool/Images/Config_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkExamples{
    background: url('/QSTool/Images/Scripts_extra_small.png') no-repeat 5%;
}
#sub-linkExamples:hover, #sub-linkExamples.sub-linkExamples-lit{
    background: url('/QSTool/Images/Scripts_extra_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}


#sub-linkCookies{
    background: url('/QSTool/Images/cookies.png') no-repeat 5%;
} 

#sub-linkCookies:hover, #sub-linkCookies.sub-linkCookies-lit{
    background: url('/QSTool/Images/cookies.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
} 




/* ########## Menu's ######## */
#sub-linkMenuConfig:hover, #sub-linkFont:hover, #sub-linkLayout:hover, #sub-linkAdvanced:hover{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkMenuConfig.sub-linkMenuConfig-lit, #sub-linkFont.sub-linkFont-lit, #sub-linkLayout.sub-linkLayout-lit, #sub-linkAdvanced.sub-linkAdvanced-lit{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
/* ########## Pagina's ######## */
#sub-linkAllpages{
    background: url('/QSTool/Images/AllPages_small.png') no-repeat 5%;
}
#sub-linkAllpages:hover, #sub-linkAllpages.sub-linkAllpages-lit{
    background: url('/QSTool/Images/AllPages_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkAddpage{
    background: url('/QSTool/Images/Blank_small.png') no-repeat 5%;
}
#sub-linkAddpage:hover, #sub-linkAddpage.sub-linkAddpage-lit{
    background: url('/QSTool/Images/Blank_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkLockall{
    background: url('/QSTool/Images/Lock_small.png') no-repeat 5%;
}
#sub-linkLockall:hover, #sub-linkLockall.sub-linkLockall-lit{
    background: url('/QSTool/Images/Lock_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkUnlockall{
    background: url('/QSTool/Images/Unlock_small.png') no-repeat 5%;
}
#sub-linkUnlockall:hover, #sub-linkUnlockall.sub-linkUnlockall-lit{
    background: url('/QSTool/Images/Unlock_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
/* ########## Mobile Pagina's ######## */
#sub-linkMobileSettings{
    background: url('/QSTool/Images/Mobile_extra_small.png') no-repeat 5%;
}
#sub-linkMobileSettings:hover, #sub-linkMobileSettings.sub-linkMobileSettings-lit{
    background: url('/QSTool/Images/Mobile_extra_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkMobileCSS{
    background: url('/QSTool/Images/CSS_small.png') no-repeat 5%;
}
#sub-linkMobileCSS:hover, #sub-linkMobileCSS.sub-linkMobileCSS-lit{
    background: url('/QSTool/Images/CSS_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkMobileExtraScripts{
    background: url('/QSTool/Images/Config_small.png') no-repeat 5%;
}
#sub-linkMobileExtraScripts:hover, #sub-linkMobileExtraScripts.sub-linkMobileExtraScripts-lit{
    background: url('/QSTool/Images/Config_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkMobileHtAccess{
    background: url('/QSTool/Images/Htaccess_small.png') no-repeat 5%;
}
#sub-linkMobileHtAccess:hover, #sub-linkMobileHtAccess.sub-linkMobileHtAccess-lit{
    background: url('/QSTool/Images/Htaccess_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkMobileRobots{
    background: url('/QSTool/Images/Robots_small.png') no-repeat 5%;
}
#sub-linkMobileRobots:hover, #sub-linkMobileRobots.sub-linkMobileRobots-lit{
    background: url('/QSTool/Images/Robots_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkIphone4portrait:hover, #sub-linkIphone4portrait.sub-linkIphone4portrait-lit, #sub-linkIphone4landscape:hover, #sub-linkIphone4landscape.sub-linkIphone4landscape-lit, #sub-linkIphone5portrait:hover, #sub-linkIphone5portrait.sub-linkIphone5portrait-lit, #sub-linkIphone5landscape.sub-linkIphone5landscape-lit, #sub-linkIphone5landscape:hover, #sub-linkSamsungportrait:hover, #sub-linkSamsungportrait.sub-linkSamsungportrait-lit, #sub-linkSamsunglandscape:hover, #sub-linkSamsunglandscape.sub-linkSamsunglandscape-lit{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
/* ########## Publish ######## */
#sub-linkWebsitepublish, #sub-linkMobilepublish{
    background: url('/QSTool/Images/World_small.png') no-repeat 5%;
}
#sub-linkWebsitepublish:hover, #sub-linkWebsitepublish.sub-linkWebsitepublish-lit, #sub-linkMobilepublish:hover, #sub-linkMobilepublish.sub-linkMobilepublish-lit{
    background: url('/QSTool/Images/World_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkWebshoppublish{
    background: url('/QSTool/Images/Webshop_extra_small.png') no-repeat 5%;
}
#sub-linkWebshoppublish:hover, #sub-linkWebshoppublish.sub-linkWebshoppublish-lit{
    background: url('/QSTool/Images/Webshop_extra_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkBlogpublish{
    background: url('/QSTool/Images/Blog_small.png') no-repeat 5%;
}
#sub-linkBlogpublish:hover, #sub-linkBlogpublish.sub-linkBlogpublish-lit{
    background: url('/QSTool/Images/Blog_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkPresspublish{
    background: url('/QSTool/Images/Press_small.png') no-repeat 5%;
}
#sub-linkPresspublish:hover, #sub-linkPresspublish.sub-linkPresspublish-lit{
    background: url('/QSTool/Images/Press_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
/* ########## Toolbox ######## */
li#subli-linkItems{
    border-bottom: 1px solid #ccc;
}
li#subli-linkItems span{
    font-size: 11px;
}
li a#itemEdit, li a#itemProps, li a#itemDuplicate, li a#itemDelete{
    padding: 5px;
    display: block;
    float: left;
    margin-left: 15px;
    padding: 10px;
}
li a#itemEdit:hover, li a#itemProps:hover, li a#itemDuplicate:hover, li a#itemDelete:hover{
    background: #ddd;
}
/* ########## Plugins ######## */
#sub-linkStatistics{
    background: url('/QSTool/Images/Statistics_small.png') no-repeat 5%;
}
#sub-linkStatistics:hover, #sub-linkStatistics.sub-linkStatistics-lit{
    background: url('/QSTool/Images/Statistics_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkStatisticsGB, #sub-linkStatisticsGA{
    background: url('/QSTool/Images/Google_statistics_small.png') no-repeat 5%;
}
#sub-linkStatisticsGB:hover, #sub-linkStatisticsGB.sub-linkStatisticsGB-lit, #sub-linkStatisticsGA:hover, #sub-linkStatisticsGA.sub-linkStatisticsGA-lit{
    background: url('/QSTool/Images/Google_statistics_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkContact, #sub-linkGuestbook{
    background: url('/QSTool/Images/Contact_small.png') no-repeat 5%;
}
#sub-linkContact:hover, #sub-linkContact.sub-linkContact-lit, #sub-linkGuestbook:hover, #sub-linkGuestbook.sub-linkGuestbook-lit{
    background: url('/QSTool/Images/Contact_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkGallery{
    background: url('/QSTool/Images/Gallery_small.png') no-repeat 5%;
}
#sub-linkGallery:hover, #sub-linkGallery.sub-linkGallery-lit{
    background: url('/QSTool/Images/Gallery_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkSocial{
    background: url('/QSTool/Images/SocialMedia_small.png') no-repeat 5%;
}
#sub-linkSocial:hover, #sub-linkSocial.sub-linkSocial-lit{
    background: url('/QSTool/Images/SocialMedia_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkNews{
    background: url('/QSTool/Images/Mail_small.png') no-repeat 5%;
}
#sub-linkNews:hover, #sub-linkNews.sub-linkNews-lit{
    background: url('/QSTool/Images/Mail_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkWebshop{
    background: url('/QSTool/Images/Webshop_extra_small.png') no-repeat 5%;
}
#sub-linkWebshop:hover, #sub-linkWebshop.sub-linkWebshop-lit{
    background: url('/QSTool/Images/Webshop_extra_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkRecepies{
    background: url('/QSTool/Images/Recepies_small.png') no-repeat 5%;
}
#sub-linkRecepies:hover, #sub-linkRecepies.sub-linkRecepies-lit{
    background: url('/QSTool/Images/Recepies_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkSearch{
    background: url('/QSTool/Images/SearchEngines_small.png') no-repeat 5%;
}
#sub-linkSearch:hover, #sub-linkSearch.sub-linkSearch-lit{
    background: url('/QSTool/Images/SearchEngines_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkBlog{
    background: url('/QSTool/Images/Blog_small.png') no-repeat 5%;
}
#sub-linkBlog:hover, #sub-linkBlog.sub-linkBlog-lit{
    background: url('/QSTool/Images/Blog_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkPress{
    background: url('/QSTool/Images/Press_small.png') no-repeat 5%;
}
#sub-linkPress:hover, #sub-linkPress.sub-linkPress-lit{
    background: url('/QSTool/Images/Press_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkNewspublish{
    background: url('/QSTool/Images/NewsPublish_small.png') no-repeat 5%;
}
#sub-linkNewspublish:hover, #sub-linkNewspublish.sub-linkNewspublish-lit{
    background: url('/QSTool/Images/NewsPublish_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkCustomPlugin{
    background: url('/QSTool/Images/Scripts_extra_small.png') no-repeat 5%;
}
#sub-linkCustomPlugin:hover, #sub-linkCustomPlugin.sub-linkCustomPlugin-lit{
    background: url('/QSTool/Images/Scripts_extra_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkBooking{
    background: url('/QSTool/Images/Booking_small.png') no-repeat 5%;
}
#sub-linkBooking:hover, #sub-linkBooking.sub-linkBooking-lit{
    background: url('/QSTool/Images/Booking_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#subli-linkRental{
    background: url('/QSTool/Images/Rental_small.png') no-repeat 5%;
}
#sub-linkRental:hover, #sub-linkRental.sub-linkRental-lit{
    background: url('/QSTool/Images/Rental_small.png') no-repeat 5%, url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
/* ########## Plugins ######## */

/* ########## Plugins - Google Basic ######## */
#sub-linkGoogleConfig:hover, #sub-linkGoogleBasic:hover{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkGoogleConfig.sub-linkGoogleConfig-lit, #sub-linkGoogleBasic.sub-linkGoogleBasic-lit{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
/* ########## Plugins - Google Advanced ######## */
#sub-linkGoogleConfig:hover, #sub-linkGoogleAdvanced:hover{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkGoogleConfig.sub-linkGoogleConfig-lit, #sub-linkGoogleAdvanced.sub-linkGoogleAdvanced-lit{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
/* ########## Plugins - Contactformulier ######## */
#sub-linkConfig:hover, #sub-linkDevelop:hover, #sub-linkOrder:hover, #sub-linkCustom:hover, #sub-linkSend:hover{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkConfig.sub-linkConfig-lit, #sub-linkDevelop.sub-linkDevelop-lit, #sub-linkOrder.sub-linkOrder-lit, #sub-linkCustom.sub-linkCustom-lit, #sub-linkSend.sub-linkSend-lit{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#LoadSendMail tr:hover{
    background-color: #CFCFCF;
}
.SendMailHead:hover{
    background-color: #fff !important;
}
#LoadSendMail table#inputTable td {
    width: auto !important;
}
#SendMailOverlayContent{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10pt;
    position: relative;
    margin: -80px auto 100px auto;
    background: rgba(255,255,255,1);
    padding: 15px 15px 10px 20px;
    top: 190px;
    width: 800px;
    height: 600px;
    border: 1px #F79646 solid;
    z-index: 99999;
    text-align: left;
    overflow-y: auto;
    height: auto;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5);
}
.SendMailOnclick{
    cursor: pointer;
}
#SendMailOverlay{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
    overflow-y: auto;
    height: 100%;
    background: rgba(50, 50, 50, 0.5);
}
#CloseSendMailOverlay{
    position: absolute;
    top: 10px;
    right: 10px;
}
#ContactConfirmResend{
    background: rgb(203, 255, 185);
    border:1px solid gray;
    box-shadow: 0px 0px 5px #ddd;
    width: 80%;
    margin: 0px auto 10px auto !important;
    padding: 10px;
    border-radius: 5px;
}
#SendMailTable{
    width:300px;
    margin: 40px auto;
}
.SendMailMail p{
    text-align: left;
    margin: 0 5px !important;
}
.SendMailMail p:hover{
    text-decoration: underline;
}
/* ########## Plugins - Foto album ######## */
#sub-linkAlbums:hover, #sub-linkPics:hover{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkAlbums.sub-linkAlbums-lit, #sub-linkPics.sub-linkPics-lit{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
/* ########## Plugins - Gastenboek ######## */
#sub-linkExample:hover, #sub-linkSettings:hover, #sub-linkMessages:hover{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkExample.sub-linkExample-lit, #sub-linkSettings.sub-linkSettings-lit, #sub-linkMessages.sub-linkMessages-lit{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
/* ########## Plugins - Nieuwsbrief ######## */
#sub-linkNewsSettings:hover, #sub-linkChangeSubscribers:hover, #sub-linkChangeGroup:hover, #sub-linkImExportSubscribers:hover, #sub-linkEditor:hover, #sub-linkSendNews:hover, #sub-linkArchive:hover, #sub-linkNewsStatistics:hover{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkNewsSettings.sub-linkNewsSettings-lit, #sub-linkChangeSubscribers.sub-linkChangeSubscribers-lit, #sub-linkChangeGroup.sub-linkChangeGroup-lit, #sub-linkImExportSubscribers.sub-linkImExportSubscribers-lit, #sub-linkEditor.sub-linkEditor-lit, #sub-linkSendNews.sub-linkSendNews-lit, #sub-linkArchive.sub-linkArchive-lit, #sub-linkNewsStatistics.sub-linkNewsStatistics-lit{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
/* ########## Plugins - Recepten ######## */
#sub-linkRecepiesConfig:hover, #sub-linkRecepiesAdd:hover, #sub-linkRecepiesAdmin:hover{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkRecepiesConfig.sub-linkRecepiesConfig-lit, #sub-linkRecepiesAdd.sub-linkRecepiesAdd-lit, #sub-linkRecepiesAdmin.sub-linkRecepiesAdmin-lit{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
/* ########## Plugins - Website search ######## */
#sub-linkSearchConfig:hover, #sub-linkSearchException:hover{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkSearchConfig.sub-linkSearchConfig-lit, #sub-linkSearchException.sub-linkSearchException-lit{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
/* ########## Plugins - Booking ######## */
#sub-linkBookingConfig:hover, #sub-linkBookingAdmin:hover, #sub-linkBookingBookings:hover, #sub-linkBookingCustomMessage:hover{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkBookingConfig.sub-linkBookingConfig-lit, #sub-linkBookingAdmin.sub-linkBookingAdmin-lit, #sub-linkBookingBookings.sub-linkBookingBookings-lit, #sub-linkBookingCustomMessage.sub-linkBookingCustomMessage-lit{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
/* ########## Plugins - Blog / Press / NewsPublish  ######## */
#sub-linkBPNSettings:hover, #sub-linkBPNMessageAdd:hover, #sub-linkBPNMessageAdmin:hover, #sub-linkBPNMessagePublish:hover{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}
#sub-linkBPNSettings.sub-linkBPNSettings-lit, #sub-linkBPNMessageAdd.sub-linkBPNMessageAdd-lit, #sub-linkBPNMessageAdmin.sub-linkBPNMessageAdmin-lit, #sub-linkBPNMessagePublish.sub-linkBPNMessagePublish-lit{
    background: url('/QSTool/Images/arrow_right.png') no-repeat 95%;
}

/* Einde QSTool menu's' */
/* Plugin Recepteniconen Statistieken */
#infoicons{
    width: 75px;
    height: 75px;
    text-align: center;
    cursor: pointer;
    margin: 5px 0px 5px 0px;
    opacity: 0.5;
}
#infoicons.chooseinfoicons:hover{
    opacity: 1.0;
}
#infoicons.chooseninfoicons{
    opacity: 1.0;
}
/* End recepten iconen */
/* Plugin Nieuws Statistieken */
#reportoverall{
    margin: 0px;
    padding: 0px;
}
#reportoverallchoose_top, #reportoverallchoose_top_notyet{
    padding: 10px 0px 10px 5px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
#reportoverallchoose, #reportoverallchoose_notyet{
    padding: 10px 0px 10px 5px;
    border-bottom: 1px solid #ddd;
}
#reportoverallchoose:hover, #reportoverallchoose_top:hover{
    cursor: pointer;
    background: #eee;
}
#reportoverallsubject span.DateTime{
    font-size: 10px;
}
#reportoverallsubject p.SendInfo, #reportoverallsubject span.SendInfo{
    font-weight: bold;
    font-size: 10px;
}
#reportoverallsubject p.SendSubject, #reportoverallsubject span.SendSubject{
    padding: 0px 0px 10px 0px;
}
#report_detail_left{
    float:left;
    margin: 0px 30px 0px 0px;
    padding: 10px 0px 10px 0px;
    width: 370px;
    border-bottom: 1px solid #ddd;
}
#report_detail_right{
    float:left;
    width: 370px;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #ddd;
}
#reportoverallsubject_left{
    float:left;
    width: 450px;
}
#reportoverallsubject_right{
    float: right;
    width: 300px;
}
#reportoverallsubject_right table.SendInfo{
    width: 100%;
    font-size: 10px;
    padding: 0px 0px 10px 0px;
    background: #f1f1f1;
    border-radius: 5px;
    text-align: center;
}
#report_detail_right table.SendDetails, #report_detail_left table.SendDetails{
    width: 100%;
}
#report_detail_dashboard{
    width: 100%;
    margin: 10px 0px 10px 0px;
    height: 165px;
    border-bottom: 1px solid #ddd;
}
#report_detail_dashboard_part{
    float: left;
    margin: 0px 10px 0px 10px;
    width: 235px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    max-height: 150px;
}
#report_detail_dashboard_part:hover{
    background: #f1f1f1;
    cursor: pointer;
}
#report_detail_dashboard_part p.dashboard_info_small{
    padding: 0px 20px 50px 20px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}
#report_detail_dashboard_part p.dashboard_info{
    padding: 50px 20px 0px 20px;
    font-size: 25px;
    text-align: center;
    font-weight: bold;
}
#report_link{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
    text-decoration: none;
    color: #ed8f36;
}
#reportdetailoverlay_table, #reportdetailoverlayindi_table{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
    color: #333;
    text-align: left;
    border: 1px solid #ddd;
    border-radius: 5px;
    border-spacing: 0px;
    width: auto;
    display: table;
}
#reportdetailoverlay_table_row:hover{
    background: #ddd;
    cursor: pointer;
    display: table-row;
}
#reportdetailoverlay_table, #reportdetailoverlay_totals:hover{
    background: #fff;
    cursor: default;
    display: table;
}
#reportdetailoverlay_table_headergroup, #reportdetailoverlayindi_table_headergroup{
    background: #f2f2f2;
    padding: 10px 0px 10px 5px;
    text-align: left;
    display: table-cell;
    font-weight: bold;
}
#reportdetailoverlay_table_row{
    display: table-row;
}
#reportdetailoverlay_table_cell{
    display: table-cell;
    padding: 10px 0px 10px 5px;
}
#newsstatistics_overlay{
    position: relative;
	margin: 0px auto;
	background: rgba(255,255,255, 1);
	padding: 15px 15px 10px 20px;
	top: 50px;
	width: 800px;
	height: auto;
	border: 1px #F79646 solid;
	z-index: 10001;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5);
    overflow-y: none;
}
#inner_newsstatistics_overlay{
    overflow-y: auto;
    height: 335px;
}
/* End Plugin */

/* Plugin Rental */
.deletePicture{
    cursor: pointer;
}
#pictureTable img {
    max-width: 70%;
    display: block;
    margin: auto;
}
.rental_center_button{
    margin: 20px auto !important;
    float: none !important;
    display: block !important;
    min-width: 250px;
}
.rental_left_button{
    margin: 20px auto !important;
    float: left !important;
    display: block !important;
    min-width: 250px;
}
.rental_right_button{
    margin: 20px auto !important;
    float: right !important;
    display: block !important;
    min-width: 250px;
}
.rentalButtonWrap{
    width: 60%;
    margin: auto;
    box-shadow: 0px 0px 5px #999;
    border: 1px solid #999;
    padding: 20px;
}
.rentalButtonWrap::after{
    content: '';
    width: 100%;
    display: block;
    clear: both;
    height: 1px;
}

#makeCustomMessage{
    margin: auto;
    display: block;
    margin-bottom: 20px;
    text-align: center;
    box-shadow: 0px 0px 5px #999;
    border: 1px solid #999;
    padding: 3px;
}


.rental_overlay_table{
    margin: auto;
    width: 80%;
    border: 1px solid;
    padding: 0;
    border-collapse: collapse;
    font-family: Verdana, Geneva, sans-serif;    
}

.rental_overlay_table td{
 border: 1px solid;
 padding: 5px;
 box-sizing: border-box
}
.overlay-tekst{
    font-family: Verdana, Geneva, sans-serif;
    color: #333;
    text-align: center;
}
.left_rental{
    text-align: left;
    width: 30%;
}

.right_rental{
    text-align: left;
}
.rental_overlay_table tr:nth-child(2n) td {
    background: #eee;
}

.overlay-link{
    font-family: Verdana, Geneva, sans-serif;
    color: #333;
}
#rental_edit_overlay_whole{
    position:fixed;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      z-index: 9998;
    overflow-y: auto;
      height: 100%;
      background: rgba(50, 50, 50, 0.5);
  }
  #rental_edit_overlay{
    transition: all 0.6s;
    position: relative;
    margin: 0px auto;
        margin-bottom: 0px;
    background: rgba(255,255,255,1);
    padding: 15px 15px 10px 20px;
    top: 20%;
    width: 50%;
    height: 300px;
    border: 1px #F79646 solid;
    z-index: 9999;
    text-align: left;
    height: auto;
    margin-bottom: 20px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5);
    min-height: 500px;
    margin-bottom: 20%;
  }
  .rentalNavigate{
    font-family: Verdana, Geneva, sans-serif;
  }
  .rentalNavigateSelect{
    font-family: Verdana, Geneva, sans-serif;
    margin-left: 20px;
  }
  .rentalOverlaySelector{
    font-family: Verdana, Geneva, sans-serif;
    text-align: center;
    width: 50%;
    margin: auto;
    display: block;
  }
  .rentalOverlaySelector select, .rentalOverlaySelector option{
    width: 40%;
    font-family: Verdana, Geneva, sans-serif;
    text-align: center;
    display: block;
    margin: auto;
  }
  .rentalOverlaySelector label{
    width: 100%;
    font-family: Verdana, Geneva, sans-serif;
    text-align: center;
    display: block;
    font-weight: bold;
    margin: 20px auto 5px auto;
  }
  #DateNameRentalCal{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    display: inline-block;
    font-size: 10pt;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
    min-width: 125px;
    margin: 0 10px;
    font-family: Verdana, Geneva, sans-serif;
  }
  #close_rental_edit_overlay{
      display: block;
      text-align: right;
      width: 98%;
      margin: 5px auto;
  }
  #close_rental_edit_overlay span{
      width: 18px;
      font-size: 18px;
      cursor:pointer;
  }
  .rental_edit_content{
      font-family: Verdana, Geneva, sans-serif;
      color: #333;
      text-align: center;
  }

.rentalDateTitle{
    text-align: center;
    font-weight: bold;
    font-size: 20px !important;
}


.selectedRentalCat{
    font-weight: bold;
}

.RentalBlock{
    width: 90%;
    display: block;
    margin: 10px auto;
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    background: #cce5ff;
    border: 1px solid #004085;
    color: #004085;
    font-family: Verdana, Geneva, sans-serif;
    box-sizing: border-box;
    padding: 5px;

    cursor: pointer;
    transition: all 0.2s ease-in-out;
    position: relative;
}

.RentalConfirmedBlock{
    width: 90%;
    display: block;
    margin: 10px auto;
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    background: #d4edda;
    color: #468847 !important;
    border: 1px solid #468847;
    font-family: Verdana, Geneva, sans-serif;
    box-sizing: border-box;
    padding: 5px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    position: relative;
}

.RentalCanceledBlock {
    width: 90%;
    display: block;
    margin: 10px auto;
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border: 1px solid #721c24 !important;
    font-family: Verdana, Geneva, sans-serif;
    box-sizing: border-box;
    padding: 5px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    position: relative;
}


.RentalConfirmedBlock:hover,
.RentalConfirmedBlock:hover{
    box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
    opacity: 0.7;
}

.RentalBlock:hover{
    box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
    opacity: 0.7;
}

.dateBlock{
    width: 100%;
    position: relative;
    display: block;
}

.orderNumber{
    width: 30%;
    float: left;
    display: block;
}

.orderName{
    width: 50%;
    float: right;
    display: block;
}


.RentalBlock:after, .floatRow:after{
    display: block;
    clear: both;
    width: 100%;
    height: 1px;
    content: '';
}

/* End Plugin Rental */
/* Menu Example page */
div#overlay{
	position:absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	text-align: center;
	bottom: 0px;
	z-index: 1000000;
	height: 100%;
    overflow-y: auto;
	background: rgba(50, 50, 50, 0.5);
}
div#on_overlay{
	position: relative;
	margin: 0px auto;
	background: rgba(255,255,255, 1);
	padding: 15px 15px 10px 20px;
	top: 50px;
	width: 800px;
	height: 500px;
	border: 1px #F79646 solid;
	z-index: 10001;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5);
}
#Repeat_items{
    background: none repeat scroll 0 0 #FFFFFF;
    height: 475px;
    margin: 10px auto;
    overflow: auto;
    padding: 0;
    text-align: left;
    width: 775px;
}
#Repeat_items h3{
	margin: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14pt;
}
iframe#check_on_overlay{
	position: relative;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	top: 0px;
	left: 0px;
	width: 675px;
	height: 300px;
	background: #FFF;
	z-index: 10;
}
div#info{
	position: relative;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	top: 130px;
	width: 900px;
	height: auto;
	background: #FFF;
	border: 1px #263248 solid;
	font-family: Verdana, Geneva, sans-serif;
 	font-size: 11pt;
	color: #263248;
}
div#info p{
	margin: 5px 5px 5px 5px;
	text-align: left;
}
/* End Overlay page */
/* QSTool Wizard */
#wizard_steps{
 background: url(/QSTool/Images/Help/help_background.png);
}
#wizard{
 position: relative;
 padding: 15px 23px 0px 20px;
 margin:  0px auto;
 background: url(/QSTool/Images/Help/help_background.jpg);
 top: 100px;
 width: 800px;
 height: auto;
 border: 1px #F79646 solid;
}
#wizard h3{
 margin: 0px;
 text-align: left;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 14pt;
}
#wizard_content, #WritingData{
 min-height: 400px;
 margin: 10px 10px 10px 10px;
}
#wizard_border{
 font-family: Verdana, Geneva, sans-serif;
 font-size: 10pt;
 text-align: center;
 width: 789px;
 height: auto;
 border: 1px solid #DDD;
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 5px 5px 5px 5px;
}
#wizardsubheader{
 color: #F79646;
 font-weight: bold;
}
#choice_box{
 border: solid #ddd 1px;
 width: 700px;
 height: 35px;
 padding: 5px 5px 5px 5px;
}
.example{
 font-family: Verdana, Geneva, sans-serif;
 font-size: 10pt;
 color: #333333;
 border: 1px solid #aaa;
 background: #ddd;
 padding: 5px 5px 5px 5px;
}
#wizardTable{
 width: 700px;
 border: 1px solid #AAA;
 font-family: Verdana, Geneva, sans-serif;
 font-size: 10pt;
 color: #333333;
 padding: 5px 5px 5px 5px;
}
.error{
 font-family: Verdana, Geneva, sans-serif;
 font-size: 10pt;
 color: #ff0000;
}
.VerdanaStyle{
   font-family: Verdana, Geneva, sans-serif;
   color: #333;
   border: 1px solid #ddd;
   padding: 10px;
   line-height: 25px;
   text-align: center;
   margin: 5px 40px 0px 40px;
}
.TimesStyle{
   font-family: Times new Roman;
   color: #333;
   border: 1px solid #ddd;
   padding: 10px;
   line-height: 25px;
   text-align: center;
   margin: 5px 40px 0px 40px;
}
.GeorgiaStyle{
   font-family: Georgia;
   color: #333;
   border: 1px solid #ddd;
   padding: 10px;
   line-height: 25px;
   text-align: center;
   margin: 5px 40px 0px 40px;
}
.TahomaStyle{
   font-family: Tahoma;
   color: #333;
   border: 1px solid #ddd;
   padding: 10px;
   line-height: 25px;
   text-align: center;
   margin: 5px 40px 0px 40px;
}
/* End Wizard */
/* DateTimePicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
/* End DatTime */
/* Snap for Mobile */
#toolbar {
  background: #536ea7;
  border-bottom: 1px solid #111b32;
  top: 0;
  right: 0;
  left: 0;
  width: auto;
  height: 44px;
}
#toolbar h1 {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
  top: 0;
  right: 44px;
  left: 44px;
  width: auto;
  height: 44px;
}
#open-left{
    background: url("/QSTool/Images/menu_image.png") no-repeat scroll center center transparent;
    display: block;
    height: 44px;
    width: 44px;
}
.snap-content {
  background: #FFF;
}
.snap-drawers {
  background: #323949;
}
.snap-drawer {
	background: #323949;
	color: #eee;
}
.snap-drawer h3 {
  font-size: 36px;
  font-weight: normal;
  margin: 15px;
}
.snap-drawer h4 {
  padding: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 0;
}
.snap-drawer ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.snap-drawer li > a {
  display: block;
  border-bottom: 1px solid rgba(0,0,0, 0.1);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 15px;
  font-weight: bold;
  text-shadow: 0 1px 0 #000;
  text-decoration: none;
  color: #ccc;
  text-indent: 20px;
}
.snap-drawer li > a:hover{
    background: #5a6683;
}
.snap-drawer p {
  opacity: 0.5;
  padding: 15px;
  font-size: 12px;
}
.heads{
    font-size: 14px;
    font-family: Arial;
}
.snap-drawer li.MobLangs > a{
    font-size: 14px;
    font-family: Arial;
    padding: 15px 15px 15px 50px;
}
.snap-drawer li.subs a{
    font-size: 12px;
    font-family: Arial;
}
.snap-drawer li.subs a{
    text-indent: 30px;
}
.snap-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 2;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.snap-drawers {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
}
.snap-drawer {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: auto;
  width: 265px;
  height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: width 0.3s ease;
     -moz-transition: width 0.3s ease;
      -ms-transition: width 0.3s ease;
       -o-transition: width 0.3s ease;
          transition: width 0.3s ease;
}
.snap-drawer-left {
  left: 0;
  z-index: 1;
}
.snap-drawer-right {
  right: 0;
  z-index: 1;
}
.snapjs-left .snap-drawer-right,
.snapjs-right .snap-drawer-left {
  display: none;
}
.snapjs-expand-left .snap-drawer-left,
.snapjs-expand-right .snap-drawer-right {
  width: 100%;
}
/* End Snap for Mobile */
/* Versie informatie overlay */
#version_info{
    height: 420px;
    border: 1px solid #DDD;
    margin-top: 5px;
    margin-bottom: 5px;
    overflow: auto;
    font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #333333;
    padding: 0px 10px 0px 10px;
}
#version_info hr{
    background: #ddd;
    border: 1px solid #ddd;
    width: 98%;
}
#version_overlay{
    position:fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 10000;
	height: 100%;
	background: rgba(50, 50, 50, 0.5);
}
#version_check_on_overlay{
    position: relative;
	margin: 0px auto;
	background: rgba(255,255,255, 1);
	padding: 15px 15px 10px 20px;
	top: 50px;
	width: 800px;
	height: 500px;
	border: 1px #F79646 solid;
	z-index: 10001;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5);
}
#version_check_on_overlay h3{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 14pt;
	color: #333333;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}
/* Contact overlay */
#contact_overlay{
    position:fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 10000;
	height: 100%;
	background: rgba(50, 50, 50, 0.5);
}
#contact_check_on_overlay{
    position: relative;
	margin: 0px auto;
	background: rgba(255, 255, 255, 1);
	padding: 15px 15px 10px 20px;
	top: 50px;
	width: 700px;
	height: 200px;
	border: 1px #F79646 solid;
	z-index: 10001;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5);
}
#contact_check_on_overlay h3{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 14pt;
	color: #333333;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}
/* Blog / Press / NewsPublish overlay */
#blogpressnews_overlay{
    position:fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 10000;
	height: 100%;
	background: rgba(50, 50, 50, 0.5);
}
#blogpressnews_check_on_overlay{
    position: relative;
	margin: 0px auto;
	background: rgba(255, 255, 255, 1);
	padding: 15px 15px 10px 20px;
	top: 50px;
	width: 700px;
	height: 200px;
	border: 1px #F79646 solid;
	z-index: 10001;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5);
}
#blogpressnews_check_on_overlay h3{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 14pt;
	color: #333333;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}
/* Booking overlay */
#booking_overlay, #booking_loader, #exportbookingloader{
    position:fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 10000;
	height: 100%;
	background: rgba(50, 50, 50, 0.5);
    overflow-y: auto;
}
#booking_check_on_overlay{
    position: relative;
	margin: 0px auto;
	background: rgba(255, 255, 255, 1);
	padding: 15px 15px 10px 20px;
	top: 50px;
	width: 700px;
	height: auto;
	border: 1px #F79646 solid;
	z-index: 10001;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5);
    overflow-y: auto;
}
#booking_check_on_overlay h3{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 14pt;
	color: #333333;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}
#booking_excel_print{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10pt;
    color: #333;
    text-decoration: none;
    background: url("/QSTool/Images/PDFCatalogus.png") no-repeat;
    background-size: 24px;
    padding: 0px 0px 0px 45px;
    line-height: 24px;
}
#booking_excel_print:hover{
    color: #ed8f36;
}
/* rental overlay */
#rental_overlay, #rental_loader, #exportrentalloader{
    position:fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 10000;
	height: 100%;
	background: rgba(50, 50, 50, 0.5);
    overflow-y: auto;
}
#rental_check_on_overlay{
    position: relative;
	margin: 0px auto;
	background: rgba(255, 255, 255, 1);
	padding: 15px 15px 10px 20px;
	top: 50px;
	width: 700px;
	height: auto;
	border: 1px #F79646 solid;
	z-index: 10001;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.5);
    overflow-y: auto;
}
#rental_check_on_overlay h3{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 14pt;
	color: #333333;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}
#rental_excel_print{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10pt;
    color: #333;
    text-decoration: none;
    background: url("/QSTool/Images/PDFCatalogus.png") no-repeat;
    background-size: 24px;
    padding: 0px 0px 0px 45px;
    line-height: 24px;
}
#rental_excel_print:hover{
    color: #ed8f36;
}


.btn-neutral{
    color: #333;
    background: #e5e7ed;
    border: 2px solid #cdd1dc;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 0px 0px 10px 0px;
    text-decoration: none;
}
.btn-neutral-extra-left:before{
    content: "\f053";
    font-family: 'fontawesome';
    display: inline-block;
    text-rendering: auto;
}
.btn-neutral-extra-right:before{
    content: "\f054";
    font-family: 'fontawesome';
    display: inline-block;
    text-rendering: auto;
}
.btn-neutral:hover{
    background: #cdd1dc;
}
#important-info:before{
    content: "\f12a";
    font-family: 'fontawesome';
    display: inline-block;
    text-rendering: auto;
    color: #fc0101;
}
#important-info-extra:before{
    content: "\f12a";
    font-family: 'fontawesome';
    display: inline-block;
    text-rendering: auto;
    color: #fca601;
}
#important-info-done:before{
    content: "\f00c";
    font-family: 'fontawesome';
    display: inline-block;
    text-rendering: auto;
    color: #01fc30;
}
.booking-month-click:hover{
    cursor: pointer;
    background-image: url('/QSTool/Images/arrow_right.png') !important;
    background-repeat: no-repeat !important;
    background-position: 95% !important;
    background-color: #e5e5e5 !important;
}
#BlogShow{
    width: 100%;
}
#BlogShow::after {
    clear: both;
    display: block;
    content: '';
}
#BlogBox{
    background: #fcfcfe none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0px 2px 5px #ddd;
    margin: 15px;
    padding: 0px 0px 4px 0px;
    width: 275px;
    height: auto;
    float: left;
}
#BlogBox-small{
    background: #fcfcfe none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0px 2px 5px #ddd;
    margin: 15px;
    padding: 0px 0px 4px 0px;
    width: 200px;
    height: 300px;
    float: left;
}
#ImageBlock{
    overflow: hidden;
    max-height: 145px;
    border-radius: 5px;
}
#ImageBlock-small{
    overflow: hidden;
    max-height: 100px;
    border-radius: 5px;
}
#ImageBlock:hover, #ImageBlock-small:hover{
    opacity: 0.8;
}
#ImageBlock img, #ImageBlock-small img{
    width: 100%;
}
#TextBlock{
    position: relative;
    overflow: hidden;
    border-top: 1px solid #eee;
    height: 160px;
}
#TextBlock-small{
    position: relative;
    overflow: hidden;
    border-top: 1px solid #eee;
    height: 65px;
}
#BlogTitle{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    color: #333333;
    margin: 0px;
    padding: 0px;
}
#BlogTitle-small{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #333333;
    margin: 0px;
    padding: 0px;
}
#InnerTextBlock{
    height: auto;
    line-height: 1.4;
    padding: 20px;
}
#InnerTextBlock-small{
    height: auto;
    line-height: 1.4;
    padding: 10px;
}
#InnerTextBlock a, #InnerTextBlock-small a{
    text-decoration: none;
}
#PostInfo, #PostInfo-small{
    bottom: 0px;
    position: relative;
    right: 0px;
}
#PostInfoText{
    float: right;
    font-family: Verdana, Geneva, sans-serif;
    margin: 0px 10px 0px 0px;
    font-size: 8px;
    color: #ccc;
}
#PostInfoText-small{
    float: right;
    font-family: Verdana, Geneva, sans-serif;
    margin: 0px 10px 0px 0px;
    font-size: 7px;
    color: #ccc;
}
#snippet_blogtitle{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
    color: #333333;
    margin: 0px;
    padding: 0px;
}
#snippet_blogtext{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px !important;
    color: #333333;
    margin: 0px;
    padding: 0px;
}
#snippet_blogbtn{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px !important;
    color: #333333;
    margin: 0px;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 0px 0px 0px;
}
#snippet_blogbtn:hover{
    text-decoration: underline;
}
#blog_twitter iframe{
    margin-top: 8px;
}
/* Tooltipster */
.tooltipster-default {
	border-radius: 5px;
	border: 1px solid #ff9702;
	background: #FFFFFF;
	color: #333333;
}
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}
/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}
/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}
/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}
/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important;
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important;
	border-right: 9px solid;
	margin-top: -8px;
}
/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}
.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}
.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}
.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
/* End Tooltipster */
/* Plugin beveiliging */
#plugin_overlay{
    position:fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 10000;
	height: 100%;
	background: rgba(50, 50, 50, 0.5);
}
#plugin_check_on_overlay{
    position: relative;
	margin: 0px auto;
	background: rgba(255,255,255, 1);
	padding: 15px 15px 10px 20px;
	top: 50px;
	width: 800px;
	height: 200px;
	border: 1px #F79646 solid;
	z-index: 10001;
}
#plugin_check_on_overlay h3{
    font-family: Verdana, Geneva, sans-serif;
	font-size: 14pt;
	color: #333333;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}

.allowEditorWidth {
    width: 100% !important;
    max-width: 960px !important;
}


/* Gallry plug-in upgrade css */
.gallery_thumbnail {
    padding: 2px 2px 2px 2px; 
    border: 1px solid #CCC; 
    max-width: 50px;
}

.gallery_entry_wrap {
    border: 1px solid #eee;
    border-radius: 3px;
    height: 175px;
}

.gallery_thumb_wrap {
    min-height: 100px;
}

#generalTable tr td {
    vertical-align: top;
}

/* ############ Fonts #################### */
@font-face {
    font-family: 'fontawesome';
    src: url('/QSTool/Fonts/fontawesome-webfont.eot');
    src: url('/QSTool/Fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
         url('/QSTool/Fonts/fontawesome-webfont.woff') format('woff'),
         url('/QSTool/Fonts/fontawesome-webfont.ttf') format('truetype'),
         url('/QSTool/Fonts/fontawesome-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}