/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);

@charset "utf-8";
*{
    /*-moz-box-sizing:border-box;box-sizing:border-box;margin:0px;padding:0px;
    -moz-box-sizing:padding-box;box-sizing:padding-box;margin:0px;padding:0px;
    -moz-box-sizing:content-box;box-sizing:content-box;margin:0px;padding:0px;*/

    margin:0;padding:0;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
body, table {
    font-size: small;
}

body {
    cursor: default;
    color: #333;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size:  13px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    -moz-user-select:-moz-none;
    -khtml-user-select:none;
    -user-select: none;
    background-color: #eeeeee;

    margin:0;padding:0;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    overflow: hidden;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

html {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

.mozDisableTextSelection {
    -moz-user-select:-moz-none;
    -khtml-user-select:none;
    -user-select: none;
    unselectable:on;
}

.mozEnableTextSelection {
    -moz-user-select: text;
    -khtml-user-select: text;
    -user-select: text;
    unselectable:off;
}

code {
    font-size: small;
}

a {
    color: #008dce;
    text-decoration: none;
}

a:visited {
    color: #008dce;
}

a:hover {
    color: #007ebb;
}

fieldset {
    margin-bottom:5px;
    padding:5px;
    border:1px solid #99BBE8;
}
fieldset legend {color:#0046d5;}

.gwt-BorderedPanel {
}

.gwt-Button {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;

    /*vertical-align: middle;*/
    padding-top:2px;
    padding-bottom:2px;
}

.gwt-Canvas {
}

.gwt-CheckBox {
    background-color: inherit;
    text-align: center;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.gwt-CheckBox label {
    margin-left:3px;
    margin-right:10px;
    /*vertical-align: 20%;Only value that is respected by IE, gecko, safari and chrome
   /*This works in no IE browsers only*/
    vertical-align: top;
    margin-top: -20px;
    /*color: black;*/

    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.gwt-DialogBox {
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 3px 9px #999;
}

.gwt-DialogBox .Caption {
    background-color: #008dce;
    padding: 10px;
    margin: 0px;
    cursor: default;
    font-size: 15px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #fff;
    border-radius: 4px 4px 0px 0px;
}

.gwt-DialogBox .gwt-Button {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    color: #333;
    padding: 6px 12px;
    margin:5px;
}

.gwt-DialogBox .gwt-Button:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
}

.gwt-DialogBox .dialogMiddleCenter {
    padding:5px;
}

.gwt-DialogBox .dialogMiddleCenter .gwt-Image {
    margin-right:5px;
}

.gwt-FileUpload {
    font-size: 13px;
    font-family: Roboto, Arial, Tahoma, Helvetica, sans-serif;
}

.gwt-Frame {
}

.gwt-HorizontalSplitter .Bar {
    width: 8px;
    background-color: #C3D9FF;
}

.gwt-VerticalSplitter .Bar {
    height: 8px;
    background-color: #C3D9FF;
}

.gwt-HTML {
    font-size: 13px;
}

.gwt-Hyperlink {
    cursor:pointer;
    color:blue;
    text-decoration:underline;
}

.gwt-Image {
}

.gwt-Label {
    font-size: 13px;
}

.progeny-Label {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.gwt-ListBox {
    background-color: white;
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    border: 1px solid #7F9DB9;
    /*padding: 2px;*/
}

.gwt-ListBox-Disabled {
    background-color:#E9E9E9;
}

/*.gwt-MenuBar {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    background-color: #F0F0F0;
    border: 1px solid #7F9DB9;
    cursor: hand;
    TODOwidth: auto;max-width: 500px;
    font-size: 13px;
    cell-spacing: 0px;
    overflow-y: auto;
    overflow-x: auto;
    overflow: auto;

    white-space: nowrap;
    height: auto;
    max-height: 200px;
}*/




/* Add Shadow to popup menubar, changed border */
.gwt-MenuBar {
    background-color: #F0F0F0;
    border: 1px solid #BBBBBB;
    box-shadow: 0 2px 2px #CCCCCC;
    font-family: Roboto, Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: auto;
    overflow: auto;
    white-space: nowrap;
}

/*.gwt-MenuBar .gwt-MenuItem {
    font-family: Roboto, Arial, Helvetica, sans-serif;    
    padding: 0px 3px 0px 3px;
    font-size: 13px;
    width: auto;
    margin: 0px;
    align: left;
    height: 20px;
}*/
/* Change padding on MenuItem */
.gwt-MenuBar .gwt-MenuItem {
    font-family: Roboto, Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 20px;
    margin: 0;
    padding: 4px 20px 4px 5px;
    width: auto;
}

.gwt-MenuBar .gwt-MenuItem-checkbox-checked {
    background: url("png/checkbox.png") no-repeat 4px 50%;
}

.gwt-MenuBar .gwt-MenuItem-checkbox-unchecked {
    background: url("png/checkbox_unchecked.png") no-repeat 4px 50%;
}

.gwt-MenuBar .gwt-MenuItem-selected {
    background-color: #C3D9FF;
}

.gwt-PasswordTextBox {
    background-color: white;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    border: 1px solid #BBBBBB;
    /*border: 1px solid #7F9DB9;*/
    padding: 2px;
}

.gwt-RadioButton {
    background-color: inherit;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    /*color: black;*/
}

.gwt-RadioButton    label {
    margin-top:-3px;
    margin-right:0px;
    margin-bottom:0px;
    margin-left:3px;
    padding: 0px;
    color: #333333 !important;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    white-space: nowrap;
}



.gwt-TextArea {
    background-color:white;
    border:1px solid #7F9DB9;
    font-family: Roboto, Arial,Helvetica,sans-serif;
    font-size:14px;
    padding:2px;
}

.gwt-TextBox {
    background-color: white;
    font-size: 14px;
    padding:2px 2px 2px 2px;
    /*font-family: Roboto, Arial, Helvetica, sans-serif;*/
    /*border: 1px solid #7F9DB9;*/

    border: 1px solid #BBBBBB;
    font-family: Roboto, Arial,Helvetica,sans-serif;
    /*font-size: 13px;*/
}



.gwt-TextBox-Disabled {
    background-color:#E9E9E9;
}

.gwt-Tree {
    font-size: 13px;
}


.gwt-Tree .gwt-TreeItem {
    font-size: 13px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom:0px;
    margin-top: 0px;
    height: 60%;
}
.progeny-FolderTree-IconText {
    font-size: 13px;
    padding-top:0px;
    padding-left:5px;
}
.progeny-FolderTreeItem-Widget {
    height:16px;
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.progeny-FolderTree-IconText-Selected {
    background-color:#C3D9FF;
    padding: 2px 5px;
}
.gwt-Tree .gwt-TreeItem-selected {
    background-color:#C3D9FF;
}

.gwt-StackPanel {
}

.gwt-StackPanel .gwt-StackPanelItem {
    background-color: #C3D9FF;
    cursor: pointer;
    cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
}


.progeny-IDS-UPN-SelectPanel {
    padding:3px 0px 3px 6px;
    height: 22px;
    width: 300px;
}

.progeny-IDS-UPN-SelectPanel .gwt-HTML {
    background-color: white;
    border: 1px solid #7F9DB9;
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    width: 150px;
    height: 20px;
}

.progeny-IDS-UPN-SelectPanel .gwt-ListBox {
    background-color:white;
    font-size: 13px;
    border: 1px solid #7F9DB9;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding-top:0px;
    width:150px;
    height: 20px;
}

.progeny-IDS-TextBox {
    background-color:white;
    /*border: none;*/

    /*border: 1px solid #52A8F2;*/
    border: none;
    box-shadow: 0px 0px 8px #52A8F2;
    -webkit-box-shadow: 0px 0px 8px #52a8f2;
    -moz-box-shadow: 0px 0px 8px #52a8f2;
    outline: 0 none;

    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
}


.progeny-IDS-TextBox-Table {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: white;
    border: 2px solid #52A8F2;
    outline: 0 none;
    padding-left: 6px;
}

.progeny-IDS-TextBox-Disabled {
    background-color:#EEEEEE;
}

.progeny-IDS-TextBox-Table-Disabled {
    background-color:#EEEEEE;
}

.progeny-IDS-Select-TextBox-Table {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: white;
    border: 2px solid #52A8F2;
    outline: 0 none;
    padding-left: 2px;
}

/*////////////////////////////////////////////Date Picker Styling//////////////////////////////*/
.progeny-Editor-ErrorTextColor{
    color:red;
}
.progeny-IDS-DateField-Button {
    background: #C1D3FB;
    padding: 1px;
}
.progeny-IDS-DateField-Button-Disabled {
    border-left: none;
    padding: 1px;
}
.progeny-IDS-DateField-Container {
    border: 1px solid #7F9DB9;
    padding: 2px;
}
.progeny-IDS-DateField-Container .td{
    padding: 2px;
}

.progeny-IDS-DateField-Container-Table {
    border: none;
    padding: 0px;
}

.progeny-IDS-DateField-Container-Disabled {
    background-color:#e9e9e9;
    border: 1px solid #7F9DB9;
}

.progeny-IDS-DateField-Container-Table-Disabled {
    background-color:#e9e9e9;
    border: none;
}

.progeny-IDS-DateField-Renderer {
    background-color: white;
    font-size: 13px;
    border:none;
    font-family:  Roboto, Arial, Helvetica, sans-serif;
    padding-top: 4px;
}

.progeny-IDS-DateField-Renderer-Table {
    background-color: white;
    font-size: 13px;
    border:none;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding-top: 4px;
}

.progeny-IDS-DateField-Renderer-Disabled {
    background-color:#e9e9e9; /* *#E9E9E9;*/
    border-right: 1px solid #ECE9D8;
}

.progeny-IDS-DateField-Renderer-Table-Disabled {
    background-color:#E9E9E9;/*#ECE9D8; */

}

.progeny-IDS-DateField-Renderer-Selected {
    color: red;
    background:#cfe2fa repeat-x;
}



.progeny-ImageField {
    background-color: white;
    font-size: 80%;
    border: 1px solid #7F9DB9;
}

.progeny-ImageField-Hyperlink {
    background-color: white;
    font-size: 80%;
    border-bottom: 1px solid #7F9DB9;
}
.progeny-ImageField-Hyperlink-Disabled {
    background-color:#e9e9e9; /* *#E9E9E9;*/
}
.progeny-ImageField-Hyperlink-Table {
    background-color: white;
    font-size: 80%;
    border:none;
}
.progeny-ImageField-Hyperlink-Table-Disabled {
    background-color:#e9e9e9; /*#E9E9E9;*/
}
.progeny-ImageField-Table {
    background-color: white;
    font-size: 80%;
    border: none;
}

.progeny-ImageField-Disabled {
    background-color:#E9E9E9;/*#ECE9D8; */

}

.progeny-ImageField-Table-Disabled {
    background-color:#E9E9E9;/*#ECE9D8; */

}

.progeny-ImageField-TextBox {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #7F9DB9;
    background-color: white;
    font-size: 13px; /*80%;*/
    padding-top: 4px;

}

.progeny-ImageField-TextBox-Table {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #7F9DB9;
    background-color: white;
    font-size: 13px; /*80%;*/
    padding-top: 4px;
}

.progeny-ImageField-TextBox-Disabled {
    background-color:#e9e9e9; /*#E9E9E9;*/
}
.progeny-ImageField-TextBox-Table-Disabled {
    background-color:#e9e9e9; /* *#E9E9E9;*/
}

.progeny-ImageField-TextBox-MouseOver {
    color: blue;
    text-decoration: underline;
}




.progeny-Horizontal-MenuBar {
    background-color: #ECE9D8;
    border-bottom: 1px solid #ACA899;
    font-size: 80%;
    cursor: hand;
}




.progeny-LookupTable-Container {
    border: 1px solid #D4D4D4;
}


.progeny-PedigreeList-Grid {
    background-color: inherit;/*#fff;*/
}

.progeny-PedigreeList-Grid-IconText {
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.progeny-PedigreeList-Label {
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding-top:4px;
}


.progeny-IndividualList-Label {
    padding-top:3px;
    height:inherit;
}


.progeny-NewIndividual-TreeWnd {
    background-color: white;
    border: 1px solid #7F9DB9;
}


.CalendarWidget {
    border: 1px solid #7F9DB9;
}

.CalendarWidget .navbar {
    width: 100%;
    background-color: #99bbe8;
    vertical-align: middle;
    border-bottom: 1px solid #99bbe8;
    padding-bottom:3px;
}

.CalendarWidget .navbar .gwt-Button {
    padding-left: 5px;
    padding-right: 5px;
}

.CalendarWidget .table {
    font: 10pt sans-serif;
    text-align: center;
    background-color:#f7f7f7;
}

.CalendarWidget .weekheader {
    background-color: #dfe8f6;
}

.CalendarWidget .weekheader .days {
    width: 3em;
    border-bottom: 1px solid #99bbe8;
}

.CalendarWidget .cell {
    cursor:pointer;
}

.CalendarWidget .cell .gwt-HTML {
    border:1px solid #99bbe8;/*#ACA899;*/
}

.CalendarWidget .cell .gwt-HTML span {
    width: 100%;
    height: 100%;
    line-height: 2em;
}

.CalendarWidget .today .gwt-HTML {
    background-color: #C3D9FF;
    border: 1px solid red;
}

.CalendarWidget .day .gwt-HTML {
    border: 1px solid #C3D9FF;
}

.progeny-FieldChooser-DataFolderHeader {
    background-image: url(columnhead.gif);
    background-repeat: repeat-x;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 80%;
    height: 22px;
    padding-bottom: 4px;
}
.progeny-FieldChooser-DataFoldersTreeWndPanel {
}
.progeny-FieldChooser-FieldsPanel {
    background-color: white;
    border: 1px solid #7F9DB9;
}
.progeny-FieldChooser-DataFoldersTreeWnd {
    background-color: white;
}
.progeny-FieldChooser-DataFoldersTreeWndPanel {
    background-color: white;
    border: 1px solid #7F9DB9;
    margin-right:5px;
}
.progeny-FieldChooser {
    margin: 5px;
}


.progeny-FieldChooser-TextBox {
    background-color:white;/*#ECE9D8;   */
    font-size: 13px;
    font-weight:normal;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    border:1px solid grey;
}
.progeny-FieldChooser-Label {
    background:inherit;
    font-size: 13px;
    font-weight:normal;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.progeny-TabCloseButton {
    opacity: 0.4;
}

.progeny-TabCloseButton:before {
    content: "\00d7";
    width: 30px;
    height: 30px;
    font-size: 22px;
    font-weight: 700;
    color: black;
    opacity: inherit;
    /*    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    border: 0 none;
    padding: 0;
    display: block;
    text-align: center;
    line-height: 1.3;
}

.progeny-TabCloseButton:hover {
    opacity: 0.5;
}
.welcome {
    font: 13px Roboto, Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    border: 1px solid #BCDDFF;
    margin-top: 100px;
}

.header {
    background-color: #99bbe8;
    color: #FFFFFF;
    font: bold 15px Roboto, Arial, Helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
}

.headfont {
    font: 13px Roboto, Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
}

.powered {
    font: 11px Roboto, Arial, Helvetica, sans-serif;
}



/*//////////////////////TabWnd Close Button Styling/////////////////////////*/
.progeny-TabBarItem-CloseButton {
}

.progeny-TabBarItem-CloseButton-Normal {
    /*  background-image: url(gif/tabclose.gif);
      background-repeat: no-repeat;*/

    background-image: url("gif/tabclose.gif");
    background-repeat: no-repeat;
    margin-top: -2px;
    margin-left: 2px;
}

.progeny-TabBarItem-CloseButton-MouseOver {
    /*  cursor:pointer;
      background-image: url(gif/tabclose_hover.gif);
      background-repeat: no-repeat;*/

    background-image: url("gif/tabclose_hover.gif");
    background-repeat: no-repeat;
    cursor: pointer;
    margin-top: -2px;
    margin-left: 2px;
}

.progeny-TabBarItem-Container {
    vertical-align:middle;
    /*width:inherit;*/
}

.progeny-TabBarItem-Table {
}

.progeny-TabBarItem-Label {
    font-size:13px;
    padding-bottom:3px;
    padding-left:3px;
    width:auto;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    border: none;/*1px solid red;*/

}





.progeny-IDS-LookupTable-HighlightedRow {
    background-color: #eeeeee;
}




.progeny-SelectedRow {
    background:#cfe2fa repeat-x;
}

.progeny-TableEditor-SelectedRow {
    background:#e0eeff repeat-x;
}

.progeny-SelectedRow-Delete{
    background:#f9b5b5 repeat-x;
}


.progeny-Aliquot-Grid {
    background-color: white;
    font-size: 70%;
    cursor: pointer;
    padding-left: 5px;
}
.progeny-Aliquot-Grid .Scroller {
    background-color: green;
    cursor: pointer;
}
.progeny-Aliquot-Header-Cell {
    border-left: 1px groove;
    padding-left: 5px;

}
.progeny-Aliquot-Header-Cell-First {
    border-left: none;/*1px solid black;  */
    padding-left: 5px;
}
.progeny-Aliquot-Header-Cell-Last {
    border-left: 1px groove;
    border-right: none;/*1px solid black; */
    padding-left: 5px;
}

.progeny-Aliquot-Grid-Cell {
    border-left: 1px solid black;
}
.progeny-Aliquot-Grid-Cell-First {
    border-left: none;/*1px solid black;  */
}
.progeny-Aliquot-Grid-Cell-Last {
    border-left: 1px solid black;
    border-right: none;/*1px solid black; */
}

.progeny-Aliquot-Grid-Row {
    border-bottom: 1px solid black;
}

.progeny-Aliquot-Grid-Row-First {
    border-bottom: 1px solid black;
}

.progeny-Aliquot-Grid-Row-Last {
    border-bottom: 1px solid black;
}

.progeny-Aliquot-Grid-IconText {
    font-size:70%;
}

.progeny-Aliquot-Label {
    padding-top:3px;
    height:inherit;
}

/**
.progeny-ScanMode-InputFieldsPanel {
    border: none;
}

.progeny-ScanMode-InputFieldsPanel .table {
  background-image: url(columnhead.gif);
  background-repeat: repeat-x;
  font-family: Tahoma, Roboto, Arial, Helvetica, sans-serif;
  font-size: 13px;
  height: 22px; 
}

progeny-ScanMode-InputFieldsPanel .table .InfoIconCell {
    background-color: white;
}

.progeny-ScanMode-DetailPanel {
  background-color: white;
    border: 1px solid #7F9DB9;  
}

.progeny-ScanMode-Label {
    background:inherit;
  font-size: 13px;
  font-weight:normal;
  font-family: Tahoma, Roboto, Arial, Helvetica, sans-serif;
}
*****/




.progeny-Freezers-SamplesListContainer {
}

.gwt-pushButton-up {
    background-color: #C3D9FF;
    padding: 2px;
    border: 2px solid transparent;
    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
    cursor: pointer;
    cursor: hand;
}

.gwt-pushButton-up-hovering {
    background-color: #C3D9FF;
    padding: 2px;
    border: 2px solid transparent;
    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
    cursor: pointer;
    cursor: hand;
}

.gwt-pushButton-down {
    background-color: #C3D9FF;
    padding: 2px;
    border: 2px solid transparent;
    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
    cursor: pointer;
    cursor: hand;
}

.gwt-pushButton-down-hovering {
    background-color: #C3D9FF;
    padding: 2px;
    border: 2px solid transparent;
    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
    cursor: pointer;
    cursor: hand;
}

.gwt-ToggleButton-up {
    background-color: #dddddd;
    padding: 2px;
    border: 2px solid transparent;
    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
    cursor: pointer;
    cursor: hand;
}

.gwt-ToggleButton-up-hovering {
    background-color: #dddddd;
    padding: 2px;
    border: 2px solid transparent;
    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
    cursor: pointer;
    cursor: hand;
}

.gwt-ToggleButton-down {
    background-color: #C3D9FF;
    padding: 2px;
    background-color: #E8F1FF;
    border: 2px solid transparent;
    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
    cursor: pointer;
    cursor: hand;
}

.gwt-ToggleButton-down-hovering {
    background-color: #C3D9FF;
    padding: 2px;
    background-color: #E8F1FF;
    border: 2px solid transparent;
    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
    cursor: pointer;
    cursor: hand;
}

.gwt-HorizontalSplitPanel {
    border: 8px solid #C3D9FF;
}

.gwt-HorizontalSplitPanel .splitter {
    background-color: #C3D9FF;
    cursor: move;
}

.gwt-HorizontalSplitPanel .left {
    background-color: #E8EEF7;
}



.gwt-SuggestBox {
    border: 1px solid #BBBBBB;
    font-family: Roboto, Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding: 3px;
}

.gwt-SuggestBoxPopup {
    background-color: #f3f3f3;
    border: 1px solid #cccccc;
    font-size: 13px;
    padding: 3px;
}

.gwt-SuggestBoxPopup .item {
    padding: 2px;
    font-family: Roboto, Arial,Helvetica,sans-serif;
    font-size: 13px;
}

.gwt-SuggestBoxPopup .item-selected {
    background-color: #b9dcff;
    font-family: Roboto, Arial,Helvetica,sans-serif;
    padding: 2px;
    font-size: 13px;
}

.progeny-FieldListControl {
    font-size: 13px;
    border: 1px solid #7F9DB9;
    background-color: white;
}


.progeny-ListControl-Grid {
    background-color: white;
    /*font-size: 80%; */
}

.progeny-ListControl-Grid-Cell {
    border-left: none;
}
.progeny-ListControl-Grid-Cell-First {
    border-left: none;
}
.progeny-ListControl-Grid-Cell-Last {
    border-left: none;
    border-right: none;
}

.progeny-ListControl-Grid-Row {
    border-bottom: 1px solid black;
}

.progeny-ListControl-Grid-Row-First {
    border-bottom: 1px solid black;
}

.progeny-ListControl-Grid-Row-Last {
    border-bottom: 1px solid black;
}


.progeny-ReactionsWnd {
    margin: 5px;
}
.progeny-ReactionsWnd-dock {
    background: inherit;
}
.progeny-ReactionsWnd-list {
    border: 1px solid #7F9DB9;
    background-color: white;
}
.progeny-ReactionsWnd-buttonpanel {
    background: inherit;
    border: none;
}


.progeny-FieldWarehouseButton {
    border: 1px solid #ACA899;
}



.progeny-noselection {
    /**
    -moz-user-select:none;
    -khtml-user-select:none;
    user-select:none;
    */
}

.progeny-NumberTextBox {
    background-color:white;
    font-size: 13px;/*80%;*/
    border: 1px solid #7F9DB9;
    text-align:right;
    padding-top:4px;
}

.progeny-TextBox-Disabled {
    background-color:#E9E9E9; /* *#E9E9E9;*/
}




.progeny-PlateViewer {
    background: white;
    font-family: Tahoma, Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    /*cursor: hand;*/
    margin-right: 4px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;

}
.progeny-PlateViewerCell {
    /*font-size: 80%;*/
    margin: 0;
}
.progeny-PlateViewerCell-Image {
    background: inherit;
}

.progeny-PlateViewerCell-Image-Occupied-Selected {
    background: #ffff99;/*inherit;*/
    border-right: 1px solid #7F9DB9;
    border-left: 1px solid #7F9DB9;
    border-top: 1px outset #7F9DB9;
    border-bottom: 1px outset #7F9DB9;
    border-top-width: 1px outset #7F9DB9;
}
.progeny-PlateViewerCell-SampleName-Occupied {
    background: inherit; /*#7FFF55;*/
}


.progeny-PlateViewerCell-Corner {
    fage: url(gif/gradient_top.png);
    background-repeat: repeat-x;
    border: 1px solid #7F9DB9;
}

.progeny-PlateViewerCell-HCol {
    /*background-image: url(gif/gradient_left.png);*/
    /*background-repeat: repeat-y;*/
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0px 5px 0px 5px;
    background-color: #eeeeee;
}

.progeny-PlateViewerCell-HRow {
    /*background-image: url(gif/gradient_top.png);*/
    /*background-repeat: repeat-x;*/
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 2px 0px 2px 0px;
    background-color: #eeeeee;
}

.progeny-PlateViewerCell-dropdenied {
    background-color:red;
    text-decoration:blink;
}
.progeny-PlateViewerCell-dropallowed {
    background-color:#15EA25;
}


.progeny-PlateViewerCell-SampleNameTextBox {
    border: none;
    background: inherit;
    text-align: center;
    margin: 0;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 0px;
    height: 15px;
    line-height: 15px;
}

.progeny-PlateViewerCell-SampleNameTextBox-Focus {
    text-align: left;
}


.progeny-PlatesSamplesList-Grid {
    background-color: white;
    font-size: 70%;
    padding-left: 5px;
}



.progeny-Dropdown-Disabled {
    background-color:#E9E9E9; /* *#E9E9E9;*/
}

.progeny-Spreadsheet-Grid-Container {
    /*! background-color: white; */
    /*! border-left: 1px solid #bbbbbb; */
    /*! border-right: 1px solid #bbbbbb; */
    /*! border-bottom: 1px solid #bbbbbb; */
    border: 1px solid #cccccc;
}
.progeny-Spreadsheet-Grid-Scroller {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.progeny-Spreadsheet-Grid-Canvas {
    border: 0px;
    padding: 0px;
    margin: 0px;
    border-top: 1px solid #cccccc;
}

.progeny-Spreadsheet-Grid {
    background-color: white;
}
.progeny-Spreadsheet-Cell-Readonly {
    background: #f5f5f5;
}

.progeny-Spreadsheet-Cell-NumberColumn {
    background: #e5e5e5;
}

.progeny-Spreadsheet-Cell {
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.progeny-Spreadsheet-Cell-Rest {
    border-left: 1px solid #C0C0C0;
}


.progeny-Spreadsheet-Cell-First {
    border-left: 0px;
}

.progeny-Spreadsheet-Cell-Empty {
    background-color: #f5f5f5;
}

.progeny-Spreadsheet-Row {
    /*border-bottom: 1px solid #C0C0C0;
    height: 20px;*/
}
.progeny-Spreadsheet-Grid tr {
    height: 20px; /*Until such time as it becomes easy to extract this height programmatically, a magic number will be used in spreadhseet to return value for method computeRowHeight()*/
}

.progeny-Spreadsheet-Grid td {
    border-left:  0px;
    border-right: 1px solid #C0C0C0;
    border-top: 0px;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #C0C0C0;
}

.progeny-Spreadsheet-Cell-TableColumnModulo-0 {
    background: #C1FFC1;
}
.progeny-Spreadsheet-Cell-TableColumnModulo-1 {
    background: yellow;
}




.progeny-List-Header {
    /*! background-image: url(gif/columnhead5.png); */
    background-repeat: repeat-x;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    /*! border-top: 1px solid #bbbbbb; */
    border-bottom: 1px solid #bbbbbb;
    background-color: #f5f5f5;
}

.progeny-List-Header tr {
    margin: 0px;
    padding: 0px;
    height: 22px; /*Until such time as it becomes easy to extract this height programmatically, a magic number will be used in spreadhseet to return value for method computeRowHeight()*/
}

.progeny-List-Header td {
    border-right: 1px solid #bbbbbb;
    border-left:  0px;
    border-top: 0px;
    margin: 0px;
    padding: 0px;

    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #bbbbbb;
}

.progeny-Spreadsheet-Header {
    /*! background-image: url(gif/columnhead5.png); */
    /*! background-repeat: repeat-x; */
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
    border: 0px;
    background-color: #e5e5e5;
}

.progeny-Spreadsheet-Header-Label {
    background: inherit;
    line-height: 20px;/*padding-top: 5px;*/
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}



.progeny-Spreadsheet-Header tr {
    height: 22px; /*Until such time as it becomes easy to extract this height programmatically, a magic number will be used in spreadhseet to return value for method computeRowHeight()*/
}

.progeny-Spreadsheet-Header td {
    border-right: 1px solid #bbbbbb;
    border-left:  0px;
    border-top: 0px;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #cccccc;
}

.progeny-Spreadsheet-Editor-PopupPanel {
    /*border: 1px solid #7F9DB9;*/
}

.progeny-ListControl-LabelDiv {
    padding: opx opx opx opx;
    margin: opx opx opx opx;
}

.progeny-VirtualListControl-Container {
    padding: opx opx opx opx;
    margin: opx opx opx opx;
}


.progeny-VirtualListControl-Grid-Canvas {
    border: 0px;
    padding: 0px;
    margin: 0px;
    /*border: thin dashed red;
    position: relative;
    left: 0px;
    top: 0px;*/
    overflow: hidden;
    background-color: #fff;
}


.progeny-SingletsModuleTabWnd {
    background-color: white;
    border-top: 1px solid #ACA899;
    border-bottom: 1px solid #ACA899;
    border-right: 1px solid #ACA899;
}









.progeny-SpreadsheetFieldsGrid-Cell-Readonly {
    background: #E9E9E9;
}
.progeny-SpreadsheetFieldsGrid-Cell {
    font-size: 13px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.progeny-SpreadsheetFieldsGrid-Cell-Rest {
    border-left: 1px solid #ECE9D8;
}

.progeny-SpreadsheetFieldsGrid-Cell-First {
    border-left: 0px;
}


.progeny-SpreadsheetFieldsGrid-Row {
    border-bottom: 0px solid #ACA899;
}
.progeny-SpreadsheetFieldsGrid-Row-First {
    border-top: 1px solid #ACA899;
}

.progeny-SpreadsheetFieldsGrid-Container {
    /*border-left-width:5px;
    border-left-style:ridge;*/
}

.progeny-SpreadsheetFieldsGrid-Label {
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding-top: 3px;
}



.progeny-DraggableSamlesList-Grid-Cell {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
.progeny-DraggableSamlesList-Grid-Cell-Rest {
    border-left:  1px solid white;
}

.progeny-DraggableSamlesList-Grid-Cell-First {
    border-left: 0px;
}

.progeny-Dragging {
    cursor:url(gif/drag.cur),auto;
}
.progeny-Dragging-dropdenied {
    cursor:no-drop;
}
.progeny-Dragging-dropallowed {
    cursor:url(gif/drag.cur), default;
}


.progeny-Datasheet-Editor-PopupPanel {
    border: none;
}

.progeny-Selected-DropTarget {
    background-color: blue;
    color: white;
    text-decoration: blink;
}


.progeny-TextBox-ContainerViewer {
    background-color: white;
    font-size: 9px;
    border: none;
}

.progeny-ProgressBar {
    background-color:#E8EEF7;
    border: 1px solid #87B3FF;
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    vertical-align: middle;
    padding: 2px;
}


.progeny-ProgressBar-Label {
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.progeny-StyledDropdown-MouseMove-CurrrentRow {
    background-color: #eeeeee;
}
.progeny-StyledDropdown-DDCell {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    border: none;
}

.progeny-PlateViewerCell-Outline-NoDuplicate {
    background: white;
    border: 1px solid #7F9DB9;
}
.progeny-PlateViewerCell-OutlineDuplicate-AcrossPlate {
    border: 1px solid darkorange;/*#FFDF80;*/
}

.progeny-PlateViewerCell-OutlineDuplicate-InPlate {
    border: 1px solid purple;/*ECB3FF;*/
}


.progeny-FieldDropDown-FieldsPanel {
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    background-color: white;
}
.progeny-FieldDropDown-DataFoldersTreeWnd {
    background-color: white;
    border: 1px solid #bbbbbb;
}

.progeny-FieldDropDown {
    background-color: #e7e7e7;
    border: 1px solid #7F9DB9;
    padding:5px;
}

.popupContent {
}




.progeny-HyperlinkField-Link {
    cursor:pointer;
    color:blue;
    text-decoration:underline;
}




.progeny-HyperlinkField-Link1 {
    border: 1px solid #87B3FF;
    cursor:pointer;
    background-color: white;
    font-size: 80%;
    color:blue;
    text-decoration:underline;
}
.progeny-HyperlinkField-Link-Disabled {
    border: 1px solid #87B3FF;
    background-color:#e9e9e9; /* *#E9E9E9;*/
}
.progeny-HyperlinkField-Link-Table {
    cursor:pointer;
    background-color: white;
    font-size: 80%;
    color:blue;
    text-decoration:underline;
}
.progeny-HyperlinkField-Link-Table-Disabled {
    background-color:#E9E9E9;/*#ECE9D8; */

}
.progeny-HyperlinkField-Editor {
    background-color: white;
    font-size: 80%;
    border: 1px solid #7F9DB9;
    padding-top: 4px;
}

.progeny-HyperlinkField-Editor-Table {
    background-color: white;
    font-size: 80%;
    border: black;
    padding-top: 4px;
}
.progeny-HyperlinkField-Editor-Disabled {
    background-color:#E9E9E9;/*#ECE9D8; */

}

.progeny-HyperlinkField-Editor-Table-Disabled {
    background-color:#E9E9E9;/*#ECE9D8; */

}


.gwt-TabPanel {

    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: black;
    white-space: nowrap;
    padding: 0px;
    margin: 0px;
}

.gwt-TabPanelBottom {
    border: none;
    margin: 0px;
    padding: 0px;
    background-color: white;

}
.gwt-TabBar {
    margin-left: 0px;
    margin-top: 0px;
    padding: 0px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    /*! background: #dddddd url(gif/tab_bg.jpg) repeat-x left top; */
    /*! border-right: 1px solid #cccccc; */
    /*border: 1px solid #bbbbbb;*/
    /*! background-color: #e7e7e7; */
}


.gwt-TabBar .gwt-TabBarFirst {
    height: 100%;
    border-bottom: 1px solid #bbbbbb;/* #99bbe8;*/
    width: 10px;
}

.gwt-TabBar .gwt-TabBarRest {
    border-bottom: 1px solid #bbbbbb;/* #99bbe8;*/
}

.gwt-TabBar .gwt-TabBarItem {
    /*  border-top: 1px solid #bbbbbb;
      border-bottom: 1px solid #bbbbbb;#99bbe8;
      border-left: 1px solid #bbbbbb;
      border-right: 1px solid #bbbbbb;
      padding-top: 2px;
      padding-right: 5px;
      padding-left: 5px;
      padding-bottom: 2px;
      background-color: #ffffff;
      cursor: pointer;
            cursor: hand;
      -moz-border-radius:3px 3px 0px 0px;
      -webkit-border-radius:3px 3px 0px 0px;
            border-radius:3px 3px 0px 0px;
      color:#666666;*/

    /*! background: -moz-linear-gradient(center top , #F3F3F3, #D0D0D0) repeat-x scroll 0 0 transparent; */
    /*background: -webkit-linear-gradient(center top , #F3F3F3, #D0D0D0) repeat-x scroll 0 0 transparent;*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#D0D0D0));*/ /* for older webkit browsers */
    /*background: -ms-linear-gradient(center top , #F3F3F3, #D0D0D0) repeat-x scroll 0 0 transparent;*/
    /*background: linear-gradient(center top , #F3F3F3, #D0D0D0) repeat-x scroll 0 0 transparent;*/
    border-color: #cccccc;
    border-radius: 2px 2px 0 0;
    border-style: solid;
    border-width: 1px;
    color: #777777;
    cursor: pointer;
    padding: 5px 7px 1px;
    background-color: #f5f5f5;
    outline: none;
}

.gwt-TabBar .gwt-TabBarItem .gwt-HTML {
    font-size: 13px;
    padding-bottom: 5px;
}

.gwt-TabBar .gwt-TabBarItem:hover {
    background-color: #ffffff;
    color: #333333;
    /*! background: -moz-linear-gradient(center top , #FFFFFF, #E7E7E7) repeat-x scroll 0 0 transparent; */
    /*background: -webkit-linear-gradient(center top , #FFFFFF, #E7E7E7) repeat-x scroll 0 0 transparent;*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E7E7E7));*/ /* for older webkit browsers */
    /*background: -ms-linear-gradient(center top , #FFFFFF, #E7E7E7) repeat-x scroll 0 0 transparent;*/
    /*background: linear-gradient(center top , #FFFFFF, #E7E7E7) repeat-x scroll 0 0 transparent;*/
}

.gwt-TabBar .gwt-TabBarItem-Mouseover {
    border-top-width: 3px;
}


.gwt-TabBar .gwt-TabBarItem-selected {
    /*! background-color: #e7e7e7; */ /*
    cursor: default;
    border-bottom: none;
    border-top: 1px solid #99bbe8;
    border-left: 1px solid #99bbe8;
    border-right: 1px solid #99bbe8;
    cursor: pointer;
    cursor: hand;
    -moz-border-radius:3px 3px 0px 0px;
    -webkit-border-radius:3px 3px 0px 0px;
    border-radius:3px 3px 0px 0px;
    color:#000000;
    padding: 3px 5px;*/

    /*! background: -moz-linear-gradient(center top , #FFFFFF, #E7E7E7) repeat-x scroll 0 0 transparent; */
    /*background: -webkit-linear-gradient(center top , #FFFFFF, #E7E7E7) repeat-x scroll 0 0 transparent;*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E7E7E7));*/ /* for older webkit browsers */
    /*background: -ms-linear-gradient(center top , #FFFFFF, #E7E7E7) repeat-x scroll 0 0 transparent;*/
    /*background: linear-gradient(center top , #FFFFFF, #E7E7E7) repeat-x scroll 0 0 transparent;*/
    border-color: #cccccc;
    border-radius: 2px 2px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #333333;
    cursor: pointer;
    font-weight: 400;
    padding: 5px 7px 2px;
    background-color: #f9f9f9;
    border-top: 2px solid #008dce;
    outline: none;
}


.main {
    background: red;
    padding: 0px;
    margin: 0px;
}
.maincell {
    border: none;
    background: aqua;
    padding: 0px;
    margin: 0px;
}


.wrapper {
    position:fixed; left: 0px; top: 0px; right:0px; bottom: 0px;
    background-color:#eeeeee;
    padding: 0px;
    margin: 0px;
}

.IPad-wrapper {
    position:absolute;
    left: 0px; top: 0px; right:0px; bottom: 0px;
    background-color:#e7e7e7;
    padding: 0px;
    margin: 0px;
}

.toolbar {
    position:absolute;
    left: 0; right:0;
    top: 0;
    margin: 0px 0px 0px 0px;
    height: 42px;/*or 49px; with border bottom*/
    /*! border-bottom: 1px solid #bbbbbb; */
}
.tabbar-wrapper {
    position:absolute;
    left: 0px; right:0px;
    top: 63px;/*TODO 32px;*/
    /*! height: 35px; */
    /*border: 1px solid red;*/
    background-color: #fff;
}
.search-wrapper {
    position:absolute;
    left: 0px; right:10px;
    top: 84px;/*TODO 70px;*/
    height: 30px;/*height: 25px;*/
    /*! border: 1px solid red; */
    background-color: #eeeeee;
}

.content-holder {
    position:absolute;
    left: 0px; right: 0px;
    top: 108px;
    bottom: 3px;
    /*padding-top:5px;*/
    background: inherit;
    font-family: /*Roboto,*/ Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
    white-space: nowrap;
    margin: 0px;
    /*border: 1px solid pink;*/
}

.app-status {
    position:absolute;
    /*left: 47px; right: 3px;*/
    left: 0px; right: 3px;
    bottom: 3px;
    height: 23px;
    padding: 0px;
    background: inherit;
    color:#000000;
    margin: 0px;
    border:1px solid #bbbbbb;
    display: none;
}

.content-holder-6 {
    position:absolute;
    left: 0px; right: 3px;
    top: 55px;  /* should be where the tabbar top usually is, dunno where that is yet, just trying this */
    bottom: 3px;
    /*padding-top:5px;*/
    background: inherit;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    white-space: nowrap;
    margin: 0px;
    /*border: 1px solid pink;*/
}

.pedigree-split-top {
    position:absolute;
    left: 0px; right: 3px;
    top: 55px;  /* should be where the tabbar top usually is, dunno where that is yet, just trying this */
    bottom: 400px;
    /*padding-top:5px;*/
    background: inherit;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    white-space: nowrap;
    margin: 0px;
    /*border: 1px solid pink;*/
}

.progeny-ToolBar-Panel {
    height: 100%;
    padding-left: 10px;
}

.progeny-IPadToolBar-Panel {
    position: absolute;
    left: 0px; right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: #008DCE;
}
.progeny-Spreadsheet-Header-Cell {
}

.progeny-Spreadsheet-Header-Cell-Rest {
    border-left: 1px solid #C0C0C0;
}


.progeny-Spreadsheet-Header-Cell-SortedAsc {
    background-image: url(gif/sorted_asc.gif);
    background-repeat: no-repeat;
    background-position: center right;
    /*background-attachment:fixed;*/
}
.progeny-Spreadsheet-Header-Cell-SortedDesc {
    background-image: url(gif/sorted_desc.gif);
    background-repeat: no-repeat;
    background-position: center right;
    /*background-attachment:fixed;*/
}


.progeny-IDS-Field-Invalid {
    background-color: #FFCCCC;
    color: red;
}
.progeny-IDS-Renderer-MouseOver {
    /*border: 1px solid #bbbbbb; */
}
.progeny-IDS-Renderer {
    background-color: inherit;
    /*TODO
    padding-top: 3px;
    padding-left: 2px;
    */
}

.progeny-IDS-Renderer-nopadding {
    padding: 0px;
}

.progeny-IDS-Renderer-scrollable {
    overflow: scroll;
}

.progeny-IDS-Renderer-Disabled {
    background-color:#EEEEEE;
}

.progeny-IDS-Renderer-Box {
    background-color: white;
    border: 1px solid #D4D4D4;
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
}

.progeny-IDS-Renderer-Box:hover {
    border: 1px solid #c1c1c1;
}

.progeny-IDS-Renderer-Box-Invalid {
    background-color: #FFCCCC;
    border: 1px solid red;
    font-size: 13px;
    font-family:  Roboto, Arial, Helvetica, sans-serif;
    padding: 0px;
    margin: 0px;
}


.progeny-IDS-Field-Invalid-CheckBox {
    background-color: #FFCCCC;
    color: red;
    border: 1px solid #D4D4D4;
}


.progeny-Spreadsheet-Cell-Invalid {
    background-color: #FFCCCC;
    color: red;
}


.progeny-SpreadsheetFieldPanel-ValueCell {
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border: 1px solid #7F9DB9;
    padding-bottom: 2px;
}


.gwt-VerticalSplitPanel {
    border-right: 1px solid cyan;
}

.gwt-VerticalSplitPanel .top {
}
.gwt-VerticalSplitPanel .bottom {
}

.gwt-VerticalSplitPanel .vsplitter {
    background-color: green;
    height: 5px;
    cursor: move;
}


.progeny-IDS-TextArea {
    background-color:white;
    /*border: none;*/
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding-top:0px;
    overflow: auto;

    /*border: 1px solid #52A8F2;*/
    border: none;
    box-shadow: 0px 0px 8px #52A8F2;
    -webkit-box-shadow: 0px 0px 8px #52a8f2;
    -moz-box-shadow: 0px 0px 8px #52a8f2;
    outline: 0 none;


}


.progeny-IDS-TextArea-Table {/*never happens since we use a different editor in tables*/
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    background-color: white;
    /*border: none;*/
    padding-top: 0px;

    border: 2px solid #52A8F2;
    /*box-shadow: 0px 0px 8px #52A8F2;*/
    /*-webkit-box-shadow: 0px 0px 8px #52a8f2;*/
    /*-moz-box-shadow: 0px 0px 8px #52a8f2;*/
    outline: 0 none;
}

.progeny-IDS-TextArea-Disabled {
    background-color:#EEEEEE;
}

.progeny-IDS-TextArea-Table-Disabled {
    background-color:#EEEEEE;
}




.progeny-MainTabWnd-nav {
    width: 260px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: 0px; right: 0px;
    top: 0px; bottom: 0px;
    /*border: 1px solid red;*/
    background: inherit;
}

.navContainer {
    background: inherit;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    /*border-bottom: 1px solid orange;*/
}


.navButtons-Container {
    background: inherit;
    width: 47px;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    /*padding-left: 2px;*
    /*border-bottom: 1px solid green;*/
}

.navButtons {
    background: inherit;
    position: absolute;
    left: 0px; right: 0px;
    top: 0px;
    bottom: 0px;
}

.folderContainer {
    border:1px solid #bbbbbb;
    position: absolute;
    right: 0px;
    left: 46px;

    /*determine y-pos and height*/
    top: 0px;
    bottom: 0px;
}



.folderWnd {
    /*deprecated - moved to com.objex.gwt.client.css.FolderTreeWnd.css*/
    background-color: white;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    /*border: 1px solid aqua;*/
}


.progeny-NavButton {
    position: absolute;
    left: 0px;
    right: 0px;
    /*the top bottom constraints will be determined programatttically when buttons are added to container*/
    /*IE has problems with width and height coz of box model*/
    width: 46px;
    height: 44px; max-height: 44px; /*was 38px*/
    /*padding-top: 9px;*/
    padding-top: 11px;
    padding-bottom: 5px;
    padding-left: 9px;
    vertical-align: middle;
    z-index:auto;
}

.progeny-NavButton-MouseOver {
    background-image: url(png/normalbackground.png);
    background-repeat: no-repeat;
    background-position: center center;

}

.progeny-NavButton-Selected {
    /*  background-color:white;
      border-bottom:1px solid #99BBE8;
      border-left:1px solid #99BBE8;
      border-top:1px solid #99BBE8;
      padding-left:4px;
      width:41px;
      z-index:32000;
      padding-top:7px;
    */
    width:47px;
    z-index:3;
    /*32000;*/
    padding-top:11px;
    background-image:url(png/selectedbackground.png);
    background-repeat:no-repeat;
    background-position:right top;

}



.progeny-MainTabWnd {
    margin: 0px;
    background: inherit;
    border: none;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    /*border: 1px solid red;*/
}


.tabWnd {
    margin: 0px;
    background: #F9F9F9;
    border: none;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
}


.progeny-MainTabWnd-content {
    /*! border-left: 1px solid #bbbbbb; */
    /*! border-right: 1px solid #bbbbbb; */
    /*! border-bottom: 1px solid #bbbbbb; */
    position: absolute;
    left: 265px; right: 0px;
    top: 0px; bottom: 0px;
    border: 1px solid #bbbbbb;
}



.progeny-ListView {
    border-right: none;
}



.gwt-DatePicker {
    border: 1px solid #A2BBDD;
    cursor: default;
}

.gwt-DatePicker td, .datePickerMonthSelector td:focus {
    outline: none
}

.datePickerMonthSelector td:focus {
    outline: none
}
.datePickerDays {
    width: 100%;
    background: white;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
    font-size: 75%;
    text-align: center;
    padding: 4px;
    outline: none;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
    background: #C3D9FF;
    padding: 0px 4px 2px;
    cursor: default;
}
.datePickerDay {
    padding: 4px;
    cursor: hand;
    cursor: pointer;
}
.datePickerDayIsToday {
    border: 1px solid black;
    padding: 3px;
}
.datePickerDayIsWeekend {
    background: #EEEEEE;
}
.datePickerDayIsFiller {
    color: #888888;
}
.datePickerDayIsValue {
    background: #aaccee;
}
.datePickerDayIsDisabled {
    color: #AAAAAA;
    font-style: italic;
}
.datePickerDayIsHighlighted {
    background: #F0E68C;
}
.datePickerDayIsValueAndHighlighted {
    background: #bbddd9;
}
.datePickerMonthSelector {
    background: #C3D9FF;
    width: 100%;
}
.datePickerPreviousButton,
.datePickerNextButton,
.datePickerPreviousYearButton,
.datePickerNextYearButton {
    font-size: 120%;
    line-height: 1em;
    color: blue;
    cursor: hand;
    cursor: pointer;
    padding: 0px 4px;
}
td.datePickerMonth {
    text-align: center;
    vertical-align: center;
    white-space: nowrap;
    font-size: 70%;
    font-weight: bold;
    color: blue;
}
.gwt-DateBox input {
    /*width: 8em;
    padding:2px 2px 2px 2px;
    */
}
.dateBoxFormatError {
    background: #ffcccc;
}
.dateBoxPopup {
    z-index: 1070;
}

.gwt-DateBox {
    height: 20px;
    background-color: white;
    font-size: 13px;
    padding:0px 0px 0px 0px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    border: 1px solid #7F9DB9;
}

.gwt-DateBox-Disabled {
    background-color:#E9E9E9;
}


.progeny-IDS-TextBox-noborder {
    border: none;
}

.progeny-IDS-TextBox-Disabled-noborder {
    border: none;
}


.progeny-DS-Canvas .progeny-IDS-Renderer-Box-noborder {
    border: none;
    background-color: #F5F5F5;
}

.progeny-IDS-Renderer-Disabled-noborder {
    border: none;
    background-color: #F5F5F5;
}

.progeny-IDS-Checkbox {
    font-size: 13px;
    border: none;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding-top: 0px;
    white-space: nowrap;
}

.addborder {
    border: 1px solid #D4D4D4;
}
.whitebackground {
    background-color:white;
}
.disabledbackground {
    background-color:#EEEEEE;
}


/* Splitters */
.gwt-SplitLayoutPanel-HDragger, .gwt-SplitLayoutPanel-VDragger {
    background-image: url(gif/columnhead5.png);
    background-repeat: repeat-x;
    border: thin solid #5A8CD8;
}

.gwt-SplitLayoutPanel-HDragger {
    cursor: col-resize;
}

.gwt-SplitLayoutPanel-VDragger {

    cursor: row-resize;
}


.progeny-DS {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: black;
    white-space: nowrap;
    /*position: absolute;
    top: 10px;
    bottom: 10px;
    right: 10px;
    left: 10px;
    */
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px ;
    /*border: 1px dotted blue;*/
}

.progeny-DS-TabBar {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    height: 22px;
}

/*.progeny-DS-DeckPanel {
    position: absolute;
    top: 23px;
    bottom: 2px;
    right: 2px;
    left: 2px;
    padding: 0px;
    margin: 0px;
}*/
/* To make datasheet tabs bigger - change 'top' to top:32px; */
.progeny-DS-DeckPanel {
    bottom: 2px;
    left: 2px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 2px;
    top: 32px;
}

.progeny-DS .gwt-TabBar {
    padding: 0px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.progeny-DS-Tab {
    /*position:absolute;
    left: 10px; top: 10px;
    right: 10px;  bottom:10px;
    */
    position: relative;
    width: 100%;
    height: 100%;
    /*! border: 1px solid #bbbbbb; */
}

.progeny-DS-Canvas {
    background-color: #F5F5F5;
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}



.containerView {
    position:absolute;
    left: 0px; top: 0px;
    right: 0px;  bottom:0px;
    background-color: white;
    border:1px solid #ccc;
}

.containerView-sampleslist {
    border-bottom:1px solid #ccc;
    position:absolute;
    right: 0px;left: 0px;
    top: 0px;
    height: 50%;
}

.containerView-grid {
    position:absolute;
    right: 0px;left: 0px;
    bottom: 0px;
    height: 50%;
}

.containerViewer-TabWnd {
    position:absolute;
    left: 0px; top: 0px;
    right: 0px;  bottom:0px;
}




.samples-BottomPane {
    position: relative;
    background: inherit;
    margin-top: 15px;
}

.samples-BottomPane-TabBar {
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 25px;
}

.samples-BottomPane-TabPanel {
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 27px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.samples-BottomPane-TabBar .gwt-TabBar {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    /*! background-color: #e7e7e7; */
}



.progenySpreadsheetDownloadWnd {
    border: 1px solid #D4D4D4;
    background-color:#FFFFCC;
    width: 292px;
    height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    vertical-align: middle;
}


.progenyJreDownloadWnd {
    border: 1px solid #D4D4D4;
    background-color:#FFFFCC;
    width: 700px;
    height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
}


.progenySpreadsheetDownloadLink {
    font-size: 14px;
    font-weight: bold;
    background-color:inherit;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    white-space: nowrap;
    border: none;
    overflow-y: hidden;
}

.progenyJreDownloadLink {
    font-size: 14px;
    font-weight: bold;
    background-color:inherit;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    white-space: nowrap;
    border: none;
    overflow-y: hidden;
    text-align: center;
}

.progeny-IDS-TextBox-Dialog {
    border-color: #7F9DB9;
}

.progeny-IDS-TextArea-Dialog {
    border-color: #7F9DB9;
}


.progeny-LK-Renderer-Focus {
    /*DONT KNOW WHAT THIS STOPS the edit box from receiving focus    color: white;
        background-color: gray;*/
}

.progeny-LK-Renderer {
    font-size: 13px;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    background: white;
    position:absolute; left: 0px; top:0px; bottom: 0px; /*will specify width in code*/
    border-right: 1px solid #C1D3FB;
}

.progeny-LK-Renderer-Disabled {
    background: inherit;
    border-right: none;
}


.progeny-LK-Renderer-Button {
    position:absolute; right: 0px; top:0px; bottom: 0px;width: 15px;
    background: #C1D3FB;
    background-image: url(gif/arrow.gif);
    background-repeat: no-repeat;
    background-position:  center center;
}

.progeny-LK-Renderer-Container {
    border: none;/*TODOborder: 1px solid #D4D4D4;*/
    background: #C1D3FB;
    position:relative;left: 0px; right:0px;top: 0px; bottom: 0px;
    margin: 0px 0px 0px 0px;
}

.progeny-LK-Renderer-Container-Disabled {
    background:#e9e9e9;
}

.progeny-LK-Renderer-Container-Table {
    border: none;
    padding: 0px;
}



.progeny-LK-Renderer-Container-Dialog {
    border-color: #7F9DB9;
}

.progeny-Dialog-EditBox {
    border: 1px solid #7F9DB9;
    background-color: white;
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding-top:4px;
    padding-left: 2px;
}

.progeny-Dialog-EditBox-Disabled {
    background-color:#E9E9E9;
}

/**Login Screen**/

#message_center {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
}

#message_center .error {
    /*width: 100%;*/
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 50px;
    background-color: #ff6a74;
    border: 1px solid #f00;
    color: #fff;
    font-weight: bold;
    font-family: "Helvetica Neue", Roboto, Arial, Helvetica, Geneva, sans-serif;
    text-align:center;
}

#message_center .notice {
    /*background-color: #f3f3f3;*/
    /*width: 100%;*/
    height: 100%;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 50px;
    /*border: 1px solid #ccc;*/
    color: #555;
    font-weight: bold;
    font-family: "Helvetica Neue", Roboto, Arial, Helvetica, Geneva, sans-serif;
    font-size:16px;
    text-align:center;
}

#container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 960px;
    padding: 10px;
    padding-bottom: 200px;
    padding-top: 0px;
}

.progeny-StyledDropdown-Readonly {
    background-color:#e9e9e9;
}

.progeny-StyledDropdown {
    border: 1px solid #7F9DB9; /*border: 1px solid #D4D4D4;*/
    background-color: white;/*#E9E9E9; background-color: #C1D3FB;*/
    position:relative;
    left: 0px;
    right:0px;
    top: 0px;
    bottom: 0px;
    margin: 0px 0px 0px 0px;
}

.progeny-StyledDropdown .renderer {
    font-size: 13px;
    border:none;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    background-color: white;
    position:absolute;
    left: 17px;
    top: 0px;
    right: 14px;
    bottom: 0px;
    border-right: 1px solid #C1D3FB;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: hidden;
    overflow: hidden;
    padding-top: 3px;
}
.progeny-StyledDropdown .progeny-Disabled {
    background-color:#E9E9E9;
}

.progeny-Disabled {
    background-color:#E9E9E9;
}

.progeny-StyledDropdown .type {
    position:absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    width: 16px;
    background-color: inherit;

    padding-top: 2px;
}

.progeny-StyledDropdown .picker {
    position:absolute;
    right: 0px;
    top:0px;
    bottom: 0px;
    width: 14px;
    background-color: #C1D3FB;
    background-image: url(gif/arrow.gif);
    background-repeat: no-repeat;
    background-position:  center center;
}


.gwt-TextBox:disabled {
    background-color:#E9E9E9;
}





.progeny-VirtualListControl-Grid-Cell {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.progeny-VirtualListControl-Grid-Cell-Rest {
    border-left:  1px solid white;
}

.progeny-VirtualListControl-Grid-Cell-First {
    border-left: 0px;
}
.progeny-VirtualListControl-Grid-Cell-Selected {
    border-left:  1px solid #cfe2fa;
}

.progeny-VirtualListControl-Grid-Cell-InnerDiv {
    white-space:nowrap;
    margin: 0px;
    padding: 0px;
    vertical-align:middle;
    overflow-y: hidden;
    overflow-x: hidden;
    overflow: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    color: #333333;
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: normal;
    background-color: inherit;
}

.gwt-ListBox:disabled {
    background-color:#E9E9E9;
}

.gwt-TextArea:disabled {
    background-color:#E9E9E9;
}

.progeny-bootstrap-listcontrol-selected-row {
    background-color:#eeeeee !important;
}

.progeny-bootstrap-listcontrol-Grid-Cell-InnerDiv {
    white-space:nowrap;
    margin: 0px;
    padding: 0px;
    vertical-align:middle;
    overflow-y: hidden;
    overflow-x: hidden;
    overflow: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: normal;
    background-color: inherit;
}


.mainWidgetContainer {
    position:absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
}

.mainWidgetPreview {
    position:absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: 0px;
    padding: 0px;
}



.progeny-SearchWnd {
    position: absolute;
    /*left: 5px;*/
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: inherit;
}


.progeny-SearchWnd .title {
    position: absolute;
    left: 6px;
    width: 200px;
    bottom: 7px;
    height: 20px;
}

/*.progeny-SearchWnd .title .gwt-HTML {
   font-family: Roboto, Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
   color: #888888;
   white-space: nowrap;
   letter-spacing: -0.5px;

   position: absolute;
   left: 0px;
   right: 0px;
   top: 0px;
   bottom: 0px;
   padding-top: 2px;
   
      
    color: #777;
    font-family: Roboto, Arial,Helvetica,sans-serif;
    font-size: 18px;        
    letter-spacing: 0px;                    
}*/
.progeny-SearchWnd .title .gwt-HTML {
    bottom: 0;
    color: #777777;
    font-family: Roboto, Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: 500;
    left: 0;
    letter-spacing: 0;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
}
.progeny-SearchWnd .title-justified {
    left: 0px;
}

.searchPanel {
    position: absolute;
    right: 0px;
    width: 325px;

    /*    bottom: 3px;
        height: 20px;*/
    bottom: 0px;
    top: 0px;
    /*border: 1px dashed red;*/
}

.searchPanel .suggest {
    position: absolute;
    right: 25px;
    top: 0px;
    bottom: 0px;
    left: 0px;
}




.searchPanel .gwt-SuggestBox {
    border:1px solid #bbbbbb;
    font-size: 14px;
    width: 100%;
    height: auto;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}

.searchPanel input {
    padding:5px;
    border:1px solid #dddddd;
    background-color:#f8f8f8;
    color:#555555;
    font-family:Roboto, Arial, Helvetica, sans-serif;
    font-size:14px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

.searchPanel  input:focus {
    border: 1px solid #52A8F2;
    outline: 0 none;
    box-shadow: 0px 0px 8px #52a8f2;
    -webkit-box-shadow: 0px 0px 8px #52a8f2;
    -moz-box-shadow: 0px 0px 8px #52a8f2;
}

.searchPanelPrompt {
    color: #999;
    /*lightgray;rgb(225, 225, 225);        */
    font-size: 13px;
}


.searchPanel .img {
    position: absolute;
    right: 0px;
    width: 20px;
    top: 0px;
    bottom: 0px;
    background-image: url(gif/search.gif);
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 5px;
    margin-bottom: 5px;
    /*border:1px solid #bbbbbb;*/
}



/*bio stuff */
.content-holder-bio {
    top: 5px;
}


.gwt-Anchor {
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    cursor:pointer;
    color: rgb(40,85,126);
    text-decoration:underline;
}

.gwt-Anchor:hover {
    color: magenta;
}


.progeny-OrdersQuery-Fieldname {
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 2px;
}

.progeny-OrdersQuery-Fieldname-InnerDiv {
    white-space:nowrap;
    margin: 0;
    padding-top: 3px;
    vertical-align:middle;
    overflow-y: hidden;
    overflow-x: hidden;
    overflow: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    text-align: right;
}

.progeny-OrdersQuery-Operator {
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 2px;
}

.progeny-OrdersQuery-Operator-InnerDiv {
    white-space:nowrap;
    margin: 0;
    padding-top: 3px;
    vertical-align:middle;
    overflow-y: hidden;
    overflow-x: hidden;
    overflow: hidden;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    text-align: center;
    color: #52a8f2;
}

.addtoCart-PopupPanel {
    border: 1px solid #7F9DB9;
    background-image: url(gif/search.gif);
    background-repeat: no-repeat;
    background-position: center center;
}


.progeny-Application-Loading-Div {
    background-color: #FFFFFF;
}

.progeny-Application-Loading-Progress {
    height: 32px;
    padding-top: 7px;
    background-image: url(gif/waiting2.gif);
    background-repeat: no-repeat;
    background-position:  50% 50%;
    vertical-alignment: middle;

}

.progeny-LK-Renderer-Button-container {
    position:absolute; right: 0px; top:0px; bottom: 0px;width: 15px;
    background: #C1D3FB;
    background-image: url(gif/plate.gif);
    background-repeat: no-repeat;
    background-position:  center center;
}


.gwt-InterviewPopupPanel {
    border: 2px solid #C3D9FF;
    font-size: 13px;
}



.webuser-interview-dialog {
    border: 3px solid #C3D9FF;
    font-size: 18px;
}

.webuser-interview-toplabel {
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 3px;
    margin-left: 3px;
}

.webuser-interview-label {
    font-size: 18px;
}

.webuser-interview-textbox {
    font-size: 18px;
    width: 75px;
}

.webuser-interview-btn {
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 15px;
    margin-left: 300px;
    width: 100px;
}

.webuser-login-textbox {
    font-size: 22px;
}

.webuser-login-label {
    font-size: 22px;
    text-align: right;
}

.webuser-login-button {
    font-size: 22px;
}

.webuser-login-anchor {
    font-size: 18px;
}

.webuser-forgot-pwd-label {
    font-size: 18px;
    text-align: left;
}

.webuser-forgot-pwd-button {
    font-size: 20px;
}

.webuser-confirm-pwd-label {
    font-size: 16px;
    text-align: right;
}

.webuser-progeny-label {
    font-size: 16px;
}

/* override the default gwt class, which added an aqua-colored border */
.WDC-SplitLayoutPanel-HDragger, .WDC-SplitLayoutPanel-VDragger {
    border: thin solid;
}

.WDC-PedigreeSplitPanel-TreeItemLabel {
    font-size: 13px;
}

.WDC-PedigreeSplitPanel-TreeItem-selected {
    background-color: #5A8CD8;
    /* background-color: #CCFFFF; */
}


/* trying to match background to Progeny-DS-Canvas */
.WDC-RaphaelPanel {
    background-color: #F5F5F5;
}


.tds-RowNavPanel {
    position: absolute;
    right: 0px;
    width: 180px;

    bottom: 0px;
    height: 20px;
}
.tds-Person-Heading {
    border: 0px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #888888;
    white-space: nowrap;
}


.tds-UPN-SelectPanel {
    padding:3px 0px 3px 6px;
    height: 22px;
    width: 300px;
}

.tds-UPN-SelectPanel .gwt-HTML {
    background-color: white;
    border: 1px solid #7F9DB9;
    font-size: 15px;
    font-weight: bold;
    color: #888888;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    width: 150px;
    height: 20px;
}

.tds-UPN-SelectPanel .gwt-ListBox {
    background-color:white;
    border: 1px solid #7F9DB9;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #888888;
    padding-top:0px;
    margin-left: 10px;
    width: 150px;
    height: 20px;
}


.progeny-Pedigree-UPN-SelectPanel-FieldSelector {
    background-color: white;
    border: 1px solid #7F9DB9;
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    width: 150px;
    height: 20px;
}

.gwt-MenuBar .gwt-MenuItemSeparator {
    width: 1px;
    padding: 0px;
    margin: 0px;
    background: black;
}
.gwt-MenuBar .gwt-MenuItemSeparator .menuSeparatorInner {
    width: 1px;
    height: 1px;
    background: black;
}




.pedigreeDropDownTextbox {
    border: 1px solid #7F9DB9;
    background-color: white;
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
}


input {
    -moz-user-select: text;
    -khtml-user-select: text;
    -user-select: text;
    unselectable:off;
    -ms-user-select: element;
}

.dragNoDropRowStyle {
    background-color:red;
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    cursor:no-drop;
}

.dragInsertOnRowStyle {
    background-color: orange;/*#15EA25;   */
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    cursor: url(gif/drag.cur);
}

.progeny-Cursor-Hand {
    cursor: pointer; cursor: hand;
}





.bwapps-MainTabWnd {
    margin: 0px;
    background: white;
    border: none;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
    border: 1px solid #bbbbbb;
    /*border-bottom: 5px solid #bbbbbb;*/
}



.progenyPushButton {
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6)); /* for older webkit browsers */
    background: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background: -webkit-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background: -ms-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #CCCCCC #CCCCCC #B3B3B3;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    line-height: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 3px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    text-decoration:none;
    vertical-align: middle;
}
.progenyPushButton:hover, progenyPushButton:active, progenyPushButton.active,progenyPushButton.disabled,progenyPushButton[disabled] {
    background-color: #E6E6E6;
}
.progenyPushButton:hover {
    -moz-transition: background-position 0.1s linear 0s;
    background-color: #E6E6E6;
    background-position: 0 -15px;
    color: #333333;
    text-decoration: none;
}
.progenyPushButton:focus {
    outline: thin dotted #333333;
    outline-offset: -2px;
}
.progenyPushButton:active, progenyPushButton.active {
    background-color: #E6E6E6;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
}



form {

    padding: 16px 16px 40px 16px;
    font-weight: normal;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #f5f5f5;
    border: 1px solid #ccc;
    -moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    -webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    -khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    box-shadow: rgba(200,200,200,1) 0 4px 18px;
}



/*#login form p {
  margin-bottom: 0px;
  margin-top:0px;
}*/

label {
    color: #333;
    font-size: 13px;
}


form .submit { float: right;}
form input.buttons {padding: 2px;}


/*#login { width: 320px; margin: 7em auto; }

#login_error, .message {
  margin: 0 0 16px 8px;
  border-width: 1px;
  border-style: solid;
  padding: 12px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}*/

/*
#user_pass, #user_login, #user_conn {
  font-size: 20px;
  width: 97%;
  padding: 3px;
  margin-top: 2px;
  margin-right: 6px;
  margin-bottom: 16px;
  border: 1px solid #ddd;
  background: #fff;
  color: #666;
}


#login form select {
  width: 278px;
}*/



.datasheetSavingProgressBarText {
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:  black;/*#006699;*/
    background-color: #BDEDFF;/*#F0FFFF;#D1DCFF; #6699ff;*/
    text-align: center;
    /*    width: 100%; may get overridden
        height: 20px;may get overridden    */
    line-height: 100%;
    margin-top: auto;
    margin-bottom: auto;
}


.content-holder-pedigreeviewer {
    position:absolute;
    left: 0px; right: 0px;
    top: 0px;
    bottom: 0px;
    background: inherit;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #000000;
    white-space: nowrap;
    margin: 0px;
}















.gwt-RichTextArea {
}

.hasRichTextToolbar {
    border: 0px;
}

.gwt-RichTextToolbar {
    background: #eeeeee url(images/hborder.png) repeat-x 0px -2003px;
    border-bottom: 1px solid #BBBBBB;
    padding: 3px;
    margin: 0px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
    padding: 0px 1px 0px 0px;
    margin-right: 8px;
    margin-bottom: 4px;
    border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
    margin-right: 8px;
    margin-bottom: 4px;
    padding: 0px 1px 0px 0px;
    border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-down {
    margin-right: 5px;
    margin-bottom: 4px;
    padding: 0px 0px 0px 1px;
    border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
    margin-right: 5px;
    margin-bottom: 4px;
    padding: 0px 0px 0px 1px;
    border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
    margin-right: 5px;
    margin-bottom: 4px;
    padding: 0px 1px 0px 0px;
    border:1px solid #bbb;
    border-bottom: 1px solid #a0a0a0;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
    margin-right: 5px;
    margin-bottom: 4px;
    padding: 0px 1px 0px 0px;
    border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px 0px 0px 1px;
    border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0px 0px 0px 1px;
    border-width: 1px;
}

.cw-RichText {
    border: 1px solid #BBBBBB;
    border-spacing: 0px;
}



.progeny-ListControl-Grid-Cell-InnerDiv {
    white-space:nowrap;
    margin: 0px;
    padding: 0px;
    vertical-align:middle;
    overflow-y: hidden;
    overflow-x: hidden;
    overflow: hidden;
    position: absolute;
    left: 0px;
    /*right: 0px;*/
    top: 0px;
    bottom: 0px;
    color: #000000;
    font-size: 13px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-weight: normal;

    background-color: inherit;
}

/*///////////////////////////BOOTSTRAP*/
.label {
    text-transform: uppercase;
}

.btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.btn-group>.btn {
    position: relative;
}
.btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active {
    z-index: 2;
}
.btn-group>.btn:focus {
    outline: 0;
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
    margin-left: -1px;
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}
.btn-group>.btn:first-child {
    margin-left: 0;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group>.btn-group {
    float: left;
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}
.btn-group>.btn-group:first-child>.btn:last-child, .btn-group>.btn-group:first-child>.dropdown-toggle {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-group>.btn-group:last-child>.btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0;
}
.btn-group>.btn+.dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}
.btn-group>.btn-lg+.dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn:hover, .btn:focus {
    color: #333;
    text-decoration: none;
}
.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}
.btn-default .badge {
    color: #fff;
    background-color: #333;
}
.btn-primary {
    color: #fff;
    background-color: #008dce;
    border-color: #007ebb;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #0073aa;
    border-color: #00699b;
}
.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-primary .badge {
    color: #428bca;
    background-color: #fff;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
.btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success .badge {
    color: #5cb85c;
    background-color: #fff;
}
.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 3px;
    font-family:/*Roboto,*/ Roboto, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate3d(0, -25%, 0);
    -o-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
}
.modal.in .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
}
.modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}
.modal-footer .btn-block+.btn-block {
    margin-left: 0;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " "}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width:992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }
    .col-md-1 {
        width: 8.33333333%}
    .col-md-10 {
        width: 83.33333333%}
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #777;
    border-radius: 10px;
}
.badge:empty {
    display: none;
}
.btn .badge {
    position: relative;
    top: -1px;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}.nav {
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
 }
.nav>li {
    position: relative;
    display: block;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #eee;
}
.nav>li.disabled>a {
    color: #777;
}
.nav>li.disabled>a:hover, .nav>li.disabled>a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: #eee;
    border-color: #428bca;
}
.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.nav>li>a>img {
    max-width: none;
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
}
.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    font-size:14px;
}
.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #555;


    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}
.nav-tabs.nav-justified>li {
    float: none;
}
.nav-tabs.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center;
}
.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}
@media (min-width:768px) {
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%}
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0;
    }
}.nav-tabs.nav-justified>li>a {
     margin-right: 0;
     border-radius: 4px;
 }
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd;
}
@media (min-width:768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #fff;
    }
}.nav-pills>li {
     float: left;
 }
