@charset "utf-8";


/* Generic text content */
.content h1 { margin-top: 0px; margin-bottom: 10px; font-size: 18px; font-weight: normal; }
.content h2 { margin-top: 0px; font-size: 14px; font-weight: normal; color: #44658E; }
.content h4 { margin-top: 0px; font-size: 11px; }
.content p { margin-bottom: 18px; font-size: 12px; line-height: 160%; }
.content p.small { font-size: 11px; }
.content p.smaller { font-size: 10px; }
.content a { color: #5d5d5d; }
.content a:hover { color: black; }
.content hr { color: #e7e7e7; border-style: solid; height: 0px; border-bottom: 0px; width: 100%; }
.left { float: left; }
.right { float: right; }
.content .textleft { text-align: left; }
.content .center { text-align: center; }
.content .clear { clear: both; }
.content .nowrap { white-space: nowrap; }
.content div.links { font-size: 12px }

/* Generic table */
.content table { background: #f7f7f7; }
.content table thead { background: #5d5d5d; color: white; }
.content table td { font-size: 10px; vertical-align: top; }
.content table a { text-decoration: inherit; }
.content table a:hover { text-decoration: underline; color: inherit; }


/* Generic lists */
.content ul { font-size: 12px; line-height: 160%; }
.content ol { font-size: 12px; line-height: 160%; }



/* Used for the login page */
.content table.login { width: 260px; height: 160px; margin-top: 24px; margin-left: 10px; margin-right: 10px; float: left; }
.content table.login td { padding: 20px; font-size: 11px; line-height: 140%;	}
.content table.login a { text-decoration: none; }
.content table.login a:hover { text-decoration: underline; color: inherit;}


/* Used for 403, 403, and maintenance pages */
.content div.error { 
	margin-top: 8px; 
	width: 898px;
	padding-top: 80px;
	height: 170px;
	border: 1px solid #ff8080; 
	background: #ffe7e7; 
	text-align: center;
	font-size: 20px;
}


/* Used for product page headers */
.content div.pageHeader { position: relative; margin-left: -6px; margin-top: -6px; margin-bottom: 30px; }
.content div.pageHeader img { float: left; margin-right: 20px; margin-top: 0px; }
.content div.pageHeader h1 { padding-top: 14px; }
.content div.pageHeader hr { position: absolute; right: 0px; width: 570px; }

/************ OPINIO ***************/

/* The top banners used in the Opinio pages */
.content div.opinioMain { position: relative; width: 671px; height: 244px; margin: -20px -20px 50px -20px; }
.content div.opinioMain a { color: white; text-decoration: underline; }
.content div.opinioMain a:hover { color: white; }
.content div.opinioMain h2 { font-size: 18px; color: white; }
.content div.opinioMain div.opinioMainBox {
	display: none;
	width: 622px; 
	height: 209px;
	padding: 25px;
	padding-top: 10px;
	font-size: 12px;
	line-height: 175%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.content div#opinioSurveySoftware {	color: #5D492B; background-image: url('/opinio/images/background-surveysoftware.png'); }
.content div#opinioSurveySoftware p { width: 350px; margin-bottom: 8px }
.content div#opinioSurveySoftware ul { width: 300px; margin-top: 5px }
.content div#nasa {	color: white; background-image: url('/opinio/images/gradient-black.png'); }
.content div#nasa p.signature { font-style: italic; padding-left: 20px; }
.content div#nasa img { margin-top: 10px; margin-left: 40px; margin-right: 20px; }
.content div#surveytypes { color: black; background-image: url('/opinio/images/background-surveytypes.png'); }
.content div#surveytypes h2 { color: black; }
.content div#surveytypes ul { float: left; width: 500px; }
.content div#surveytypes li { float: left; width: 150px; margin-right: 20px; }
.content div#deakin { color: black; background-image: url('/opinio/images/background-deakin.png'); }
.content div#deakin h2 { color: black; }
.content div#deakin p { width: 450px; }
.content div#deakin p.signature { margin-left: 20px; }
.content div#deakin a { color: black; }
.content div#customization { color: black; background-image: url('/opinio/images/background-integration.png'); }
.content div#customization h2 { color: black; }
.content div#customization p { width: 430px; }
.content div#dalhousie { color: white; background-image: url('/opinio/images/background-dalhousie.png'); }
.content div#dalhousie p { padding-top: 10px; width: 370px; }
.content div#dalhousie p.signature { width: inherit; padding-top: 0px; }
.content div#reports { color: white; background-image: url('/opinio/images/background-reports.png'); }
.content div#reports p { width: 350px; }
.content div#stfx { color: black; background-image: url('/opinio/images/background-stfx.png'); }
.content div#stfx h2 { color: black; }
.content div#stfx a { color: black; }
.content div#stfx p { width: 350px; }
.content div#stfx p.signature { padding-left: 20px; }
.content div.requestButtonContainer {
	position: absolute;
	width: 100%;
	left: 12px;
	bottom: 18px;
	height: 18px;
	font-weight: bold;
	color: white;
}
.content div#bannerTabs { position: absolute; bottom: -12px; right: 5px; }
.content div#bannerTabs span.active { background: #e7e7e7; bottom: -3px; padding-bottom: 5px; }
.content div#bannerTabs span {
	position: relative;
	width: 20px;
	height: 20px;
	bottom: -3px;
	background: #f7f7f7;
	border-left: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	padding: 3px 10px 3px 10px;
	cursor: pointer;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
}


/* The free-trial input field and sign-up button */
.content .requestButtonContainer input {
	position: absolute;
	left: 0px;
	width: 239px;
	border: 0px;
	height: 18px;
	padding: 3px;
	padding-left: 10px;
	color: #5D5D5D;
	font-size: 13px;
	font-family: Arial;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	-webkit-border-radius: 8px 0px 0px 8px;
	-moz-border-radius: 8px 0px 0px 8px;
	border-radius: 8px 0px 0px 8px;
	background-color: white;
}
.content .requestButtonContainer button {
	position: absolute;
	left: 253px;
	border: 0px;
	height: 26px;
	margin-left: 0px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #e4e4e4;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e4), to(#a2a2a2));
	background-image: -moz-linear-gradient(0% 0% 270deg, #e4e4e4, #a2a2a2);
	-webkit-border-radius: 0px 8px 8px 0px;
	-moz-border-radius: 0px 8px 8px 0px;
	border-radius: 0px 8px 8px 0px;
}
.content input.error {
	background: #ffdddd;
}
.content div.freeTrial {
	position: absolute;
	left: 0px;
	top: 244px;
	width: 650px;
	height: 143px;
	padding: 10px;
	padding-left: 12px;
	display: none;
	z-index: 10;
	background-color: #c0c0c0;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a2a2a2), to(#e4e4e4));
	background-image: -moz-linear-gradient(0% 0% 270deg, #a2a2a2, #e4e4e4);
	-webkit-box-shadow: 0px 5px 5px #ccc;
	-moz-box-shadow: 0px 5px 5px #ccc;
	box-shadow: 0px 5px 5px #ccc;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
}
.content div.freeTrial input {
	width: 240px;
	border: 0px;
	height: 20px;
	padding: 3px;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #5D5D5D;
	background-color: white;
	font-size: 13px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.content div.freeTrial select {
	position: absolute;
	top: 10px;
	left: 280px;
	border: 0px;
	height: 26px;
	padding: 3px;
	padding-left: 7px;
	padding-right: 10px;
	color: #5D5D5D;
	background-color: white;
	font-size: 13px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.content div.freeTrial select.error {
	background-color: #ffdddd;
}
.content div.freeTrial textarea {
	position: absolute;
	border: 0px;
	left: 280px;
	top: 47px;
	color: #5d5d5d;
	background: white;
	width: 366px;
	height: 55px;
	padding: 3px;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 13px;
	font-family: Arial;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.content div.freeTrial button {
	margin-left: -1px;
	border: 0px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	font-weight: bold;
	background-color: #e4e4e4;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e4), to(#a2a2a2));
	background-image: -moz-linear-gradient(0% 0% 270deg, #e4e4e4, #a2a2a2);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.content div.freeTrial div.confirm {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 652px;
	height: 103px;
	padding: 10px;
	display: none;
	z-index: 11;
	background-color: #c0c0c0;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a2a2a2), to(#e4e4e4));
	background-image: -moz-linear-gradient(0% 0% 270deg, #a2a2a2, #e4e4e4);
	-webkit-border-radius: 0px 0px 8px 8px;
}
.content div.freeTrial div.confirm p {
	padding-top: 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.content div.freeTrial div.confirm button {
	font-weight: bold;
	margin-top: 10px;
	background-color: #eeeeee;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e4), to(#a2a2a2));
	background-image: -moz-linear-gradient(0% 0% 270deg, #e4e4e4, #a2a2a2);
}
.content div.survey {
	display: none;
}


/* The styles used for the included opinio content buttons and columns */
.content div.opinioButtons div {
	position: relative;
	float: left;
	width: 185px;
	height: 131px;
	margin-left: 5px;
	margin-top: 10px;
	padding: 0px 10px 0px 10px;
	border: 1px solid #b7b7b7;
	text-align: center;
	cursor: pointer;
}
.content div.opinioButtons div p { line-height: 135%; }
.content div.opinioButtons div h3 { margin-bottom: 4px; margin-top: 11px; font-size: 12px; }
.content div.opinioButtons div.hover { border: 1px solid #777777; }
.content div.opinioButtons div:first-child { margin-left: 0px; }
.content div.opinioButtons div img { position: absolute; bottom: 0px; }
.content div.opinioButtons div.video img { left: 48px; }
.content div.opinioButtons div.mobile img { right: 5px; bottom: 5px; }
.content div.opinioButtons div.mobile p { padding-right: 60px; padding-top: 5px; }
.content div.opinioButtons div.samplenetwork img { left: 25px; }
.content div.opinioButtons div.samples img { left: 31px; }
.content div.opinioButtons div.howto img { left: 23px; top: 30px; }
.content div.opinioButtons div.solutions img { left: 27px; }
.content div.opinioButtons div.complete p { padding-right: 90px; }
.content div.opinioButtons div.complete h3 { padding-right: 10px; width: 187px; margin-bottom: 20px; text-align: center; }
.content div.opinioButtons div.complete img { bottom: 10px; right: 10px; }
.content div.opinioButtons div.invitations img { left: 65px; }
.content div.opinioButtons div.enterprise img { left: 52px; }
.content div.studentButtons { margin-left: 100px; }
.content div.studentButtons div img { left: 40%; }

.content div.columns3 div {	padding: 10px; margin-left: 5px; margin-bottom: 10px; width: 187px; float: left; line-height: 150%; }
.content div.columns3 div:first-child { margin-left: 0px; }


/* The styles used for the customer logos and the testimonials in the left menu */
#opinioCustomerLogos { clear: both; text-align: center; margin: 8px 0px 80px 0px; height: 50px; cursor: pointer; }
#opinioCustomerLogos img { vertical-align: middle; }
#testimonials { width: 190px; height: 380px; margin-top: 20px; margin-right: -10px; text-align: center; display: none;}
#testimonials p { text-align: left; font-style: italic; font-size: 11px; }


/* Used for the links at the bottom of the Opinio pages */
table.opinioLinks {
	position: relative;
	width: 671px;
	padding-top: 20px;
	margin-left: -20px;
	margin-right: -20px;
	bottom: 0px;
	background-color: white;
	clear: both;
}
table.opinioLinks td { padding: 5px; line-height: 150%; white-space: nowrap; }


/* The free demo account and contact boxes used on the Opinio pages */
.content .contactBox {
	width: 205px;
	height: 128px;
	border: 1px solid #f7f7f7;
	cursor: pointer;
	margin-bottom: 10px;
}
.content .contactBox span {
	display: inline-block;
	width: 100%;
	height: 22px;
	padding-top: 6px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: white;
}
.content .contactBoxHover {	border: 1px solid #accc80; }
.content .contactBox img { float: left; margin-left: 10px; margin-right: 10px; }
.content .contactBox p { margin-right: 10px; }
.content #knowMoreBox img { margin-left: 15px; margin-top: 13px; margin-right: 30px; }


/* Style used for the Opinio thank you note */
div.thankyou {
	background-image: url('/opinio/images/knowmore_background.png');
	padding: 40px;
	padding-left: 60px;
	padding-right: 60px;
	margin: 0px;
	line-height: 200%;
}
div.thankyou p { color: white; font-family: arial; font-size: 14px; margin-bottom: 20px; }
div.thankyou a { color: white; }


/* The style used for the ROI table in the why choose hosted solution */
.content table.opinio_hostedROI { margin: 25px auto 5px auto; width: 450px; font-size: 11px; text-align: left; background: #e7e7e7; caption-side: bottom; }
.content table.opinio_hostedROI td { text-align: right; }
.content table.opinio_hostedROI thead { text-align: right; background: #5d5d5d; color: white; }
.content table.opinio_hostedROI th { text-align: left; font-weight: normal; }


/* The style used for the Opinio hosted solution comparison table */
.content table.opinio_compareEditions { margin: 20px auto 80px auto; text-align: left; background: white; }
.content table.opinio_compareEditions th { font-weight: normal; padding: 3px; vertical-align: bottom; }
.content table.opinio_compareEditions caption { caption-side: bottom; }
.content table.opinio_compareEditions td { text-align: center; border-bottom: 1px solid #fafafa; border-left: 1px solid #fafafa; }
.content table.opinio_compareEditions th a { color: white; }
.content table.opinio_compareEditions th a:hover { color: white; }
.content .no { background-color: #ffcccb; }
.content .yes { background-color: #d8f3c9; }


/* The style used for the Opinio plugins table */
.content table.opinio_plugins { margin: 25px auto 0px auto; font-size: 11px; text-align: left; }
.content table.opinio_plugins td { border-bottom: 2px solid #fafafa; border-left: 2px solid #fafafa; padding: 10px;}
.content table.opinio_plugins th { border-bottom: 2px solid #fafafa; vertical-align: top; }


/* The style used for the Opinio roadmap table */
.content table.opinio_roadmap { margin: 55px auto 0px auto; width: 95%; font-size: 11px; text-align: left; border: 1px solid #f5f5f5; }
.content table.opinio_roadmap td, table.opinio_roadmap th { border-left: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; text-align: center; }
.content table.opinio_roadmap td { padding: 2px; padding-top: 5px; padding-bottom: 5px }
.content table.opinio_roadmap th { font-weight: normal; white-space: nowrap; text-align: left; }


/* The style used for the Opinio screenshot pages */
.content table.screenshots { text-align: center; margin-left: auto; margin-right: auto; background-color: white; }
.content table.screenshots td { width: 20%; vertical-align: top; border: 1px solid #e7e7e7; background-color: #f7f7f7; cursor: pointer; }
.content table.screenshots img { border: 1px solid #e7e7e7; }
.content div.poll { width: 320px; height: 320px; position: fixed; z-index: 1001; visibility: hidden; }


/* The style used for the Opinio selected features page */
.content table.opinio_selectedFeatures { background-color: white; margin-bottom: 50px; }
.content table.opinio_selectedFeatures td {	border-bottom: 1px solid #f7f7f7; vertical-align: top; padding: 35px 5px 35px 5px; }


/* The style used for the survey sample page */
.content table.surveySamples { background-color: white; margin: 10px -7px 60px -7px; }
.content table.surveySamples img { cursor: pointer; }
.content table.surveySamples td { text-align: center; width: 33%; padding-bottom: 10px; }
.content table.surveySamples p { text-align: left; padding-left: 10px; padding-right: 10px;}
.content table.surveySamples h3 { font-size: 12px; text-align: left; padding-left: 10px; padding-right: 10px;}


/* The style used for the Opinio testimonial page */
.content table.testimonials { background-color: white; margin-bottom: 20px; }
.content table.testimonials img { margin-left: 10px; }
.content table.testimonials td { font-style: italic; vertical-align: middle; }
.content table.testimonials p.signature { font-style: normal; margin-left: 25px; }


/* Styles used for the university usage page */
.content div.studentButton { width: 180px; height: 109px; margin-left: 35px; cursor: pointer; }
.content div.studentButton p { font-weight: bold; color: white; padding: 8px; }
.content div.opinio_testDrive {	background-image: url('/opinio/images/button_torgeir.png');	border-bottom: 1px solid #3C7FA2; border-right: 1px solid #3C7FA2; }
.content div.opinio_student { background-image: url('/opinio/images/button_student_opinio.png'); border-bottom: 1px solid #838385; border-right: 1px solid #838385; }
.content table.opinio_usage { white-space: nowrap; width: 280px; background-color: white; }
.content table.opinio_usage th { text-align: left; }


/* Used for the how-to pages */
.content div.howto img { margin-top: 10px; margin-bottom: 20px; }
.content div.howto ul { margin-bottom: 40px; }
.content div.howto ul li a { text-decoration: none; }
.content div.howto ul li a:hover { text-decoration: underline; color: inherit; }


/************* EASYCHARTS ************/

/* The style used for the customer logos at the main page */
.content #easycharts_logocontainer {
	margin: -20px;
	width: 671px; 
	height: 170px; 
	border-top: 1px solid #efefef; 
	position: relative; 
	overflow: hidden;
	clear: both;
}
.content #easycharts_logocontainer div { position: absolute; width: 2300px; height: 100%; }
.content #easycharts_logocontainer img { margin-left: 15px; margin-top: 10px; }

table.easycharts_gallery4 { background-color: white; }
table.easycharts_gallery4 td { width: 25%; text-align: center; }
table.easycharts_gallery4 img { border: 1px solid #aaaaaa; cursor: pointer; }


/* The style used for the table in the evolution page */
.content table.evolution { text-align: center; background-color: #f7f7f7; margin-top: 20px; }
.content table.evolution th { font-size: 13px; padding: 5px; }
.content table.evolution td { border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 15px; }
.content table.evolution td:first-child { border-left: 1px solid #e7e7e7; }

.content table.easycharts_gallery {	margin: auto; text-align: center; border: 1px solid #e7e7e7; }
.content table.easycharts_gallery td { font-size: 11px; border-left: 1px solid #e7e7e7; padding: 15px; }
.content table.easycharts_gallery td:first-child { border-left: 0px; }


/* Styles used for the easypolls page */
.content div.leftMenuPoll table { background-color: transparent; }
.content div.pollsOverlay {
	position: absolute; 
	left: 30px;	top: 80px;
	width: 200px; height: 70px;
	padding-top: 10px; 
	visibility: hidden;
	text-align: center;
	font-size: 18px;
	background-color: white;
	border: 1px solid #cccccc;
	cursor: pointer;
}


/* Styles used for the Network Probe page */
.content div.probeEvolution img { float: right; margin-left: 20px; margin-bottom: 30px; }
.content div.probeEvolution hr { margin-bottom: 20px; }
.content div.probeScreenShots img { float: right; margin-left: 30px; margin-bottom: 20px;}
.content div.probeScreenShots h2 { clear: both; margin-top: 30px; }
.content div.topn img { margin-left: -10px; margin-right: -10px; }
.content div.whatwhowherewhen img { margin-left: -10px; margin-right: -10px; }


/* Styles used for the Opinio tour page */
div.opinioTour { position: relative; width: 810px; height: 820px; margin: 10px auto auto auto; background-color: #f0efef; border-color: #bababa;}
div.opinioTour a { color: inherit; }
div.opinioTour img#tourImage { margin: 10px; }
div.opinioTour div.header { width: 790px; height: 32px; font-size: 22px; padding: 7px 10px 0px 10px; }
div.opinioTour div.header a { font-size: 14px; float: right; margin-top: 5px; color: black; }
div.opinioTour div#tourText { position: absolute; bottom: 50px; left: 0px; font-size: 14px; padding: 0px 10px 0px 10px; }
div.opinioTour div.footer { position: absolute; top: 774px; left: 0px; width: 790px; height: 32px; padding: 7px 10px 0px 10px; font-size: 18px; }
div.opinioTour div.footer img { position: absolute; cursor: pointer; }
div.opinioTour div.gradient {
	background-color: #c0c0c0;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e4), to(#a2a2a2));
	background-image: -moz-linear-gradient(0% 0% 270deg, #e4e4e4, #a2a2a2);
}

/* GDPR guide */
#GDPR-steps li { padding-top: 5px; padding-bottom: 5px }