/*----------Zeiss: Education in Microscopy and Digital Imaging CSS----------*/

/*----------GENERAL SETTINGS start----------*/
/*--This section describes the style of the basic elements of the site--*/
html {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-family: arial, verdana, helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
}

p {
	margin: 0px;
	padding: 0px;
}

a, a:link, a:visited, a:active {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #336699;
	outline: none;
}

a:hover {
	text-decoration: underline;
	color: #336699;
}

form {
	margin: 0px;
	padding: 0px;
}

h6 {
	margin: 15px 0px -10px 5px;
	padding: 0px;
	font-size: 15px;
	color: #0c4da2;
}

h5 {
	font-size: 100%;
}
	
h4 {
	margin: 15px 0px -10px 5px;
	padding: 0px;
	font-size: 14px;
	color: #0c4da2;
}

h3 {
	margin: 15px 0px -10px 5px;
	padding: 0px;
	font-size: 16px;
	color: #0c4da2;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	color: #0c4da2;
}

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	color: #0c4da2;
}

hr {
	border: 0px;
	background-color: #cccc99;
	height: 2px;
	width: 100%;
}

img {
	margin: 0px;
	border: 0px;
	padding: 0px;
}

li {
	margin: 2px 0px 2px 6px;
	padding: 2px 0px 2px 0px;
}

li ul {
	margin: 6px 0px 8px 25px;
	padding: 0px;
	color: #375166;
}

ol {
	margin: 0px;
	padding: 0px;
	color: #000000;
	background-color: #ffffff;
}

strong {
	font-size: 12px;
}

sub, sup {
	font-size: 10px;
	line-height: 1px;
}

table {
	margin: 0px;
	padding: 0px;
	color: #336699;
}

textarea {
	margin: 0px;
	border: 1px #cccccc solid;
	padding: 0px;
	background-color: #ffffff;
	color: #000000;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
}

th {
	color: #ffffff;
}

ul {
	margin: 0px;
	padding: 0px;
	color: #336699;
}
	
object {
	outline: none;
}
/*----------GENERAL SETTINGS end----------*/

/*----------LAYOUT start----------*/
/*--This section describes the general site design elements and their structure--*/
#layout {
	background: url("/includes/layout/images/background.gif") top repeat-y;
	width: 900px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

/*----------HEADER start----------*/
/*--This section describes the elements above the top navigator--*/
#headersection {
	background: url("/includes/header/images/background.gif") top right no-repeat;
	width: 900px;
	height: 125px;
	margin: 0px;
	padding: 0px;
}

#headersection p {
	margin: 30px 0px 0px 0px;
	font-size: 12px;
	float: right;
}
	
#headersection img {
	margin: 18px 0px 0px 40px;
}

#headersection a, #headersection a:link, #headersection a:visited, #headersection a:active {
	text-decoration: none;
	color: #336699;
	outline: none;
}

#headersection a:hover {
	text-decoration: underline;
}
	
#headersection h1 {
	display: block;
	margin: -35px 0px 0px 220px;
	padding: 0px 200px 0px 1px;
	font-size: 24px;
	font-weight: normal;
	color: #0c4da2;
	float: right;
	width: 500px;
	height: 30px;
	position: relative;
}
/*----------HEADER end----------*/

/*----------NAVIGATOR TOP start----------*/
/*--This section describes the navigator with the elements of ZEISS Home, Products, Applications, Support, Online Shop, and ZEISS International--*/
#topnavigator {
	background: url("/includes/navigators/top/images/background.gif") top repeat-y;
	height: 24px;
	margin: 0px;
	padding: 0px;
}

#topnavigator p {
	margin: 0px;
	padding: 2px 0px 0px 200px;
	font-size: 14px;
	color: #ffffff;
}

#topnavigator a, #topnavigator a:link, #topnavigator a:visited, #topnavigator a:active {
	/*background: url("/includes/navigators/top/images/divider.gif") right no-repeat;*/
	margin: 0px 15px;
	padding: 0px;
	color: #ffffff;
	text-decoration: none;
	outline: none;
}

