﻿body{
	color: #000000;
	background: #e8e8e8;
	font-family:  arial, verdana, lucida grande, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
}
.master {	
	margin-left: auto;	
	width: 100%;	
	margin-right: auto;	
	height: 100%;	
	background-color: #ffffff
}
h1 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 18px;
	font-weight: normal;
	line-height: 40px;
	/*line-height: 52px;*/
	color: #626469;
}
a {	
	color: #231F20;
	text-decoration: none;	
}
a:link {	
	color: #58585A;	
	text-decoration: none;
}
a:visited {	
	color: #58585A;	
	text-decoration: none;
}
a:active {	
	color: #58585A;	
	text-decoration: none;
}
a:hover {	
	color: #F79448;	
	text-decoration: none;
}
p {
	margin: 0px;
	padding: 0px;
	margin-bottom: 6px;
	font-size: 1.00em;
}
ul {
	margin-left: 0px;
	margin-right: 0px;
	margin-top:0px;
	margin-bottom: 0px;
	/*padding: 0px 0px 0px 15px;*/
	padding: 0px 0px 0px 15px;
	display: block;
}
li {
	padding: 0px 0px 0px 0px;
	/*padding: 0px 0px 0px 0px;*/
	margin-left: 0px;
	margin-right: 0px;
	margin-top:0px;
	margin-bottom: 6px;
	font-size: 1.00em;
	list-style-image: url(/_layouts/images/lstbulet.gif);
	/*list-style-image: url("/SiteCollectionImages/grey-bullet.gif");
	list-style-type: none;*/
	/*list-style-type: none;
	background-image:url(/_layouts/images/lstbulet.gif);
	background-position: left top;
	background-repeat:no-repeat;*/
}
/*
ul ul {
	margin-left: 15px;			
}
li a {
	background: url("/SiteCollectionImages/grey-bullet.gif");
	background-position:left top;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 15px;
	display:block;
}
*/
/*
li a:hover {
	background: url("/SiteCollectionImages/orange-bullet.gif");
	background-position:left top;
	background-repeat:no-repeat;
	padding: 0px 0px 0px 15px;
	display:block;
}
*/
.image {
	border:0pt none;
}
sup {
	font-size: 0.75em;
}
.caption {
	margin: 2px auto 0 auto;
	padding:5px 0px 0px 0px;
	font-size: 10px;
	color: #666666;
	text-align:center;
	line-height:10px;
	/*max-width: 189px;*/
}

/*- SHOW / HIDE Controls - */
/*- ==================== - */
/*- The .show and .hide entries are for older page layouts which simply output the options directly - */
/*- The .display, .display-show and .display-hide entries are for newer page layouts which output 'display-' plus the options - */
/*- The newer options allow for hiding blocks by default, i.e. class would default to .display- and therefore be hidden - */

