/* #### Clearing  #### */
/* # Description: Clearing floats  # */
/* # Author: gdwi # */
/* # Created: 06-06-2014 # */
/* # Updated: 12-10-2015 # */
.clear-class {clear: both;height:1px;font-size:1px;}
.clearing { clear: both; }
.clearfix {clear: both;}
.clearfix:after {content: ".";display: block;clear: both;font-size: 0;height: 0;visibility: hidden;} 
*:first-child+html .clearfix { min-height: 0; }	 
* html .clearfix { height: 1%; }


/*.button-orange {border:1px solid #fff;height: 29px;color: #ffffff;background-image: url(/images/buttons/bg_orange.gif);background-repeat: repeat-x;background-position: center right;}
.button-blue-bright {border:1px solid #ffffff;height: 29px;color: #ffffff;background-image: url(/images/buttons/bg_blue_bright.gif);background-repeat: repeat-x;background-position: center right;}
.button-grey-bright {border:1px solid #ffffff;height: 29px;color: #ffffff;background-image: url(/images/buttons/bg_grey.gif);background-repeat: repeat-x;background-position: center right;}
.button-grey {padding:4px 8px 4px 8px;border: 1px solid #cccccc;background: #f0f0f0;text-decoration:none;color: #666666;font-size:1.0em;}*/

/* #### Lists  #### */
/* # Description: All List stuff  # */
/* # Author: gdwi # */
/* # Created: 31-07-2014 # */
ul.noBullets {list-style:none;}

/* #### Links  #### */
/* # Description: All Link stuff  # */
/* # Author: gdwi # */
/* # Created: 31-07-2014 # */
.noLink { text-decoration: none;cursor: default;}