#topnavigator a:hover {
	text-decoration: underline;
}

#topnavigator span {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #8bafcc;
}
/*----------NAVIGATOR TOP end----------*/

#outside {
	width: 192px;
	margin: 0px 0px 0px 192px;
	background-color: #dddddd;
}

#inside {
	width: 708px;
	margin: 0px;
	background-color: #ffffff;
}

/*----------NAVIGATOR LEFT start----------*/
/*--This section describes all of the left navigator elements--*/
#leftsection {
	width: 192px;
	margin: 0px 0px 0px -192px;
	padding: 0px;
	background-color: #dbeeff;
	float: left;
	position: relative;
}

#leftnavigator {
	width: 192px;
	margin: 0px;
	padding: 0px;
}

#leftsection a img {
	margin: 0px auto 5px 5px;
	padding: 0px;
	vertical-align: bottom;
}

#leftnavigator ul {
	margin: 10px 0px 10px 10px ;
	padding: 0px;
	list-style-type: none;
}

#leftnavigator li {
	margin: 5px 0px;
	padding: 3px 0px 3px 5px;
	background-color: #759bbe;
	list-style-type: none;
	font-size: 13px;
	color: #ffffff;
}

#leftnavigator li a, #leftnavigator li a:link, #leftnavigator li a:visited, #leftnavigator li a:active {
	background: url("/includes/navigators/left/images/bulletoff.gif") left no-repeat;
	padding: 0px 0px 0px 12px;
	color: #ffffff;
	text-decoration: none;
	outline: none;
	display: block;
}
	
#leftnavigator li a:hover {
	background: url("/includes/navigators/left/images/bulleton.gif") left no-repeat;
	text-decoration: underline;
}

#feattutstitle {
	background: url(/includes/navigators/left/images/feattuts-title.png) no-repeat 0 0;
	width: 181px;
	height: 27px;
	margin: 10px auto 5px 5px;
}

#leftnavtitle {
	width: 181px;
	height: 27px;
	margin: 15px auto 5px 5px;
}

#leftnavtitle a img {
	padding: 0;
	margin: 0;
}

/*----------SEARCHBAR start----------*/
/*--This section describes the main search field located in the left navigator--*/
#searchsection {
	height: 55px;
	margin: 0px;
	padding: 10px 0px 10px 10px;
	background-color: #afd0ed;
}

#searchinput {
	width: 165px;
	height: 17px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #336699;
	padding: 2px 0px 0px 5px;
	background-color: #ffffff;
	color: #336699;
}

#searchsection a, #searchsection a:link, #searchsection a:visited, #searchsection a:active {
	margin: 0px;
	border: 1px solid #336699;
	padding: 2px 5px 2px 5px;
	background-color: #b7e1ff;
	color: #336699;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

#searchsection a:hover {
	text-decoration: none;
	background-color: #dbeeff;
	font-weight: bold;
}
/*----------SEARCHBAR end----------*/

#leftsubnavigator h4 {
	margin: 15px 10px 0 0;
	padding: 0;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	color: #215C8D;
	background: #C4DCF2;
}

#leftsubnavigator ul {
	margin: 10px 0px 10px 10px ;
	padding: 0px;
	list-style-type: none;
}

#leftsubnavigator ul li {
	margin: 5px 0px;
	list-style-type: none;
	font-size: 13px;
	color: #336699;
}

#leftsubnavigator li a, #leftsubnavigator li a:link, #leftsubnavigator li a:visited, #leftsubnavigator li a:active {
	background: url("/includes/navigators/left/images/bulletsuboff.gif") left no-repeat;
	padding: 0px 0px 0px 15px;
	text-decoration: none;
	outline: none;
	display: block;
}

#leftsubnavigator li a:hover {
	background: url("/includes/navigators/left/images/bulletsubon.gif") left no-repeat;
	text-decoration: underline;
}

/*----------NAVIGATOR TUTORIAL INDEX ACCORDION start----------*/
/*--This section describes the style to the Tutorials Index navigator using jQuery--*/
#accordion a.head {
	display: block;
	width: 177px;
	height: 19px;
	background: url(/includes/navigators/left/images/dropdownbg.png) no-repeat 0 0;
	text-align: left;
	text-indent: 20px;
	margin: 3px 0 3px 7px;
	padding: 2px 0 0 0;
	line-height: 35px;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #FFF;
}