.show {
}
.hide {
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
}
/*-.display-show
{
}
.display-, .display-hide
{
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
}- */
.highlight
{
	color: #F79448!important;
}
.pageTitle
{
	margin: 0px;
	font-weight: 200;
	font-size: 1.5em;
	color: #8195C3;
}
.pageTitle span
{
	margin:0px;
	padding:0px;
}
.pageContent 
{	
color: #666666;	
font-family:  arial, verdana, lucida grande, sans-serif;
}
.mainContent 
{	
color: #666666;	
font-family:  arial, verdana, lucida grande, sans-serif;
font-size: 0.75em;
}
.libraryDocument 
{
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
/*margin-top:15px;*/
margin-bottom:10px; 
background-color: #E7E7E8; 
}
.ms-WPHeader
{
background-color:#183c8e;
}
.ms-WPHeader TD{
border-bottom:1px solid #4e7cb7;
border-collapse:collapse;
}
.ms-WPTitle
{
font-weight:bold;
font-family:  arial, verdana, lucida grande, sans-serif;
color:#ffffff;
padding-left:3px;
padding-right:7px;
padding-top:2px;
padding-bottom:2px;
font-size:11pt;
}
.ms-WPTitle A:visited
{
color:#ffffff;
text-decoration:none;
cursor:pointer;
}
.ms-WPTitle A:link
{
color:#ffffff;
text-decoration:none;
cursor:pointer;
}
.ms-WPTitle A:hover
{
color:#ffffff;
text-decoration:underline;
cursor:pointer;
}
.ms-WPBody
{
font-size:8pt;
font-family:  arial, verdana, lucida grande, sans-serif;
background-color:#ffffff;
margin: 15px 0 22px 0;
padding: 10px;
border: 1px solid #D9D9D9;
}
.TabbedPanels .ms-WPBody
{
font-size:8pt;
font-family:  arial, verdana, lucida grande, sans-serif;
background-color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
border: 1px solid #ffffff;
}
.TabbedPanelsWebpartContent .ms-WPBody
{
font-size:8pt;
font-family:  arial, verdana, lucida grande, sans-serif;
background-color:#ffffff;
margin: 0px 0 12px 0;
padding: 10px;
border: 1px solid #D9D9D9;
}
.ms-TPBody TABLE
{
font-size:1em;
}
.ms-WPBody TABLE
{
font-size:1em;
}
.ms-WPBody A:visited
{
color:#231F20;
text-decoration:none;
}
.ms-WPBody A:link
{
color:#231F20;
text-decoration:none;
}
.ms-WPBody A:hover
{
color:#F79448;
text-decoration:none;
}
.ms-TPBody th
{
font-weight:bold;
}
.ms-WPBody th
{
font-weight:bold;
}
.ms-WPBody td
{
font-size:8pt;
font-family:  arial, verdana, lucida grande, sans-serif;
}
.ms-TPBody h1
{
font-weight:bold;
font-size:200%;
}
.ms-WPBody h1
{
font-weight:bold;
font-size:200%;
}
.ms-TPBody h2
{
font-weight:bold;
font-size:150%;
}
.ms-WPBody h2
{
font-weight:bold;
font-size:150%;
}
.ms-TPBody h3
{
font-weight:bold;
font-size:120%;
}
.ms-WPBody h3
{
font-weight:bold;
font-size:120%;
}
.ms-TPBody h4
{
font-weight:bold;
font-size:100%;
}
.ms-WPBody h4
{
font-weight:bold;
font-size:100%;
}
.ms-TPBody h5
{
font-weight:bold;
font-size:80% 
}
.ms-WPBody h5
{
font-weight:bold;
font-size:80% 
}
.ms-TPBody h6
{
font-weight:bold;
font-size:65%;
}
.ms-WPBody h6
{
font-weight:bold;
font-size:65%;
}
.ms-PartSpacingVertical 
{
font-size:1pt;
margin-top:12px;
}
.ms-formlabel 
{	
font-size:12px;
font-family:  arial, verdana, lucida grande, sans-serif;
}
.ms-formbody 
{	
font-size:12px;
font-family:  arial, verdana, lucida grande, sans-serif;
background: #E7E7E8;
vertical-align:top;
border-top:1px solid #d8d8d8;
padding:3px 6px 4px 6px;
}
.ms-formvalidation
{
color: #F79448;
font-family:  arial, verdana, lucida grande, sans-serif;
font-size:12px;
}
.ms-toolbar
{
color: #F79448;
font-size:12px;
font-family:  arial, verdana, lucida grande, sans-serif;
text-decoration:none;
}
table.ms-toolbar
{
border:1px solid #83B0EC;
border-collapse:collapse;
background-color:#D6E8FF;
background-image:url(/_layouts/images/toolgrad.gif);
background-repeat:repeat-x;
}
.ms-separator
{
color:#83B0EC;
font-size:10pt;
}
.ms-separator img
{
height:16px;
width:1px;
margin:0px 1px 0px 1px;
background:#9ac6ff;
border-bottom:1px solid #f2f8ff;
border-right:1px solid #f2f8ff;
}
.ms-long{
/*width:386px;*/
width:95%;
}
.ms-hidden
{
display: block;
overflow: hidden;
width: 0;
height: 0;
}
#SRSB
{
/*float:left;*/
clear:both;
padding-left:10px;
padding-top:8px;
width:175px;
}
.search
{
margin:6px 2px 20px 2px;
}
.search .ms-sbcell .ms-sbplain
{
margin-right:2px;
margin-left:2px;
border:1px #555555 solid;
height:14px;
}
.search .ms-sbcell
{
border:none;
font-weight:normal;
font-size:8pt;
color: #3A4663;
padding:0px;
}
TD.ms-sbgo
{
background:none;
}
.ms-sbtable {	
FONT-WEIGHT: normal;	
FONT-SIZE: 0.7em;	
COLOR: #000000;	
FONT-STYLE: normal;	
font-family:  arial, verdana, lucida grande, sans-serif;
}
.ms-sbtablealt {	
FONT-WEIGHT: normal;	
FONT-SIZE: 0.7em;	
COLOR: #000000;	
FONT-STYLE: normal;	
font-family:  arial, verdana, lucida grande, sans-serif;
}
.ms-sbtable-ex {	
MARGIN-TOP: 2px;	
MARGIN-LEFT: 2px;	
WIDTH: 100%;	
BORDER-COLLAPSE: collapse
}
.ms-sbtable-border {	
/*BORDER-RIGHT: #97b4e9 1px solid;	
BORDER-TOP: #97b4e9 1px solid;	
BORDER-LEFT: #97b4e9 1px solid;	
BORDER-BOTTOM: #97b4e9 1px solid*/
}
.ms-sbtext {	
font-family:  arial, verdana, lucida grande, sans-serif;
font-size: 12px;
font-weight: normal;
color:#FFFFFF;
}
TD.ms-sbcell {	
border:none;
}
.ms-srchresultstop {
background-color:#FFFFFF;
}
.srch-Page {
background-color:#FFFFFF !important;
}
.srch-stats {
background-color:#FFFFFF !important;
}
.description {
font-family:  arial, verdana, lucida grande, sans-serif; 
font-size:8pt; 
color: #4c4c4c;
}
.descriptionNoMargin {
font-family:  arial, verdana, lucida grande, sans-serif; 
font-size:8pt; 
color: #4c4c4c;
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
}
.item {
margin-bottom:6px;
margin-top:6px;
/*margin-left:4px;*/
margin-left:0px;
margin-right:0px;
clear:both;
}
.link-item {	
font-size: 8pt;	
color: #231F20;	
font-family:  arial, verdana, lucida grande, sans-serif;	
text-decoration: none;
}
.link-item A {	
font-size: 8pt;	
color: #231F20;	
font-family:  arial, verdana, lucida grande, sans-serif;	
text-decoration: none;
}
.link-item A:link {	
font-size: 8pt;	
color: #231F20;	
font-family:  arial, verdana, lucida grande, sans-serif;	
text-decoration: none;
}
.link-item A:visited {	
color: #231F20;	
text-decoration: none;
}
.link-item A:active {	
color: #231F20;	
text-decoration: none;
}
.link-item A:hover {	
color: #F79448;	
text-decoration: none;
}
.siteActionMenu {	
FLOAT: right
}
.authoringRegion {	
WIDTH: 100%;	
COLOR: #333333;	
BACKGROUND-COLOR: #dddddd
}
.sharepointLogin {	
DISPLAY: inline;	
FLOAT: right
}
.sharepointLogin .ms-globallinks {	
POSITION: relative
}
.toc-layout-main {
border:0pt none;
margin:0pt;
padding:0pt;
width:100%;
}
.toc-layout-main TABLE {	
BORDER-TOP-WIDTH: 0px;	
PADDING-RIGHT: 0px;	
PADDING-LEFT: 0px;	
BORDER-LEFT-WIDTH: 0px;	
BORDER-BOTTOM-WIDTH: 0px;	
PADDING-BOTTOM: 0px;	
MARGIN: 0px;	
WIDTH: 100%;	
PADDING-TOP: 0px;	
BORDER-RIGHT-WIDTH: 0px;
background-color:lime;
}
.slm-layout-main {
border:0px none;
margin:0px;
padding:0px;
width:100%;
}
.groupheader {	
CLEAR: both;	
FONT-WEIGHT: bold;	
FONT-SIZE: 10pt;	
MARGIN-BOTTOM: 5px;	
COLOR: #000000;	
font-family:  arial, verdana, lucida grande, sans-serif;	
TEXT-ALIGN: left
}
.band {	
PADDING-RIGHT: 0px;	
PADDING-LEFT: 3px;	
PADDING-BOTTOM: 2px;	
PADDING-TOP: 2px;	
BACKGROUND-COLOR: #e4e8f0
}
.image-area-left {
float:left;
padding-left:0px;
/*padding-right:5px;*/
padding-right:0px;
}
.OIRightHeader {
	height: 37px;
	/*height: 52px;*/
	margin: 0;
	padding: 3px 30px 0px 10px;
	font-size: 14px;
	font-weight:normal;
	color: #58585A;
	/*background: #e5e5e5 url('/SiteCollectionImages/Images/title_bkg40_on.jpg.old') no-repeat right 50%; */
	/*background: #e5e5e5 url(/SiteCollectionImages/accordion-open-rlf.gif) no-repeat right 50%;*/
	/*background: #F79448 url(/SiteCollectionImages/accordion-open-rlf.gif) no-repeat right 50%;*/
	background: #BBBDC0 url(/SiteCollectionImages/accordion-active-rlf.gif) no-repeat right 50%;
}
.OIAZHeader {
	font-size: 18px;
	font-weight: normal;
	color: #58585A;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	line-height: normal;
}
.OITabbedHeader {
	padding: 3px 30px 0px 6px;
	margin: -51px 0px 0px -11px;
	height:37px;
	color: #58585A;
	/*color: #ffffff;*/	
	position: absolute;
	float: left;
	list-style: none;
	line-height: 16px;
	font-size:14px;
	font-family:  arial, verdana, lucida grande, sans-serif;
	font-weight:normal;
	border-left: solid 1px #d9d9d9;
	border-top: solid 1px #d9d9d9;
	border-right: solid 1px #d9d9d9;
	-moz-user-select: none;
	-khtml-user-select: none;
	/*background: #ffffff url(/SiteCollectionImages/Images/tab-active-rlf.gif) no-repeat right top;*/
	background: #BBBDC0 url(/SiteCollectionImages/tab-active-rlf.gif) no-repeat right top;
	max-width:none;
}
.OICQWPTabbedHeader {
	padding: 3px 30px 0px 6px;
	margin: -82px 0px 0px -11px;
	height:37px;
	color: #58585A;
	/*color: #ffffff;*/
	position: absolute;
	float: left;
	list-style: none;
	line-height: 16px;
	font-size:14px;
	font-family:  arial, verdana, lucida grande, sans-serif;
	font-weight:normal;
	border-left: solid 1px #d9d9d9;
	border-top: solid 1px #d9d9d9;
	border-right: solid 1px #d9d9d9;
	-moz-user-select: none;
	-khtml-user-select: none;
	/*background: #ffffff url(/SiteCollectionImages/Images/tab-active-rlf.gif) no-repeat right top;*/
	background: #BBBDC0 url(/SiteCollectionImages/tab-active-rlf.gif) no-repeat right top;
}
.OIAnnouncementHeader {
	height: 37px;
	margin: 0;
	padding: 3px 20px 0px 10px;
	font-size: 14px;
	font-weight:normal;
	/*color: #ffffff;*/
	color: #58585A;
	/*background: #e5e5e5 url(/SiteCollectionImages/accordion-dark-open.jpg) no-repeat right 50%; */
	/*background: #F79448 url(/SiteCollectionImages/accordion-open-rlf.gif) no-repeat right 50%;*/
	background: #BBBDC0 url(/SiteCollectionImages/accordion-active-rlf.gif) no-repeat right 50%;
}
.OIHighlightHeader {
	height: 37px;
	margin: 0;
	padding: 3px 20px 0px 10px;
	font-size: 14px;
	font-weight:normal;
	color: #58585A;
	/*background: #e5e5e5 url(/SiteCollectionImages/accordion-dark-open.jpg) no-repeat right 50%; */
	background: #F79448 url(/SiteCollectionImages/accordion-open-rlf.gif) no-repeat right 50%;
}
.OIStandardButton a:link {
	color: #FFFFFF;
	width: 194px;
	height: 40px;
	float:left;
	padding-left:0;
	padding-right:0;
	cursor: pointer;
	background:url(/SiteCollectionImages/but-standard.gif) no-repeat scroll right top;
}
.OIStandardButton a:visited {
	color: #FFFFFF;
	width: 194px;
	height: 40px;
	float:left;
	padding-left:0;
	padding-right:0;
	cursor: pointer;
	background:url(/SiteCollectionImages/but-standard.gif) no-repeat scroll right top;
}
.OIStandardButton a:hover {
	color: #F79448;
	width: 194px;
	height: 40px;
	float:left;
	padding-left:0;
	padding-right:0;
	cursor: pointer;
	background:url(/SiteCollectionImages/but-standard.gif) no-repeat scroll right -40px;
}
.OIStandardButtonText {
	font-size:14px;
	font-weight:normal;
	height:37px;
	margin:0;
	padding:3px 20px 0 10px;
	line-height:16px;
}
.OINonStandardButton a {
	width: 194px;
	height: 40px;
	float:left;
	padding-left:0;
	padding-right:0;
	cursor: pointer;
}
.OINonStandardButton a:hover {
	width: 194px;
	height: 40px;
	float:left;
	padding-left:0;
	padding-right:0;
	cursor: pointer;
	background-position:right -40px;
}
.OI-level1-header,
.OILargeHeader {
	font-size: 18px;
	font-weight: normal;
	color: #58585A;
	margin: 0px;
	padding-bottom:10px;
	line-height: normal;
}
.OI-level1-header a:visited {
	color: #58585A;
}
.OI-level1-header a:link {
	color: #58585A;
}
.OI-level1-header a:hover {
	/*color: #FEBD36;*/
	color: #F79448;
	text-decoration:none;
}
.OI-level2-header {
	font-size: 12px;
	font-weight: bold;
	font-family:  arial, verdana, lucida grande, sans-serif;
	color: #231F20;	
	margin: 0px;
	padding-top:10px;
	padding-bottom:5px;
	line-height: normal;
}
.OI-level2-header a:visited {
	color: #231F20;
}
.OI-level2-header a:link {
	color: #231F20;
}
.OI-level2-header a:hover {
	/*color: #FEBD36;*/
	color: #F79448;
	text-decoration:none;
}
.OI-level1-description,
.OI-level2-description,
.OI-level3-description {
	font-size: 12px;
	font-weight: normal;
	font-family:  arial, verdana, lucida grande, sans-serif;
	color: #58585A;	
	margin: 0px;
	padding-left:5px;
	line-height: normal;
	display: inline;
}
.OI-level3-header {
	font-size: 12px;
	font-weight: normal;
	font-family:  arial, verdana, lucida grande, sans-serif;
	color: #231F20;	
	margin: 0px;
	padding-left: 15px;
	padding-bottom:5px;
	/*line-height: normal;*/
	line-height: 1.5em;
	background-image: url(/_layouts/images/lstbulet.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.OI-level3-header a:visited {
	color: #231F20;
}
.OI-level3-header a:link {
	color: #231F20;
}
.OI-level3-header a:hover {
	/*color: #FEBD36;*/
	color: #F79448;
	text-decoration:none;
}

/* Oxford Instruments H1, H2, H3 titles etc */

#container {
	background: #ffffff;
	width: 877px;
	margin: 0px auto;
	padding-left:15px;
	padding-right:15px;
	text-align: left;
}
#header_area {
	background: #a2b2c2;
	/*height: 187px;*/
	height: 155px;
	width: 877px;
	/*background-image: url(/SiteCollectionImages/header.jpg);*/
	/*background-image: url(/SiteCollectionImages/header_50years.jpg);*/
	background-image: url(/SiteCollectionImages/header-clear.jpg);
	background-repeat: no-repeat;
	background-position: bottom left; 
}
#search_area {
	/*float: left;*/
	/*width: 100%;*/
	/*margin: 95px 0px 0px 680px;*/
	/*padding: 0px 0px 0px 0px;*/
	padding: 95px 0px 0px 680px;
	font-family:  arial, verdana, lucida grande, sans-serif;
	font-size: 12px;
	text-align: left;
	color:#FFFFFF;
	width: 175px;
}
#search_area p {
	color: #58585A;
	padding: 0;
	margin: 7px 0 0 0;
}
#search_area p a {
	color: #58585A;
	font-weight: bold;
	text-decoration: none;
}
#search_area img
{
	float: left;
}
#search_area select
{
	margin: 0;
	font-size: 11px;
}
#search_area input
{
	margin: 0;
	font-size: 11px;
}
#search_area label#country_label
{
    float: left;
    padding-top:4px;
	padding-left:15px;
	/*width: 152px;*/
	width: 175px;
}
#search_area label#search_label
{
	width: 43px;
}
#search_area input
{
	width: 104px;
}
#search_area select
{
	width: 90px;
}
#breadcrumb {
	background: #ffffff;
	width: 867px;
	height: 16px;
	margin: 8px auto 0px auto;
	padding: 1px 0px 0px 10px;
	text-align: left;
	font-family:  arial, verdana, lucida grande, sans-serif;
	font-size: 9px;
	text-align: left;
	text-transform: uppercase;
	color: #58585A;
}
#breadcrumb span {
	color: #OOOOOO;
	list-style-type: none;
	display: inline;
}
#breadcrumb span a {
	/*color: #A9B0CD;*/
	color: #231F20;
	padding: 5px 2px;
	text-decoration: none;
}
#breadcrumb .breadcrumbSpacer {
	margin: 0;
}
#breadcrumb span a:hover {
	color: #F79448;
}
.breadcrumbCurrent {	
	font-weight: normal;
}
#navigation1 {
	width: 877px;
	height: 25px;
	background:#D1D2D4;
	margin: 0px auto 0px auto;
	padding-left: 0px;
	font-family:  arial, verdana, lucida grande, sans-serif;
	/* font-size:0.7em; */
	/* letter-spacing:1px; */
	font-size:12px;
	text-align: center;
	text-transform: uppercase;
}
#navigation1 #zz1_topNav1 {
	height: 25px; 
	/*width:100%;*/
	/*max-width: 877px;*/
	width: 877px;
}
#navigation1 tr {
	height: 25px;
	vertical-align:middle;
}
#navigation1 table.topNav1Item {
	height: 25px;
	list-style-type: none;
	color: #58585A;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	background-image:url("/Style Library/Images/orange_pipe.gif");
	background-position:right center;
	background-repeat:no-repeat;
}
#navigation1 .topNav1Item a {
	/*padding: 6px 5px 5px 5px;*/
	padding: 6px 5px 4px 5px;
	position:relative;
}
#navigation1 .topNav1Item a:hover {
	background: #F79448;
	color: #FEDCBF;
}
#navigation1 .topNav1Item a:active {
	color: #FEDCBF;
}
#navigation1 .topNav1Item a:focus {
	color: #FEDCBF;
}
#navigation1 .topNav1Item a:visited {
	/*color: #58585A;*/
}
#navigation1 .topNav1Selected a {
	/*color: #FEDCBF;*/
}
#navigation1 .navigation1ClearPipe {
	/*background-image: url("/Style Library/Images/orange_pipe.gif");
	background-repeat: no-repeat;
	background-position: bottom right;*/
	background: #D1D2D4;
	margin-top: -24px;
	left: 930px;
	height:23px;
	width:6px;
	position:absolute;
}
#navigation2 {
	background: #003065;
	width: 955px;
	height: 17px;
	margin: 1px auto 0 auto;
	font-family:  arial, verdana, lucida grande, sans-serif;
	font-size: 12px;
	text-align: left;
}
#navigation2_off {
	background: #FFFFFF;
	width: 955px;
	height: 17px;
	margin: 1px auto 0 auto;
}
#wrap_outer {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 880px;
	min-height:500px;
  	height:auto !important;
  	height:500px;
}
#wrap_inner {
	/*background-image: url(/SiteCollectionImages/Images/sidebar_tile.jpg);*/
	/*background-repeat: repeat-y;*/
	/*background-position: right top;*/
}
#home_graphic_hdr {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	height: 217px;
	background-image: url(/SiteCollectionImages/main-image.jpg);
	background-repeat: no-repeat;
	background-position: bottom right; 
}
#graphic_hdr {
	margin: 0;
	padding: 0;
	/*height: 40px;
	background-image: url(/SiteCollectionImages/standard-header-long.jpg);
	background-repeat: no-repeat;
	background-position: bottom right; */
	/*height: 52px;*/
	height: 40px;
	background: #BBBDC0;
}
#graphic_hdr h3 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 18px;
	font-weight: normal;
	/*line-height: 52px;*/
	line-height: 40px;
	color: #626469;
}
#graphic_hdr2 {
	margin: 0;
	padding: 0;
	/*height: 52px;*/
	height: 40px;
	background-image: url(/SiteCollectionImages/accordion-open-rlf.gif);
	background-repeat: no-repeat;
	background-position: bottom right; 
}
#graphic_hdr2 h3 {
	margin: 0;
	padding: 4px 0 0 10px;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	color: #58585A;
}
#graphic_hdr_small {
	margin: 10px 0px 0px 0px;
	padding: 0;
	height: 20px;
	background-image: url(/SiteCollectionImages/accordion-open-rlf.gif);
	background-repeat: no-repeat;
	background-position: bottom right; 
}
#graphic_hdr_small h3 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	color: #58585A;
}
#graphic_hdr_left {
	margin: 0;
	padding: 0;
	/*height: 52px;*/
	height: 40px;
	width: 194px;
	float:left;
	background: #BBBDC0 url(/SiteCollectionImages/accordion-active-rlf.gif) no-repeat right 50%;
}
#graphic_hdr_left h3 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 18px;
	font-weight: normal;
	/*line-height: 52px;*/
	line-height: 40px;
	color: #58585A;
}
#graphic_hdr_middle {
	margin: 0px 0px 0px auto;
	padding: 0;
	height: 40px;
	width: 421px;
	float:right;
	/*margin: 0px 35px 0px 35px;*/
	background-image: url(/SiteCollectionImages/standard-header-long.jpg);
	background-repeat: no-repeat;
	background-position: bottom right; 
}
#graphic_hdr_middle h3 {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 18px;
	font-weight: normal;
	line-height: 40px;
	color: #626469;
}
#full_home {
	margin: 0;
	width: 877px;
	clear:both;
}
#left_home {
	margin: 0px 33px 0 auto;
	width: 426px;
	float: left;
}
#home_graphic_hdr .content_block {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	color: #58585A;
	/*font-size: 11px;*/
	/*line-height: 1em;*/
	width: 380px;
	height:217px;
	background: transparent;
	overflow: hidden;
}
#home_graphic_hdr .content_block h1 {
	padding: 5px 0px 0px 0px;
}
.content_block {
	margin: 6px 0 12px 0;
	padding: 0px 0px 10px 0px;
	color: #58585A;
	background-color: #ffffff;
	font-size: 12px;
	line-height: 1.5em;
}
.content_block h1 {
	font-size: 18px;
	font-weight: normal;
	color: #58585A;
	margin: 0px;
	line-height: normal;
}
.content_block h2 {
	font-size: 17px;
	font-weight: normal;
	color: #58585A;
	margin: 0px;
	line-height: normal;
}
.content_block h3 {
	font-size: 14px;
	margin: 0px;
	line-height: normal;
}
.content_block h4 {
	font-size: 14px;
	margin: 0px;
	line-height: normal;
}
.content_block p {
	margin: 6px 0px 12px 0px;
	color: #58585A;
}
.content_block img {
	padding: 0px 0px 0px 5px;
	margin: 0px;
}
.content_block_border {
	background-color: #FFFFFF;
	border: 1px solid #D9D9D9;
}
/*.content_block_border a {
	color: #231F20;
	text-decoration: none;
}*/
.content_block_summary
{
	float:none;
	margin: 0px 0px 0px 0px;
}
.content_block_summary_image
{
	margin-top:6px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	float: right;
	/*max-width: 189px;*/
}
.content_block .left
{
	float: left;
	width: 49%;
}
.content_block .right
{
	float: left;
	width: 49%;
}
/*.content_block a {
	color: #F79448;
	text-decoration: none;
}*/
#left_home_wide {
	/*margin: 0px 33px 0 auto;
	width: 650px;*/
	margin: 0px 15px 0 auto;
	width: 668px;
	float: left;
}
#contact_map {
	width: 421px;
	margin-top:10px;
	float:left;
}
#contact_details {
	width: 194px;
	margin-top:10px;
	float: right;
	/*font-size: 11px;*/
	/*line-height: 1.5em;*/
}
#sub_contents {
	width: 194px;
	float:left;
}
#sub_contents_main {
	width: 648px;
	float:right;
}
#sub_contents_main_additional {
	margin: 10px 0px 0px 0px;
	width: 194px;
	float: left;
}
#sub_contents_main_text {
	margin: 10px 0px 0px 0px;
	width: 421px;
	float:left;
	font-size: 11px;
	line-height: 1.5em;
}
#sub_contents_main_text h3 {
	font-size: 16px;
	color: #666666;
	font-weight:normal;
	padding:0px;
	margin:0px;
}
#sub_contents_main_text h4 {
	font-size: 13px;
	color: #0d337a;
}
#sub_nav {
	/*background:url(/SiteCollectionImages/Images/sub_nav_bg.gif);*/
	/*background-repeat:repeat-n;*/
	background-color: #E7E7E8;
	/*min-height:313px;*/
	/*min-height:500px;*/
	padding-bottom:2px;
	/*margin-bottom:22px;*/
	width: 194px;
	float:left;
}
#sub_nav .sideNav1 {
	list-style:none;
	list-style:none;
	float:left;
}
#sub_nav TABLE.sideNav1Item {
	width: 177px;
	padding: 3px 5px 2px 5px;
	margin: 0px 4px 0px 4px;
	font-size: 12px;
	color:#666666;
	border-bottom: #FFFFFF solid 1px;
}
#sub_nav .sideNav1Item a {
	color:#666666;
	text-decoration:none;
	}
