/* These styles merge and override those in Showcase.css.
   Be sure to address any settings that may bleed through */

.homeInterfacePage {
    border: 1px solid #d1d3d4;
}

.homeInterface {
    background-color: #fafafa;
}

.showcaseTileGrid {
    background-color: white;
    border: 1px solid #d1d3d4;
}

.showcaseFilterForm {
    background-color: white;
    border: 1px solid #d1d3d4;
    padding: 0px 0px 2px 0px;
}

.gridSearchForm {
    border: 1px solid #d1d3d4;
    background-color: #f0f0f0;
    padding: 7px;
}

.versionLabel,
.versionLabelFocused {
  color: #4c4c4c;
  background-color: #f0f0f0;
  border-color: #d1d3d4;
  border-width: 1px;
  font-family: Roboto-Light-Vivid;
  font-size: 11px;
}

.gridSearchItem,
.gridSearchItemRTL,
.gridSearchItemFocused,
.gridSearchItemFocusedRTL,
.gridSearchItemError,
.gridSearchItemErrorRTL,
.gridSearchItemHint,
.gridSearchItemHintRTL {
  color: #4c4c4c;
  font-size: 11px;
  padding: 2px 9px;
  outline: none;
  text-decoration: none;
  text-align: left;
  font-family: Roboto-Light-Vivid;
  border-radius: 0px;
  border: 1px solid #cdd5db;
  background-color: white;
}
.gridSearchItemFocused,
.gridSearchItemFocusedRTL {
  outline: none;
  border-color: #3db271;
  -moz-box-shadow: inset 0 0 5px 0 #3db271;
  -webkit-box-shadow: inset 0 0 5px 0 #3db271;
  box-shadow: inset 0 0 5px 0 #3db271;
}
.gridSearchItemHint,
.gridSearchItemHintRTL {
  color: #999;
}


/* etree and friends */
.etree {
  background-color: white;
  border: 1px solid #d0d0d0;
  border-top: none;
}

.etreeCell,
.etreeCellDark,
.etreeCellOver,
.etreeCellOverDark,
.etreeCellSelected,
.etreeCellSelectedDark,
.etreeCellSelectedOver,
.etreeCellSelectedOverDark,
.etreeCellDisabled,
.etreeCellDisabledDark {
    background-color: white;
    color: #5b5b5b;
    font-family: Roboto-Light-Vivid, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-overflow: ellipsis;
    border: none;
    border-right: none;
}
.etreeCellDark {
    background-color: #fafafa;
}
.etreeCellOver,
.etreeCellOverDark {
    background: #f5f8fa;
    color: #5b5b5b;
}
.etreeCellSelected,
.etreeCellSelectedDark {
    color: #5b5b5b;
    background-color: #f0f0f0;
}
.etreeCellSelectedOver,
.etreeCellSelectedOverDark {
    color: #5b5b5b;
    background-color: #f0f0f0;
    -moz-box-shadow: 0 0 5px #f0f0f0;
    -webkit-box-shadow: 0 0 5px #f0f0f0;
    box-shadow: 0 0 5px #f0f0f0;
}
.etreeCellDisabled,
.etreeCellDisabledDark {
    background-color: #ededed;
    color: #ababab;
}


/* ------- Explorer Style ------- */
.explorerRightPane {
	border-left: 1px solid lightgrey;
}

.explorerBottomPane {
	border-top: 1px solid lightgrey;
}


.sampleTypeLabelAnchor,
.sampleTypeLabelAnchorRTL,
.sampleTypeLabelAnchorOver,
.sampleTypeLabelAnchorOverRTL,
.sampleTypeLabelAnchorFocused,
.sampleTypeLabelAnchorFocusedRTL,
.sampleTypeLabelAnchorDisabled,
.sampleTypeLabelAnchorDisabledRTL,
.sampleTypeLabelAnchorError,
.sampleTypeLabelAnchorErrorRTL {
  background-color: transparent;
  color: #5b5b5b;
  font-family: Roboto-Light-Vivid;
  font-size: 11px;
  vertical-align: middle;
  text-decoration: none;
  outline: none;
}