#accordion a.head:hover {
	background-position: 0 -21px;
	cursor: hand;
}

#accordion a.head.selected {
	background-position: 0 -42px;
}

#accordion ul li {
	margin: 0 0 0 7px;
	padding: 0;
	width: 175px;
	text-indent: 10px;
	list-style-type: none;
}

#accordion ul li a {
	background-image: url(/includes/navigators/left/images/listitembg.png);
	background-repeat: repeat-x;
	display: block;
	padding: 2px 0;
	margin: 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #c1d9ee;
	border-left-color: #FFF;
}

#accordion ul li a:hover {
	background: #eaf5ff;
}
/*----------NAVIGATOR TUTORIAL INDEX ACCORDION end----------*/
/*----------NAVIGATOR LEFT end----------*/

/*----------MAIN IMAGE start----------*/
/*--This section describes the main image set at the top of the content showing the current section--*/
#mainimage {
	width: 708px;
	margin: 0px;
	padding: 0px;
}

#mainimage img {
	margin: 6px;
	border: 2px #000000 solid;
	padding: 0px;
}
/*----------MAIN IMAGE end----------*/

/*----------NAVIGATOR RIGHT start----------*/
/*--This section describes all of the right navigator elements--*/
#rightsection {
	width: 128px;
	margin: 10px 0px 0px 0px;
	border-left: 1px #cccccc dotted;
	padding: 0px;
	float: right;
	position: relative;
}

#rightnavigator {
	margin: 0px;
	padding: 10px 0px 10px 5px;
}

#rightnavigator ul {
	margin: -10px 0px 0px -10px;
	padding: 0px;
	list-style-type: none;
}

#rightnavigator li {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	list-style-type: none;
	font-size: 13px;
	color: #336699;
}

#rightnavigator li a, #rightnavigator li a:link, #rightnavigator li a:visited, #rightnavigator li a:active {
	padding: 0px 0px 0px 15px;
	text-decoration: none;
	outline: none;
	display: block;
}

#rightnavigator li a:hover {
	text-decoration: underline;
}
/*----------NAVIGATOR RIGHT end----------*/

#mainsection {
	/*background: url("/includes/layout/images/background.gif") top repeat-y;*/
	width: 708px;
	margin: 0px;
	padding: 0px;
}

#contentsection {
	width: auto;
	margin: 0px;
	padding: 5px 8px 10px 8px;
}

#contentsectionhome {
	width: 560px;
	margin: 0px;
	padding: 5px 8px 10px 8px;
}

#content {
	margin: 0px;
	padding: 1px 0px 0px 0px;
}
/*----------LAYOUT end----------*/

/*----------GENERAL CONTENT start----------*/
/*--This section describes the elements used in the general content of the site (e.g. paragraphs, images, tables, etc.)--*/
#content p {
	margin: 20px 5px;
	padding: 0px;
	font-size: 14px;
}

#content img {
	margin: 0px;
	padding: 0px;
}

#content h2 {
	color: #000000;
}

#content h3 {
	color: #000000;
}

#content h4 {
	color: #000000;
}

#content h5 {
	color: #000000;
}

#content h6 {
	color: #000000;
}

#content ul {
	margin: 25px;
	padding: 0px;
}
	
#content ul li {
	margin: 0px;
	padding: 0px;
	color: #000000;
}
	
#content .paratitle {
	color: #0c4da2;
}

#content .paratitle2 {
	color: #0c4da2;
}

#content table {
	color: #000000;
	font-size: 12px;
}
	
#content table tr {
	text-align: center;
	vertical-align: middle;
}

#content table td .left {
	text-align: left;
	padding: 3px 0px 3px 10px;
}

#content table td .leftextra {
	text-align: left;
	padding: 3px 0px 3px 50px;
}
	
#content .tablefooter {
	text-align: left;
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 0px 26px;
}