#sub_nav .sideNav1Item a:hover {
	color: #F79448;
	text-decoration:none;
}
#sub_nav .sideNav1Item a:active {
	color: #F79448;
}
#sub_nav .sideNav1Item a:focus {
	color: #F79448;
}
#sub_nav .sideNav1Selected a {
	color: #F79448;
}

#sub_contents_main_text_wide {
	width: 628px;
	padding: 10px;
	font-size: 11px;
	line-height: 1.5em;
}

#sub_contents_main_narrow {
	width: 459px;
	float:left;
	margin: 0px 15px 0px 15px;
}

#middle_home {
	margin: 0px 33px 0px auto;
	padding: 0px 0px 10px 0px;
	width: 194px;
	float: left;
}
#middle_home h1 {
	margin: 0;
	height: 40px;
	background-image: url(/SiteCollectionImages/standard-header-long.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#middle_home img {
	padding-bottom:10px;
	background-color: #FFFFFF;
}
.middle_content {
	padding: 0px 0px 10px 0px;
	font-size: 11px;
	line-height: 1.3em;
	color: #333333;
	background-color: #FFFFFF;
}
.middle_content h4 {
	font-size: 14px;
	color: #333333;
	margin: 0px;
	line-height: normal;
	letter-spacing: 0.1em;
}
.middle_content h3 {
	font-size: 14px;
	color: #333333;
	margin: 0px;
	line-height: normal;
	letter-spacing: 0.1em;
}
.middle_content h2 {
	font-size: 14px;
	color: #333333;
	margin: 0px;
	line-height: normal;
	letter-spacing: 0.1em;
}
.middle_content p {
	padding: 0px 10px 0px 10px;
	margin: 6px 0 12px 0;
}
.middle_content img {
	padding: 10px 0 0 0;
	margin: 0;
}
#right_home {
	width: 194px;
	float: left;
	/*background-image: url(/SiteCollectionImages/Images/sidebar_top.jpg);*/
	/*background-repeat: no-repeat;*/
	position: relative;
}
#right_home .ms-WPBody {
	font-size:8pt;
	font-family:  arial, verdana, lucida grande, sans-serif;
	background-color:#ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px solid #ffffff;
}
#right_home_wide {
	margin: 0px auto 0px 33px;
	width: 653px;
	float: left;
}
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

