/* defaults */

*
{
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    font-size: 12px;
}

a
{
    color: #c41e3a; /*#F77F00;*/
}

a img
{
	border: none;
}

.WatermarkStyle
{
    color: Gray;
}

p
{
	padding-left: 15px;
}


/* Default structure */
.clearfix
{
    clear: both;
    height: 0px;
}

.TopContainer
{
}

.MainContainer
{
}

.LeftContainer
{
    float: left;
}

.RightContainer
{
    float: right;
}

.ContentContainer
{
    height: auto;
}

.Breadcrumb
{
    margin: 5px 5px 5px 15px;
    display: inline-block;
}

.Breadcrumb span
{
    display: inline;
}

.LoginPanelLabel
{
    display: block;
    text-align: right;
    top: 5px;
    left: 25px;
}

.LoginPanelLabel:hover
{
    text-decoration: underline;
}

.LoginPanelControls
{
    padding: 5px;
    margin-bottom: 15px;
    margin-top: 5px;
    border: solid 1px black;
}

.LoginView
{
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    display: inline-block;
}

.LoginDescription
{
    width: 100px;
    padding: 3px;
    padding-left: 0px;
}

.LoginButton
{
    padding: 3px 5px;
}

.MenuItem
{
    padding-left: 2px;
    padding-right: 2px;
    border-right: solid 1px black;
    color: Black;
}

.MenuItem:hover
{
    text-decoration: underline;
}

/* Search Styles */

.VoorOnlineCheckbox
{
    display: inline-block;
    margin-left: 5px;
}

.AdvancedSearch
{
    margin: 15px 5px 5px 0px;
    background-color: #c41e3a; /*#F77F00;*/
}

.AdvancedSearch span
{
    display: inline-block;
    vertical-align: middle;
}

.AdvancedSearchImage
{
    margin-left: 5px;
    vertical-align: middle;
}

.AdvancedSearchControls
{
    background-color: #F9E8EB; /*#FDDFC0;*/
    float:clear;
}

.SearchAdvancedLabel
{
    padding: 5px;
    text-decoration: none;
    text-align: left;
    color: White;
    font-weight: bold;
}

.SearchCombobox
{
    width: 200px;
    margin-right: 5px;
}

.SearchAdvancedLabel a:hover
{
    text-decoration: underline;
}

#SearchControls
{
    margin: 5px;
    margin-top: 15px;
    margin-left: 15px;
    padding: 5px;
    border: solid 1px black;
    max-width: 830px;
}

.SearchRow
{
    width: auto;
    padding: 5px;
    float: left;
}

.SearchColumn
{
    margin-top: 10px;
    padding-right: 5px;
}

.SearchDescription
{
    float: left;
    width: 120px;
    vertical-align: middle;
}

.SearchField
{
    float: left;
    width: auto;
}

.SearchFieldInfo
{
    float: left;
}

.Popup
{
	z-index: 1;
}

.SearchFieldInfo span
{
    display: none;
}

.SearchFieldInfo:hover span
{ 
    display: block;
    position: fixed;
    top: 185px; 
    left: 365px; 
    width: 415px;
    border: 1px solid;
    padding: 5px;
    background-color: white; 
    text-align: left;
    
}

.SearchField label /* combobox text */
{
    margin-left: 3px;
}

.SearchButtons
{
    margin-top: 25px;
}

.SearchButtons input
{
    padding: 2px 5px;
}

.SearchResults
{
	border:1px solid black;
	margin:15px 5px 5px 15px;
	padding:5px;
	width: 830px !important;
	max-width: 830px;
}

.SearchResultColumn
{
    padding: 5px;
    padding-left: 2px;
    text-align: left;
}

.SearchResultColumnProject
{
    padding: 5px;
    padding-left: 2px;
    vertical-align: top;
    width: 200px !important;
    height: auto;
    min-width: 200px;
    max-width: 200px;
}

.SearchResultColumnImage
{
	padding: 5px;
    padding-left: 2px;
    vertical-align: top;
    width: 81px !important;
    height: 46px;
    min-width: 81px;
    max-width: 81px;
}

