/* Form CSS */

.breadcrumb-current
{
	color:#FF6600;
}

.breadcrumb-node
{
	color:#CCCCCC;
	font-weight:bold;
}

.form_button
{
    height: 20px;
	font-size: x-small;
	color: #FFFFFF;
	background-color: #F79F19;
	border: 1px solid #FFFFFF;
}

.form_label
{
    text-align: left;
    color: #666666;
    font-size: x-small; 
    font-weight: 500;
}
 
/* below declaration is only for form_labels that are inside a groupbox-table element */
.groupbox-table .form_label
{
    text-align: left;
    color: #666666;
    font-size: x-small; 
    font-weight: 500;
    /* this line height makes all table cells equally high */
    /* which ensures that all fields are equidistant from eachother */
    /* the star in front make ssure only IE reads this */
    * line-height: 21px;
    * position: relative;
    * top: -1px;
}


.groupbox-table td
{
    vertical-align:top;
    }

.form_label_underline
{
	text-align: left;
	color: #666666;
	font-size:larger; 
    font-weight: 500;
    text-decoration: underline ;
}

.form_inputbox
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	text-transform:uppercase;
	width:140px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
}

.form_inputbox_very_very_small
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	text-transform:uppercase;
	width:24px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
	
}

.form_inputbox_very_small
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	text-transform:uppercase;
	width:39px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
}

.form_inputbox_small
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	text-transform:uppercase;
	width:72px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
}

.form_inputbox_medium
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	text-transform:uppercase;
	width:131px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
}

.form_inputbox_large
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	text-transform:uppercase;
	width:238px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
}

.form_inputbox_extralarge
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	text-transform:uppercase;
	width:260px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
}




.form_inputbox_selected
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #FFFFFF;
	background-color: #F79F19;
	border: 1px solid #7F9DB9; 
	width:140px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
	text-transform:uppercase;
}

.admin_inputbox
{
    height: 15px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	text-transform:uppercase;
	width:140px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
}

.admin_inputbox_selected
{
    height: 15px;    
    font-family: Arial;
    font-size: x-small;
	color: #FFFFFF;
	background-color: #FF6600;
	border: 1px solid #7F9DB9; 
	width:140px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
	text-transform:uppercase;
}

.form_lcase_inputbox
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	width:140px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
}

.form_lcase_inputbox_very_very_small
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	width:24px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
	
}

.form_lcase_inputbox_very_small
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	width:39px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
}

.form_lcase_inputbox_small
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	width:72px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
}

.form_lcase_inputbox_medium
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	width:131px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
}

.form_lcase_inputbox_large
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	width:238px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
}

.form_lcase_inputbox_extralarge
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
	width:260px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
}




.form_lcase_inputbox_selected
{
    height: 14px;    
    font-family: Arial;
    font-size: x-small;
	color: #FFFFFF;
	background-color: #F79F19;
	border: 1px solid #7F9DB9; 
	width:140px;
/*	padding: 1px;*/
	padding-top: 2px;
	padding-left: 4px;
}



.form_textarea
{
    font-family: Arial;
    font-size: 100%;
    color: #666666;
    background-color: #FFFFFF;
	border: 1px solid #7F9DB9; 
}

.form_groupheader
{
	color: #666666;
	font-size: x-small;
	font-weight: bold;   
	vertical-align: middle;
}

.form_groupseperator
{
    background-color: #CCCCCC;
    text-align: left;
}

.form_title
{
    padding: 4px;
    border: solid 1px #CCCCCC;
    background-color: #FFFFFF;
    text-align: left;
	color: #666666;
	font-size: x-small;
	font-weight: bold;
}

.form_group
{
    background-color: #FFFFFF;
    padding: 5px 5px 5px 5px;
    border-left: solid 1px #CCCCCC;   
    border-right: solid 1px #CCCCCC;   
    border-bottom: solid 1px #CCCCCC;   
}

.form_dropdownlist
{
    font-family: Arial;
    font-size: x-small;
	color: #666666; 
	border: 1px solid #7F9DB9; 
	background-color: #FFFFFF;	
	width:147px;
	padding: 1px;
	height: auto;
    min-height: 19px;
    margin-top: 1px;
}

.form_dropdownlist_small
{
    font-family: Arial;
    font-size: x-small;
	color: #666666; 
	border: 1px solid #7F9DB9; 
	background-color: #FFFFFF;	
	width:79px;
	padding: 1px;
	height: auto;
    min-height: 19px;
    margin-top: 1px;
}