#content .tablefooter b {
	padding: 0px 10px 0px 0px;
}

.indextitle2 {
	background: url(/includes/index/indextitle_bg.png) repeat-x;
	height: 25px;
	text-align: center;
	margin: 0 auto 8px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #234E78;
	line-height: 25px;
}

.tdborder {
	border: 2px solid #edf1f4;
	padding: 2px 2px 5px;
	text-align: left;
	vertical-align: top;
}

.tdborder h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 5px 0 0;
	padding: 0 5px;
}

.newtext {
	color: #FF9900;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	vertical-align: 1px;
}

.viewmoretext {
	text-align: right;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0066CC;
	margin-top: 5px;
}

#content .tdborder p {
	padding: 0 5px;
	margin: 0;
	font: normal 12px Arial, Helvetica, sans-serif;
}

.top {
	vertical-align: top;
}

.right {
	text-align: right;
}

.bottom {
	vertical-align: bottom;
}

.left {
	text-align: left;
}

.white {
	color: #ffffff;
}

.highlight {
	background-color: #ffffcd;
	/*filter: alpha(opacity=80);
	opacity: 0.8;*/
}

#content .refrow {
	margin: 15px auto 0;
	padding: 1px;
	width: 99.5%;
	overflow: auto;
	text-align: left;
}

#content .refrow p {
	margin: 0px;
	padding: 10px 0px 0px 90px;
	font-size: 12px;
}

#content .indexrow {
	margin: 0 auto 0;
	padding: 20px 0px 0px;
	width: 99.5%;
	overflow: auto;
	text-align: left;
}

#content .indexrow p {
	margin: 0px;
	padding: 0px;
}

#content .indexrow p a {
	margin-left: 10px;
}

#content .refrow h3 {
	margin: 2px 0px -10px 5px;
	padding: 0px;
	font-size: 16px;
	color: #0c4da2;
	font-size: 14px;
}
	
#content .refrow br  {
	clear: inherit;
}

.refthumb {
	float: left;
	width: 75px;
	height: 90px;
	margin: 2px 10px auto 5px;
}

.paratitle  {
	margin: 15px 0 0 0;
	height: 15px;
	background: #eff7fd;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
}
	
.paratitle2 {
	margin: 30px 0 0 0;
	height: 15px;
	background: #eff7fd;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.articlerow {
	width: 98%;
	height: 95px;
	margin: 10px auto 0;
	/*	border-bottom:1px dashed #DEE4EB; */
	overflow: auto;
}

.articlehr {
	height: 1px;
	width: 75%;
	border: 0;
	background: #ccc;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	line-height: 1px;
}

#content .articlerowimg {
	float: left;
	width: 119px;
	height: 89px;
	padding: 0 5px 5px 0;
}

#content .articlerow h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
}

.readmore {
	vertical-align: bottom;
	bottom: 0;
	right: 0;
	text-align: left;
	margin-top: 5px;
}

/*-----INTRO start-----*/
#intro {
	margin: 0px;
	padding: 10px;
	background-color: #edf1f4;
}

#intro h2 {
	margin: 0px 5px;
	padding: 0px;
	display: inline;
	height: 100%;
}

#intro h5 {
	margin: 0px 5px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #3E6DB5;
	display: inline;
}

#intro p {
	margin: 0px;
	padding: 0px 5px 5px 5px;
	color: #0c4da2;
}
/*-----INTRO end-----*/

/*-----FLASH APPLETS start-----*/
.flashapplet {
	background: url("/includes/applets/images/background.gif") 5px 0px no-repeat;
	width: 560px;
	height: 510px;
	margin: 10px auto;
	padding-left: 5px;
}

.flashapplet325x390 {
	background: url("/includes/applets/images/background325x390.gif") 5px 0px no-repeat;
	width: 335px;
	height: 400px;
	margin: 10px auto;
	padding-left: 5px;
}

.flashapplet450x350 {
	background: url("/includes/applets/images/background450x350.gif") 5px 0px no-repeat;
	width: 460px;
	height: 360px;
	margin: 10px auto;
	padding-left: 5px;
}
	
