/* reset */
h1{
  font-size: 200%;
}
h2{
  font-size: 150%;
}
b,th,h1,h2{
  font-weight: bold;
}
p{
  margin: 1em 0;
}
p:first-child{
  margin-top: 0;
}
label{
  cursor: pointer;
}

/* kit */
table.kit.form th.caption,
table.kit.form tr.both > th{
  font-weight: normal;
}
table.kit.form tr.both > th{
  padding-top: 10px;
}

div.status div span.close{
  opacity: 0;
}
div.status div:hover span.close{
  opacity: 1;
  transition: 1s;
}

div.kit.widget.buttons div.option,
div.kit.widget.bool div.option{
  display: inline;
  padding: 0;
  text-align: center;
}
div.kit.widget.buttons div.option:last-of-type,
div.kit.widget.bool div.option:last-of-type{
  margin-right: 5px;
}
div.kit.widget.buttons div.option label,
div.kit.widget.bool div.option label{
  display: inline-block;
  border: solid #ddd;
  border-width: 2px 1px;
  padding: 2px;
  min-width: 40px;
  background-color: #eee;
  background: linear-gradient(to bottom,#fff 0%,#eee 100%);
  font-weight: bold;
  color: #888;
}
div.kit.widget.buttons div.option input,
div.kit.widget.bool div.option input{
  display: none;
}
div.kit.widget.buttons div.option:first-of-type label,
div.kit.widget.bool div.option:first-of-type label{
  border-radius: 6px 0 0 6px;
  border-left-width: 2px;
}
div.kit.widget.buttons div.option input:checked+label,
div.kit.widget.bool div.option input:checked+label{
  border-color: #4297d7;
  background-color: #73aad6;
  background: linear-gradient(to bottom,#8cbade 0%,#639ece 100%);
  color: #fff;
}
div.kit.widget.buttons div.option:last-of-type label,
div.kit.widget.bool div.option:last-of-type label{
  border-radius: 0 6px 6px 0;
  border-right-width: 2px;
}
div.kit.widget.bool div.option:first-of-type input:checked+label{
  border-color: #282;
  background-color: #5b5;
  background: linear-gradient(to bottom,#7c7 0%,#5a5 100%);
}
div.kit.widget.bool div.option:last-of-type input:checked+label{
  border-color: #822;
  background-color: #d44;
  background: linear-gradient(to bottom,#e88 0%,#c44 100%);
}
div.kit.widget.memo{
  margin-right: 10px;
}
div.kit.widget.memo textarea{
  width: 100%;
}

/* template */
html,body{
  height: 100%;
}
body{
  display: table;
  width: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 12px;
  line-height: 20px;
}

div.header,div.body,div.footer{
  display: table-row;
  height: 1px;
}
div.body{
  height: 100%;
  /*background: linear-gradient(135deg,#fff 0%,#def 100%);*/
  background-color: #d7091e; 
  background-image:url('../images/page_back7.jpg'); 
  background-repeat: repeat-x;
  background-attachment:fixed;
}

div.title{
  height: 80px;
}

h2{
  margin: 20px 0px;
}

h1{
  padding: 20px 0px;
}

h1.title{
  padding: 8px;
  color: #333;
}
h1.title:before{
  content: '//';
  color: #06b;
  margin-right: 4px;
}
div.logo{
  background: url('../images/logo3.gif') no-repeat center;
  width: 950px;
  margin: 0 auto;
  padding: 0;
  height: 80px;
  border: 0px dashed green;
  background-color: white;
  cursor: pointer;
}
div.menu{
  background: linear-gradient(to bottom,#666 0%,#000 100%);
}
div.menu.sticky{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0px 5px 35px -5px #888;
  z-index: 1000;
}
div.menu span.shortcut{
  font-style: italic;
  margin-left: 20px;
}
div.menu > ul > li > a span.shortcut{
  margin-left: 5px;
  font-size: 75%;
}

div.trail{
  background: #ddd;
  padding: 2px 8px;
  border-bottom: 1px solid #000;
}
div.trail a{
  color: #000;
  text-decoration: none;
}
div.trail a:hover{
  text-decoration: underline;
}
div.siblings{
  float: right;
}

div.content{
  width: 950px;
  margin: 0 auto;
  background-color: #ffffff;
}

div.footer div{
  background: #ddd;
  border-top: 1px solid #000;
  padding: 4px;
  text-align: center;
}
div.footer a{
  text-decoration: none;
}
div.footer a:hover{
  text-decoration: underline;
}

section.content{
}

button{
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  text-shadow: 0px -1px 0px #5b6178;
  padding: 5px 12px;
  border: 1px solid #4297d7;
  border-radius: 4px;
  background-color: #73aad6;
  background: linear-gradient(to bottom,#8cbade 0%,#639ece 100%);
  margin: 8px 8px 4px 0;
  cursor: pointer;
}
button:hover{
  box-shadow: 0 1px 2px 1px #e77108;
}
button.ui-datepicker-trigger,
button.ui-button{
  text-shadow: none;
  padding: inherit;
  border: inherit;
  background: inherit;
  box-shadow: inherit;
  margin: inherit;
}

/* parts */
body.user-login #OpenIdLogin-row td{
  padding: 1.5em 0 1em 0;
}
body.user-login #OpenId-row th{
  background: #fff url(../toolkit/gfx/openid.png) no-repeat right;
}
body.user-login #UseSession-row td{
  padding-top: 1em;
}

body.user-change #CurrentPassword-row th,body.user-change #CurrentPassword-row td{
  padding-bottom: 10px;
}
body.user-change #NewPassword-div{
  display: inline-block;
}
body.user-change #Strength{
  display: inline-block;
  border: 1px solid #000;
  width: 30px;
  height: 20px;
  background: #ddd;
  text-align: center;
}