/* #### Disabled form elements  #### */
/* # Description: changes the style of disabled form field  # */
/* # Author: gdwi # */
/* # Created: 2014-11-17 # */ 
input[type="submit"][disabled] {background:#cccccc;border: 1px solid #cccccc;color: #666666;cursor: inherit;} 
input[type="text"][disabled], select[disabled] {background:#fff0f0;border: 1px solid #cccccc;color: #666666;cursor: inherit;} 
select option:disabled { color: #aaaaaa;font-style: italic; }

/* Headlines */
h2.grey {font-size:1.2em;padding-left:4px;padding-top:6px;padding-bottom: 6px;font-weight:normal;background: url(/images/usercontrols/common/h4_bg.gif) top left repeat-x;text-transform:uppercase; text-decoration:none;margin:3px;}
h2.blue {font-size:1.2em;padding-left:4px;padding-top:6px;padding-bottom: 6px;font-weight:normal;background: url(/images/usercontrols/common/h4_blue_bg.gif) top left repeat-x; text-transform:uppercase;text-decoration:none;margin:3px;}
h2.orange {font-size:1.2em;margin:3px;margin-bottom:10px;padding-left:4px;padding-top:6px;padding-bottom: 6px;font-weight:normal;background:#F08219; color:#ffffff; text-transform:uppercase;text-decoration:none;}
h2.cyan {font-size:1.2em;margin:3px;margin-bottom:10px;padding-left:4px;padding-top:6px;padding-bottom: 6px;font-weight:normal;background:#00a6da; color:#ffffff; text-transform:uppercase;text-decoration:none;}
h2.red {font-size:1.2em;margin:3px;margin-bottom:10px;padding-left:4px;padding-top:6px;padding-bottom: 6px;font-weight:normal;background:#a10001; color:#ffffff; text-transform:uppercase;text-decoration:none;}
h2.white {font-size:1.2em;padding-left:4px;padding-top:6px;padding-bottom: 6px;font-weight:normal;background-color:#ffffff;text-decoration:none;margin:3px;}
/*h2.lightGrey {font-size:1.2em;padding-left:4px;padding-top:6px;padding-bottom: 6px;font-weight:normal;background-color:#f0f0f0;text-decoration:none;margin:3px;}*/
h2.lightGrey {font-size:1.2em;padding-left:4px;padding-top:5px;padding-bottom:5px;font-weight:normal;background-color:#f0f0f0;text-decoration:none;margin:3px;}
h2.green {font-size: 1.2em;padding-left: 4px;padding-top: 5px;padding-bottom: 5px;font-weight: normal;background-color: #273f01;color: #ffffff;text-decoration: none;margin: 3px;}

h2 a.open-close {width:16px;height:18px;float:right;margin-right:4px;background:url("/images/usercontrols/icons/open-close.gif") top right no-repeat;}
h2 a.close {width:16px;height:18px;float:right;margin-right:4px;background:url("/images/usercontrols/icons/close-arrow.gif") top right no-repeat;}
h2 a.open {width:16px;height:18px;float:right;margin-right:4px;background:url("/images/usercontrols/icons/open-arrow.gif") top right no-repeat;}
h2 a.move {width:16px;height:18px;float:right;margin-right:4px;background:url("/images/usercontrols/icons/move.gif") top right no-repeat;}
a.plus {width:16px;height:18px;float:right;margin-right:4px;background:url("/images/usercontrols/icons/plus.gif") top right no-repeat;}
a.minus {width:16px;height:18px;float:right;margin-right:4px;background:url("/images/usercontrols/icons/minus.gif") top right no-repeat;}
a.plus_white {width:16px;height:18px;float:right;margin-right:4px;background:url("/images/usercontrols/icons/plus_white.gif") top right no-repeat;}
a.minus_white {width:16px;height:18px;float:right;margin-right:4px;background:url("/images/usercontrols/icons/minus_white.gif") top right no-repeat;}

/* #### Tabs  #### */
/* # Descscription: Shows different tabs to switch content  # */
/* # Author: gdwi # */
/* # B4JV: Added relative position for ecom tabs # */
/* # Created: 05-11-2011 # */
/* # Updated: 03-03-2016 # */
div.ecomTab {width:100%;margin: 5px 0 5px 0;position: relative;}
div.ecomTab ul.ecomTab {list-style-type: none;width: 100%;float: left;background: url(../../images/website/line.gif) bottom left repeat-x;}
div.ecomTab ul.ecomTab li {margin: 0 2px 0 0;float: left;}
div.ecomTab ul.ecomTab li.right {float: right;}
div.ecomTab ul.ecomTab a {float: left;display: block;padding: 4px 8px;border: 1px solid #ccc;border-bottom: 0;color: #666;background: #eee;text-decoration: none;font-weight: normal;}
div.ecomTab ul.ecomTab a:hover {background: #fff;}
div.ecomTab ul.ecomTab a.active {background: #fff;padding-bottom: 5px;cursor: default;color: #666666;}
div.ecomTab ul.ecomTab li.administrator a {color:#00a6da;font-style:italic;}
div.ecomTab ul.ecomTab li.administrator.activeli a {font-style:italic;background:#ffffff;}
div.ecomTab div.ecomTab-content { clear: left;border: 1px solid #ccc; /*border-bottom:1px solid #cccccc;*/ border-top: 0;padding: 10px;}

/* Boxes */
div.boxValid { clear:left; border:1px solid #4b9100;color: #4b9100;padding:5px;background:#e7ffce;margin-top:10px;margin-bottom:10px;}
div.boxValid p {padding: 5px 5px 5px 38px;background-image: url(/images/usercontrols/icons/success.gif);background-repeat: no-repeat;background-position: 8px center;}
div.boxInvalid {clear:left;padding:5px;margin-top:10px;margin-bottom:10px;border:1px solid #ad2003;color: #ad2003;background:#f9d7d0;}
div.boxInvalid p {padding: 5px 5px 5px 38px;background-image: url(/images/usercontrols/icons/error.gif);background-repeat: no-repeat;background-position: 8px center;}
div.boxAlert { clear:left; border:1px solid #eb9a14;color: #bc7c12;padding:3px;background:#fdf7da;margin-top:10px;margin-bottom:10px;}
div.boxAlert p {padding: 5px 5px 5px 38px;background-image: url(/images/usercontrols/icons/alert.gif);background-repeat: no-repeat;background-position: 8px center;}
div.boxInfo { clear:left; border:1px solid #539ad4;color: #1a3c59;padding:3px;background:#d8edfe;margin-top:10px;margin-bottom:10px;}
div.boxInfo p {padding: 5px 5px 5px 38px;background-image: url(/images/usercontrols/icons/info.gif);background-repeat: no-repeat;background-position: 8px center;}
div.messageOk {clear:left;  margin-top:10px;margin-bottom:10px; border:1px solid #4b9100; padding:5px;  background:#e7ffce; color:#4b9100;}
div.messageError {clear:left;  margin-top:10px;margin-bottom:10px; border:1px solid #ad2003; padding:5px;  background:#f9d7d0; color:#ad2003;}
div.messageError ul, div.messageOk ul {margin-left:20px;}
div.messageError a, div.messageOk a, div.boxInfo a, div.boxAlert a, div.boxInvalid a, div.boxValid a { text-decoration:underline;}

/* Error and info messages */
.errorBox {float:none; clear:left;border:1px solid #990000; color:#990000; background:#ffdfe2; padding:3px 5px; margin-top:3px; margin-bottom:3px; border-left:10px solid #990000;}
.infoBox {float:none; clear:left;border:1px solid #1e96c4; color:#1e96c4; background:#d9f0f9; padding:3px 5px; margin-top:3px; margin-bottom:3px;border-left:10px solid #1e96c4;}
.successBox {float:none; clear:left;border:1px solid #5c7e1c; color:#5c7e1c; background:#f2ffd9; padding:3px 5px; margin-top:3px; margin-bottom:3px;border-left:10px solid #5c7e1c;}
.warningBox {float:none; clear:left;border:1px solid #9f6000; color:#9f6000; background:#feefb3; padding:3px 5px; margin-top:3px; margin-bottom:3px;border-left:10px solid #9f6000;}
.greyBox {float:none; clear:left;border:1px solid #444444; color:#444444; background:#f0f0f0; padding:3px 5px; margin-top:3px; margin-bottom:3px;border-left:10px solid #444444;}
.errorText {color:#990000;padding:2px 0 2px 0;}
.infoText {color:#1e96c4;padding:2px 0 2px 0;}


/* Form Fields */
input[type="text"]:focus {background:#f5f5f5;border:1px solid #aaaaaa !important; }
input.errorInput {background:#FFE8E8;border:1px solid #990000 !important; color: #990000 !important; }
input.errorInput:focus {background:#FFE8E8;border:1px solid #990000 !important; color: #990000 !important; }
input.successInput {background:#FFE8E8;border:1px solid #5c7e1c !important; color: #5c7e1c !important; }
input.successInput:focus {background:#FFE8E8;border:1px solid #5c7e1c !important; color: #5c7e1c !important; }

.errorControl {background:#FFE8E8; color: #990000 !important;}

textarea:focus {background:#f5f5f5;border:1px solid #aaaaaa !important; }
textarea.errorInput {background:#FFE8E8;border:1px solid #990000 !important; color: #990000 !important; }
textarea.errorInput:focus {background:#FFE8E8;border:1px solid #990000 !important; color: #990000 !important; }
textarea.successInput {background:#FFE8E8;border:1px solid #5c7e1c !important; color: #5c7e1c !important; }
textarea.successInput:focus {background:#FFE8E8;border:1px solid #5c7e1c !important; color: #5c7e1c !important; }

/* Link Icons */ 
.icon-edit {float:left;width:15px;height:16px;background: url(/images/usercontrols/icons/edit.gif);  background-repeat: no-repeat;background-position: left top;}
.icon-delete {width:15px;float:left;margin-left:3px;height:16px;background: url(/images/usercontrols/icons/recyclebin.gif);  background-repeat: no-repeat; background-position: left top;}
.icon-comment {width:15px;margin-left:3px;float:left;height:16px;background: url(/images/usercontrols/icons/comment.gif);background-repeat: no-repeat;background-position: left top;}
.icon-edit a,  .icon-delete a, .icon-comment a {text-decoration:none;position:absolute;width:15px;height:16px;}

/* drag and drop placeholder */
.dragDropPlaceholder {display:block; border:1px dashed #cccccc;  background: #e0e0e0 url(/images/usercontrols/common/diagonals_light.png) 50% 50% repeat;margin-bottom:10px; height:auto; width:100%; }
.notDroppable{display:none;}
.connectedSortable {min-height:150px;}

/* Overlay (gsy wizard in front of the background) */
.overlay {background:transparent url("/images/usercontrols/common/overlay.png") repeat top left;position:fixed;top:0px;bottom:0px;left:0px;right:0px;z-index:9998; height:100%;}
.componentOverlay {background:transparent url("/images/usercontrols/common/overlay.png") repeat top left;}

/*Progress bar*/
div.percentageProgressBar {position: absolute !important; text-align: center !important; width: 95% !important; margin: 0 !important; line-height: 30px !important; font-weight: bold !important;color: orangered !important;}

/* JQuery Tablesorter */
/* Commented border collapsed as this is causing additional borders in firefox. */
table.tablesorter thead tr.head {font-weight: normal; font-size:0.9em;}
table.tablesorter {background-color: #ffffff;color:#ffffff;text-align: left;/* border-collapse: collapse*/}
table.tablesorter thead tr th, table.tablesorter tfoot tr th , table.tablesorter tr th {background-color: #666666;line-height:23px;border-right:1px solid #cccccc;height:23px;padding: 4px;}
table.tablesorter thead tr .header {background-image: url(/images/usercontrols/icons/sort_white.gif);background-repeat: no-repeat;background-position: center right;cursor: pointer;color: white;}
table.tablesorter tbody td {color: #3D3D3D;padding: 4px;background-color: #FFF; vertical-align: top;border-bottom:1px solid #cccccc;}
table.tablesorter tbody tr.withoutBorder td {color: #3D3D3D;padding: 4px;background-color: #FFF; vertical-align: top; border:0;}
table.tablesorter thead tr .headerSortUp {background-image: url(/images/usercontrols/icons/sort_down_white.gif);background-position: center right;}
table.tablesorter thead tr .headerSortDown {background-image: url(/images/usercontrols/icons/sort_up_white.gif);background-position: center right;}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #000000;}
table.tablesorter tbody tr.even td {padding-top: 3px;vertical-align: top;border-top: 1px solid #cccccc;background: #ffffff; border-right:1px solid #ffffff;}
table.tablesorter tbody tr.odd td {padding-top: 3px;vertical-align: top;border-top: 1px solid #cccccc;background: #f0f0f0; border-right:1px solid #f0f0f0; }
table.tablesorter tbody tr.even:hover td {background: #fcffd1;padding-top: 3px;vertical-align: top;border-top: 1px solid #cccccc; border-right:1px solid #fcffd1;cursor:pointer; }
table.tablesorter tbody tr.odd:hover td { background: #fcffd1;padding-top: 3px;vertical-align: top;border-top: 1px solid #cccccc; border-right:1px solid #fcffd1;cursor:pointer;}
table.tablesorter tfoot tr td{background-color: #eaf4fb;line-height:23px;height:23px;padding: 4px;  }
table.tablesorter tfoot tr.paginationRow td{background-color: #ffffff;line-height:23px;height:23px;padding: 4px;  }
table.tablesorter tfoot tr div.pagination {float: right; }
table.tablesorter tfoot tr span.currentPageNumber {padding:2px 4px 2px 4px;  color:#ffffff; font-weight:normal; background:#666666; border:1px solid #444444; margin-left:5px; }
table.tablesorter tfoot tr span.pageNumber {padding:2px 4px 2px 4px; color:#666666; cursor: pointer; border:1px solid #cccccc; margin-left:5px; }

/* Tables */
table tr th {text-align:left;}
table tr td.vTop { vertical-align:top;}
table tr th.col5 ,table tr td.col5 {width:5%;}
table tr th.col10 ,table tr td.col10 {width:10%;}
table tr th.col15 ,table tr td.col15 {width:15%;}
table tr th.col20 ,table tr td.col20 {width:20%;}
table tr th.col25 ,table tr td.col25 {width:25%;}
table tr th.col30 ,table tr td.col30 {width:30%;}
table tr th.col35 ,table tr td.col35 {width:35%;}
table tr th.col40 ,table tr td.col40 {width:40%;}
table tr th.col45 ,table tr td.col45 {width:45%;}
table tr th.col50 ,table tr td.col50 {width:50%;}
table tr th.col55 ,table tr td.col55 {width:55%;}
table tr th.col60 ,table tr td.col60 {width:60%;}
table tr th.col65 ,table tr td.col65 {width:65%;}
table tr th.col70 ,table tr td.col70 {width:70%;}
table tr th.col75 ,table tr td.col75 {width:75%;}
table tr th.col80 ,table tr td.col80 {width:80%;}
table tr th.col85 ,table tr td.col85 {width:85%;}
table tr th.col90 ,table tr td.col90 {width:90%;}
table tr th.col95 ,table tr td.col95 {width:95%;}

/* AJAX container style while loading controls*/
.loading { background-color: Gray; color: White; margin: 10px; min-height: 100px;}

/* #### Toolitp #### */
/* #### 11/5/2016 - Added tooltip_infoIcon #### */
.tooltip_dialog {width:13px;padding-left: 13px;background-image: url(/images/usercontrols/icons/tooltip.gif);background-repeat: no-repeat;background-position: left center;height:14px;}
.tooltip_icon {width:13px;display: inline-block; background-image: url(../../images/usercontrols/icons/tooltip.gif);background-repeat: no-repeat;background-position: left center;height:14px;}
.tooltip_icon-small {width:10px;padding-left: 13px;background-image: url(../../images/usercontrols/icons/tooltip_small.gif);background-repeat: no-repeat;background-position: left center;height:14px;}
.tooltip_infoIcon {width:13px;display: inline-block; background-image: url(../../images/usercontrols/icons/info2.png);background-repeat: no-repeat;background-position: left center;height:14px;}
.tooltip {width:10px;padding-left: 13px;background-image: url(/images/usercontrols/icons/tooltip.gif);background-repeat: no-repeat;background-position: left center;height:14px;}
.tooltip_box { padding: 5px; font-size: 10px; opacity: 1.0; filter: alpha(opacity=100); background-repeat: no-repeat;  background-image: url(/images/usercontrols/icons/tooltip.gif); }
.tooltip_box-inner { padding: 5px 8px 4px 8px; background-color: #000000; color: white; max-width: 200px; text-align: left; }
.tooltip_box-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tooltip_box-west { background-position: left center; }
.tooltip_left {float:left; margin-left:6px;width:10px;padding-left: 13px;background-image: url(/images/usercontrols/icons/tooltip.gif);background-repeat: no-repeat;background-position: left center;height:14px;}
.error {float:left; width:18px;padding-top:3px;background-image: url(/images/usercontrols/icons/error.gif);background-repeat: no-repeat;background-position: left top;height:18px;}
.error_left {float:left; margin-left:6px;width:10px;padding-left: 13px;background-image: url(/images/usercontrols/icons/error.gif);background-repeat: no-repeat;background-position: left center;height:14px;}
.error_right {float:right; margin-left:6px;width:10px;padding-left: 13px;background-image: url(/images/usercontrols/icons/error.gif);background-repeat: no-repeat;background-position: left center;height:14px;}
.error-text { color:#c90202;}
.warning {width:13px;padding-left:13px;background-image: url(/images/usercontrols/icons/alert.gif);background-repeat: no-repeat;background-position: left center;height:14px;}
.warning_left {float:left; margin-left:6px;width:10px;padding-left: 13px;background-image: url(/images/usercontrols/icons/alert.gif);background-repeat: no-repeat;background-position: left center;height:14px;}

/* #### Validation #### */
.validation-text {color:#c40101;}
.validation-summary { color:#c40101;}
.validation-field-bg {background: #ffebeb;border:1px solid #cccccc;padding-left:2px;color: #666666;height:22px;line-height:21px;}
.validation-summary ul{clear:left; border-top:1px dotted #c40101;border-bottom:1px dotted #c40101;padding-top:5px;padding-bottom:5px;margin-top:10px;margin-bottom:20px;}
.validation-summary ul li {margin-left:20px;height:20px; margin-right:20px;}
.validation-summary ul li .error{background:none; float:left; color:Red;}

#recommendationDialog ul{clear:left; padding-top:5px;padding-bottom:5px;}
#recommendationDialog ul li {margin-left:20px;height:35px; margin-right:20px;}

/*JqueryDialog*/
div.dialogContent {width:100%;}
div.dialogContent div.left {float:left; width:30%;}
div.dialogContent div.right {float:left; width:69%;}
div.dialogContent div.right textarea {width:100%;min-height: 70px;}


/* Show nice oligo sequence */
div.prettyOligoSequence {}
div.prettyOligoSequence span.triplet { padding-right:3px; border:0;}
div.prettyOligoSequence span.modi5s { color:#fe6613;}
div.prettyOligoSequence span.modiI { color:green;}
div.prettyOligoSequence span.modi3s { color:#fe6613;}

/* Pagination */
div.pagination ul { list-style:none;}
div.pagination ul > li { float:left;font-weight: bold; margin-bottom:6px;}
div.pagination ul > li a {display: block;float: left;color: #717171;background: #e9e9e9;text-decoration: none;padding: 4px 6px;margin-right: 6px;border-radius: 3px;border: solid 1px #c0c0c0;box-shadow: inset 0px 1px 0px rgba(255,255,255, .7), 0px 1px 3px rgba(0,0,0, .1);text-shadow: 1px 1px 0px rgba(255,255,255, 0.7);}
div.pagination ul > li a:hover {background: #eee;color: #000000;}
div.pagination ul > li a:active {-webkit-box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);-moz-box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);box-shadow: inset -1px 2px 5px rgba(0,0,0,0.25);}
div.pagination ul > li.active {background-color:#444444;display: block;float: left;border: solid 1px #000000;padding: 4px 6px;margin-right: 6px;border-radius: 3px;color: #ffffff; }

/* #### Jquery Dialogs  #### */
/* # Type: Jquery Dialogs # */
/* # Descscription: Shows a modal dialog which opens in front of the page # */
/* # Author: gdwi # */
/* # Created: 2014-08-04 # */
/* # Updated: 2016-03-18 # */
div.jqDialog {display:none; z-index:99999;}
div.jqDialog div.jqDialogContent {float:left; color:#444444;width:100%;}
div.jqDialog div.jqDialogContent div.newRow {margin-top:8px; margin-bottom:8px; }
div.jqDialog div.jqDialogContent div.full {float:left; width:100%; }
div.jqDialog div.jqDialogContent div.left {float:left; width:30%; }
div.jqDialog div.jqDialogContent div.right {float:right; width:69%;}
div.jqDialog div.jqDialogContent div.right input, 
div.jqDialog div.jqDialogContent div.right textarea,
div.jqDialog div.jqDialogContent div.right select  {width:90%;}
div.jqDialog div.jqDialogContent ul li {padding-top:5px;}
div.jqDialog div.jqDialogContent textarea {min-height: 60px;}
div.jqDialog div.sctPrimerInformation {border-top: 2px solid #cccccc }
div.jqDialog div.sctPrimerInformation div.primerName {float: left;width: 14%;}
div.jqDialog div.sctPrimerInformation div.primerNumber {float: left;width: 4%;}
div.jqDialog div.sctPrimerInformation div.primer-select {float: left;width: 42%;}
div.jqDialog div.sctPrimerInformation div.primerType {float: left; width:19%;}
div.jqDialog div.sctPrimerInformation div.primerType-text {float: left; width:20%; }
div.jqDialog div.sctPrimerInformation div.sequence {float: left; width:14%;}
div.jqDialog div.sctPrimerInformation div.sequence-text {float: left; width:42%;}
div.jqDialog div.sctPrimerInformation div.primerBarcode {float: left; width:19%;}
div.jqDialog div.sctPrimerInformation div.primerBarcode-text {float: left; width:20%;}
div.jqDialogOligoDuplicateCheckContent { max-height: 300px; } /* Added scroll the duplicate check popup TO fix height issue */
 /* Added styling for UL Li list. */
div.jqDialogOligoDuplicateCheckContent div.listDuplicatesNames ul { list-style: none;}
div.jqDialogOligoDuplicateCheckContent div.listDuplicatesNames ul li {padding: 2px 0 2px 10px;} 
div.jqDialogOligoDuplicateCheckContent div.buttonDescription { padding-top: 5px;} 
/* START dialog: jqdSeqNameTube */
div.jqdSeqNameTube div.sctDetails {margin-top:10px;}
div.jqdSeqNameTube div.sctDetails div.sctDetailsList {margin-top:10px;}
div.jqdSeqNameTube div.sctDetails div.sctDetailsList ul {margin-left:10px;}
div.jqdSeqNameTube div.sctDetails div.sctDetailsList ul li {padding-bottom:5px;}
div.jqdSeqNameTube div.sctDetails div.sctSampleName {margin-top:10px;}
div.jqdSeqNameTube div.sctMessages div {margin-top:10px;}

/* START Dialog: jqdAddressValidation */
div.jqdAddressValidation div.sctAddresses {margin-top:10px;}
div.jqdAddressValidation div.sctAddresses h3 {font-size:1.0em; font-weight:bold;}
div.jqdAddressValidation div.sctAddresses div.sctAddressBlock {margin-top:10px;}
div.jqdAddressValidation div.sctAddresses div.sctAddressBlock label {cursor:pointer;}
div.jqdAddressValidation div.sctAddresses div.sctAddressBlock div.conRadioButton {float:left; margin-right:10px; padding-top:3px;}
div.jqdAddressValidation div.sctAddresses div.sctAddressBlock div.conAddressLines {float:left; }
div.jqdAddressValidation div.sctAddresses div.sctYourAddress {float:left; width:49%;}
div.jqdAddressValidation div.sctAddresses div.sctRecommendedAddress {float:left; width:49%;}
div.jqdAddressValidation div.sctAddresses div.sctRecommendedAddress span.changed {color:red;}

/* Made pop dialog position as fixed, it was coming as absolute */
.jqDialogFixedPosition { position: fixed !important;}

/* #### Sequencing Plate sealing notfication popup #### */
/* # Description: Sequencing Plate sealing notfication popup # */
div.plateSequencingSealingNotification div.donotShowAgain { padding-top: 10px;padding-left: 8px;}
div.plateSequencingSealingNotification div.donotShowAgain a{ text-decoration:underline;color: blue;}


/* #### Sequencing tube advanced settings popup #### */
/* # Description: Sequencing tube advanced settings popup, changed styling for ul li inside the popup # */
/* # Author: SIHI # */
/* # Created: 2015-06-30 # */
/* # Updated: 2017-03-16 # */
div.jqdSeqTubeAdvancedOptions div.content div.sctOptions ul.advancedOptionsList { list-style: none;padding-left: 10px;}
div.jqdSeqTubeAdvancedOptions div.content div.sctOptions ul.advancedOptionsList li { padding-bottom: 5px;padding-bottom: 5px;}
div.jqdSeqTubeAdvancedOptions div.content div.sctOptions ul.advancedOptionsList li div.left {float:left; width:37%;padding-top: 8px;}
div.jqdSeqTubeAdvancedOptions div.content div.sctOptions ul.advancedOptionsList li div.right {float:left; width:62%;padding-top: 8px;}
div.jqdSeqTubeAdvancedOptions div.content div.sctOptions ul.advancedOptionsList li div.right ul {list-style: none}
div.jqdSeqTubeAdvancedOptions div.content div.sctOptions ul.advancedOptionsList li div.right ul li {float: left; padding-bottom: 10px;}
div.jqdSeqTubeAdvancedOptions div.content div.sctOptions ul.advancedOptionsList li div.right ul li label { padding-top: 3px;padding-right: 10px;}
div.jqdSeqTubeAdvancedOptions div.content div.sctOptions input { vertical-align: middle;}
div.jqdSeqTubeAdvancedOptions div.content div.sctOptions label { padding-left: 2px; padding-right: 3px}

/* JQuery dynamic dialog */
div.jqDialogContainer {max-height: 400px;}

/* #### Overwrite jQuery UI #### */
/* # Description: Overwrites default jQuery UI # */
/* # Author: gdwi # */
/* # Created: 2014-11-18 # */
/* # Updated: 2016-11-07 # */
.jButton, .ui-button  {background:#444444 !important;border: 1px solid #000000 !important; color:#ffffff !important;}
.jButton.jButtonLight {background-color: #f0f0f0 !important;color:#666666 !important;}
.jButton.jButtonSmall { font-size: .9em !important;}
.jButton.jButtonMini { font-size: .6em !important;}


/* #### Common CSS for the text area auto resize #### */
/* # Description: Common CSS for the text area auto resize # */
/* # Author: ISHI # */
/* # Created: 2015-02-24 # */
/* # Updated: 2015-02-24 # */
.coreTextAreaAutosize { min-height:22px; resize:none;padding: 0 0 0 0;height: 22px;overflow: hidden;}
.coreTextAreasize{ min-height:22px; resize:none; padding: 1px 0 0 0;height: 22px;overflow: hidden;}
.textAreaAutoSizeHeight{ height: 22px;overflow: hidden;}

/* #### Common CSS for jquery dialogs not to show the close icon #### */
/* # Description: Common CSS for jquery dialogs not to show the close icon # */
/* # Author: ISNA # */
/* # Created: 2015-04-18 # */
/* # Updated: 2015-04-18 # */
.no-close .ui-dialog-titlebar-close {display: none;}

/* #### Common CSS for comPagination control #### */
/* # Description: Common CSS for comPagination control  # */
/* # Author: W2oo # */
/* # Created: 2016-1-12 # */
/* # Updated: 2015-1-12 # */
.comPagination {float: right; background-color: #ffffff; line-height:23px;height:23px;padding: 4px;width: 100%;}
.comPagination span.currentPageNumber {padding:2px 4px 2px 4px;  color:#ffffff; font-weight:normal; background:#666666; border:1px solid #444444; margin-left:5px;cursor: text; }
.comPagination span.pageNumber {padding:2px 4px 2px 4px; color:#666666; cursor: pointer; border:1px solid #cccccc; margin-left:5px; }
.comPagination div.sctTotalResultCount{ float: left;padding-top: 5px;}
.comPagination div.simple-pagination{ float: right;}

.errorInput { border: 2px solid red;}


/* #### Common CSS for auto complete Ul Li #### */
/* # Description: Common CSS for auto complete Ul Li  # */
/* # Author: ISHI # */
/* # Created: 7th March, 2017 # */
/* # Updated: 7th March, 2017 # */
ul.sctAutoComplete {max-height: 150px; overflow: auto;}
ul.sctAutoComplete .ui-state-hover, ul.sctAutoComplete .ui-widget-content .ui-state-hover, ul.sctAutoComplete .ui-widget-header .ui-state-hover, ul.sctAutoComplete .ui-state-focus, ul.sctAutoComplete .ui-widget-content .ui-state-focus, ul.sctAutoComplete .ui-widget-header .ui-state-focus {background-color: #539ad4;background-image: none;}
ul.sctAutoComplete .ui-state-default, ul.sctAutoComplete .ui-widget-content .ui-state-default, ul.sctAutoComplete .ui-widget-header .ui-state-default {background-color: #539ad4;background-image: none;}


/* #### Sequencing tube advanced settings popup #### */
/* # Description: Sequencing tube advanced settings popup, changed styling for ul li inside the popup # */
/* # Author: SIHI # */
/* # Created: 2015-06-30 # */
/* # Updated: 2017-03-16 # */
div.jqdAddCustomMotif div.content div.left {float:left; width:37%;padding-top: 8px;}
div.jqdAddCustomMotif div.content div.right {float:left; width:62%;padding-top: 8px;}
div.jqdAddCustomMotif div.content input { vertical-align: middle;}
div.jqdAddCustomMotif div.content div.sctCustomMotifSequence { margin-bottom: 10px;}

div.jqdSaveAsTemplate div.content div.left {float:left; width:37%;padding-top: 8px;}
div.jqdSaveAsTemplate div.content div.right {float:left; width:62%;padding-top: 8px;}
div.jqdSaveAsTemplate div.content input { vertical-align: middle;}


div.jqdOptimization  div.progressBar {clear:left; margin-top:5px;height: 19px; background-image: url("/images/usercontrols/common/progress-bar.gif");background-repeat: no-repeat;}
div.jqdOptimization  div.optimizationInfo{ padding: 3px; width: 95%;}

div.admin {border-color: #273f01}