.form_dropdownlist_very_small
{
    font-family: Arial;
    font-size: x-small;
	color: #666666; 
	border: 1px solid #7F9DB9; 
	background-color: #FFFFFF;	
	width:48px;
	padding: 1px;
	height: auto;
    min-height: 19px;
    margin-top: 1px;
}

.form_dropdownlist_medium
{
    font-family: Arial;
    font-size: x-small;
	color: #666666; 
	border: 1px solid #7F9DB9; 
	background-color: #FFFFFF;	
	width:141px;
	padding: 1px;
	height: auto;
    min-height: 19px;
    margin-top: 1px;
}

.form_dropdownlist_large
{
    font-family: Arial;
    font-size: x-small;
	color: #666666; 
	border: 1px solid #7F9DB9; 
	background-color: #FFFFFF;	
	width:245px;
	padding: 1px;
	height: auto;
    min-height: 19px;
    margin-top: 1px;
}

.form_dropdownlist_verylarge
{
    font-family: Arial;
    font-size: x-small;
	color: #666666; 
	border: 1px solid #7F9DB9; 
	background-color: #FFFFFF;	
	width:307px;
	padding: 1px;
	height: auto;
    min-height: 19px;
    margin-top: 1px;
}

.form_canvas
{
    background-color: #E5E5E5;
    border: 1px solid #CCCCCC;
    padding: 10px 10px 10px 10px;
}

.form_radiobuttonlist
{
	text-align: left;
	color: #666666;
	font-size: x-small;
	margin-left: -4px;
}

.form_radiobuttonlist label
{
    font-weight: 500;	
}

.form_togglebutton
{
    vertical-align: middle;   
}

.form_checkbox
{
    height: 16px;    
	color: #666666;
	font-size: x-small;
	margin-left: -4px;
}

.form_link
{
    font-size: x-small;
    color: #666666;
}

.form_link:active
{
    font-size: x-small;
    color: #666666;
}

.form_link:hover
{
    font-size: x-small;
    background-color: #F79F19;
    color: #666666;
}

.form_link:link
{
    font-size: x-small;
    text-decoration: underline;
    color: #666666;
}

.form_link:visited
{
    font-size: x-small;
    color: #666666;
    text-decoration: underline;    
}

.CurrentNodeStyle
{
    color:#F79F19;
}

.NodeStyle
{
    color:#cccccc;
}

.RootNodeStyle
{
    color:#666666;
}


/* Table CSS */

.table_groupheader
{
    background-color: #CCCCCC;
    text-align: left;       
    border: solid 1px #CCCCCC;  
}

.table_rowseparator
{
    border-bottom: 1px solid #CCCCCC;
}

.table_canvas
{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;   
    margin-top: 10px;
}

.table_label
{
	text-align: left;
	color: #666666;
	font-size: 90%; 
    font-weight: 500;
}

.table_group
{
    padding: 2px 2px 2px 2px;
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;          
}

.tableheader_link:link, .tableheader_link:active, .tableheader_link:visited, .tableheader_link:hover
{
	text-decoration: underline;
    color: #666666;
}

.table_link:active, .table_link:visited
{
    font-size: x-small;
    color: #666666;
}

.table_link:hover
{
    font-size: x-small;
    background-color: #F79F19;
    color: #666666;
}

.table_link:link
{
    font-size: x-small;
    text-decoration: underline;
    color: #666666;
}

/* Menu CSS */

/* Menu */
.m
{
	background-color: Transparent;
	margin-left: 2px;
	width: 157px;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=-0,opacity=75);
    opacity: 0.75;
    -moz-opacity:.75;
}

/* Menu Item */
.mi
{
	border: solid 1px #666666;
	background-color: #F79F19;
	font-weight: bold;
	color: White;
	font-size: 85%;
	padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 4px;
    margin-top: 10px;
    margin-left:8px;
    width: 145px;
}

/* Menu Sub Item */
.msi
{
    background-color: #F79F19;
    font-size: 80%;
    color: White;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 130px;
    margin-bottom: 1px;
    margin-left:15px;
}

/* Menu Sub Item Hover */
.msi_hover
{
    background-color: #666666;
    font-size: 80%;
    color: White;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 130px;
    margin-bottom: 1px;
    margin-left:15px;
}

/* End Menu CSS */

/* Tab Control CSS */

#tabcontrol_tablistcontainer
{
	margin-top: 10px;
	padding: 0px;
	z-index: 99;
}

