/* html5doctor.com Reset v1.6.1 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}input:focus,select:focus,textarea:focus,button:focus {outline: none;}

/* include border/padding/margin inside width */
* {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box
}

/* grid system */
header, footer, section {
	width: 100%;
	padding-left: 10px !important;
	padding-right: 10px !important;
}
header p, footer p, section p {
	line-height: 18px !important;
}
header div, footer div, section div {
	display: inline-block;
	vertical-align: top;
}
header {
	height: 80px;
	position: fixed;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.5);
	z-index: 1000;
}
footer {
	font-size: 12px;
}
section {
	min-height: 200px; /* this can be removed */
	padding: 10px 0;
}
div.content_push {
	padding-top: 80px;
	width: 100%;
}
.container {
	clear: both;
	padding: 0px;
	max-width: 1200px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.col {
	display: block;
	float:left;
	margin: .2% 0 .2% .4%;
	min-height: 50px;
	background-color: #fbfbfb;
}
.col:first-child {
	margin-left: 0;
} /* all browsers except IE6 and lower */

.span8of8 {
	width: 100%;
}
.span7of8 {
	width: 87.45%; 
}
.span6of8 {
	width: 74.9%; 
}
.span5of8 {
	width: 62.35%; 
}
.span4of8 {
	width: 49.8%; 
}
.span3of8 {
	width: 37.25%;
}
.span2of8 {
	width: 24.7%; 
}
.span1of8 {
	width: 12.15%; 
}
.mobile-only {
	display: none !important;	
}
/* mobile css */
@media only screen and (max-width: 480px) {
	.mobile-only {
		display: inline-block !important;
	}
	.col { 
		margin: .2% 0 .2% .2%;
	}
	.span8of8 {
		width: 100%; 
	}
	.span7of8 {
		width: 100%; 
	}
	.span6of8 {
		width: 100%; 
	}
	.span5of8 {
		width: 100%; 
	}
	.span4of8 {
		width: 100%; 
	}
	.span3of8 {
		width: 100%; 
	}
	.span2of8 {
		width: 100%; 
	}
	.span1of8 {
		width: 100%; 
	}
	p, h2, h3 {
		text-align: center !important;
	}
	header, footer {
		position: static !important;
		height: auto !important;
	}
	header > div.container > div.header {
		text-align: center;
	}
	div.content_push,
	div.live-chat {
		display: none;
	}
	div.menu {
		height: auto !important;
	}
	div.menu > div.top {
		text-align: center;
		display: none !important;
	}
	div.menu > div.top,
	div.menu > div.bottom,
	header > div.container > div.header {
		background-color: #020d41;
	}
	div.menu > div.bottom > ul,
	div.menu > div.bottom > ul > li {
		display: inline-block !important;
		text-align: center;
	}
	div.menu > div.bottom > ul {
		margin: 0 !important;
		line-height: 12px !important;
		padding: 0 !important;
	}
	div.menu > div.bottom > ul > li {
		padding: 10px !important;
		margin: 0 !important;
		line-height: 14px !important;
	}
	div.menu > div.bottom > ul > li > ul {
		left: 0 !important;
		width: 100%;
	}
	section.carousel,
	section.carousel > div.container > div.carousel-image {
		height: auto !important;
		min-height: 0 !important;
		width: 100% !important;
	}
	section.carousel > div.container > div.carousel-image > img {
		position: static !important;
	}
	#news-bar > div.container > div.blog-box > div.header {
		width: 100% !important;
	}
	img {
		max-width: 100% !important;
		height: auto !important;
	}
	iframe {
		max-width: 90% !important;
	}
	div.home-page > div.text > div.buttonwrapper {
		width: 100% !important;
		margin-left: 0 !important;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	div.home-page > div.icon > img {
		
	}
	div.home-page > div.icon > div {
		font-size: 20px !important;
	}
	li#mm-workflows div.ml, li#mm-support div.ml {
		margin-left: 0 !important;
	}
	#table-block > div.span8of8 > div.table3,
	#software > div.span4of8 > div.table2,
	#software > div.span8of8 > div.table1	{
		width: 90% !important;
		margin-left: 5% !important;
	}
	#software > div.span8of8 > div.table1 > div.middle-left,
	#software > div.span8of8 > div.table1 > div.middle-right {
		width: 100% !important;
		padding: 15px 0 !important;
	}
	#software > div.span8of8 > div.table1 > div.middle-right > div.eye-grab {
		margin-left: auto;
		margin-right: auto;
	}
	#table-block > div.span8of8 > div.table3 > div.header,
	#table-block > div.span8of8 > div.table3 > div.wrap {
		width: 100% !important;
	}
	div#technologies > div {
		margin: 20px 0 !important;
	}
	div#support > div.span2of8 {
		width: 45%;
	}
	footer > div.container > div.follow-us {
		width: 60%;
	}
	footer > div.container > div.span4of8 {
		display: none;
	}
	div.menu > div.bottom > form > input.search-box {
		width: 200px !important;
	}
	div.language > ul > li > ul {
		width: 160px;
		margin-left: -68px;
	}
	h1.font-iconblue {
		font-size: 24px !important;
	}
	div.software-subheader > img,
	div.workflow-subheader > img {
		width: 35px !important;
	}
	div.supported-workflows {
		text-align: center !important;
	}
	div.supported-workflows > div.span5of8 > ul {
		width: 100% !important;
	}
	#table-block > div.span8of8 > div.table3 > div.wrap.no-margin {
		margin-left: 15px !important;
	}
	.hide-mobile,
	div#big-menu > span.button-wrap,
	li#mm-buynow,
	li#requestquote {
		display: none !important;
	}
	form#search-form {
		margin-right: 10px;
	}
	li#mm-workflows div, li#mm-support div {
		width: 100%;
	}
	div.entry-thumbnail {
		display: none !important;
	}
	div.entry-content,
	div.qa-category,
	div.qa-faq	{
		width: 100% !important;
	}
	#table-block > div.span8of8 > h2 {
		font-size: 18px !important;
	}
	div.dnastar-lasergene,
	div.lasergene-suites,
	div.dnastar-cloud,
	div.license-server {
		width: 100% !important;
	}
	div.techrequirements-button {
		margin-top: 0 !important;
		margin-left: auto !important;
		margin-right: auto !important;
		display: block !important;
		padding-bottom: 20px;
	}
	#GridView1 .align-center {
		text-align: left !important;
	}
	#GridView1, #gridViewNGCFiles {
		table-layout: fixed;
		display: block;
		border-collapse: collapse;
	}
	#GridView1 thead,
	#GridView1 tbody,	
	#GridView1 th,	
	#GridView1 td,	
	#GridView1 tr {
		display: block;
	}
	#gridViewNGCFiles thead,
	#gridViewNGCFiles tbody,	
	#gridViewNGCFiles th,	
	#gridViewNGCFiles td,	
	#gridViewNGCFiles tr {
		display: block;
	}
	#GridView1 tbody > tr > th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#gridViewNGCFiles tbody > tr > th { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#GridView1 td {
		position: relative;
		padding-left: 20%;
	}
	#gridViewNGCFiles td {
		position: relative;
		padding-left: 25%;
	}
	#GridView1 td:before {
		position: absolute;
		left: 6px;
		padding-right: 10px;
		white-space: nowrap;
	}
	#gridViewNGCFiles td:before {
		position: absolute;
		left: 6px;
		padding-right: 10px;
		white-space: nowrap;
	}
	#GridView1 > tbody > tr > td, #gridViewNGCFiles > tbody > tr > td {
		align: left !important;
		text-align: left !important;
	}
	#GridView1 > tbody > tr, #gridViewNGCFiles > tbody > tr {
		height: auto !important;
		border-bottom: 1px solid #000;
	}

	#GridView1 td:nth-of-type(1):before { content: "Name:"; }
	#GridView1 td:nth-of-type(2):before { content: "Status:"; }
	#GridView1 td:nth-of-type(4):before { content: "Started:"; }
	#GridView1 td:nth-of-type(5):before { content: "Ended:"; }
	#GridView1 td:nth-of-type(6):before { content: "Message:"; }
	#GridView1 td:nth-of-type(7):before { content: "Files:"; }
	
	#gridViewNGCFiles td:nth-of-type(1):before { content: "Name:"; }
	#gridViewNGCFiles td:nth-of-type(2):before { content: "Type:"; }
	#gridViewNGCFiles td:nth-of-type(3):before { content: "Size:"; }
	#gridViewNGCFiles td:nth-of-type(4):before { content: "Modified:"; }
	#gridViewNGCFiles td:nth-of-type(5):before { content: "View:"; }
	
	#GridView1 > tbody > tr > th, #gridViewNGCFiles > tbody > tr > th,
	#GridView1 > tbody > tr > td, #gridViewNGCFiles > tbody > tr > td {
		font-size: 80% !important;
		border: 0 !important;
	}
	.indented {
		text-indent: 0 !important;
	}
	#labelNGCDownloads {
		font-size: 100% !important;
		word-wrap: break-word;
	}
	#PDf {
		left: 10px !important;
	}
	#app-page > div.app-subheader {
		margin-left: 0 !important;
	}
	div.font-iconblue > h2 {
		text-align: left !important;
	}
}
/* end grid */
/* ipad css */
@media only screen and (max-width: 1199px) and (min-width: 481px) {
	.span6of8 {
		width: 74% !important;
	}
	#app-page > div.app-subheader {
		margin-left: 0 !important;
	}
	div.font-iconblue > h2 {
		text-align: left !important;
	}
	.mobile-only {
		display: inline-block !important;
	}
	body {
		overflow: scroll;
	}
	div.container, section, footer, header {
		min-width: 875px !important;
	}
	div.menu > div.bottom > ul, div.menu > div.bottom > ul > li {
		font-size: 10px !important;
	}
	p, h2, h3 {
		text-align: center !important;
	}
	div.home-page > div.icon > div {
		font-size: 20px !important;
	}
	div.home-page > div.text > div.buttonwrapper {
		width: 100% !important;
		margin-left: 0 !important;
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}
	div.blog-box {
		width: 48% !important;
	}
	table {
		width: 100% !important;
	}
	img {
		max-width: 100% !important;
		height: auto !important;
	}
	iframe {
		max-width: 95% !important;
	}
	div.menu > div.bottom {
		overflow: visible !important;
	}
	#table-block > div.span8of8 > div.table3,
	#software > div.span4of8 > div.table2,
	#software > div.span8of8 > div.table1	{
		width: 90% !important;
		margin-left: 5% !important;
	}
	#software > div.span8of8 > div.table1 > div.middle-left,
	#software > div.span8of8 > div.table1 > div.middle-right {
		width: 100% !important;
		padding: 15px 0 !important;
	}
	#software > div.span8of8 > div.table1 > div.middle-right > div.eye-grab {
		margin-left: auto;
		margin-right: auto;
	}
	#table-block > div.span8of8 > div.table3 > div.header,
	#table-block > div.span8of8 > div.table3 > div.wrap {
		width: 100% !important;
	}
	div.license_novacloud_table_row_even > div,
	div.license_novacloud_table_row > div {
		font-size: 9px !important;
	}
		div.license_novacloud_table_row_even > div.license_novacloud_table_cell_jobname,
		div.license_novacloud_table_row > div.license_novacloud_table_cell_jobname {
			overflow: hidden;
		}
		div.license_novacloud_table_row_even > div.license_novacloud_table_cell_started,
		div.license_novacloud_table_row > div.license_novacloud_table_cell_started {
			overflow: hidden;
		}
		div.license_novacloud_table_row_even > div.license_novacloud_table_cell_ended,
		div.license_novacloud_table_row > div.license_novacloud_table_cell_ended {
			overflow: hidden;
		}
		
	div.license_novacloud_table_row_even > div.license_novacloud_table_cell_results > input,
	div.license_novacloud_table_row > div.license_novacloud_table_cell_results > input {
		max-height: 35px !important;
		height: 60% !important;
		width: 80% !important;
	}
}