.col_text{
	margin: 10px 5px 0px 5px;
	width: 106px;
	font-size: 10px;
	line-height: 1.2em;
	float:left;
}
.col_pic{
	width: 78px;
	float:right;
}
#col4_a {
	margin: 0px 21px 10px 0px;
	width: 204px;
	float: left;
}
#col4_b {
	margin: 0px 21px 10px  0px;
	width: 204px;
	float: left;
}
#col4_c {
	margin: 0px 22px 10px  0px;
	width: 204px;
	float: left;
}
#col4_d {
	margin: 0px 0px	10px  0px;
	width: 204px;
	float: left;
}

#col4_row {
	clear:both;
	height:20px;
}
/* Footer section */
#footer_area
{
clear: both;
height: 30px;
width: 877px;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
background-image: url(/SiteCollectionImages/footer-dots.gif);
background-repeat: repeat-x;
vertical-align:bottom;
text-transform: uppercase;
letter-spacing:1px;
text-align: center;
font-size: 11px;
}
#footer_area ul
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
list-style-image:none;
height: 30px;
font-size: 11px;
}
#footer_area ul li
{
color: #58585A;
/*float: left;*/
display: inline;
margin: 0px 0px 0px 0px;
padding: 2px 10px 0px 0px;
list-style-type: none;
list-style-image:none;
/*font-size: 0.7em;*/
font-size: 11px;
}
#footer_area ul li.uw
{
float: right;
padding: 0 0 0 10px;
color: #58585A;
}
#footer_area ul li a:visited
{
color: #58585A;
text-decoration: none;
}
#footer_area ul li a:link
{
color: #58585A;
text-decoration: none;
}
#footer_area ul li a:hover
{
color: #F79448;
}
#footer_area ul li.uw a:visited
{
color: #58585A;
}
#footer_area ul li.uw a:link
{
color: #58585A;
}
#footer_area ul li.uw a:hover
{
color: #58585A;
}

