/* BW Core Controls defines the styles for all different web controls used in the products */

input[type="submit"] {
    font: 11px arial, hevetica, sans-serif;
}

input[type="checkbox"] {
}

input[type="checkbox"] + label {
    vertical-align: middle;
}

select {
    font: 11px arial, hevetica, sans-serif;
    width: 200px;   
    margin-bottom: 10px;
    border: solid 1px #a6b9dd;
    line-height: normal;
}

.selectiontextboxshort {
	border: solid 1px #a6b9dd;
	font-size: 11px;
	width: 59px;
	margin: 0px 0px 6px 0px;
}

.dropdownshort {
    font: 11px arial, hevetica, sans-serif;
    width: 60px;
    vertical-align: top;
}

.dropdownmiddle {
    font: 11px arial, hevetica, sans-serif;
    width: 100px;
    vertical-align: top;
}

/* indented is used to indent */

.indented  {
    padding-left: 16px;
}

.Button {
	margin-left: 5px;
	background-image: url(../ui_pics/button_bg_16.gif);
	background-repeat: repeat-x;
	height: 18px;
	border-bottom: solid 1px #838383;
	border-right: solid 1px #838383;
	border-top: solid 1px #d3d3d3;
	border-left: solid 1px #d3d3d3;
	text-align: center;
	vertical-align: middle;
}

.buttonLeft {
    float: left;
    margin: 0px 6px 0px 6px;
}

.buttonRight {
    float: right;
    position: inherit;   
    margin: 0px 6px 0px 6px;
}

/* Rounded corner button */
.buttonStart {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 3px;
    height: 18px;
    background: url(../ui_pics/button_left.gif) no-repeat;
}

.button {
    border: 0;
    background-image: url(../ui_pics/button_middle.gif);
    background-repeat:repeat-x;
    background-color: #FFFFFF;
    height: 18px;
    /* used to catch the buttonEnding */
    position: relative;
    display: inline;
    margin: 0px;
    padding: 0px 10px 0px 10px;
}

/* Specific definitions for OK button*/
.buttonOK {
    border: 0;
    background-image: url(../ui_pics/button_middle.gif);
    background-repeat:repeat-x;
    background-color: #FFFFFF;
    height: 18px;
    /* used to catch the buttonEnding */
    position: relative;
    display: inline;
    margin: 0;
    padding: 0px 15px 0px 15px;
}

.buttonEnding {
    padding: 0;
    position: absolute;
    display: inline;
    width: 7px;
    height: 18px;
    background: url(../ui_pics/button_right.gif) no-repeat;
}

/* Button pressed */
/*.buttonStartDown {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 3px;
    height: 18px;
    background: url(../images/button_left_down.gif) no-repeat;
}

.buttonDown {
    border: 0;
    background-image: url(../images/button_middle_down.gif); 
    background-repeat:repeat-x;
    background-color: #FFFFFF;
    height: 18px;*/
    /* used to catch the buttonEnding */
    /*position: relative;
    display: inline;
    margin: 0;
    padding: 0px 10px 0px 10px;
}*/

/* Specific definitions for OK button*/
/*.buttonOKDown {
    border: 0;
    background-image: url(../images/button_middle_down.gif); 
    background-repeat:repeat-x;
    background-color: #FFFFFF;
    height: 18px;*/
    /* used to catch the buttonEnding */
    /*position: relative;
    display: inline;
    margin: 0;
    padding: 0px 15px 0px 15px;
}

.buttonEndingDown 
{
    padding: 0;
    position: absolute;
    display: inline;
    width: 7px;
    height: 18px;
    background: url(../images/button_right_down.gif) no-repeat;
}*/

.basicBox {
    background-color: #FFFFFF;
    border: 1px solid #A6B9DD;
    margin: 0px;
    padding: 0px;	
    height: 100%;
}

.basicBoxContent {
    background-color: #FFFFFF;
    margin: 0px;
    padding: 12px;	
    height: 100%;
}

.basicPanel {
    background-color: #FFFFFF;
    border: 1px solid #A6B9DD;
    margin: 0px;
    padding: 0px;	
}

.basicPanelForSplitter {
    background-color: #FFFFFF;
    border: none;
    margin: 0px;
    padding: 0px;	
}

.panelTitle {
    background-image: url(../ui_pics/panel_headerbar.gif);
    background-color: #FFFFFF;
    background-repeat: repeat-x;       
    font-size: 11px;    
    font-weight: 700;
    margin: 1px 1px 0px 1px;
    padding: 2px 10px 4px 10px;
}

.panelContent {
    vertical-align: top;
    margin: 0px;
    padding: 0px; 
    overflow: auto;  
}

.panelContentWS {
    vertical-align: top;
    margin: 0px;
    padding: 0px; 
}

.panelContentContentsWS {
    margin: 0px;
    padding: 0px 8px 0px 8px;
}

.panelContentContents {
    /*height: 100%;*/
    margin: 0px;
    padding: 0px 8px 0px 8px;
}

.panelContentTabs {
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    overflow: auto;
}