.flashapplet450x400 {
	background: url("/includes/applets/images/background450x400.gif") 5px 0px no-repeat;
	width: 460px;
	height: 410px;
	margin: 10px auto;
	padding-left: 5px;
}

.flashapplet450x550 {
	background: url("/includes/applets/images/background450x550.gif") 5px 0px no-repeat;
	width: 460px;
	height: 560px;
	margin: 10px auto;
	padding-left: 5px;
}
	
.flashapplet550x600 {
	background: url("/includes/applets/images/background550x600.gif") 5px 0px no-repeat;
	width: 560px;
	height: 610px;
	margin: 10px auto;
	padding-left: 5px;
}

.flashapplet550x400 {
	background: url("/includes/applets/images/background550x400.gif") 5px 0px no-repeat;
	width: 560px;
	height: 410px;
	margin: 10px auto;
	padding-left: 5px;
}

.flashapplet550x355 {
	background: url("/includes/applets/images/background550x355.gif") 5px 0px no-repeat;
	width: 560px;
	height: 365px;
	margin: 10px auto;
	padding-left: 5px;
}
	
.flashapplet550x525 {
	background: url("/includes/applets/images/background550x525.gif") 5px 0px no-repeat;
	width: 560px;
	height: 535px;
	margin: 10px auto;
	padding-left: 5px;
}

.flashapplet550x550 {
	background: url("/includes/applets/images/background550x550.gif") 5px 0px no-repeat;
	width: 560px;
	height: 560px;
	margin: 10px auto;
	padding-left: 5px;
}

.flashapplet550x470 {
	background: url("/includes/applets/images/background550x470.gif") 5px 0px no-repeat;
	width: 560px;
	height: 480px;
	margin: 10px auto;
	padding-left: 5px;
}

.flashapplet500x400 {
	background: url("/includes/applets/images/background500x400.gif") 5px 0px no-repeat;
	width: 510px;
	height: 410px;
	margin: 10px auto;
	padding-left: 5px;
}
	
.flashapplet500x450 {
	background: url("/includes/applets/images/background500x450.gif") 5px 0px no-repeat;
	width: 510px;
	height: 460px;
	margin: 10px auto;
	padding-left: 5px;
}
	
.flashapplet500x500 {
	background: url("/includes/applets/images/background500x500.gif") 5px 0px no-repeat;
	width: 510px;
	height: 510px;
	margin: 10px auto;
	padding-left: 5px;
}

.flashapplet550x450 {
	background: url("/includes/applets/images/background550x450.gif") 5px 0px no-repeat;
	width: 560px;
	height: 460px;
	margin: 10px auto;
	padding-left: 5px;
}

.flashapplet600x650 {
	background: url("/includes/applets/images/background600x650.gif") 5px 0px no-repeat;
	width: 610px;
	height: 660px;
	margin: 10px auto;
	padding-left: 5px;
}

.flashapplet510x400none {
	width: 520px;
	height: 410px;
	margin: 10px auto;
}

.flashapplet570x400 {
	width: 570px;
	height: 400px;
	margin: 10px auto;
}

.flashapplet550x500 {
	background: url("/includes/applets/images/background550x500.gif") 5px 0px no-repeat;
	width: 560px;
	height: 510px;
	margin: 10px auto;
	padding-left: 5px;
}
	
.flashinfobox {
	background: #eef2f6;
	width: 562px;
	margin: 0px auto 10px;
	padding: 0;
	font-size: 12px;
	border: 1px solid #c9d8e6;
}

.flashinfoboxtop {
	background: url(/includes/layout/images/tutinfobox_title.png) no-repeat 0 0;
	height: 18px;
	width: 274px;
	margin: 5px auto 5px 7px;
	padding: 0;
}

#content .flashinfobox p {
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 0px 10px 8px;
	color: #183e61;
	text-align: left;
}
/*-----FLASH APPLETS end-----*/

/*-----QUICKLINKS start-----*/
#quicklinks {
	float: right;
	margin: 15px 0 10px 20px;
	padding: 0 0 5px 0;
	background: #FFF;
	border: 1px solid #96B5CD;
	width: 130px;
}