body.admin-langstr-edit td.Str input,
body.client-edit-langstr td.Str input{
  width: 250px;
}
body.admin-langstr-edit fieldset.tags,
body.client-edit-langstr fieldset.tags{
  font-size: 75%;
  background: #eee;
  border: 1px solid #bbb;
  border-radius: 5px;
  margin-top: 1em;
  padding: 4px;
}
body.admin-langstr-edit fieldset.tags button,
body.client-edit-langstr fieldset.tags button{
  text-shadow: none;
  border-color: #393;
  background-color: #5b5;
  background: linear-gradient(to bottom,#7c7 0%,#5a5 100%);
  margin: 2px;
  padding: 2px;
}
body.admin-langstr-edit fieldset.tags button:hover,
body.client-edit-langstr fieldset.tags button:hover{
  box-shadow: 0 1px 2px 1px #aaa;
}

/* app */
div.kit.widget.table tr.inactive,
#ShowInactive-label span.inactive{
  color: #f33;
}

div.note{
  position: absolute;
  z-index: 1000;
  transform: rotate(-2deg);
}
div.note:nth-child(odd){
  transform: rotate(2deg);
}
div.note > div{
  transform: none;
  width: 265px;
  min-height: 235px;
  padding: 35px 5px 5px 5px;
  border: 1px solid #e8e8e8;
  color: #333;
  font: 120% 'Comic Sans MS';
  font-weight: normal;
  text-shadow: none;
  text-align: center;
  border-bottom-right-radius: 60px 5px;
  background: #ffff87;
  background: linear-gradient(-45deg,rgba(230,230,130,1) 0%,rgba(255,255,135,1) 10%,rgba(255,255,150,1) 100%);
}
div.note > div:hover{
  background: #f99;
  cursor: pointer;
}
div.note div:after{
  content: '';
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 20px;
  width: 200px;
  height: 25px;
  background: rgba(0,0,0,0.2);
  box-shadow: 2px 15px 5px rgba(0,0,0,0.4);
  transform: matrix(-1,-0.1,0,1,0,0);
}

body.user-login div.preload{
  position: absolute;
  overflow: hidden;
  left: -9999px;
  top: -9999px;
  height: 1px;
  width: 1px;
}

