/* #### Clearing  #### */
/* # Description: Clearing floats  # */
/* # Author: gdwi # */
/* # Created: 06-06-2014 # */
/* # Updated: 01-08-2014 # */
.clear-class {clear: both;height:1px;font-size:1px;}
.clearing { /* 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%; }

/* #### Buttons  ###All core buttons  # */
/* # Author: gdwi # */
/* # Created: 01-08-2014 # */
/* # Updated: 01-08-2014 # */
a.jButton  {color:#ffffff !important;}

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

/* Headlines */
h2.grey {height:22px;font-size:1.2em;padding-left:4px;padding-top:5px;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 {height:22px;font-size:1.2em;padding-left:4px;padding-top:5px;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 {height:22px;font-size:1.2em;margin-bottom:10px;padding-left:4px;padding-top:5px;font-weight:normal;background:#F08219; color:#ffffff; text-transform:uppercase;text-decoration:none;margin:3px;}
h2.cyan {height:22px;font-size:1.2em;margin-bottom:10px;padding-left:4px;padding-top:5px;font-weight:normal;background:#00a6da; color:#ffffff; text-transform:uppercase;text-decoration:none;margin:3px;}
h2.red {height:22px;font-size:1.2em;margin-bottom:10px;padding-left:4px;padding-top:5px;font-weight:normal;background:#a10001; color:#ffffff; text-transform:uppercase;text-decoration:none;margin:3px;}
h2.white {height:22px;font-size:1.2em;padding-left:4px;padding-top:5px;font-weight:normal;background-color:#ffffff;text-decoration:none;margin:3px;}
h2.lightGrey {height:22px;font-size:1.2em;padding-left:4px;padding-top:5px;font-weight:normal;background-color:#f0f0f0;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;}

/* #### Tabs  #### */
div.ecomTab {width:100%;margin: 5px 0 5px 0;}
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 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:#699a34;background:#ffffff;}
div.ecomTab ul.ecomTab li.administrator.activeli a {color:#699a34; 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;}
.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; }

/* 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:100; 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 */
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;}
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.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 #### */
.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;}

/*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 */
div.jqDialog {display:none; z-index:1000; background:red;}
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 dropdown  {width:90%;}
div.jqDialog div.jqDialogContent ul li {padding-top:5px;}
div.jqDialog div.jqDialogOligoDuplicateCheckContent ul {margin-left: 25px; margin-top:20px; margin-bottom:20px;}
div.jqDialog div.jqDialogOligoAutoCorrectionContent ul {margin-left: 25px; margin-top:20px; margin-bottom:20px;}