/*
 * Password Management Servlets (PWM)
 * http://www.pwm-project.org
 *
 * Copyright (c) 2006-2009 Novell, Inc.
 * Copyright (c) 2009-2016 The PWM Project
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 */

@font-face {
  font-family: 'PolitieSans';
  src: url('PolitieSans/PolitieSans-Regular-v11-web.eot');
  src: url('PolitieSans/PolitieSans-Regular-v11-web.woff') format('woff'), url('PolitieSans/PolitieSans-Regular-v11-web.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  }
@font-face {
    font-family: 'PolitieSansBold';
    src: url('PolitieSans/PolitieSans-Bold-v11-web.eot');
    src: url('PolitieSans/PolitieSans-Bold-v11-web.woff') format('woff'), url('/Style Library/Politieacademie/style/fonts/PolitieSans/PolitieSans-Bold-v11-web.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PolitieSansItalic';
    src: url('PolitieSans/PolitieSans-Italic-v11-web.eot');
    src: url('PolitieSans/PolitieSans-Italic-v11-web.woff') format('woff'), url('/Style Library/Politieacademie/style/fonts/PolitieSans/PolitieSans-Italic-v11-web.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PolitieSansBoldItalic';
    src: url('PolitieSans/PolitieSans-BoldItalic-v11-web.eot');
    src: url('PolitieSans/PolitieSans-BoldItalic-v11-web.woff') format('woff'), url('/Style Library/Politieacademie/style/fonts/PolitieSans/PolitieSans-BoldItalic-v11-web.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body, #header-page, #header-title{font-family: 'PolitieSans', sans-serif;}

#header {
    width: auto;
    height: auto;
    margin: 0px auto;
    background-image: none;
	padding:10px 40px;
	min-height:50px;
}

#header-company-logo {
    position: absolute;
	position-area: center;
    float: none;
    background-image: url('logo.png');
    top: 16px;
    width: 128px;
    height: 56px;
    z-index: 1;
	background-repeat:no-repeat;
	margin:0px auto;
}
#header-center{position:absolute;top:0px;width:92%}
#header-center-right{top:6px}
#header-center-left{float:left}
#header-page{color:#004682;font-size:24px;font-weight:bold}
#header-title{color:#004682;font-size:16px}

.header-button:hover {background: #4f5be8;}


#header-username-caret span.m-icon {
    content: "\f08b";
}

.tile {
    width: 165px;
    height: 165px;
}

.tile:hover {border: 1px solid #4f5be8;}

#centerbody {
    background-color: #fff;
    padding: 10px 10px 40px 15px;
    border: none;
}
#centerbody.tile-centerbody{margin-top:20px;}
#centerbody:before{
	position: absolute;
    content: "";
    left: 0;
    top: 0%;
    width: 100%;
    height: .5rem;
    background: -webkit-linear-gradient(to bottom,rgba(0,0,0,.16) 0,rgba(0,70,130,0) 100%);
    background: -moz-linear-gradient(to bottom,rgba(0,0,0,.16) 0,rgba(0,70,130,0) 100%);
    background: -o-linear-gradient(to bottom,rgba(0,0,0,.16) 0,rgba(0,70,130,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.16) 0,rgba(0,70,130,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000', GradientType=0 )
}
#centerbody:after{
	position: absolute;
    content: "";
    left: 0;
    top: 100%;
    width: 100%;
    height: .5rem;
    background: -webkit-linear-gradient(to bottom,rgba(0,0,0,.16) 0,rgba(0,70,130,0) 100%);
    background: -moz-linear-gradient(to bottom,rgba(0,0,0,.16) 0,rgba(0,70,130,0) 100%);
    background: -o-linear-gradient(to bottom,rgba(0,0,0,.16) 0,rgba(0,70,130,0) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,.16) 0,rgba(0,70,130,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000', GradientType=0 )
}

.message {
    background-color: #eeeeee;
}

.message-info {
    background-color: #b6ccdb;
}

.message-error {
    background-color: #ffcccc;
}

.message-success {
    background-color: #70c1f9;
}

.menubutton {
    white-space: normal;
}
#wrapper{ 
	max-width: 1024px;
	border-left: .063rem solid #d6e1eb;
	border-right: .063rem solid #d6e1eb;
}

.btn{ background-color: #004682}
.btn:hover{ background-color: #003868}
.header-button:hover{background-color:#fff;}