body.client-edit-template #Style{
  width: 100%;
  min-height: 200px;
}
body.client-edit-template #Files div{
  position: relative;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #eee;
  margin: 2px;
  padding: 2px;
  cursor: pointer;
}
body.client-edit-template #Files div input.add,
body.client-edit-template #Files div input.delete{
  position: absolute;
  right: 2px;
  font-size: 0;
  background: transparent center no-repeat;
  background-image: url(../gfx/icons/delete.png);
  border: none;
  width: 16px;
  height: 16px;
  margin: 0 1px;
  vertical-align: middle;
  cursor: pointer;
}
body.client-edit-template #Files div input.add{
  right: 22px;
  background-image: url(../gfx/icons/script_add.png);
}

body.feat #Feat_caption_buttons input{
  display: none;
}
body.feat #FeatCost-div,
body.feat #ClientFeat-div{
  width: 600px;
}
body.feat #ClientFeat-div td.ClientId,
body.invoice #Invoice-div td.ClientId{
  text-align: left;
}
body.invoice #Invoice-div td.Status{
  text-align: center;
}
body.message #Message-div tr.unsent{
  font-style: italic;
}
body.message #Message-div tr.unsent,
body.message #Message-div tr.unread{
  font-weight: bold;
}
body.message-edit #ContactIds-div div.data-div{
  max-height: 100px;
}
body.message-edit #Message{
  width: 100%;
  min-height: 200px;
}
body.message-view #Message-showOnly{
  white-space: pre;
  display: block;
  padding: 1em;
  background: #ffc;
  border: 1px solid #888;
  box-shadow: 2px 4px 8px #999;
}

body.app-feat div.kit.widget.check input.help{
  position: relative;
}
body.app-feat #history table tr:nth-child(odd){
  background: #eee;
}
body.app-feat #history table td{
  padding: 2px 5px;
  white-space: nowrap;
}

body.app-contact-edit #App,
body.app-contact-edit #Feat,
body.pers-edit #UserProfile{
  font-weight: bold;
  padding: 15px 0 5px 0;
}

#action-buttons{
  overflow: hidden;
}

div.personaliaBoth{
  overflow: hidden;
  padding:10px;
}

div.personaliaKlant, div.personaliaPartner{
  width: 45%;
  float: left;
}

div.personalia_partner{
  float: right;
}

div.intro, div.personalia_klant,
div.personalia_partner, div.vragen{
  margin: 0px 20px;
}

button[name="action-send"]{
  float:right;
}

.menudynform form > div{
  float:right;
}

#indienGehuwd1, #indienGehuwd2 {
  padding-bottom: 10px;
}

#dossiergegevens{
  padding-bottom: 10px;
}

ol.algvoorwaarden {
  font-weight: bold; list-style: decimal; font-size: 12px;
}
  
ol.algvoorwaarden li   {
  margin-left:20px;
}
ol li p {
  font-weight: normal;
}

div.seperator {
  height: 2px;
  background-color: #555555;
}

#akkoord{
  width: 550px;
  float:right;
  padding-right: 30px;
}

#print-button > span {
  margin-left: 10px;
}

#vragenlijstTitel-div {
    line-height: 100%;
}

body.dashboard div.content,
body.reviewmanagement div.content{
    width: 100%;
}

body.dashboard div.kit.widget.table tbody tbody tr.link:hover td{
    background: #ccffff;
}

body.dashboard div.kit.widget.table tbody tbody tr.verzoek td{
    background: #ffffff;
}

body.dashboard div.kit.widget.table tbody tbody tr.geopend td{
    background: #ffcc99;
}

body.dashboard div.kit.widget.table tbody tbody tr.ingevuld td{
    background: #ffff99;
}

body.dashboard div.kit.widget.table tbody tbody tr.verzonden td{
    background: #ccffcc;
}

body.dashboard div.kit.widget.table tbody tbody tr.vervallen td{
    background: #d9d9d9;
}

body.dashboard div.options {
    text-align: left;
}

body.dashboard-details th{
    width: 1%;
    text-align: right;
    padding: 0px 10px;
    white-space: nowrap;
}

body.dashboard-details tr.opened > td{
    padding-right: 20px;
}

body.reviewmanagement .naam,
body.reviewmanagement .zaak{
    width: 15%;
}

body.reviewmanagement .stars-div{
    display: inline-block;
    width: 120px;
}

body.reviewmanagement .toelichting{
    width: 100%;
}
    
body.reviewmanagement .publishButton{
    width:100%;
}

body.phonebook div.options {
  text-align: left;
}