/* DataGrid */
.tablecontainer
{
    position: absolute;
}

.FixedHeaderPanel
{
	overflow: auto;
	border: 1px solid #466094;	
	background-color: #ffffff;
}

.GridPanel
{
	/*border: 1px solid #466094;	*/
	background-color: #ffffff;
}

.GridView
{
	background-color: #FFFFFF;
}

.GridViewFixedHeader
{
	background-color: #FFFFFF;
}

.Header
{
	height: 22px;
	background-color: #E0E3E8;
}

.Header TH
{
	font-weight: normal;
	text-align: left;	
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: 1px solid #A0A0A4;
	border-left: 1px solid #A0A0A4;
	background-position: right;
	background-repeat: no-repeat;
}

.GridViewFixedHeader .Header TH
{
    position: relative;    
    top: expression(this.parentNode.parentNode.parentNode.scrollTop);			
}

.Header TH A
{
	text-decoration: none;
	color: Black;
}

.Row, .SelectedRow
{
	height: 24px;
	cursor: default;
}

.Row TD, .SelectedRow TD
{
	padding-left: 4px;
	padding-right: 4px;
	border-bottom: 1px solid #CDD4E3;
}

.Row TD.PrimaryField
{
	background-color: #EEF0F6;
	cursor: default;
}

.SelectedRow
{
	background-color: #5A7EBF;
	color: #FFFFFF;
}

.GridView .Pager TD
{
	height: 21px;
	text-align: right;
	background-color: #E0E3E8;		
	border-top: 1px solid #A0A0A4;
}

.GridViewFixedHeader .Pager TABLE
{
    position: absolute;
	height: 21px;
	text-align: right;
	background-color: #E0E3E8;		
	border-top: 1px solid #A0A0A4;
    width: expression(this.parentNode.parentNode.parentNode.offsetWidth);
    top: expression(this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.offsetTop + this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.offsetHeight - 7);	
}

.Pager TD
{
	width: 10px;
}
/* End DataGrid */


/* Tabs */
span.tab
{
	font-size: 11px;
	border: 1px solid #6489D4;
	top: 1px;
	left: 1px;
	height: 17px;
	margin-right: 1px;
	position: relative;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
	background-color: #ffffff;
	cursor: hand;
}

span.tabOn
{
	filter: "";
	background-color: #EEF0F6;
	border-bottom: 1px solid #EEF0F6;
	padding-bottom: 5px;
	cursor: default;
	top: 2px;
}

hr.tabGlow
{
	height: 3px;
	color: #9EAA50;
	border-top: 1px solid #7E9109;
	border-bottom: 1px solid #B3C15B;
	position: absolute;
	z-index: 2;
	display: none;
}

div.tab
{
	/* nodig om in javascript bestand te gebruiken. ivm display: none en visibility: collapse issue*/
}

.workingAreaTop
{
	background-color: #EEF0F6;
	width: 100%;
	/*height: 100%;*/
	padding: 0px 0px 0px 0px;
}

.workingArea
{
	background-color: #EEF0F6;
	border: 1px solid #6489D4;
	width: 100%;
	/*height: 100%;*/
	font: Tahoma;
	font-size: 11px;
	color: #000000;
	padding: 0px 10px 10px 10px;
}

div.area
{
	overflow-x: auto;
	width: 100%;
}

table.tabBar
{
	width: 100%;
	height: 25px;
	
}
/* End Tabs */

/* AutoSuggest */
div.suggestions {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: white;
    border: 1px solid black;
    position: absolute;   
}

div.suggestions div {
    cursor: default;
    padding: 0px 3px;
}

div.suggestions div.current {
    background-color: #3366cc;
    color: white;
}
/* End AutoSuggest */

/* Input */
input
{
	vertical-align: middle;
	cursor:	hand;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
	border:	1px solid #7b9ebd;
}

/* Button */
.button
{
	filter:	progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde);	
	cursor:	hand;
	font-size: 11px;
	padding-left: 5px;
	padding-right: 5px;
	border:	1px solid #7b9ebd;
	overflow:hidden;
}
.buttoninvisible
{
	color: #FFFFFF; font-size: 1px; text-align: Left; border-width: 0px; width: 1px; height: 1px
}


.ImageButton
{
	vertical-align: middle;
}

img {
	border: none;
	vertical-align: middle;
}

img.button
{
	width:	55px;
	height:	0px;
}

/* End Button */

.dropdownlist
{
	vertical-align: middle;
	font-family: Tahoma, Verdana;
	font-size: 11px;
}

.textbox
{
	vertical-align: middle;
	font-family: Tahoma, Verdana;
	font-size: 11px;
}

/* Top Menu */
.menustyle 
{
	background-color:white;
	border:1px;
	border-style:solid;
	border-color:Gray;
}

.menuitem 
{
	background-color:white;
	font-family:verdana;
	font-size:12px;
	border:1px;
	border-style:solid;
	border-color:white;
	padding:2px;
	padding-left:5px;
	padding-right:15px;
	cursor:pointer;
	cursor:hand;
	height: 15px;
}
.mouseover 
{
	background-color:silver;
	color:black;
	font-family:verdana;
	font-size:12px;
	border:1px;
	border-style:solid;
	border-color:Gray;
	padding:2px;
	padding-left:5px;
	padding-right:15px;
	cursor:pointer;
	cursor:hand;
	height: 15px;
}

/* End Top Menu */

/* Breadcrumb Menu */

.breadcrumbstyle 
{
	background-color:#EEF0F6;
	border-bottom:1px;
	border-style:dotted;
	border-color:Gray;
	border-top:0px;
	border-left:0px;
	border-right:0px;	
}

.breadcrumbsubstyle
{
	background-color:#EEF0F6;
	border:1px;	
	border-style:dotted;
	border-color:Gray;
	border-top:0px;
}

.breadcrumbitem 
{
	background-color:#EEF0F6;
	font-family:verdana;
	font-size:11px;
	border:1px;
	border-style:solid;
	border-color:#EEF0F6;
	padding:1px;
	padding-right:5px;
	cursor:pointer;
	cursor:hand;
	height: 8px;
}
.breadcrumbover 
{
	background-color:silver;
	color:black;
	font-family:verdana;
	font-size:11px;
	border:1px;
	border-style:solid;
	border-color:Gray;
	padding:1px;
	padding-right:5px;
	cursor:pointer;
	cursor:hand;
}

/* End Breadcrumb Menu */


/**************************************************************
	Colorbox
**************************************************************/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(http://www.taichiacademie.com/Resources/Colorbox/images/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(http://www.taichiacademie.com/Resources/Colorbox/images/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(http://www.taichiacademie.com/Resources/Colorbox/images/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(http://www.taichiacademie.com/Resources/Colorbox/images/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(http://www.taichiacademie.com/Resources/Colorbox/images/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(http://www.taichiacademie.com/Resources/Colorbox/images/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(http://www.taichiacademie.com/Resources/Colorbox/images/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(http://www.taichiacademie.com/Resources/Colorbox/images/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(http://www.taichiacademie.com/Resources/Colorbox/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(http://www.taichiacademie.com/Resources/Colorbox/images/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(http://www.taichiacademie.com/Resources/Colorbox/images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}

/*************************************************************/