/* End Oxford Instruments Main Content */


/* Meltwater News Feed Content */

.ingress {
font-style:italic;				
}

/* End Meltwater News Feed Content  */


/*- SPRY Menu Tabs --------------------------- */

@charset "UTF-8";

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
.TabbedPanelsTab {
	padding: 3px 25px 0px 6px;
	margin: 0px 5px 0px 0px;
	/*height: 52px;*/
	height: 37px;
	color: #58585A;	
	position: relative;
	float: left;
	list-style: none;
	line-height: 16px;
	font-size:14px;
	font-family:  arial, verdana, lucida grande, sans-serif;
	/*border-left: solid 1px #d9d9d9;*/
	/*border-top: solid 1px #d9d9d9;*/
	/*border-right: solid 1px #d9d9d9;*/
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	background: #BBBDC0 url(/SiteCollectionImages/tab-active-rlf.gif) no-repeat right top;
	max-width:none;
}
.TabbedPanelsTabHover {
	/*color: #231F20;*/
	/*color: #FFFFFF;*/	
	color: #58585A;	
	background: #F79448 url(/SiteCollectionImages/tab-open-rlf.gif) no-repeat right top;
}
.TabbedPanelsTabSelected {
	/* FOLLOWING LINE CAUSES BOTTOM OF TAB TO BE BLANKED OUT */ 
	/*z-index: 2;*/
	/*color: #231F20!important;*/
	/*color: #FFFFFF!important;*/
	color: #58585A!important;	
	background: #F79448 url(/SiteCollectionImages/tab-open-rlf.gif) no-repeat right top;
}
.TabbedPanelsTabSelected a {
	/*color: #231F20!important;*/
	/*color: #FFFFFF!important;*/	
	color: #58585A!important;
}
.TabbedPanelsTab a {
	display: block;
	color: #58585A;
	text-decoration: none;
}
.TabbedPanelsTabEmpty {
	display: none; 
}
.TabbedPanelsContentGroup {
	clear: both;
	/*background-color:#E7E7E8;*/
	background-color:#FFFFFF;
}
.TabbedPanelsContent {
	border-top: #F79448 1px solid;
	border-bottom: #F79448 1px solid;
	border-right: #F79448 1px solid;	
	border-left: #F79448 1px solid;
	padding-left: 10px;
	padding-right: 10px;		
	/*font-size:8pt;*/	
	z-index: 1;	
	left: 0px;	
	padding-bottom: 10px;
	/*color: #333333;*/
	color: #58585A;	
	/*line-height: 1.5em;*/
	/*line-height:10.4pt;*/
	line-height: 1.5em;
	padding-top: 5px;
	position: relative;	
	top: -1px;	
	/*background-color:#E7E7E8;*/
	background-color:#FFFFFF;
	overflow: hidden;
}
.TabbedPanelsContent h1 {
	font-size: 18px;
	font-weight: normal;
	color: #58585A;
	margin: 0px;
	line-height: normal;
}
.TabbedPanelsContent h2 {
	font-size: 1.1em;
	color: #58585A;
	margin: 0px;
	line-height: normal;
}
.TabbedPanelsContent h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 18px;
	font-weight: normal;
	/*line-height: 52px;*/
	line-height: 40px;
	color: #626469;
	/*height: 52px;*/
	height: 40px;
	background: #BBBDC0;
	/*height: 40px;
	background-image: url(/SiteCollectionImages/standard-header-long.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;*/
}
.TabbedPanelsContent h4 {
	font-size: 1.1em;
	color: #58585A;
	margin: 0px;
	line-height: normal;
}
.TabbedPanelsContent a {	
	text-decoration: none;
}
.TabbedPanelsContent li {
	line-height: 1.3em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*.TabbedPanelsContent a {	
	color: #231F20;	
	text-decoration: none;
}*/
.TabbedPanelsContentVisible {
}
.TabbedPanels .TabbedPanelsContent img {
	position:relative;
}
.VTabbedPanels {
	padding: 0px 0px 0px 0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
	/*width: 653px;*/
	width: 668px;
}
.VTabbedPanels .TabbedPanelsTabGroup {
	list-style:none;
	list-style:none;
	/*background:url(/SiteCollectionImages/Images/sub_nav_bg.gif);*/
	/*background-repeat:repeat-n;*/
	background-color: #E7E7E8;
	/*min-height:313px;*/
	/*min-height:500px;*/
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	width: 194px;
	position: relative;
	float: left;
}
.VTabbedPanels .TabbedPanelsTab {
	width: 171px;
	padding: 3px 5px 2px 5px;
	margin: 0px 4px 0px 4px;
	font-size: 12px;
	height:auto;
	color:#666666;
	border-top:none;
	border-bottom: #FFFFFF solid 1px;
	border-left:none;
	border-right:none;
	background: none;
	float: left;
}
.VTabbedPanels .TabbedPanelsTabHover {
	color: #F79448!important;	
	background: none;
}
.VTabbedPanels .TabbedPanelsTabHover a {
	color: #F79448!important;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	color: #F79448!important;
	background: none;
}
.VTabbedPanels .TabbedPanelsTabSelected a {
	color: #F79448!important;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	margin: 0px 0px 0px 0px;
	/*width: 421px;*/
	width: 459px;	
	/*position: relative;*/
	clear: none;
	float:right;
}
.VTabbedPanels .TabbedPanelsContent {
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
	/*padding: 5px 10px 10px 10px;*/
	background-color: #ffffff;
	font-size: 12px;
	line-height: 1.5em;
}
.VTabbedPanels .TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsContent img {
	margin-top:6px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	float: right;
	position:relative;
}

#home_tabbed_panels .TabbedPanelsContent li {
	line-height: 1.2em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.Slideshow {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/*width: 457px;*/
	width: 462px;
	background: #FFFFFF;
}
.Slideshow .TabbedPanelsTabGroup {
	list-style:none;
	list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 200px;
	position: relative;
	float: right;
}
.Slideshow .TabbedPanelsTab {
	width: 175px;
	padding: 3px 20px 2px 5px;
	margin: 0px 0px 5px 0px;
	font-size: 14px;
	font-weight:normal;
	/*height: 52px;*/
	height: 35px;
	color:#58585A;
	border-top:none;
	border-bottom: none;
	border-left:none;
	border-right:none;
	float: right;
	background:#BBBDC0 url(/SiteCollectionImages/tab-active-rlf.gif) no-repeat scroll right top;
	max-width:none;
}
.Slideshow .TabbedPanelsTabHover {
	/*color: #231F20!important;*/
	color: #58585A!important;	
	background:#F79448 url(/SiteCollectionImages/tab-open-rlf.gif) no-repeat scroll right top;
}
.Slideshow .TabbedPanelsTabHover a {
	/*color: #231F20!important;*/
	color: #58585A!important;
}
.Slideshow .TabbedPanelsTabSelected {
	/*color: #231F20!important;*/
	color: #58585A!important;
	background:#F79448 url(/SiteCollectionImages/tab-open-rlf.gif) no-repeat scroll right top;
}
.Slideshow .TabbedPanelsTabSelected a {
	/*color: #231F20!important;*/
	color: #58585A!important;
}
.Slideshow .TabbedPanelsContentGroup {
	margin: 0px 3px 0px 0px;
	/*width: 252px;*/
	width: 257px;
	/*position: relative;*/
	clear: none;
	float:left;
}
.Slideshow .TabbedPanelsContent {
	border: none;
	padding: 10px 5px 5px 5px;
	margin: 0px 0px 0px 0px;	
	border-top:none;
	background: #E7E7E8;
	height: 206px;
	overflow: hidden;
}
.Slideshow .TabbedPanelsContent a {
	color: #F79448;
}
.Slideshow .TabbedPanelsContent a.more {
	position:absolute;
	bottom:0px;
	padding: 0px 0px 1px 200px;
	color: #F79448;
}




/*- End SPRY Menu Tabs ------------------- */

/*- SPRY Accordion Panels ------------------- */

.Accordion {
	overflow: hidden;
}
.AccordionPanelTab {
	margin-bottom:8px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background: #e5e5e5;
}
.AccordionPanelTab h3 {
	height: 37px;
	margin: 0;
	/*padding: 5px 30px 4px 10px;*/
	padding: 3px 20px 0px 10px;
	font-size: 14px;
	font-family:  arial, verdana, lucida grande, sans-serif;
	font-weight:normal;
	color: #58585A;
}
.AccordionPanelTab a {
	display: block;
	color: #58585A;
	/*padding: 5px 0px 4px 0px;*/
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
.AccordionPanelContent {
	color: #58585A;
	overflow: hidden;
	height: 200px;
	/*font-size: 0.75em;*/
	font-size:8pt;
	line-height: 1.3em;
	background-color: #ffffff;
	padding-left: 0px;
	padding-right: 0px;
}
.AccordionPanelContent a {
	color: #F79448;
	text-decoration: none;
}
/*.AccordionPanelContent ul { margin: 0;	padding: 1.375em; }*/
.AccordionPanelContent ul { margin: 0;	padding-top: 0px; padding-bottom: 0px; padding-left: 1.375em; padding-right: 0px;}
.AccordionPanelOpen { color: #000000; }
.AccordionPanelOpen .AccordionPanelTab h3 { color: #58585A; }
.AccordionPanelOpen h3 { background: #BBBDC0 url(/SiteCollectionImages/accordion-active-rlf.gif) no-repeat right 50%; }
.AccordionPanelClosed { color: #58585A; }
.AccordionPanelClosed h3 { background: #BBBDC0 url(/SiteCollectionImages/accordion-active-rlf.gif) no-repeat right 50%; }
.AccordionPanelTabHover { color: #000000; }
.AccordionPanelTabHover h3 { color: #58585A; background: #F79448 url(/SiteCollectionImages/accordion-open-rlf.gif) no-repeat right 50%; }

#AccordionDocs .AccordionPanelTab { margin-bottom:0px; }

#middle_home .AccordionPanelTab h3 { color: #58585A; }
#middle_home .AccordionPanelContent { background-color: #E7E7E8; }
#middle_home .AccordionPanelContent div { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }
#middle_home .AccordionPanelOpen h3 { background: #BBBDC0 url(/SiteCollectionImages/accordion-active-rlf.gif) no-repeat right 50%; }
#middle_home .AccordionPanelClosed h3 { background: #BBBDC0 url(/SiteCollectionImages/accordion-active-rlf.gif) no-repeat right 50%; }
#middle_home .AccordionPanelTabHover h3 { color: #58585A; background: #F79448 url(/SiteCollectionImages/accordion-open-rlf.gif) no-repeat right 50%; }

#AccordionEnquiry .AccordionPanelTab h3 { color: #58585A; }
#AccordionEnquiry .AccordionPanelOpen h3 { background: #BBBDC0 url(/SiteCollectionImages/accordion-active-rlf.gif) no-repeat right 50%; }
#AccordionEnquiry .AccordionPanelClosed h3 { background: #BBBDC0 url(/SiteCollectionImages/accordion-active-rlf.gif) no-repeat right 50%; }
#AccordionEnquiry .AccordionPanelTabHover h3 { background: #BBBDC0 url(/SiteCollectionImages/accordion-active-rlf.gif) no-repeat right 50%; }

#AccordionProductsAZ .AccordionPanelTab h3 { color: #58585A; }
#AccordionProductsAZ .AccordionPanelOpen h3 { background: #BBBDC0 url(/SiteCollectionImages/accordion-active-rlf.gif) no-repeat right 50%; }
#AccordionProductsAZ .AccordionPanelClosed h3 { background: #BBBDC0 url(/SiteCollectionImages/accordion-active-rlf.gif) no-repeat right 50%; }
#AccordionProductsAZ .AccordionPanelTabHover h3 { background: #BBBDC0 url(/SiteCollectionImages/accordion-active-rlf.gif) no-repeat right 50%; }

/*- End SPRY Accordion Panels -------------------- */

/*- SPRY ValidationTextField ------------------- */

/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #F79448;
	/*border: 1px solid #CC3333;*/
}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	/*background-color: #B8F5B1;*/
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	/*background-color: #FF9F9F;*/
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	/*background-color: #FFFFCC;*/
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}

/*- End SPRY ValidationTextField ------------------- */

/*- SPRY ValidationTextarea ------------------- */

/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textareaRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textareaRequiredState .textareaRequiredMsg,
.textareaMinCharsState .textareaMinCharsMsg,
.textareaMaxCharsState .textareaMaxCharsMsg
{
	display: inline;
	color: #F79448;
	/*border: 1px solid #CC3333;*/
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	/*background-color:#B8F5B1;*/
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	/*background-color:#FF9F9F;*/
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	/*background-color:#FFFFCC;*/
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}
/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
textarea.textareaHintState, .textareaHintState textarea{
	/* color: red !important;*/
}

/*- End SPRY ValidationTextarea ------------------- */

/*- SPRY Select Validation ------------------- */

.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states (required, invalid).
 * These classes set a default red border and color for the error text.
 * The state class (.selectRequiredState or .selectInvalidState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #F79448;
	/*border: 1px solid #CC3333;*/
}

/* The next three group selectors control the way the core element (SELECT) looks like when the widget is in one of the states: 
 * focus, required / invalid, valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the SELECT
 * - the widget id is placed on the SELECT element itself (there are no error messages)
 */
 
/* When the widget is in the valid state the SELECT has a green background applied on it. */
.selectValidState select, select.selectValidState {
	/*background-color: #B8F5B1;*/
}

/* When the widget is in an invalid state the SELECT has a red background applied on it. */
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
	/*background-color: #FF9F9F;*/
}

/* When the widget has received focus, the SELECT has a yellow background applied on it. */
.selectFocusState select, select.selectFocusState {
	/*background-color: #FFFFCC;*/
}

/*- End SPRY Select Validation ------------------- */

/*- SPRY Confirm Validation ------------------- */

/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.confirmRequiredMsg, .confirmInvalidMsg, .confirmValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .confirmRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.confirmRequiredState .confirmRequiredMsg,
.confirmInvalidState .confirmInvalidMsg
{
	display: inline;
	color: #F79448;
	/*border: 1px solid #CC3333;*/
}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required , invalid , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */

 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.confirmValidState input, input.confirmValidState {
	/*background-color: #B8F5B1;*/
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.confirmRequiredState, .confirmRequiredState input, 
input.confirmInvalidState, .confirmInvalidState input
{
	/*background-color: #FF9F9F;*/
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.confirmFocusState input, input.confirmFocusState {
	/*background-color: #FFFFCC;*/
}

/*- End SPRY Confirm Validation ------------------- */

/*- SPRY Radio Validation ------------------- */

/* These are the classes applied on the messages
 * (required message and invalid value message )
 * which prevent them from being displayed by default.
 */
.radioRequiredMsg, .radioInvalidMsg{
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and font color for the error text.
 * The state class (e.g. .radioRequiredState) is applied on the top-level container for the widget, 
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg{
	display: inline;
	color: #F79448;
	/*border: 1px solid #CC3333;*/
}

/*- End SPRY Radio Validation ------------------- */


/*- SPRY Validation ------------------- */

.validMsg {
display:none;
/*height:16px;
margin-left:6px;
margin-top:-2px;
width:16px;*/
}

.textfieldValidState .validMsg, .textareaValidState .validMsg, .selectValidState .validMsg, .checkboxValidState .validMsg, .radioValidState .validMsg, .confirmValidState .confirmValidMsg {
display:inline;
float:right;
margin-right: -6px;
margin-top:-20px;
}

.checkboxRequiredState .checkboxRequiredMsg, .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg, .selectRequiredState .selectRequiredMsg, .textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg, .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .radioRequiredState .radioRequiredMsg {
/*display:inline;
float:right;
margin-right: -6px;
margin-top:-20px;*/
}

/*- End SPRY Validation ------------------- */