.SearchResultColumnLocatie
{
    padding: 5px;
    padding-left: 2px;
    vertical-align: top;
    width: 160px !important;
    height: auto;
    min-width: 160px;
    max-width: 160px;
}

.SearchResultColumnGebouwType
{
    padding: 5px;
    padding-left: 2px;
    vertical-align: top;
    width: 100px !important;
    height: auto;
    min-width: 100px;
    max-width: 100px;
}

.SearchResultColumnJaar
{
    padding: 5px;
    padding-left: 2px;
    vertical-align: top;
    width: 45px !important;
    height: auto;
    min-width: 45px;
    max-width: 45px;
}

.SearchResultColumnInnovatief
{
    padding: 5px;
    padding-left: 2px;
    vertical-align: top;
    height: auto;
}

.SearchResultPagerBar
{
    padding: 5px;
    border-spacing: 5px;
}

.SearchResultRowAlternate
{
    background-color: #FCF3E6;
}

.SearchResultRow
{
    background-color: White;
}

.SearchResultHeader
{
    background-color: #c41e3a; /*#F77F00;*/
    color: White;
    text-align: left;
    padding: 5px 5px 5px 2px;
}

.SearchResultHeader a
{
    color: White;
    font-weight: bold;
    text-decoration: none;
}
.SearchResultHeader a:hover
{
    text-decoration: underline;
}

.SearchResultColumn a
{
    color: #c41e3a; /*#F77F00;*/
}

.SearchResultLabel
{
    display: inline-block;
    color: #c41e3a; /*#F77F00;*/
}

/* ProjectPage */

.ProjectHeader
{
    margin-top: 15px;
    width: 800px;
}

.ProjectHeaderText
{
    padding-left: 15px;
    color: #c41e3a; /*#F77F00;*/
    font-size: 14px;
    font-weight: bold;
}

.ProjectHeader .ProjectName
{
    padding-left: 15px;
    color: Black;
    font-size: 20px;
    font-weight: bold;
    width: 800px;
}

.ProjectImage
{
    float: right;
    margin-top: 5px;
}

.ProjectPart
{
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    width: 824px;
}

.ProjectPartHeader
{
    display: block;
    background-color: #c41e3a; /*#F77F00;*/
    color: White;
    font-weight: bold;
    padding: 3px;
    width:824px;
}

.ProjectPartContent
{
    display: inline-block;
    background-color: White;
    color: Black;
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
    width:800px;
}

.ProjectPartContent .Column
{
    margin-bottom: 10px;
}

.ProjectPartContent .Column .Description
{
    float: left;
    width: 200px;
    vertical-align: middle;
}

.ProjectPartContent .Column .Field
{
    float: left;
    width: auto;
    max-width: 276px; /* 1024 (max-width site) - 200 ( description ) - x ( margins + paddings )  */
    padding-left: 10px;
}

/*  Database Migration Page */

#BeheerUpload
{
    padding: 5px;
    padding-top: 15px;
    margin-left: 15px;
}

#BeheerFiles
{
    padding: 5px;
    padding-top: 15px;
    margin-left: 15px;
}

.UploadButton
{
    padding: 3px;
}

.modalBackground
{
    filter: alpha(opacity=70); /* IE FIX :| */
    background-color: gray;
    opacity: 0.7; /* IE FIX :| */
}

.UploadDatabaseSelectedStyle
{
    background-color: #FE93A5; /*#F9B95E;*/
}

.UploadImage
{
    padding: 3px;
}

.UploadImage img
{
    max-height: 100px;
    max-width: 100px;
}

.DisclaimerTitle
{
    font-size: 12px;
    padding: 5px;
}

.DisclaimerText
{
    padding: 0 5px 5px 5px;
    width: auto;
}

.Disclaimer
{
	float: right;
	padding: 5px;
    bottom:0;
    right:0;
}

.Hidden
{
	display: none;
}

.PageTitle
{
	font-size: large;
}

.Lijst
{
	margin-top: 15px;
	margin-left: 15px;
}

.ManageListButtonAddRemoveProject
{
	width: 100px;
}

.ManageListEditAddRemoveProject
{
	width: 50px;
}

.ManageListDeleteAddRemoveProject
{
	width: 50px;
}