#quicklinks h3 {
	font-size: 13px;
	font-weight: bold;
	color: #6693C4;
	padding: 3px 0 3px 0;
	margin: 0;
	text-align: center;
	border-bottom: 1px dotted #6693C4;
	background: #DBEEFF;
}

#quicklinks ul {
	margin: 0;
	padding: 0 5px 0 5px;
}

#quicklinks li {
	color: #000;
	display: block;
	padding: 3px 0 3px 8px;
	margin: 0;
	border-bottom: 1px dashed #CCCCCC;
	list-style: disc;
	background: url(/includes/layout/images/bluearrowbullet.gif) no-repeat center left;
}

#quicklinks a:link, #quicklinks a:visited, #quicklinks a:active {
	font-weight: normal;
	color: #000000;
	padding: 0;
}

#quicklinks a:hover {
	font-weight: bold;
}
/*-----QUICKLINKS end-----*/

/*-----FORMULA start-----*/
#content .formula {
	padding: 8px 0px;
	margin: 5px auto;
	font-size: 14px;
	color: #222;
	text-align: center;
	font-weight: bold;
	display: block;
}

#content .formulanumber {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	font: 14px;
	color: #888;
	font-weight: bold;
}

#content .formulaspacer {
	margin: 0px 40px;
	float: center;
	position: relative;
}

#content .formula img {
	padding: 0px;
	vertical-align: middle;
}
/*-----FORMULA end-----*/

/*-----ICONS start-----*/
img.ppticon {
	margin: 0px 0px -4px 0px;
}

img.pdficon {
	margin: 0px 0px -3px 0px;
}

.smallicon {
	float: left;
	width: 55px;
	height: 56px;
	margin: 2px 5px 3px 0px;
}
/*-----ICONS end-----*/

/*-----BACK TO TOP BUTTON start-----*/
.backtotop  {
	float: right;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.backtotop a {
	color: #006699;
	text-decoration: none;
}
/*-----BACK TO TOP BUTTON end-----*/

/*-----BACK TO SECTION BUTTON start-----*/
.backsectionleft {
	padding: 6px;
	text-align: left;
	float: left;
}

.backsectionright {
	margin-top: 10px;
	padding: 6px;
	text-align: right;
}
/*-----BACK TO SECTION BUTTON end-----*/

/*-----FOOTNOTE start-----*/
/*--This section describes the elements used in the area at the end of articles (Contributing Authors)--*/
#content .footnote {
	margin: 0px auto 30px auto;
	padding: 5px;
	width: 90%;
	background: #f7f9fb;
	border: 1px dotted #dce2e7;
}

#content .footnote p {
	font-size: 12px;
	padding: 5px;
	margin: 0;
}
	
#content .footnote h5 {
	font-size: 12px;
	padding: 5px;
	margin: 0;
	color: #5C6C7A;
}

#content .footnotehr {
	height: 1px;
	text-align: center;
	width: 50%;
	background-color: #BDCAD9;
	margin: 20px auto;
}
/*-----FOOTNOTE end-----*/
/*----------GENERAL CONTENT end----------*/

/*----------IMAGE GALLERY start----------*/
/*--This section describes the elements used in the Digital Image Galleries--*/
.gallery {
	margin: 10px 0px;
	padding: 0px;
}

.gallery img {
	margin: 0px;
	border: 3px #cccccc solid;
	padding: 0px;
}

.gallery a, .gallery a:link, .gallery a:visited, .gallery a:active {
	padding: 0px;
	text-decoration: none;
	outline: none;
}

.gallery a:hover {
	text-decoration: none;
}
	
.gallery a:hover span {
	text-decoration: underline;
}

.gallery table {
	background-color: #f5f5f5;
}

.gallery table td {
	width: 120px;
	padding: 10px;
	vertical-align: top;
}
	
#staticlist {
	width: 90%;
	margin: 0 auto;
	overflow: auto;
}

#staticlist ul {
	padding: 0;
	width: 90%;
	margin: 0 auto;
	overflow: auto;
	width: 100%;
	list-style-type: none;
	overflow: auto;
}