#tabcontrol_tablistcontainer ul.tablist
{
	float: left;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#tabcontrol_tablistcontainer ul.browselist 
{
	float: right;
    list-style: none;
    padding: 0px;
    margin: 0px;	
}

#tabcontrol_tablistcontainer ul.browselist li 
{
	list-style: none;
	margin: 0px;
	display: inline;
    padding: 0px;
    height: 20px;
}

#tabcontrol_tablistcontainer ul.tablist li
{
    float: left;
    font-size: 70%;
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    color: #666666;    
}

#tabcontrol_tablistcontainer ul.tablist li a
{
    background: url(tabcontrol_unselected.gif) top left no-repeat;
    float: left;
    height: 20px;       
    width: 200px;
    display: block;
    text-decoration: none;
    text-align: center;
}

#tabcontrol_tablistcontainer ul.tablist li a:hover 
{
    background: url(tabcontrol_unselected_hover.gif) top left no-repeat;
    text-decoration: underline; 
    color: #FFFFFF; 
}

#tabcontrol_tablistcontainer ul.tablist li a.current:hover 
{
	background: url(tabcontrol.gif) top left no-repeat;
    text-decoration: none;
    color: #666666;
}

#tabcontrol_tablistcontainer ul.tablist li a.current:link,ul.tablist li a.current:visited,ul.tablist li a.current:active 
{
	color: #666666;
}

#tabcontrol_tablistcontainer ul.tablist li a:link,ul.tablist li a:visited,ul.tablist li a:active 
{
	color: #FFFFFF;
}

#tabcontrol_tablistcontainer ul.tablist li a.current 
{
    background: url(tabcontrol.gif) top left no-repeat;
    float: left;
    height: 20px;      
    width: 200px;
    display: block;
    text-decoration: none;    
    text-align: center;  
}



.tabcontrol_canvas
{
	margin-top: -1px;
	margin-left:0px;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	font-size: 115%;
	z-index: 0;
}

/* End Tab Control CSS */

/* Tooltip CSS */

#dhtmltooltip
{
	position: absolute;
	width: 250px;
	border-width: 1px;
	border-color: #666666;
	border-style: dashed;
	padding: 2px;
	background-color: #FFFFFF;
	visibility: hidden;
	z-index: 100;
	font-size: 70%;
	color: #666666;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135);*/
}

/* End Tooltip CSS */

.GridView
{
   margin-top: 10px;
   margin-bottom: 10px;
}

/* groupbox */

.groupbox-table                 /* style for table that contains grouboxed content */
{
    table-layout: fixed;
    border-collapse: collapse;
    margin-top: 12px;
    margin-left: 1px;
}
 
.groupbox-label                 /* style for table cell that contains the groupbox label */
{
    font-weight: bold;
    border: solid 1px #CCCCCC;   
    padding: 2px 4px;
    width: 100px;
    background-color:#ffffff;
    font-size: x-small;
}
 
.groupbox-content               /* style for (colspan=2) cell that contains the groupbox content */
{
    font-weight: normal;
    border-left: solid 1px #CCCCCC;   
    border-right: none;   
    border-top: none;   
    border-bottom: solid 1px #CCCCCC;   
    padding: 6px 6px;
}

.pageControl
{
    width:100%;
}


div.transOFF {width: 100%; background-color: white;}
div.transON {width: 100%; background-color: white;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;}
.containerinfo 
{
    cursor:pointer;
    vertical-align:bottom;
    padding-bottom: 3px;    }


/* Styles for the fold-out navigation bar on the left */
/* actual css file is in RadControls\Panelbar\Skins\Default folder */
/* but that css file contains an @import rule which refers to this css file here */

.RadPanelbar_Default 
{
/* de algemene container rond de panelbar */
	background-color: Transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=-0,opacity=75);
    opacity: 0.75;
    -moz-opacity:.75;
    text-align:center;
  	padding-left: 0px;
}

.RadPanelbar_Default .rootGroup .text
{
/* hoofdblokjes */
    text-align:left;
	border: solid 1px #666666;
	background-color: #F79F19;
	background-image: url(panelbar_up.gif);
	background-position: 129px 7px;
	background-repeat: no-repeat;
	font-weight: bold;
	color: White;
	font-size: 11px;
	padding-left: 15px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-bottom: 1px;
    margin-top: 4px;
    margin-left:0px;
    width: 135px;
}