.sampleTypeLabelAnchorDisabled,
.sampleTypeLabelAnchorDisabledRTL {
  color: #ababab;
}


/* explorerSearchItem */
.explorerSearchItem,
.explorerSearchItemRTL,
.explorerSearchItemOver,
.explorerSearchItemOverRTL,
.explorerSearchItemFocused,
.explorerSearchItemFocusedRTL,
.explorerSearchItemFocusedOver,
.explorerSearchItemFocusedOverRTL,
.explorerSearchItemError,
.explorerSearchItemErrorRTL,
.explorerSearchItemHint,
.explorerSearchItemHintRTL {
  color: #5b5b5b;
  font-size: 11px;
  padding: 2px 9px;
  outline: none;
  text-decoration: none;
  text-align: left;
  font-family: Roboto-Light-Vivid;
  border-radius: 0px;
  border: 1px solid #d0d0d0;
  background-color: white;
}

.explorerSearchItemFocused,
.explorerSearchItemFocusedRTL {
  border: 1px solid #3db271;
}

.explorerSearchItemOver,
.explorerSearchItemOverRTL {
  border: 1px solid #3db271;
  -moz-box-shadow: 0 0 5px #cdd5db;
  -webkit-box-shadow: 0 0 5px #cdd5db;
  box-shadow: 0 0 5px #cdd5db;
}

.explorerSearchItemFocusedOver,
.explorerSearchItemFocusedOverRTL {
  border: 1px solid #3db271;
  -moz-box-shadow: inset 0 0 5px #cdd5db, 0 0 5px #cdd5db;
  -webkit-box-shadow: inset 0 0 5px #cdd5db, 0 0 5px #cdd5db;
  box-shadow: inset 0 0 5px #cdd5db, 0 0 5px #cdd5db;
}

.explorerSearchItemTitle,
.explorerSearchItemTitleRTL,
.explorerSearchItemTitleFocused,
.explorerSearchItemTitleFocusedRTL,
.explorerSearchItemTitleError,
.explorerSearchItemTitleErrorRTL {
  -webkit-text-size-adjust: 100%;
  color: #4c4c4c;
  font-family: Roboto-Light-Vivid;
  font-size: 11px;
}

.explorerSearchItemTitleErrorRTL {
  color: #204269;
  font-weight: bold;
}


/* showcaseTile et al */
.showcaseTile,
.showcaseTileOver,
.showcaseTileSelected,
.showcaseTileSelectedOver {
  background-color: white;
  border: 1px solid #dadada;
  font-size: 8pt;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 5px;
}

.showcaseTileDown,
.showcaseTileSelectedDown {
    background-color: #f6f6f6;
}

.showcaseTileOver,
.showcaseTileSelectedOver {
    -moz-box-shadow: 0px 0px 3px 2px #dcdcdc;
	-webkit-box-shadow: 0px 0px 3px 2px #dcdcdc;
	box-shadow: 0px 0px 3px 2px #dcdcdc;
}

.showcaseTileTitle,
.showcaseTileTitleRTL,
.showcaseTileTitleOver,
.showcaseTileTitleOverRTL,
.showcaseTileTitleFocused,
.showcaseTileTitleFocusedRTL,
.showcaseTileTitleFocusedOver,
.showcaseTileTitleFocusedOverRTL,
.showcaseTileTitleDisabled,
.showcaseTileTitleDisabledRTL,
.showcaseTileTitleError,
.showcaseTileTitleErrorRTL,
.showcaseTileTitlePending,
.showcaseTileTitlePendingRTL,
.showcaseTileTitlePendingOver,
.showcaseTileTitlePendingOverRTL,
.showcaseTileTitlePendingFocused,
.showcaseTileTitlePendingFocusedRTL,
.showcaseTileTitlePendingFocusedOver,
.showcaseTileTitlePendingFocusedOverRTL,
.showcaseTileTitlePendingDisabled,
.showcaseTileTitlePendingDisabledRTL,
.showcaseTileTitlePendingError,
.showcaseTileTitlePendingErrorRTL
{
  color: #444444;
  background-color: #ecedee;
  font-family: Roboto-Light-Vivid;
  font-size: 9px;
  font-weight: bold;
  padding: 1px 2px 0px 2px;
}