#staticlist ul li {
	float: left;
}

#staticlist ul li a {
	font-weight: bold;
	display: block;
	padding: 4px;
	padding-left: 8px;
	border: 1px solid #D7EBFF;
	width: 275px;
	margin-right: 10px;
	margin-bottom: 5px;
	background-color: #F9FDFF;
}

#staticlist ul li a:hover {
	text-decoration: none;
	background-color: #F2FBFF;
	border: 1px solid #9CF;
}

#staticlist .description {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: normal;
}

#staticpicture {
	width: 550px;
	min-height: 200px;
	padding: 10px;
	border: 1px solid #CCC;
	margin: 20px auto;
	background-color: #F0F0F0;
}

#staticpicture h2 {
	display: block;
	text-align: center;
	margin-bottom: 10px;
	background-color: #F8F8F8;
	padding: 2px 0px;
}

#staticpicture2 {
	width: 500px;
    min-height: 200px;
	padding: 10px;
	border: 1px solid #CCC;
	margin: 20px auto;
	background-color: #F0F0F0;
}

#staticpicture2 h2 {
	display: block;
	text-align: center;
	margin-bottom: 10px;
	background-color: #F8F8F8;
	padding: 2px 0px;
}
	
#staticpicture2 h3 {
	display: block;
	text-align: center;
	margin: 0 0 10px 0;
	background-color: #F8F8F8;
	padding: 2px 0px;
	font-size: 18px;
}
/*----------IMAGE GALLERY end----------*/

/*----------APPLICATIONS start----------*/
/*--This section describes the elements used in the Confocal Imaging Applications (Applications Library)--*/
.appnavcontainer {
	padding-top: 30px;
	text-align: right;
}

a.appnav, a.appnav:link, a.appnav:visited {
	font-size: 12px;
	font-weight: bold;
	color: #336699;
	background: #eff7fd;
	padding: 5px;
	border: 1px solid #8FA7CD;
	display: inline;
	margin: 0 0 0 10px;
}

a.appnav:hover {
	text-decoration: none;
	background: #D8EBFA;
}

a.appnavactive, a.appnavactive:link, a.appnavactive:visited {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #336699;
	padding: 5px;
	border: 1px solid #003366;
	display: inline;
	margin: 0 0 0 10px;
}

a.appnavactive:hover {
	text-decoration: none;
	background: #6296CA;
}

.approw {
	height: auto;
	margin: 0 auto 20px;
	overflow: auto;
	width: 99.5%;
}

.appimgthumb {
	float: left;
	margin: 0 10px 0px 8px;
	border: 2px solid #D9ECFF;
}

#appinfo {
	margin: 10px auto;
	padding: 5px;
}

#appinfo2 p {
	font-size: 12px;
}

#appinfo2 h3 {
	font-size: 14px;
}

#appinfo h2 {
	font: 18px bold Arial, Helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin: 0;
}

#appinfo img {
	border: 4px solid #D1DEE7;
}

#appinfo h4 {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	padding: 5px 0 0 0;
	margin: 0;
}

#applargeimg {
	margin: 15px auto;
	text-align: center;
}

#applargeimg p {
	width: 80%;
	padding: 10px;
	margin: 5px auto 20px;
	border: 1px dashed #70A3CD;
	background: #E8F4FF;
	text-align: left;
	font-size: 12px;
	color: #004891;
}

#applargeimg img {
	border: 5px solid #D1DEE7;
	text-align: center;
	margin: auto;
}

/*-----APPLICATION FORM start-----*/
#submitform {
	width: 100%;
}

#submitform input {
	font-size: 13px;
	font-weight: normal;
}

.submitinput {
	width: 300px;
	padding: 2px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #336699;
}

.tabletitle {
	background: #EFF7FD;
	padding: 5px;
	margin: 0 0 1px 0;
}

.tabletitle h3 {
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0;
	color: #395E86;
}

.indextitle {
	background: url(/includes/index/indextitle_bg.png) repeat-x;
	height: 33px;
	text-align: left;
	margin: 0 auto 8px;
}