.nav-pills>li>a {
    border-radius: 4px;
}
.nav-pills>li+li {
    margin-left: 2px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #428bca;
}
.nav-stacked>li {
    float: none;
}
.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0;
}
.nav-justified {
    width: 100%}
.nav-justified>li {
    float: none;
}
.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center;
}
.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto;
}
@media (min-width:768px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%}
    .nav-justified>li>a {
        margin-bottom: 0;
    }
}.nav-tabs-justified {
     border-bottom: 0;
 }
.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px;
}
.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus {
    border: 1px solid #ddd;
}
@media (min-width:768px) {
    .nav-tabs-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }
    .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus {
        border-bottom-color: #fff;
    }
}.tab-content>.tab-pane {
     display: none;
 }
.tab-content>.active {
    display: block;
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.toolbar-menu-bar {
    background-color: white;
    border: medium none;
    border-radius: 5px;
    box-shadow: 0 5px 5px #CCCCCC;
    padding: 5px 0;
    overflow-x: hidden;
}

.toolbar-menu-bar table {
    width: 100%;
}

.toolbar-menu-bar .gwt-MenuItem {
    padding: 7px;
}

.navbar-menu-bar {
    background-color: white;
    min-width: 180px; /*not sure on this one*/
    padding: 7px 0;
    color: #333;
    font-size: 13px;
    border-radius: 0 0 5px 5px;
}

.navbar-menu-bar table {
    width: 100%;
}

.navbar-menu-bar .gwt-MenuItem {
    padding: 5px 15px;
}

.toolbar-menu-bar .gwt-MenuItem-disabled {
    color: #CCCCCC;
}

.toolbar-menu-bar .gwt-MenuItemSeparator {
    background: #CCCCCC;
    width: 1px;
    padding: 0px;
    margin: 0px;
}

.ambry-order-datepicker-dropdown {
    width:55px;
}

.ambry-order-editor-popup {
    box-shadow: none !important;
}

.ambry-tooltip-error {
    background-color: #f2dede;
    position: relative;
    color: #a94442;
    margin-left: 5px;
    max-width: 350px;
    min-height: 40px;
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid #ebccd1;
    padding: 10px;
}

.ambry-tooltip-error::after {
    content: ' ';
    height: 0;
    position: absolute;
    right: 100%;
    top: 10px;
    width: 0;
    border: 10px solid transparent;
    border-right-color: #f2dede;
}

.progeny-actionSmartList td div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.progeny-OrderStatusGrid td div {
    min-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.progeny-SavedLettersGrid td div {
    min-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.progeny-SavedLettersGrid div {
    min-width: 0 !important;
}

.action-smartlist-search-panel-textbox {
    color: #777;
    width: 300px;
    /*margin: 15px 5px 15px 0px;*/
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    font-size: 14px;
    height: 34px;
    padding: 6px 12px;
}

.action-smartlist-search-panel-textbox::-ms-clear {
    display: none;
    width : 0;
    height: 0;
}

.action-smartlist-search-panel-textbox:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

.confirm-entry-error {
    background-color: #F2DEDE;
    border: 1px solid #D29191;
    border-radius: 3px;
    color: #990000;
    font-size: 13px;
    padding: 7px;
    height: 32px;
}

.confirm-entry {
    background-color: #FFFFA3;
    border: 1px solid #FFCC00;
    border-radius: 3px;
    color: #333333;
    font-size: 13px;
    padding: 7px;
    height: 32px;
}


.ambry-tooltip {
    opacity: 0.7;
    filter: alpha(opacity=70);
    background-color: rgb(0, 141, 206);
    position: relative;
    color:#000000;
    padding-left:6px;
    padding-right:3px;
    padding-top:3px;
    padding-bottom:3px;
    margin-left:5px;
    min-width:250px;
    max-width:350px;
    min-height:40px;
    font-size:14px;
    border-radius: 8px;
}

.ambry-tooltip:after {
    content: ' ';
    height: 0;
    position: absolute;
    right: 100%;
    top:10px;
    width: 0;


    border: 10px solid transparent;
    border-right-color: rgb(0, 141, 206);
}

/* Tooltip container */
.CSStooltip {
    /*    opacity: 0.7;
        filter: alpha(opacity=70);*/
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.CSStooltip .CSStooltiptext {
    visibility: hidden;
    background-color: rgb(0, 141, 206);
    color: #fff;
    text-align: center;
    padding: 5px 5px;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    /*top: -20px;*/
    left: 40px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.CSStooltip-hover:hover .CSStooltip .CSStooltiptext {
    visibility: visible;
}

.CSStooltip .CSStooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%; /* To the left of the tooltip */
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent rgb(0, 141, 206) transparent transparent;
}

.per-page-dd-button {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333333;
    height: 34px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    padding: 6px 12px;
    margin: 8px 10px 0 0;
}

.per-page-dd-button:hover {
    background-color: #E6E6E6;
    border-color: #ADADAD;
}

.per-page-dd-label {
    margin: 25px 0 0 2px;
    display: inline;
    font-size: 13px;
}

.glass-panel {
    background-color: #FFFFFF !important;
    opacity: 0.5 !important;
}

.glass-panel-o {
    background-color: #FFFFFF !important;
    opacity: 0.7 !important;
}

[class*='LetterWnd_LetterWndUiBinderImpl'] .cke_toolbox {
    display: inline-block;
    text-align: center;
}

[class*='LetterWnd_LetterWndUiBinderImpl'] .cke_top {
    padding: 0 15px 5px 15px;
    border-bottom: 2px solid #ddd;
}

.wysiwyg-container .gwt-TabBarFirst {
    width: 0;
}

::-webkit-input-placeholder { / WebKit, Blink, Edge /
color:    #ccc;
}
:-moz-placeholder { / Mozilla Firefox 4 to 18 /
color:    #ccc;
    opacity:  1;
}
::-moz-placeholder { / Mozilla Firefox 19+ /
color:    #ccc;
    opacity:  1;
}
:-ms-input-placeholder { / Internet Explorer 10-11 /
color:    #ccc;
}

.spreadsheet-search-panel-textbox {
    color: #777;
    width: 500px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    font-size: 14px;
    height: 30px;
    padding: 6px 12px;
}

.spreadsheet-search-panel-textbox::-ms-clear {
    display: none;
    width : 0;
    height: 0;
}

.spreadsheet-search-panel-textbox:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

.cke_single_page .cke_dialog_contents {
    width: 300px;
}

.containers-search-panel {
    color: #777;
    width: 300px;
    /*margin: 15px 5px 15px 0px;*/
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    font-size: 14px;
    height: 34px;
    padding: 6px 12px;
}

.containers-search-panel::-ms-clear {
    display: none;
    width : 0;
    height: 0;
}

.containers-search-panel:focus {
    border-color: #66AFE9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

.tasks-folder-panel {
    overflow: auto;
    border-top: 2px solid #DDDDDD;
    border-right: 2px solid #DDDDDD;
    padding-top: 10px;
    padding-left: 10px;
}

.progeny-FolderTreeItem-Widget tr td {
    padding: 0px;
}

.progeny-tests-action {
    box-shadow: none !important;
}

.progeny-tests-disabled {
    cursor: default !important;
}

.gwt-TabBar td, .gwt-TabBar th {
    padding: 0px !important;
}

.bootstrap .modal-header .close, .bootstrap .modal-header .close:focus, .bootstrap .modal-header .close:hover {
    border: none;
    background-color: transparent;
}

.react-datepicker__input-container {
    display: block !important;
}

.bootstrap .form-group {
    margin-bottom: 0 !important;
}

.input-group .btn-file {
    position: relative;
    overflow: hidden;
}
.input-group .btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.bootstrap .modal-lg { overflow: visible; }
.bootstrap .modal-body { overflow-y: visible; }
.bootstrap .modal-lg .dropdown-menu {
    z-index: 1051
}

th> .test-results-table-column-resizer {
    color: transparent;
}

th:hover> .test-results-table-column-resizer {
    color: #333333;
}

.bootstrap .modal-header {
    font-weight: normal;
}

.bootstrap .dropdown-menu .inner > li > a {
    font-size: 13px;
    padding: 3px 10px !important;
    outline: none
}

.modal-backdrop
{
    opacity:0.2 !important;
}

.bootstrap .modal-backdrop.in {
    opacity: 0.2 !important;
}

button.docs-dropdown-test-detail-button {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
    height: 34px;
}

.docs-dropdown-test-detail > .dropdown > ul.dropdown-menu {
    width: 100%;
}

.docs-dropdown-test-detail-menu-item > a {
    cursor: default;
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.genes-table-dd > div.btn-group.bootstrap-select {
    width: 100% !important;
    height: 23px;
}

.genes-table-dd > div.btn-group.bootstrap-select > button.btn.dropdown-toggle.btn-default {
    height: 23px;
    border: 1px solid rgb(169, 169, 169);
    color: #333;
    cursor: default;
    padding: 0px 15px 0px 3px;
    font-size: 13px;
    border-radius: 0px;
    background-color: white;
}

.genes-table-dd > div.btn-group.bootstrap-select > button.btn.dropdown-toggle.btn-default > span.bs-caret > span.caret {
    right: 7px;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
}

.genes-table-dd > div.btn-group.bootstrap-select.dropup > button.btn.dropdown-toggle.btn-default > span.bs-caret > span.caret {
    border-bottom: 0px;
    border-top: 4px solid;
}

.genes-table-dd > div.btn-group.bootstrap-select.open > div.dropdown-menu.open {
    max-height: 200px !important;
    border-radius: 0px;
    margin: 0;
}

.genes-table-dd > div.btn-group.bootstrap-select.open > div.dropdown-menu.open > ul.dropdown-menu.inner {
    max-height: 150px !important;
    overflow-x: hidden;
}

.genes-table-dd > div.btn-group.bootstrap-select.open > div.dropdown-menu.open > ul.dropdown-menu.inner > li.selected.active > a {
    background-color: #f5f5f5;
    color: #262626;
}

.date-fields-tooltip-error {
    position: absolute;
    width: 230px;
    z-index: 10;
    margin-top: -37px;
    margin-left: 228px;
    background-color: #f2dede;
    color: #a94442;
    max-width: 350px;
    min-height: 40px;
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid #ebccd1;
    padding: 10px;
    display: block;
}

.date-fields-tooltip-error::after {
    content: ' ';
    height: 0;
    position: absolute;
    right: 100%;
    top: 10px;
    width: 0;
    border: 10px solid transparent;
    border-right-color: #f2dede;
}

.test-details-dd .btn-group.bootstrap-select {
    width: 100% !important;
}

.date-fields-tooltip-error-hidden {
    display: none;
}

.genes-table-selected-row {
    background-color: #e0eeff !important;
}

.ambry-keys-setup-dialog {
    width: 500px !important;
}

.react-datepicker__input-container > input {
    font-size: 13px !important;
}

.react-datepicker-wrapper {
    width: 100%;
}

.bootstrap .pull-left {
    font-size: 13px;
}

.test-details-dd > div.btn-group.bootstrap-select.open > div.dropdown-menu.open > ul.dropdown-menu.inner {
    max-height: 300px !important;
}

@media (min-width: 992px) {
    .bootstrap .modal-lg {
        width: 960px !important;
    }
}

.bootstrap-modal-medium {
    width: 400px !important;
}

#progeny-snr-overlay {
    z-index: 10000;
}

#progeny-snr-overlay-glass {
    z-index: 10000;
}

.ReactTable .rt-tr-group {
    flex: 0 0 auto !important;
}

.react-select__option {
     height: auto !important;
 }