﻿html, body, form 
{
    padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

A:link, A:visited, A:active  {
	color:black;
	font-weight:normal;
	}
	
A:hover {
	font-weight:normal;
	color:#8cde12;
	}

BODY, INPUT, SELECT, TD, TEXTAREA, TH  {
	font-size:8pt;
	font-family: Arial,sans-serif;
}

BODY 
{
	background:black;
}

TEXTAREA, INPUT, SELECT {
	margin-top:0px;
}


FORM 	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

H1,H2,H3,H4 {
    margin:0px 0px 0px 0px;
}

H1 {
	font-size:19pt;
}

H2 {
	font-size:14pt;
}

H3 {
	font-size:11pt;
}

HR 	
{
    border-style: none;
	height: 1px;
	background-color: gray;
	width:100%;
	margin-top:2px;
	margin-bottom:2px;
	}

HTML {

}

IMG 	{
	border:0px;
	}
   	
TABLE 	{	
	border-color:#333333;
	border-width:0px;
	}
	
TD 	{
	color:black;
	border-color:#333333;
	vertical-align: top;
	border-width:1px;
    	}

TH 	{
	vertical-align:top;
	border-bottom:solid 1px #333333;
	color:white;
	text-align:left;
	font-weight:bold;
	padding:2px 2px 3px 4px;
	height:19px;
    }
    
P 
{
    margin-top:0px;
    margin-bottom:10px;
}

IMG.ArticleImage 
{
    float:left;
    width:300px;
    margin-right:10px;
}

DIV.ModelDetailName 
{
    clear:both;
    padding: 4px 4px 4px 12px;
   	font-size:20pt;
   	background-color:#4f4f4f;
   	color:White;
   	height:30px;
}

DIV.ModelPreviousNextButton 
{
    padding-top:3px;
    padding-right:5px;
    float:right;
}

DIV.ModelDetails 
{
    clear:both;
    color:White;
    padding:10px;
    background:#333333;
    margin-bottom:10px;
    overflow:auto;
}

DIV.ModelDetails TD 
{
        color:White;
}

DIV.ModelDetails A 
{
        color:White;
}

DIV.ModelDetails A:hover {
	color:#8cde12;
	}

IMG.ModelDetailPhoto 
{
    margin-bottom:10px;
}

#DefaultMenu 
{
    margin-bottom:25px;
}

#MaintainMenu
{
    background:white;
    padding:5px;
    margin-bottom:25px;
}

#DefaultFooter 
{
    width:980px;
    text-align:center;
    color:#AAAAAA;
    margin-bottom:30px;
}

#DefaultFooter A
{
    color:White;
    font-weight:normal;
}


DIV.MainContent 
{
    width:980px;
    padding:10px 10px 10px 10px;
    margin-left: auto;
    margin-right: auto;
    background:black;
    overflow: auto;

}

DIV.Thumb 
{
    float:left;
    color:White;
    font-size:8pt;
    height:240px;
}

IMG.Thumb
{
    width:155px;
    height:207px;
    margin-bottom:2px;
    }


IMG.thumbsmall 
{
    width:26px;
    height:35px;
    margin-right:5px;
    }

.small {
	font-size:x-small;
	font-weight:normal;
	}

DIV.sone-general-header-alert, DIV.sone-general-header 
{
    	font-size:19pt;
    	font-weight:bold;
}

DIV.sone-general-header, DIV.sone-general-header-alert, DIV.sone-general-header-sub
{
	color:white;
	padding:0px 4px 4px 4px;
	}

DIV.sone-general-header A:link, DIV.sone-general-header A:visited, DIV.sone-general-header A:active, DIV.sone-general-header-alert A:link, DIV.sone-general-header-alert A:visited, DIV.sone-general-header-alert A:active {color:white;}

A.textlink 
{
   	color:black;
	font-weight:bold;
	text-decoration: underline;
	cursor:pointer;
}

A.textlinkLight 
{
    color:black;
	font-weight:normal;
	text-decoration: underline;
	cursor:pointer;
}

DIV.sone-general-footer  
{
    color:White;
    min-height:26px;
    position:relative;
	vertical-align:middle;
	padding:2px 5px 2px 5px;
	}

DIV.sone-general-footer A:link, DIV.sone-general-footer A:visited, DIV.sone-general-footer A:active {color:white;}

TD.sone-general-labelcell {
	padding:0px 2px 1px 2px;
	border-bottom:solid 1px;
	font-weight:bold;
	height:22px;
	width:200px;
}

TD.sone-general-valuecell {
	border-left:solid 1px;
	border-bottom:solid 1px;
	padding:1px 2px 2px 2px;
	background: white;
	height:22px;
}

TD.btnEdit 
{
	margin-left:0px;
	padding-right:0px;
	width:22px;
	text-align:right;
}

IMG.btnEdit
{
	cursor:pointer;
	padding-top:1px;
	width:22px;
	height:22px;
}

IMG.btnHideCollapse {
	cursor:pointer;
	width:36px;
	float:right;
	}


TD.btnUnlink 
{
	padding-left:0px;
	padding-right:0px;
	width:22px;
}

IMG.btnUnlink
{
	cursor:pointer;
	padding-top:1px;
	width:22px;
	height:22px;
}

IMG.btnSmall, IMG.btnSearchSmall
{
    vertical-align:middle;
	cursor:pointer;
	margin:1px 3px 1px 0px;
	width:16px;
	height:16px;
}

IMG.btnSearchSmall 
{
    float:left;
}

IMG.genderImg 
{
	float:left;
	margin:2px 4px 0px 0px;
	width:15px;
	height:16px;
}

.displaygray, .displaygray TD
{
	color: Gray;
}

DIV.dateHolder 
{
    float:left;
    margin-right:2px;
    vertical-align:top;
}


DIV.sone-general-header-alert, DIV.sone-general-header, DIV.sone-general-header-gray
{
    	font-size:19pt;
    	font-weight:bold;
    	clear:both;
}

DIV.sone-general-header, DIV.sone-general-header-alert, DIV.sone-general-header-sub, DIV.sone-general-header-gray
{
	color:white;
	padding:0px 4px 4px 4px;
}

DIV.sone-general-header-gray 
{
    background-color:#333333;
}

DIV.sone-general-header A:link, DIV.sone-general-header A:visited, DIV.sone-general-header A:active, DIV.sone-general-header-alert A:link, DIV.sone-general-header-alert A:visited, DIV.sone-general-header-alert A:active {color:white;}

DIV.sone-general-header-sub 
{
    vertical-align:top;
	border-bottom:solid 1px #333333;
	color:white;
	font-weight:bold;
	padding:0px 2px 3px 4px;
	height:19px;
}


/* TABS */
DIV.tabHolder 
{
    width:100%;
    height:21px;
}

DIV.tabHolderInside
{
    float:right;
}

DIV.tabSelectedLeft, DIV.tabSelectedLeft_alert
{
    float:left;
    padding:2px 5px 0px 12px;
    height:19px;
    color:white;
    background-image:url('images/tab_topleft.png');
    background-repeat: no-repeat;
}

DIV.tabSelectedRight, DIV.tabSelectedRight_alert
{
    width:7px;
    height:21px;
    float:left;
    background-image:url('images/tab_topright.png');
}

DIV.tabSelectedLeft, tabSelectedRight
{
    background-color:#1F335B;
}

DIV.tabSelectedLeft_alert, DIV.tabSelectedRight_alert
{
    background-color:#1F335B;
}


DIV.tabNonLeft 
{
    font-weight:normal;
    text-decoration:underline;
    cursor:pointer;
    height:18px;
    color:white;
    padding:2px 5px 0px 12px;
    float:left;
    border-bottom:solid 1px #222222;
    background-image:url('images/tab_botleft.png');
    background-repeat: no-repeat;
    background-color:#536DA0;
}

DIV.tabNonLeft_first 
{
    font-weight:normal;
    text-decoration:underline;
    cursor:pointer;
    height:18px;
    color:white;
    padding:2px 5px 0px 12px;
    float:left;
    border-bottom:solid 1px #222222;
    background-image:url('images/tab_topleft.png');
    background-repeat: no-repeat;
    background-color:#536DA0;
}

DIV.tabNonRight
{
    width:7px;    
    height:20px;
    float:left;
    background-image:url('images/tab_topright.png');
    border-bottom:solid 1px #222222;
    background-color:#536DA0;
    
}
DIV.tabNonRight_NxtTabSel 
{
    width:7px;    
    height:20px;
    float:left;
    background-image:url('images/tab_botright.png');
}

/*
	Opmaak voor data list
*/
.DataList 
{
	width:100%;
}


/*
    Layout for Dashboard
*/
IMG.DashboardProfile
{   
    width:100px;
    height:100px;
    vertical-align:top;
    margin-right:5px;
}

/* DEFAULT COLORS */
A:hover, DIV.sone-general-header A:hover {color:#C30000;}
Body {margin:0px 0px 0px 0px;}.sone-general-header, DIV.sone-general-footer, DIV.dialogfooter {background:#1F335B;}
.sone-general-header-alert, DIV.option_header, DIV.option_footer, TR.totalsrow TD {background:#C30000;}
.sone-general-header-sub, TH {background:#536DA0;}
TD.sone-general-labelcell, TR.selectrow0, TR.displayrow0 {background:#d5e1ec;}
A.topmenu:link, A.topmenu:visited, A.topmenu:active {color:#ffb5b5;}
A.topmenu:hover {color:white;}



/*
Opmaak voor bovenste filtergedeelte, geleend van de portalmanager
*/
DIV.filter {
 	width:970px;
 	float:left;
 	clear:both;
 	margin-bottom:10px;
	}

TABLE.filter_main {
	width:100%;
 	}

/*
Opmaak voor page nummering
*/
DIV.page 
{
    float:right;
    font-size:8pt;
    font-weight:normal;
}

A.page:link, A.page:visited, A.page:active  
{
	color:White;
	font-weight:normal;
	}
	
A.page:hover {
	font-weight:normal;
	}

/*
List layout
*/
TR.displayrowSel0
{
    background:#ff9e9e;
}

TR.displayrowSel1
{
    background:#ff8585;
}

TR.displayrow0 TD, TR.displayrow1 TD, TR.displayrowSel0 TD, TR.displayrowSel1 TD {
	padding:0px 1px 3px 3px;
	height:18px;
	}

TR.displayrow1 {
	background:white;
	}	

.nodata {
	background:white;
	padding:2px 2px 5px 5px;
	}
	
TR.totalsrow TD 
{
	color:White;
	font-weight:bold;
	padding:0px 2px 3px 3px;
	height:19px;
}


#modaldialog 
{
    
}
	
#contentplaceholder {
    padding:8px;
    width:975px;
    float:left;
}

#contentplaceholder_dialog 
{
	    width:95%;
}



#onecolumn {
	width:975px;
	float:left;
	margin-right:5px;
	}
	
#leftcolumn {
	width:790px;
	float:left;
	margin-right:5px;
    position:relative;
	}
	
#rightcolumn {
	width:180px;
	float:left;
}

.contentblock 
{
    overflow: auto;
    clear:both;
    margin-bottom:10px;
}

/* Dialog specific layout */
DIV.dialogfooter 
{
    text-align:right;
    height:26px;
    position:relative;
	vertical-align:middle;
	padding:2px 5px 2px 5px;
	}

TR.displayrow0 TD.status, TR.displayrow1 TD.status, TR.displayrowSel0 TD.status, TR.displayrowSel1 TD.status
{
    margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
} 

DIV.logosearchbox 
{
    position:relative;
    height:61px;
  	margin-top:10px;
	margin-bottom:25px;
}

DIV.logo 
{
    vertical-align:bottom;
    float:left;
}

IMG.logo 
{

}

DIV.searchbox 
{
    position:absolute;
    bottom:0px;
    right:0px;
}

INPUT.searchbox
{
    color:#555555;
    width:200px;
}


/* Sortable rows */
TH.handleUpDown 
{
    width:36px;
    padding-left:0px;
}

TD.handleUpDown 
{
    width:36px;
    padding-left:0px;
    text-align: right;
}

IMG.handleUpDown
{
    width:36px;
    height:18px;
	cursor:move;
	margin-top:2px;
}

UL.sortableList { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; }
UL.sortableList li { margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }
html>body UL.sortableList li {  }

UL.sortableList { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; }
UL.sortableList li { margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; }
html>body UL.sortableList li { }

.sortableList-highlight 
{
	background: #F5F5F5;
	height:21px;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
	border-top: solid 1px #AAAAAA;
	border-left: solid 1px #AAAAAA;
}


/* Dialog */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }

.ui-dialog
{
	border:solid 1px #333333;
	line-height:normal;
}


.ui-dialog-titlebar 
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.ui-dialog-title
{
	font-size:15pt;
	line-height:normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.ui-widget-overlay { background: #222222 url('images/ui-bg_diagonals-thick_20_666666_40x40.png') 50% 50% repeat; opacity: .70;filter:Alpha(Opacity=70); }
.ui-state-default, .ui-widget-content .ui-state-default { color:Black; font-weight:normal;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #C30000; background: #C30000; font-weight:normal; color: white; }
.ui-state-hover a, .ui-state-hover a:hover { color: #C30000; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #C30000; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #C30000; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #C30000; outline: none; text-decoration: none; }