.showcaseTileTitleDisabled,
.showcaseTileTitleDisabledRTL,
.showcaseTileTitlePendingDisabled,
.showcaseTileTitlePendingDisabledRTL {
  color: #ababab;
}

.thumbnail,
.thumbnailOver,
.thumbnailDown,
.thumbnailSelected,
.thumbnailSelectedOver,
.thumbnailSelectedOver {
  border: 1px solid #CDCDCB;
  padding: 0px;
}


/* side-bar buttons */
.explorerButtonBoxR {
	padding: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-top: 8px;
	margin-bottom: 6pt;
	text-align: center;
    background-color: #fafafa;
	border: 2px solid #f0f0f0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.ERbutton a {
	margin-top: 5px;
    line-height: 44px;
	height: 45px;
	width: 160px;
    font-weight: bold;
	font-size: 12px;
}
.ERbutton div {
	line-height: 17px;
	font-family: Roboto-Light-Vivid;
	font-size: 13px;
	color: #000000;
	margin-bottom: 0px;
	font-weight: normal;
}
.EBbutton a {
	font-size: 9px;
	font-weight: bold;
	font-family: Roboto-Light-Vivid;
	line-height: 20px;
	height: 20px;
}				 
.EBbutton span {
	font-size: 9px;
	font-family: Roboto-Light-Vivid;
	color: #000000;
	font-weight: normal;
}
.lightgrey_Ebutton a {	
	background-color: #848484;
	text-align: center;
	vertical-align: middle;
    display: inline-block;
	color: #ffffff;
    font-family: Roboto-Light-Vivid;
    text-decoration: none;
}
.lightgrey_Ebutton a:hover {
    box-shadow: 0px 0px 5px #848484;
}
.lightgrey_Ebutton a:active {
    box-shadow: inset 0px 0px 5px #424242;
    position: relative;
    top: 1px;
}
.lightgrey_Ebutton a:hover:active {
    box-shadow: inset 0px 0px 5px #424242, 0px 0px 5px #848484;
}

.darkgrey_Ebutton a {	
	background-color: #666666;
	text-align: center;
	vertical-align: middle;
    display: inline-block;
	color: #ffffff;
    font-family: Roboto-Light-Vivid;
    text-decoration: none;
}
.darkgrey_Ebutton a:hover {
    box-shadow: 0px 0px 5px #666666;
}
.darkgrey_Ebutton a:active {
    box-shadow: inset 0px 0px 5px #333333;
    position: relative;
    top: 1px;
}
.darkgrey_Ebutton a:hover:active {
    box-shadow: inset 0px 0px 5px #333333, 0px 0px 5px #666666;
}

.blue_Ebutton a {
    background-color: #47a7e3;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    color: #ffffff;
    font-family: Roboto-Light-Vivid;
    text-decoration: none;
}
.blue_Ebutton a:hover {
    box-shadow: 0px 0px 5px #47a7e3;
}
.blue_Ebutton a:active {
    box-shadow: inset 0px 0px 5px #235371;
    position: relative;
    top: 1px;
}
.blue_Ebutton a:hover:active {
    box-shadow: inset 0px 0px 5px #235371, 0px 0px 5px #47a7e3;
}

.orange_Ebutton a {
    background-color: #f7ac35;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    color: #ffffff;
    font-family: Roboto-Light-Vivid;
    text-decoration: none;
}
.orange_Ebutton a:hover {
    box-shadow: 0px 0px 5px #f7ac35;
}
.orange_Ebutton a:active {
    box-shadow: inset 0px 0px 5px #7B561A;
    position: relative;
    top: 1px;
}
.orange_Ebutton a:hover:active {
    box-shadow: inset 0px 0px 5px #7B561A, 0px 0px 5px #f7ac35;
}


/* other styles */
.myProgressbarItemTitle {
    font-size: 12px;
}
.myProgressbarItemTitlePending {
    font-size: 12px;
    font-weight: bold;
}