#agreement {
	border: 1px dashed #CC9900;
	background: #FFFFCC;
	width: 80%;
	margin: 20px auto;
	padding: 10px;
}

#agreement h3 {
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	padding: 0 0 5px 0;
	margin: 0;
}

#agreement ul {
	margin: 10px;
	padding: 0px;
	color: #000;
	list-style: none;
}

.smallgreytext {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}
/*-----APPLICATION FORM end-----*/
/*----------APPLICATIONS end----------*/

/*----------SEARCH RESULTS start----------*/
/*--This section describes the elements of a search results page (e.g. result listings, search refinement, relevence graphic, etc.)--*/
input {
	margin: 6px 5px 0px 0px;
	padding: 0px;
	background-color: #ffffff;
	color: #000000;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
}

#searchnavsection {
	height: 55px;
	background: url(/images/searchboxbg.png) left no-repeat;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	font-size: 13px;
}

#searchnavsection a, #searchnavsection a:link, #searchnavsection a:visited, #searchnavsection a:active {
	margin: 2px 0px 0px 5px;
	padding: 0px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

#searchnavsection a:hover {
	text-decoration: underline;
}

#searchnavinput {
	width: 180px;
	height: 17px;
	margin: 0px;
	border: 1px solid #4583af;
	padding: 2px 0px 0px 5px;
	background-color: #ffffff;
	color: #000000;
}

#searchpagesection {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
}

#searchpagesection table {
	width: 560px;
	margin: 0px auto;
	padding: 0px;
	background-color: #edf1f4;
}

#searchpagesection table td {
	text-align: left;
	vertical-align: top;
}

#searchpagesection a, #searchpagesection a:link, #searchpagesection a:visited, #searchpagesection a:active {
	margin: 2px 0px 0px 5px;
	padding: 0px;
	color: #17649b;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

#searchpagesection a:hover {
	text-decoration: underline;
}

#searchpageinput {
	width: 180px;
	height: 17px;
	margin: 4px 0px 0px 10px;
	border: 1px solid #4583af;
	padding: 2px 0px 0px 5px;
	background-color: #ffffff;
	color: #000000;
}

#searchpagekeywords {
	width: 110px;
	height: 21px;
	* height: 23px;
	margin: 4px 0px 5px 0px;
	* margin: 5px 0px 5px 0px;
	border: 1px solid #4583af;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	color: #000000;
}
	
#searchpagenumbers {
	width: 110px;
	height: 21px;
	* height: 23px;
	margin: 4px 10px 5px 0px;
	* margin: 5px 10px 5px 0px;
	border: 1px solid #4583af;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	color: #000000;
}

#maincontent .searchpageresults {
	width: 500px;
	margin: 15px auto;
	border: 1px solid #e0e0e0;
	padding: 0px;
	text-align: left;
}

#maincontent .searchpageresults a, #maincontent .searchpageresults a:link, #maincontent .searchpageresults a:visited, #maincontent .searchpageresults a:active {
	margin: 0px;
	padding: 0px;
	color: #17649b;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

#maincontent .searchpageresults a:hover {
	text-decoration: underline;
}

#maincontent .searchpageresults h3 {
	margin: 0px;
	padding: 5px;
	background-color: #dddddd;
	font-size: 15px;
	font-weight: bold;
}

#maincontent .searchpageresults h5 {
	margin: 0px;
	padding: 0px 0px 5px 8px;
	color: #aaaaaa;
}

#maincontent .searchpageresults p {
	margin: 3px 8px 8px 8px;
	padding: 0px;
}
	
#maincontent .searchpageresults img {
	margin: 2px 10px 0px 0px;
	padding: 0px;
	float: right;
	position: relative;
}
/*----------SEARCH RESULTS end----------*/

/*--------PRINT PAGE start---------*/
#layoutprint
	{
	width: 692px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	}

#layoutprint h2
	{
	margin: 0px 0px 0px 10px;
	}

#headersectionprint
	{
	margin: 0px 0px 10px 10px;
	}

#content p {
	font-size: 16px;
}
/*--------PRINT PAGE end---------*/