.panelContentTabsContents {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

/* Same as above but without scrolling */
.panelContentTabsWS {
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

.panelContentTabsContentsWS {
    margin: 0px;
    padding: 0px;
}

.panelContentGrid {
    width: 100%;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    background-color: #EEEEEE;
    height: 100%; 
}

.panelContentGridContents {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

/* Same as above but without scrolling */
.panelContentGridWS {
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

.panelContentGridContentsWS {
    margin: 0px;
    padding: 0px;
}

.buttons {
    float: right;
}

.basicButtons {
    float: left;
}

/* Links and link list */
ul.linkList {
    margin: 0px 0px 12px 12px;
    padding: 0px;
}

ul.linkList li {
    list-style: none;   
    margin: 0px 0px 0px 12px;
    padding: 0px;
}

ul.linkList a:link { text-decoration: none; color: #0066CC;}
ul.linkList a:visited { text-decoration: none; color: #663399;}
ul.linkList a:hover { text-decoration: underline; color: #0066CC;}
ul.linkList a:active { text-decoration: underline; font-weight: 700; color: #0066CC;}

/* Dialogs */
.dialog {
    background-color: #EFF4FA;
    border: 2px solid #4568A4;
    padding: 0px;    
    z-index: 100;
}

.dialogbody {
    background-color: #EFF4FA;
}

.basicModalDialogbody {
    background-color: #EFF4FA;
    padding: 12px;
}

.errorwarningdialog {
    width: 320px;    
}

.portraitdialog {
    width: 320px;    
}

.horizontaldialog {
    width: 660px;    
}

.dialogHeader {
    color: #FFFFFF;
    font-weight: 700;
    background-image: url(../ui_pics/dialog_headerbar.gif);
    background-repeat:repeat-x;    
    height: 23px;
    width: 100%;
    padding: 0px 0px 2px 0px;
    margin: 0px 0px 0px 0px;
}

.dialogHeaderText {
    float: left;
    padding: 2px 2px 0px 6px;
}

.dialog .dialogHeader img {
    height: 19px;
    float: right;    
}

.closeDialogImg {
    padding: 0px 0px 2px 0px;
    margin: 0px 0px 2px 0px;
    vertical-align: top;
}

#dialogbodytag {
    width: 100%;    
    background-color: #EFF4FA;   
}

#dialogContentDiv {
    background-color: #EFF4FA;     
    overflow:auto;
}

.dialogContent {
    padding: 12px;
    background-color: #FFFFFF;
    border: 1px solid #A6B9DD;    
}

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

.basicPickerContent {
    margin: 0px;
    padding: 0px;    
    overflow:auto;
}

.commoncontent {
    margin: 10px;
    padding: 0px;
    background-color: #EFF4FA;     
    overflow:auto;
}

.dialogContents {
    padding: 0px 12px 12px 12px;
}

.dialogContentsScrollable {
    width: 100%;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    height: 100%; 
}

.dialogContentsScrollable .dialogScrollDiv {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.dialogButtons {
    padding: 0px;
    margin: 2px 12px 20px 0px;
    float: right;   
}

.errorDialogButtons {
    padding: 0px;
    margin: 12px 0px 20px 0px;
    float: right;   
}

.stripe {
    height: 1px;
    background-color: #A6B9DD;
    font-size: 0px;
    margin-bottom: 10px;
}

.paragraphLabelSeparator {
    margin-top: 10px;
}

.firstParagraphLabel {
    margin-top: 0px;
}

.dialogGroupHeader {    
}

.dialogGroupHeader span {  
    vertical-align: bottom;    
    margin-top: 10px;
}

.dialogGroupHeader img {    
    margin: 0px 6px 0px 0px;
    padding: 0px;
    vertical-align: bottom;
}

.basicDialogButtons {
    float:left;
	margin: 12px 12px 12px 0px;
}

.SelectedUsersPanel {
	background-color: #ffffff;
	border: solid 1px #A6B9DD;
	height: 50px;
	width: 300px;
	float: right;
	margin: 12px 0px 12px 0px;
	padding: 4px;
	text-decoration: underline;
	overflow: auto;
}

.SelectedUsersPanel a {
	padding-right: 4px;
}

.errorText {
    color: #CC0000;
    font-weight: 700;
}

.warningText {
    vertical-align: bottom;    
    color: #000000;
    font-weight: 700;
}

.confirmationText {
    vertical-align: bottom;
    color: #1A8B0E;
    font-weight: 700;    
}

infoText {
    vertical-align: bottom;
    color: #465AA3;
    font-weight: 700;    
}

/* Errors */ 

.error {
	border:double;
	border-color: #cc0000;
	font-weight: 700;
	color: #cc0000;
}

.ConfirmationMessage {	
	color: #1A8B0E;
	text-decoration: none;
	background-color: #FFFFFF;
	font-weight: 700;
	display: none;
	position: absolute;
	top: 32px;
	left: 194px;
	border-color: #1A8B0E;
	border-style: solid;
	border-width: 1px;
	margin: 0px;
	padding: 0px 20px 0px 8px;
	z-index: 119;
}

.InformationMessage {
	color: #465AA3;
	text-decoration: none;
	background-color: #FFFFFF;
	font-weight: 700;	
}

.WarningMessage {
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	background-color: #FFFFFF;
	font-weight: 700;
	cursor: pointer;
}

.ErrorMessage {
	color: #cc0000;
	text-decoration: none;
	vertical-align: middle ;
	background-color: #FFFFFF;
	font-weight: 700;
	cursor: pointer;
	padding-bottom: 6px;
}

.InformationMessageIcon  {
	height:16px;
	vertical-align:middle;
}

.modalBackground {
	background-color: #FFFFFF;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.modalPopupBackground {
	background-color: Transparent;
}

/*check */

.hidden 
{
	visibility:hidden;
	display:none;
}

.ErrorWindowHeader 
{
	background-color:Blue;
	cursor: move;
	border:solid 1px Blue;
	
}
.ErrorWindowHeader td
{
	text-align:right;
	height:18px;
	width:100%;
}

.ErrorWindow 
{
	background:White;
	width : 300px;
	border:solid 1px Blue;
	padding-bottom:8px;
	margin-left:8px;
	margin-right:8px;
	z-index:12;
}

/*end*/

.listboxdiv {
    width: 265px;    
    overflow: auto;
    /*border: 1px solid #A6B9DD;*/
}

.listbox {
    font-size: 11px;
    overflow: hidden;
}

.listboxButtons {
    text-align: center;
}

.listboxButtons input[type="image"] {
    margin: 0px 12px 6px 12px;
}

/* BASEDATAGRID */

.DGTableBg {
	background-color: #eeeeee;
	height: 100%;
}

.DGTable, .DGTableDisabled {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #a6b9dd;
	border-right: none;
	border-left: none;
	border-collapse: collapse;
	background-color: #ffffff;
	margin: 0px;
	width: 100%;
}

.DGTableWithSubHeaders {
	border-top: 1px solid #a6b9dd !important;
	border-bottom: none !important;
	border-right: none !important;
	border-left: none !important;
}

/*.DGTable th 
{
	position: relative;
}

.DGTable tbody 
{
  overflow:auto;
}*/

.DGTable td {
    border: 1px solid #c0d0ea;
	cursor: pointer;    
    padding: 0px 6px 0px 6px;
}

.DGTableDisabled td {
    border: 1px solid #c0d0ea;
	cursor: default;    
    padding: 0px 6px 0px 6px;
}

.DGPagerTR {
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	border-collapse: collapse;
	padding-top: 2px;
	height: 18px;			/* Height is fixed! */
	white-space: nowrap;	/* No text wrapping, because of background image! */
}

.DGPagerTR td {
	padding-top: 4px;
	height: 16px;			/* Height is fixed! */
}

.DGPagerTable {
	margin-bottom: -1;
	border-top: solid 1px #a6b9dd;
	border-right: solid 1px #a6b9dd;
	border-left: solid 1px #a6b9dd;
	border-collapse: collapse;
}

.DGItemTD {
	text-align: left;
	padding: 1 3 1 3;
	border: solid 1px #c0d0ea;
	border-collapse: collapse;
}

.DGItemAlternatingTR {
	background-color: #f3f7fa;
	text-align: left;
	padding: 1 3 1 3;
	border: solid 1px #c0d0ea;
	border-collapse: collapse;

}

.DGEditTD {
	background-color: #999999;
	text-align: left;
	padding: 1 3 1 3;
	border: solid 1px #c0d0ea;
	border-collapse: collapse;
}

.DGHeaderTD {
	white-space: nowrap;
	color: black;
	text-align: left;
	border-top: 1px solid #FFFFFF;
	border-right: solid 1px #c0d0ea;
	border-bottom: solid 1px #c0d0ea;
	border-left: solid 1px #c0d0ea;
	border-collapse: collapse;
	font-weight: normal;
}

.DGHeaderTR {
    border-top: 1px solid #FFFFFF;
	background-image: url(../ui_pics/grid_headerbar.gif);
	background-repeat: repeat-x;
	border-collapse: collapse;
    margin: 0px;
    padding: 0px;
	height: 18px;			/* Height is fixed! */
	white-space: nowrap;	/* No text wrapping, because of background image! */
	/*position:relative; 
	top:expression(this.offsetParent.scrollTop);*/
}


.DGHeaderTR th {
	border-top: 1px solid #FFFFFF;
	border-right: solid 1px #c0d0ea;
	border-bottom: solid 1px #c0d0ea;
	border-left: solid 1px #c0d0ea;
    text-align: left;
    padding: 0px 6px 0px 6px;
    font-weight: 300;
	white-space: nowrap;	/* No text wrapping, because of background image! */
}

.DGSubHeaderHorizontal th {
	border-top: 1px solid #c0d0ea;
	border-right: solid 1px #c0d0ea;
	border-bottom: none;
	border-left: solid 1px #c0d0ea;
    text-align: left;
    padding: 0px 6px 0px 6px;
    font-weight: 300;
	white-space: nowrap;	/* No text wrapping, because of background image! */
}

.DGHeaderTR a:link { text-decoration: none; color: #000000;}
.DGHeaderTR a:visited { text-decoration: none; color: #000000;}
.DGHeaderTR a:hover { text-decoration: underline; color: #000000;}
.DGHeaderTR a:active { text-decoration: underline; color: #000000;}

.DGHeaderHiddenTR {
	display: none;
	background-color: #ffffff;
	border-collapse: collapse;
	height: 18px;			/* Height is fixed! */
	white-space: nowrap;	/* No text wrapping, because of background image! */	
}

.DGFooterTR 
{
	background-color: #ffffff;
	background-repeat: repeat-x;
	border-collapse: collapse;
	white-space: nowrap;
	height: 20px;			/* Height is fixed! */
	white-space: nowrap;	/* No text wrapping, because of background image! */
}

.DGFooterTR td {
	padding-top: 4px;
}

.DGFooterText {
    display: inline;
    margin: 0px 6px 0px 6px;
    padding: 0px 0px 4px 0px;
    vertical-align: top;
}

.DGFooterLikeItem {
	background-color: #ffffff;
	text-align: left;
	padding: 0 0 0 0;
	width: 100%;
	height: 100%;
	border-width: 0;
	border-color: #ffffff;
}

.DGSubHeaderHorizontal {
    border-top: 1px solid #FFFFFF;
    background-color: #EFF4FA;
	border-collapse: collapse;
    margin: 0px;
    padding: 0px;
	height: 18px;			/* Height is fixed! */
	white-space: nowrap;	/* No text wrapping, because of background image! */    
}

.DGSubHeaderVertical {
    margin: 0px;
    padding: 0px;
    border: none; 
    background-color: #EFF4FA;
}

.DGSelectedItem {
	background-color: #dce1a9;
}

.DGOnMouseOver {
	background-color: #f0f3ea;
}

.DGImageButton {
	margin: 1 2 1 2;
}

.DGDiv 
{
	overflow:visible !important;
	overflow:none;
	overflow-y:scroll;
}

.footerDiv {
	background-color: #ffffff;
	white-space: nowrap;
	height: 20px;			/* Height is fixed! */
	padding: 4px 2px 2px 6px;
	margin: 0px 0px 0px 0px important!;
	border-top: 1px solid #FFFFFF;
	border-right: solid 1px #c0d0ea;
	border-bottom: solid 1px #c0d0ea;
	border-left: solid 1px #c0d0ea;	
}

.DGTable td .TextBox, .DGTableDisabled td .TextBox, .gridTextBox {
    width: 98%;
    padding: 0px;
	border: solid 1px #B9BE7F!important;
	font-size: 11px;
	margin: 0px;
	margin-bottom: 0px !important;
	z-index: 1;
	cursor: default !important;
}

.gridDataControl {
    cursor: default;
}

.gridDataControlReadOnly {
    margin: 0px;
    padding: 0px;
    border-right: 1px solid #A6B9DD; 
    border-bottom: 1px solid #A6B9DD;  
    background-color: #EFF4FA;
}

.gridDataTextBox {
    width: 98%;
    padding: 0px;
	border: solid 1px #FFFFFF!important;
	font-size: 11px;
	margin: 0px;
	margin-bottom: 0px !important;
	z-index: 1;
	cursor: auto;
}

.gridDataTextBoxWithError {
    width: 98%;
    padding: 0px;
	border: solid 1px #cc0000 !important;
	font-size: 11px;
	margin-bottom: 0px !important;
	z-index: 1;
}

.gridDataErrorDiv {
    float: left;
	height: 0px;
	width: 0px;
}

.gridDataError {
    position: relative;
    top: -1px;
    left: -6px;
	height: 16px;
	width: 16px;
	border-style: none;
	border-width: 0;
	background-image: url(<%=WebResource("BasWare.ProductFramework.Resources.icons.error-message-grid.gif);
    margin: 0px 0px 0px 0px;
    padding: 0px;
    vertical-align: top;	
    cursor: pointer;
    z-index: 10;
}

.gridDataPickerButtonDiv {
    float: right;
	height: 0px;
	width: 0px;
}

.gridDataPickerButton {
    position: relative;
    top: 2px;
    right: 13px;
	height: 14px;
	width: 14px;
	border-style: none;
	border-width: 0;
	background-image: url(<%=WebResource("BasWare.ProductFramework.Resources.icons.browse_grid_b.gif);
    margin: 0px 0px 0px 0px;
    padding: 0px;
    vertical-align: top;	
    cursor: pointer;
    z-index: 10;
}

.gridDataStatusRed {
	background-image: url(../ui_pics/grid-status-red.gif);
    background-repeat: no-repeat;
    background-position: right;
    height: 18px;
}

.gridDataStatusGreen {
	background-image: url(../ui_pics/grid-status-green.gif);
    background-repeat: no-repeat;
    background-position: right;
    height: 18px;
}

.gridDataStatusYellow {
	background-image: url(../ui_pics/grid-status-yellow.gif);
    background-repeat: no-repeat;
    background-position: right;
    height: 18px;   
}

/* Begin Panun lisäykset*/
.hiddenElement 
{
	visibility: hidden;
}

.visibleElement 
{
	visibility: visible;
}

.functionCellHeader
{
	width: 1em;
}

.AlignToLeft
{
	text-align: left;
}

.AlignToCenter
{
	text-align: center;
}

.AlignToRight
{
	text-align: right;
}

.additionalData
{
	/*intentionally left blank */
}



/* End Panun lisäykset*/



/* LABEL */
.Label {
	font-size: 11px;
}

.Label + input[type="text"] {
	vertical-align: middle;
}

.mandatory {
    color: #ff0000;
    padding: 0px 2px 0px 0px;
}

/* TEXTBOX */

/*general styles*/
input[type="text"] {
	border: solid 1px #a6b9dd;
	font-size: 11px;
	margin-bottom: 10px;
}

input[disabled="disabled"] {
    cursor: default; 
}

.TextBox {
    width: 200px;
    font-size: 11px;
}

.TextBoxReadOnly {
    width: 200px;
    background-color: #EFF4FA;
    border: solid 1px #EFF4FA !important;
}

.TextBoxShort {
    width: 100px;
}

.TextBoxShort + *{
    vertical-align: top;
}

.TextBoxDays {
    width: 50px;
}

.TextBoxDays + *{
    vertical-align: top;
}

.RadiobuttonTextBox {
    width: 50px;    
    vertical-align: bottom;
}

.TextBoxError {
	font-size: 11px;
	margin-bottom: 10px;    
	border: 1px solid #cc0000 !important;
}

.firstNameTextBox {
    width: 125px;
}

.middleNameTextBox {
    width: 50px;
}

.TextBoxHeader {}

/* MultiLangTextBox styles */
.MultiLangTextBox {
	border: solid 1px #a6b9dd;
	font-size: 11px;
	width: 179px;
	margin: 0px 0px 6px 0px;
}

input[type="text"] + input[type="image"] {
    margin: 0px 0px 0px 4px;
}

.TextBoxHeader + input[type="text"] {
    vertical-align: top;
}

.TextBoxHeader + input[type="text"] + input[type="image"] {
    margin: 0px 0px 0px 4px;
    vertical-align: top;
}

.TextBoxHeader + input[type="text"] + input[type="image"] + input[type="image"] {
    margin: 0px 0px 0px 4px;
    vertical-align: top;
}

.quickSearchTextBox {
    width: 190px;
	border: solid 1px #a6b9dd;
	font-size: 11px;
	margin-bottom: 10px;
}

/*Picker related defitions, e.g. calendars, lookuplists..*/

.pickerTable {
}

.pickerTextBoxTD {
}

.pickerErrorTD {
    border: none !important; 
    width: 1px !important;   
    margin: 0px;
    padding: 0px;
    text-align: right;
}

.pickerTableScalable {
    width: 100%;
    border-collapse: collapse;
    border: none !important;
    margin: 0px;
    padding: 0px;
}

.pickerTextBoxTDScalable {
    width: 100%;
    border: none !important;
    margin: 0px;
    padding: 0px;
    text-align: left;
}

.pickerButtonTD {
    width: 17px !important;
    border: none !important;   
    margin: 0px;
    padding: 0px;     
    text-align: right;
}

.pickertextbox {
	border: solid 1px #a6b9dd;
	font-size: 11px;
	width: 179px;
	margin: 0px 0px 6px 0px;
}

.pickertextboxshort {
	border: solid 1px #a6b9dd;
	font-size: 11px;
	width: 69px;
	margin: 0px 0px 6px 0px;
}

.pickertextbox + input[type="image"] {
    margin: 0px 0px 0px 4px;
    vertical-align: top;
}

.pickerbutton {
	height: 17px;
	width: 17px;
	font-size: 7pt;
	border-style: none;
	border-width: 0;
	background-image: url(<%=WebResource("BasWare.ProductFramework.Resources.icons.browse_b.gif);
    margin: 0px 0px 0px 4px;
    vertical-align: top;	
    cursor: pointer;
}

.openDialogButton {
	height: 17px;
	width: 17px;
	font-size: 7pt;
	border-style: none;
	border-width: 0;
	background-image: url(<%=WebResource("BasWare.ProductFramework.Resources.icons.browse_b.gif);
    margin: 6px 0px 0px 4px;
    vertical-align: bottom;	
    cursor: pointer;
}

.datepickerbutton {
	height: 16px;
	width: 16px;
	font-size: 7pt;
	border-style: none;
	border-width: 0;
	background-color: #FFFFFF;
	background-image: url(<%=WebResource("BasWare.ProductFramework.Resources.icons.calendar.gif);
    margin: 0px 0px 0px 4px;
    vertical-align: top;	
    cursor: pointer;
}

.disableddatepickerbutton {
	height: 16px;
	width: 16px;
	font-size: 7pt;
	cursor: default;
	border-style: none;
	border-width: 0;
	background-color: #FFFFFF;
	background-image: url(<%=WebResource("BasWare.ProductFramework.Resources.icons.calendar_d.gif);
    margin: 0px 0px 0px 4px;
    vertical-align: top;	
}

.disabledpickerbutton {
	height: 18px;
	width: 22px;
	font-size: 7pt;
	cursor: default;
	border-style: none;
	border-width: 0;
	background-image: url(<%=WebResource("BasWare.ProductFramework.Resources.icons.browse_b_d.gif);
    margin: 0px 0px 0px 4px;
    vertical-align: top;	
}

.searchbutton {
	height: 17px;
	width: 17px;
	font-size: 7pt;
	border-style: none;
	border-width: 0;
	background-image: url(<%=WebResource("BasWare.ProductFramework.Resources.icons.search_b.gif);
    margin: 0px 0px 0px 4px;
    vertical-align: top;
    cursor: pointer;	
}

.deletebutton {
	height: 17px;
	width: 17px;
	font-size: 7pt;
	border-style: none;
	border-width: 0;
	background-image: url(<%=WebResource("BasWare.ProductFramework.Resources.icons.delete.gif);
    background-color: #ffffff;
    margin: 0px 0px 0px 4px;
    vertical-align: top;
    cursor: pointer;	
}

.deletebuttondisabled {
	height: 17px;
	width: 17px;
	font-size: 7pt;
	border-style: none;
	border-width: 0;
	background-image: url(<%=WebResource("BasWare.ProductFramework.Resources.icons.delete_d.gif);
    background-color: #ffffff;
    margin: 0px 0px 0px 4px;
    vertical-align: top;
    cursor: default;	
}

.errorbutton {
	height: 16px;
	width: 16px;
	font-size: 7pt;
	border-style: none;
	border-width: 0;
	background-image: url(<%=WebResource("BasWare.ProductFramework.Resources.icons.error-message.gif);
    background-color: #ffffff;
    margin: 0px 0px 0px 0px;
    vertical-align: top;
    cursor: pointer;	
}

.datepickerframe
{
	position: absolute;
	left: inherit;
	top: inherit;
    z-index: 101;
	border-width: 0px;
	border-style: none;
	border: none;
    margin: 0px;
    padding: 0px;
	display: none;
	width: 170px;
	height: 200px;
	background-color: #FFFFFF;	
}

/* Used between e.g. date fields */
.separator {
    padding: 0px 4px 0px 4px;
    vertical-align: top;
}

.pickermainbar
{
    border: none;
}

.calendartable {
    border-top: 1px solid #B2CAE7;
    border-right: 1px solid #7C92BA;
    border-bottom: 1px solid #7C92BA;
    border-left: 1px solid #B2CAE7;   
    background-color: #FFFFFF;
    color: #000000;
    font-size: 11px;
    margin: 0px;
    padding: 0px;    
}

.calendartable a{
   text-decoration: none;
}

.calendarTodayDayStyle {
    border-top: 1px solid #D9E6F6;
    border-right: none;
    border-bottom: 1px solid #D9E6F6;
    border-left: none; 
    color: #003366;
    font-weight: 700;
}

.calendarDayStyle {
    border-top: 1px solid #D9E6F6;
    border-right: none;
    border-bottom: 1px solid #D9E6F6;
    border-left: none; 
    color: #000000;
}

.calendarDayHeaderStyle {
    background-color: #EFF4FA;
    border-top: 1px solid #ffffff;
    border-right: none;
    border-bottom: 1px solid #ffffff;
    border-left: none;    
    color: #000000;
    font-size: 11px;
    font-weight: 700;
}

.calendarSelectedDayStyle {
    border-top: 1px solid #D9E6F6;
    border-right: none;
    border-bottom: 1px solid #D9E6F6;
    border-left: none;    
    color: #000000;
    background-color: #DCE1A9;
}

.calendarTitleStyle {
	background-image: url(../ui_pics/calendar_bar.gif);
    background-color: #FFFFFF;	    
    color: #000000;
    font-weight: 700;
    font-size: 12px;
    height: 20px;
    margin: 0px;
    padding: 4px 4px 4px 4px;
}

.calendarWeekendDayStyle {
    border-top: 1px solid #D9E6F6;
    border-right: none;
    border-bottom: 1px solid #D9E6F6;
    border-left: none;  
    color: #7C92BA;
}

.calendarOtherMonthDayStyle {
    border-top: 1px solid #D9E6F6;
    border-right: none;
    border-bottom: 1px solid #D9E6F6;
    border-left: none;  
    color: #999999;
}

.calendarNextPrevStyle {
    padding: 0px 10px 0px 10px;
}

/* Tab styles */

/* TABBED PANEL CONTROL */
.TabbedPanelControl {
	border: none;
	border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
    background-color: Transparent;
    overflow:auto;
}

.TabbedPanel {
    float: left;
    border-top: none;
    border-right: 1px solid #A6B9DD;
    border-bottom: 1px solid #A6B9DD;
    border-left: 1px solid #A6B9DD;
    margin: 0px -1px 0px 0px;
    padding: 0px;
    background-color: #FFFFFF;
}

.TabbedPanelGrid {
    float: left;
    border-top: none;
    border-right: 1px solid #A6B9DD;
    border-bottom: 1px solid #A6B9DD;
    border-left: 1px solid #A6B9DD;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

.TabbedPanelInsidePanel {
    float: left;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;    
}

.tabContents {
    margin: 0px;
    padding: 6px 6px 6px 6px;
}

.tabs {
    float: left;
    width: 100%;
    background: transparent url(../ui_pics/tab_bg.gif) repeat-x bottom;
    line-height:normal;
    margin: 0px;
    padding: 0px;    
}

.tabsInsidePanel {
    margin: 0px 0px 0px -1px;
    padding: 0px 0px 0px 0px;    
}
    
.tabs ul {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    background-color: Transparent;
}
      
.tabs li {
    float: left;
    background: url(../ui_pics/tab_right_last_off.gif) no-repeat right top;
    margin: 0px;
    padding: 0px;
}
      
.tabs a {
    display: block;
    background: url(../ui_pics/tab_left_first_off.gif) no-repeat left top;
    padding: 5px 15px 4px;
    color: #006699;
    font-weight: 300;  
    text-decoration: none;
}
    
.tabs .current {
    background-image: url(../ui_pics/tab_right_last_on.gif);
}
    
.tabs .current a {
    background-image: url(../ui_pics/tab_left_first_on.gif);
    padding-bottom: 5px;   
    color: #000000;
    font-weight: 700;
}

/* TREE CONTROL */
.TreeControl {
	background-color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}

.TreeControlSelectedNode {
	background-color: #DCE1A9;
	text-decoration: none;
}
.TreeControlNode {
	text-decoration: none;
}

.TreeControlNode:Hover {
	text-decoration: underline;
}

/* Check these!! */
/* BASIC DEFINITIONS */
/* LINKBUTTON */
a img
{
	border: none;
}

/* TABLES */

.Table /* Width must be set in a page! */
{
	font-size: 10pt;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: black;
	background-color: #ffffff;
	border: solid 1px #a6b9dd;
	margin: 0pt 0pt 0pt 0pt;
	border-collapse: collapse;
}

.TableWithoutBorder
{
	font-size: 10pt;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: black;
	background-color: #ffffff;
	border: none;	
	margin: 0 0 0 0;
	border-collapse: collapse;
}

.PopupPickerPanel
{
	font-size: 10pt;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: black;
	background-color: #ffffff;
	border: solid 1px #c0d0ea;	
	margin: 5 10 5 10;
	vertical-align: top;
}

.ErrorFrame 
{
	DISPLAY:none; 
	Z-INDEX:101; 
	POSITION:absolute; 
	top:15%; 
	left:15%;
	width:390px;
	height:240px;
	margin:0;
}

p.nowrap 
{
   white-space: nowrap;
}

/* BUTTON */

/* BUTTON (RAISED) */
.buttonraised
{
	border:ridge 2 #FFFFFF;
	font-size: 10pt;
	font-family: Arial;

}

/* BUTTON (LOWERED) */
.buttonlowered
{
	border:inset 2 #FFFFFF;
	font-size: 10pt;
	font-family: Arial;

}

/* CHECKBOXLIST */
.checkboxlist
{
	font-size: 10pt;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

/* LISTBOX */
.listbox
{
	border: 0;
	font-size: 10pt;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

/* CHECKBOX */
.checkbox
{
	font-size: 10pt;
	font-family:Arial, Verdana, Geneva, Helvetica,  sans-serif;
}

/* FILEFIELD */
.filefield
{
	height: 22px;
	font-size: 10pt;
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
}

.winxpcolorbackground
{
	background: #ece9d8;
}

.organizationtreeframe
{
	background-color:White;
	border-style: solid;
	border-width: 1;
	/*border-color:Gray;*/
}



.SimplePopupPickerContent
{
	WIDTH: 260px;
	height:auto;
	BORDER-RIGHT: #4568a4 2px solid;
    BORDER-TOP: #4568a4 2px solid;
    BORDER-LEFT: #4568a4 2px solid;
    BORDER-BOTTOM: #4568a4 2px solid;
   /* BACKGROUND-COLOR: #eff4fa */
   background-color:White;
   overflow:auto;
}
.SimplePopupWindow 
{
	position:absolute;
	top:10px;
	left:10px;
	background:White;
	width : 300px;
	border:solid 1px Blue;
	padding-bottom:8px;
	margin-left:8px;
	margin-right:8px;
	z-index:12;	
}

.ListNavigatorForGrid {
    margin: 6px 4px 0px 4px;
    overflow:auto;
}

.ListNavigatorTextBox {
	border: solid 1px #a6b9dd;
	font-size: 11px;
	margin-bottom: 10px;    
    width: 36px;
    padding: 0px 0px 0px 2px;
    margin: 0px 4px 0px 4px;
}

.ListNavigatorTextBox + input[image] {
    vertical-align: middle;
}

.ListNavigatorButton {
    border: none;
    padding: 2px 4px 0px 0px;
    vertical-align: top;
}

/* Toolbar definitions */

.toolbardiv {
    width: 100%;
    padding: 0px 8px 0px 8px; 
}

.subToolbarDiv {
	background-image: url(../ui_pics/toolbar_sub.gif);
	background-repeat: repeat-x;
	height: 24px;
	padding: 0px 6px 0px 6px;
	margin-bottom:0px;
	margin-top:0px;
}

.subToolbarFixedDiv {
	background-image: url(../ui_pics/toolbar_sub.gif);
	background-repeat: repeat-x;
	height: 24px;
	width: 100%;
	padding: 0px 6px 0px 6px;
	margin-bottom:0px;
	margin-top:0px;
}

.subToolbarWithBordersDiv
{
	background-image: url(../ui_pics/toolbar_sub.gif);
	background-repeat: repeat-x;
	height: 24px;
	padding: 0px 6px 0px 6px;
	margin: 0px;
    border-top: 1px solid #A6B9DD;
    border-right: 1px solid #A6B9DD;
    border-bottom: none;
    border-left: 1px solid #A6B9DD;
}

.subToolbarForGrid
{
	background-image: url(../ui_pics/toolbar_sub.gif);
	background-repeat: repeat-x;
	height: 24px;
	padding: 0px 6px 0px 6px;
	margin: 0px;
    border-top: none;
    border-right: 1px solid #A6B9DD;
    border-bottom: none;
    border-left: 1px solid #A6B9DD;
}

.subToolbarForTabsInsidePanelDiv
{
	background-image: url(../ui_pics/toolbar_sub.gif);
	background-repeat: repeat-x;
	height: 24px;
	padding: 0px 6px 0px 6px;
	margin-bottom:0px;
	margin-top:0px;
    border-top: none;
    border-right: 1px solid #A6B9DD;
    border-bottom: none;
    border-left: 1px solid #A6B9DD;
}

.toolbardiv ul {
    text-align: left;
    list-style:none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.subToolbarDiv ul {
    text-align: left;
    list-style:none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.subToolbarDiv ul a {
    position: static !important;
}

.subToolbarForTabsInsidePanelDiv ul {
    text-align: left;
    list-style:none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.subToolbarWithBordersDiv ul {
    text-align: left;
    list-style:none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.subToolbarForGrid ul {
    text-align: left;
    list-style:none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.toolbarText {
    color: #000000;
    margin: 0px 0px 0px 6px;
    vertical-align: text-top;  
}

.toolbarImage {
    padding: 0px 0px 0px 0px;
    vertical-align: text-top;  
}

.toolbarSeparator {
    padding: 0px;
    margin: 0px;  
}

.toolbarSeparator {
  padding: 0px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: inline-block;
  text-decoration: none;
  color: #000000;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root = Horizontal, Secondary = Vertical */
ul.navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
}

ul.navmenu li {
  margin: 0;
  border: 0 none;
  padding: 6px 4px 0px 4px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  border: 1px solid transparent;
}

ul.navmenu li.subToolbarLi {
  margin: 0;
  border: 0 none;
  padding: 2px 4px 0px 4px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: static !important;
  border: 1px solid transparent;
}

.toolbarSeparatorLi {
  padding: 0px important!;
}

.mouseover {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: inherit;
    height: 20px;
    border-top: 1px solid #5B7AB0 !important;
    border-right: 1px solid #5B7AB0 !important;
    border-bottom: 1px solid #5B7AB0 !important;
    border-left: 1px solid #5B7AB0 !important; 
    background-image: url(<%= WebResource("BasWare.ProductFramework.Resources.images.toolbar_selected.gif);
    background-repeat: repeat-x;   
    cursor: pointer;
    z-index: 100; 
}

ul.navmenu ul {
  margin: 0px 0px 0px -1px;
  padding: 2px 8px 2px 4px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0px;
  background-image: url(<%= WebResource("BasWare.ProductFramework.Resources.images.dropdown_bar.gif);
  background-repeat: repeat-y;
  background-color: #FFFFFF;
  border-top: 1px solid transparent;
  border-right: 1px solid #5B7AB0;
  border-bottom: 1px solid #5B7AB0;
  border-left: 1px solid #5B7AB0;  
}

ul.navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul.navmenu ul li {
  width: 100%;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  padding: 0px 0px 0px 0px;
  margin: 0px;
  white-space:nowrap;
}

ul.navmenu img {
 border: none;
 padding: 0px 0px 0px 0px;
 vertical-align: middle;
}

ul.navmenu img.toolbarSeparator {
 padding: 0px 0px 0px 0px;
 vertical-align: middle;
}

ul.navmenu input[image] {
 border: none;
 padding: 0px;
 vertical-align: middle;
}

ul.navmenu img.arrow {
 border: none;
 padding: 0px 0px 0px 0px;
}

/* Root Menu */
ul.navmenu a {
  padding: 0px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: inline;
  text-decoration: none;
  color: #000000;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul.navmenu a:hover,
ul.navmenu li:hover a,
ul.navmenu li.iehover a {

}

/* 2nd Menu */
ul.navmenu li:hover li a,
ul.navmenu li.iehover li a {
  float: none;
}

/* 2nd Menu Hover Persistence */
ul.navmenu li:hover li a:hover,
ul.navmenu li:hover li:hover a,
ul.navmenu li.iehover li a:hover,
ul.navmenu li.iehover li.iehover a {
  color: #000000;    
}

ul.navmenu ul ul,
ul.navmenu ul ul ul {
  display: none;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul.navmenu li:hover ul ul,
ul.navmenu li:hover ul ul ul,
ul.navmenu li.iehover ul ul,
ul.navmenu li.iehover ul ul ul {
  display: none;
}

ul.navmenu li:hover ul,
ul.navmenu ul li:hover ul,
ul.navmenu ul ul li:hover ul,
ul.navmenu li.iehover ul,
ul.navmenu ul li.iehover ul,
ul.navmenu ul ul li.iehover ul {
  display: block;
}

.ModalDialogBackground {
	background-color: #FFFFFF;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.ModalPopupDialogBackground {
	background-color: Transparent;
}

/*check */

.ModalDialogWindowHeader 
{
	background-color:Blue;
	cursor: move;
	border:solid 1px Blue;
	
}
.ModalDialogWindowHeader td
{
	text-align:right;
	height:18px;
	width:100%;
}

.ModalDialogWindow 
{
	background:White;
	width : 600px;
	border:solid 1px Blue;
	padding-bottom:8px;
	margin-left:8px;
	margin-right:8px;
	z-index:12;
}
.modallayer{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color:White;
        filter: alpha(opacity=100);
	    opacity: 1.0;
        
        }
        
.ModalDialog640
{
    WIDTH: 640px;    
}

.teststyle 
{

	background-color:White;
	position: absolute;
	z-index:100;
	border-color:Black;
	border-width:medium;
	

}