.RadPanelbar_Default .rootGroup .text:hover
{
/* hoofdblokje hover */
/*	text-decoration: underline;*/
	color: #666666;
}

.RadPanelbar_Default .rootGroup .expanded .text
{
/* hoofdblokje uitgeklapt */
	background-color: #666666;
	background-image: url(panelbar_down.gif);
}

.RadPanelbar_Default .rootGroup .expanded .text:hover
{
/* hoofdblokje uitgeklapt */
	color: #F79F19;
}

.RadPanelbar_Default .group .text
{
/* subblokjes */
	border: solid 0px #666666;
	background-color: #F79F19;
	background-image: none;
    font-size: 9px;
    font-weight:normal;
    color: White;
    padding-top: 1px;
    padding-bottom: 1px;
    width: 110px;
    margin-left: 0px;
    margin-top:0px;
    margin-bottom: 1px;
}

.RadPanelbar_Default .group .text:hover
{
/* subblokje hover */
/*	text-decoration: none;*/
	color: white;
	background-color: #666666;
	background-image: none;
}

.RadPanelbar_Default .level2 .text
{
	padding-left: 36px;
	line-height: 14px;
}

.RadPanelbar_Default .rootGroup .disabled:hover,
.RadPanelbar_Default .rootGroup .disabled .text
{
	color: #ccc;
	cursor: default;
}

.RadPanelbar_Default .rootGroup .group .disabled:hover,
.RadPanelbar_Default .rootGroup .group .disabled .text
{
	text-decoration: none;
	background: none;
	color: #ccc;
	cursor: default;
}
/* so far the styles for the fold-out menu of the left navigation bar */


/* styles for the mouseover effect on the "..." buttons */
.PopupButton
{
	vertical-align: bottom;
	margin-bottom: 1px;
}

.PopupButtonHover
{
	vertical-align: bottom;
	margin-bottom: 1px;
	background: url(empty-button.gif) transparent center bottom no-repeat;
}

/* styles for the edit-in-table buttons next to the group box labels, with MoreData inlay */
.Button_EditTable
{
	background:transparent url('btnEditTable.png') no-repeat 5px center;
	border: none;
}

.Button_EditTable_Hover
{
	background:transparent url('btnEditTable_hover.png') no-repeat 5px center;
	border: none;
}

span.Button_EditTable .form_button,span.Button_EditTable_Hover .form_button
{
	height: 18px;
	width: 25px;
	font-size: x-small;
	color: #FFFFFF;
	background-color: transparent;
	border: none;
}

.Button_EditTable_MoreData
{
	background:transparent url('btnEditTable_MoreData.png') no-repeat bottom right;
	border:none;
	width:21px;
}

.Button_EditTable_NoMoreData
{
	background:transparent none no-repeat bottom right;
	border:none;
	width:21px;
}

/* ---------------========== NEW CSS ITEMS ADDED ON 6/13/2008.==========--------------- */

.no_uppercase_transform
{
	text-transform: none;
}




/* ---------------========== NEW CSS ITEMS ADDED ON 8/11/2008.==========--------------- */

.createdChangedByLabel
{
	font-style: italic;
}

.createdChangedByValue
{
	text-decoration: underline;
}
 



/* ---------------========== NEW CSS ITEMS ADDED ON 29/01/2009.==========--------------- */

.form_disabled_inputbox
{
	color: #666666;
    background-color: transparent;
    border: 1px solid #cccccc;
}




/* ---------------========== NEW CSS ITEMS ADDED ON 7/08/2009.==========--------------- */

.AspxGridRowSelected
{
	background-color:#FFF8B2 !important;
}



/* ---------------========== NEW CSS ITEMS ADDED ON 10/02/2010.==========--------------- */

.table_row_group
{
	background-color: #c0c0c0;/*#FFFFBB;*/
}


.table_cell_HighLightColor
{
	color: Red;
}




/* ---------------========== NEW CSS ITEMS ADDED ON 6/05/2010.==========--------------- */

.RadPanelbar_Default .rootGroup .text, .RadPanelbar_Default .group .text
{
	margin-left:auto;
	margin-right:auto;
}



.wait, .wait *
{ 
	cursor: wait !important; 
}


.form_button /*Remove button padding in FF (moz-inner-focus)*/
{ 
    padding-bottom: 3px;
    line-height:16px;
}

	outline-style:none;
}*/


.table_group td
{
	padding: 2px;
}


.GridList .table_textarea td
{
	word-wrap: normal;
}