/**************************************************************************************************************/
/*                                                                                                            */
/*    GLOBAL RESET                                                                                            */
/*                                                                                                            */
/**************************************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

img {
	border:none;
	display:block;
}

input, textarea {
  font-family:verdana,helvetica,arial;
  font-size:100%;
}

/* PNG Fix provided via fusebox
img, div, a, input { behavior: url(/iepngfix.htc) }
*/

.italic {
font-style:italic;
}

.right_side {
float:right;
}

.right_side_margin {
margin:0 0 10px 10px;
}

.left_side {
float:left;
}

.clear {
clear:both;
height:1px;
}

h1 {
margin:0px 0px 10px 10px;
}

h2 {
color:#00535e; 
font-size:16px;
margin-bottom:7px;
}

h3 {
color:#00535e; 
font-size:14px;
margin: 1.5em 0em 0.25em 0em;
}

h4 {
color:#00535e; 
font-size:12px;
margin: 1.5em 0em 0.25em 0em;
}

a {
color:#00535e;
}

a:visited {
color:#848484;
}

a:hover {
color:#97005d;
}

.lighter_blue {
color:#048c9d;
}

p.boxed {
border:solid 1px #00535d;
padding:10px;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    MASTER                                                                                                  */
/*                                                                                                            */
/**************************************************************************************************************/

body {
background: #ceebe9 url("/images/background.png") repeat-x 0px 260px;
font-family:verdana,helvetica,arial;
font-size:12px;
margin:0 auto;
padding:0 auto;
color:#425968;
}

sup {
font-size:x-small;
vertical-align:super;
}

sub {
font-size:x-small;
vertical-align:sub;
}

.content_wrapper {
width:990px;
padding-left:10px;
position:relative;
margin:0px auto 3px auto;
}

.top_of_content_box {
background: transparent url("/images/content_top.png") no-repeat;
height:30px;
margin-left:0px;
z-index:-1;
}

.box {
background: transparent url("/images/content_bg.png") repeat-y;
min-height:50px;
margin-left:0px;
z-index:-1;
}

.box p {
line-height:1.3em;
margin-bottom:12px;
}

.banner {
border-top:1px solid #cccccc;
margin-bottom:20px;
}

h2.page_title {
border-bottom:1px solid #cccccc;
padding:8px 0px 0px 10px;
height:28px;
line-height:1.5em;
}

.page_text {
width:935px;
padding-left:20px;
padding-bottom:20px;
}

.page_text#products_page {
height:500px;
}

.page_text h1 {
font-size:20px;
}

.welcome_banner h3 {
color:#00535e; 
font-size:16px;
line-height:1.5em;
margin-top: 0em;
}

.page_text p {
line-height:1.6em;
}

ul.bullet_points {
margin:0 0 15px 15px;
}

ul.bullet_points li {
list-style-type:disc;
line-height:1.6em;
margin-left:25px;
}

ol.bullet_points {
margin:0 0 15px 15px;
}

ol.bullet_points li {
list-style-type:decimal;
line-height:1.6em;
margin-left:25px;
}

dl
{
}

dt, dd
{
	line-height: 1.6em;
}

dd
{
	margin-left: 2em;
	margin-bottom: 0.5em;
}

/* Styles to create lists where the numbering is continued from the previous list */
ol.split li
{
  list-style-type: none;
}
ol.split li:before
{
  counter-increment: mycounter;
  content: counter(mycounter) ".\00A0\00A0";
}
ol.split li
{
  text-indent: -1.6em;
}
ol.start { counter-reset: mycounter; }

ul.content_list {
margin:10px 0px 10px 15px;
}

ul.content_list li {
list-style-type:disc;
padding:3px 0px 3px 0px;
}

.align_to_right {
float:right;
margin-left:10px;	
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    MASTER PAGE HEADER                                                                                      */
/*                                                                                                            */
/**************************************************************************************************************/

.header {
height:170px;
position:relative;
}

.header img.logo {
position:absolute;
bottom:45px;
left:50px;
}

.header span {
font-size:28px;
}

.contact-details {
position: absolute;
z-index:0;
*z-index:-1;
bottom:130px;
right:70px;
color:#425968;
height:20px;
width:260px;
line-height:20px;
}

.contact-details p {
font-size: 1.3em;
text-align: right;
}

.search {
float:left;
position:absolute;
z-index:0;
*z-index:-1;
bottom:55px;
right:45px;
color:#425968;
height:20px;
width:300px;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    PRODUCTS DROPDOWN                                                                                       */
/*                                                                                                            */
/**************************************************************************************************************/

.products_button {
position:absolute;
right:68px;
top:21px;
width:276px;
height:33px;
cursor:pointer;
}

.products_dropdown {
display:none;
background: transparent url("/images/our_products_drop_bg.png") no-repeat -3px -4px;
width:280px;
height:215px;
position:absolute;
right:67px;
top:51px;
z-index:50;
}

.products_dropdown a {
text-decoration:none;
}

.product {
background: transparent url("/images/products_bg.gif") no-repeat;
position:relative;
width:255px;
height:65px;
margin:0px 0 0px 14px;
padding-top:5px;
padding-left:5px;
}

.top_product {
margin-top:5px;
}

.product span {
font-size:12px;
line-height:1.6em;
position:absolute;
cursor:pointer;
top:25px;
left:75px;
width:150px;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    LEFT HAND NAVIGATION                                                                                    */
/*                                                                                                            */
/**************************************************************************************************************/

.left_hand_nav {
min-height:300px;
float:left;
}

ul.left_nav {
margin-bottom:10px;
margin-top:3px;
}

.left_hand_nav img {
margin-bottom:6px;
}

ul.left_nav li {
border-bottom:1px solid #cccccc;
height:26px;
_height:26px;
width:200px;
padding:8px 0px 0px 8px;
line-height:1.5em;
}

ul.left_nav li a {
width:190px;
color:#00535e;
font-size:14px;
text-decoration:none;
}

ul.left_nav li.current {
color:#961e5f;
font-size:14px;
text-decoration:none;
background:transparent url("/images/left_nav_btn_bg.gif") no-repeat;
background-position: 2px 2px;
margin:-3px 0px 0px -1px;
height:26px;
_height:27px;
width:214px;
padding:8px 0px 0px 8px;
border:none;
}

ul.left_nav li.sub_nav {
border-bottom:1px solid #cccccc;
height:26px;
_height:26px;
width:200px;
padding:8px 0px 0px 8px;
line-height:1.5em;
text-indent:30px;
}

ul.left_nav li.sub_nav a {
width:190px;
color:#961e5f;
font-size:14px;
text-decoration:none;
}

ul.left_nav li.sub_current a {
width:190px;
color:#961e5f;
font-size:14px;
text-decoration:none;
text-indent:30px;
}

ul.left_nav li.sub_current {
color:#961e5f;
font-size:14px;
text-decoration:none;
background:transparent url("/images/left_nav_btn_bg.gif") no-repeat;
background-position: 2px 2px;
margin:-3px 0px 0px -1px;
height:26px;
_height:27px;
width:214px;
padding:8px 0px 0px 8px;
border:none;
text-indent:30px;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    HOME PAGE                                                                                               */
/*                                                                                                            */
/**************************************************************************************************************/

.welcome_banner p {
font-weight:bold;
font-style:italic;
font-size:14px;
width:350px;
margin:30px 0px 20px 25px;
}

.welcome_banner {
background:transparent url("/images/welcome_banner_image2.png") no-repeat;
background-position:621px 0px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
height:166px;
margin:-7px 0px 20px 0px;
}

.welcome_banner h3 {
padding:30px 0px 10px 15px;
width:500px;
}

.testimonial#home {
float:right;
width:300px;
min-height:200px;
position:relative;
z-index:10;
}

.testimonial#home .quote {
text-align:left;
}

.quote p {
margin-top:0px;
position:relative;
z-index:10;
}

.quote span {
font-weight:bold;
position:relative;
z-index:10;
}

.beginning_quote_marks {
background:transparent url("/images/beginning_quote_marks.png") no-repeat;
height:100px;
width:300px;
position:relative;
z-index:-10;
}

.ending_quote_marks {
background:transparent url("/images/ending_quote_marks.png") no-repeat;
margin-top:10px;
*margin-top:-15px;
height:100px;
width:120px;
right:-5px;
position:absolute;
z-index:-10;
}

hr.quotefooter {
background-color:#ccc;
border-width:0;
color:#ccc;
height:1px;
line-height:0;
margin-bottom: 20px;
page-break-after:always;
text-align:center;
width:70%;
}

.hr-full {
background-color:#ccc;
border-width:0;
color:#ccc;
height:1px;
line-height:0;
margin-top: 25px;
margin-bottom: 25px;
page-break-after:always;
text-align:center;
width:100%;
}

.events {
background:transparent url("/images/events_box.gif") no-repeat;
width:307px;
height:185px;
}

.events h2 {
border-bottom:1px solid #cccccc;
padding:8px 15px 0px 10px;
height:28px;
width:276px;
margin-left:2px;
}

.events p {
line-height:1.2em;
margin:0px 10px 15px 10px;
}

.events span {
font-size:11px;
margin:0px 10px 0px 10px;
}

.events a {
font-size:11px;
float:right;
text-decoration:none;
margin-right:10px;
_margin-top:-10px;
}

.events img {
float:right;
margin-right:10px;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    HOME PAGE - PRODUCTS NAVIGATION                                                                         */
/*                                                                                                            */
/**************************************************************************************************************/

ul.products_nav {
float:left;
margin-left:20px;
_margin-left:10px;
width:600px;
}

ul.products_nav li {
width:600px;
height:130px;
padding-top:10px;
padding-bottom:5px;
position:relative;
border-bottom:1px solid #cccccc;
}

ul.products_nav li:hover {
background-color:#ecedec;
}

ul.products_nav li a {
color:#8CC641;
}

ul.products_nav li span {
width:490px;
position:absolute;
left:100px;
top:10px;
color:#961e5f;
font-size:14px;
line-height:1.5em;
}

ul.products_nav li p {
width:490px;
position:absolute;
left:100px;
top:40px;
}

ul.products_nav li img {
float:left;
position:absolute;
left:10px;
top:22px;
}

ul.products_nav li a img {
position:absolute;
top:100px !important;
left:100px;
}

.product_label_lc_ms {
background:transparent url("/images/lc-ms_product_label.png") no-repeat;
height:60px;
width:200px;
float:right;
margin-top:60px;
margin-right:0px;
position:relative;
z-index:20;
}

.product_label_comet {
background:transparent url("/images/comet_product_label.png") no-repeat;
height:60px;
width:200px;
float:right;
margin-top:60px;
margin-right:0px;
position:relative;
z-index:20;
}

.product_label_samespots {
background:transparent url("/images/samespots_product_label.png") no-repeat;
height:60px;
width:200px;
float:right;
margin-top:60px;
margin-right:0px;
position:relative;
z-index:20;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    PROGENESIS SAMESPOTS WORKFLOW NAVIGATION                                                                */
/*                                                                                                            */
/**************************************************************************************************************/

.workflow_nav {
float:left;
width:320px;
padding-right:20px;
}

.workflow_nav span {
color:#961e5f; 
font-size:14px;
line-height:1.5em;
}

.content {
width:700px;
float:right;
margin-left:-10px;
margin:5px 0px 30px 0px;
}

.testimonial {
text-align:right;
line-height:1.5em;
margin:20px 0px 20px 0px;
}

.buttons {
margin-top:15px;
position:relative;
}

.totallab {
margin-top:15px;
position:relative;
}

.below-nav-quote {
width:200px;
border: solid 1px #d8d8d8;
background-color: #ecedec;
-moz-border-radius: 10px;
border-radius: 10px;
}

.below-nav-quote p {
padding: 5px 5px 0 5px;
font-size: smaller;
}

.below-nav-quote p img {
display: inline;
vertical-align:middle;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    CONTENT PAGE BANNER - JR                                                                                */
/*                                                                                                            */
/**************************************************************************************************************/

.content_header {
min-height:150px;
width:890px;
_width:800px;
margin:0px 0px 20px 5px;
padding:10px 20px 20px 20px;
position:relative;
z-index:0;
}

#uk.content_header {
background:#fff url("/images/newcastle-quayside.jpg") no-repeat;
}

#priory.content_header {
background:#fff url("/images/tynemouth-priory.jpg") no-repeat;
}

#tyne.content_header {
background:#fff url("/images/river-tyne.jpg") no-repeat;
}

#duke.content_header {
background:#fff url("/images/durham-duke-campus.jpg") no-repeat;
}

#durham.content_header {
background:#fff url("/images/durham-nc.jpg") no-repeat;
}

#saltlake.content_header {
background:#fff url("/images/salt-lake-city.jpg") no-repeat;
}

.content_header p {
font-size:12px;
color:#ffffff;
position:absolute;
bottom:0;
right:0;
padding-right:10px;
}

.content_header p.left {
left:0;
padding-left:10px;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    PRODUCTS PAGE BANNER                                                                                    */
/*                                                                                                            */
/**************************************************************************************************************/

.product_banner {
background:#76194B url("/images/product_banner_image.gif") no-repeat 100% 50%;
min-height:150px;
width:890px;
_width:800px;
margin:0px 0px 20px 5px;
padding:10px 20px 20px 20px;
position:relative;
z-index:0;
}

.product_banner span {
width:880px !important;
font-size:24px;
color:#ffffff;
margin-top:-15px;
}

.product_banner p {
width:880px;
font-size:16px;
font-weight:bold;
color:#ffffff;
margin:5px 0 10px 0px;
}

.product_banner a {
color:#8CC641;
}

.product_banner img#DVD_icon {
position:absolute;
top:0px;
right:20px;
bottom:7px;
}

.product_box {
background:transparent url("/images/product_box.gif") no-repeat;
width:300px;
position:relative;
float:left;
height:189px;
margin:10px 5px 0px 3px;
padding: 0 0 20px 0;
}

.product_box img {
position:absolute;
right:10px;
top:-20px;
z-index:10;
}

.product_box span {
position:absolute;
color:#961e60;
left:10px;
top:10px;
width:200px;
line-height:1.5em;
font-size:14px;
}

.product_box p {
position:absolute;
left:10px;
top:50px;
}

.product_box a {
color:#8CC641;
}

.product_box a img {
position:absolute;
left:10px;
top:150px;
}

.product_label_two {
background:transparent url("/images/product_label_two.png") no-repeat;
height:120px;
width:200px;
width:200px;
right:-75px;
top:100px;
position:absolute;
z-index:20;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    SELECTED PRODUCTS PAGE                                                                                  */
/*                                                                                                            */
/**************************************************************************************************************/

ul.products_title {
margin-left:40px;
*padding-left:40px;
_padding-left:0px;
height:15px;
_height:5px;
}

ul.products_title li:first-child {
margin-left:0px;
} 

ul.products_title li {
float:left;
margin-left:50px;
_margin-left:15px;
width:180px;
z-index:10;
cursor:pointer;
line-height:1.5em;
padding:6px 0px 0px 0px;
text-align:center;
}

ul.products_title li a {
width:180px;
text-decoration:none;
color:#00535e;
font-size:14px;
text-align:center;
line-height:1.5em;
}

ul.products_title li.current {
width:180px;
text-decoration:none;
color:#961e5f;
font-size:14px;
text-align:center;
line-height:1.5em;
}

/*
.product_image {
width:220px;
height:175px;
float:left;
position:relative;
margin:10px 10px 10px 0px;
}
*/

.product_image_border {
float:left;
position:relative;
margin: 0px 20px 20px 0px;
border: solid 1px #999999;
}

.product_image_border_right 
{
margin: 0px 20px 20px 20px;
border: solid 1px #999999;
float: right;
}

.product_image {
float:left;
position:relative;
margin: 0px 20px 20px 0px;
}

.caption, .caption_ref
{
color:#999999;
font-size:12px;
font-style:italic;
padding-top: 5px;
}

.caption_ref
{
font-size:10px;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    SPEED, OBJECTIVITY, STATISTICS BOXES                                                                    */
/*                                                                                                            */
/**************************************************************************************************************/

.object_box, .object_box_wide, .address_box {
background:transparent url("/images/object_box.gif") no-repeat;
width:210px;
height:200px;
float:left;
position:relative;
margin:10px 0 0 0;
padding:10px;
}

.object_box p, .object_box_wide p, .address_box p {
width:210px;
float:left;
}

.object_box h3, .object_box_wide h3, address_box h3 {
float:left;
width:100px;
line-height:normal;
margin-top: 0em;
font-size: 16px;
}

address_box h3 {
width:auto;
}

.object_box img, .object_box_wide img {
position:relative;
z-index:10;
float:right;
margin-right:15px;
margin-top:-20px;
}

.object_box_wide {
background:transparent url("/images/object_box_wide.gif") no-repeat;
width:675px;
height:145px;
}

.object_box_wide p {
width:670px;
}

.object_box_wide h3 {
width:140px;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    FOOTER                                                                                                  */
/*                                                                                                            */
/**************************************************************************************************************/

.footer {
background: url("/images/footer_bg.png") no-repeat;
height:140px;
position:relative;
}

.footer p {
color:#ffffff;
position:absolute;
bottom:10px;
left:50px;
font-size:11px;
line-height:1.4em;
font-family:verdana,arial;
}

.footer img {
position:absolute;
bottom:0px;
right:160px;
}

.footerlink {
color:#ffffff;
font-size:11px;
line-height:1.4em;
font-family:verdana,arial;
}

/**************************************************************************************************************/
/*                                                                                                            */
/*    NAVIGATION                                                                                              */
/*                                                                                                            */
/**************************************************************************************************************/

ul#navigation {
position:absolute;
bottom:0px;
left:8px;
height:32px;
}

ul#navigation li {
position:relative;
float:left;
cursor:pointer;
}

/************ HOME TAB *************/

ul#navigation li.home_tab a {
background: url("/images/home-tab.png") no-repeat;
display:block;
height:31px;
width:160px;
}

ul#navigation li.home_tab a:hover {
background-position:0px -30px;
}

ul#navigation li.home_tab a.current {
background-position:0px -30px;
}

ul#navigation li.home_tab a span {
display:none;
}

/************ ABOUT US TAB *************/

ul#navigation li.about_tab a {
background: url("/images/about-tab.png") no-repeat;
display:block;
height:31px;
width:160px;
}

ul#navigation li.about_tab a:hover {
background-position:0px -30px;
}

ul#navigation li.about_tab a.current {
background-position:0px -30px;
}

ul#navigation li.about_tab a span {
display:none;
}

/************ PRODUCTS TAB *************/

ul#navigation li.products_tab a {
background: url("/images/products-tab.png") no-repeat;
display:block;
height:31px;
width:160px;
}

ul#navigation li.products_tab a:hover {
background-position:0px -30px;
}

ul#navigation li.products_tab a.current {
background-position:0px -30px;
}

ul#navigation li.products_tab a span {
display:none;
}

/************ HOW TO BUY TAB *************/

ul#navigation li.how_tab a {
background: url("/images/how-tab.png") no-repeat;
display:block;
height:31px;
width:160px;
}

ul#navigation li.how_tab a:hover {
background-position:0px -30px;
}

ul#navigation li.how_tab a.current {
background-position:0px -30px;
}

ul#navigation li.how_tab a span {
display:none;
}

/************ SUPPORT TAB - Removed 18/02/11 JR

ul#navigation li.support_tab a {
background: url("/images/support_tab.png") no-repeat;
display:block;
height:31px;
width:137px;
}

ul#navigation li.support_tab a:hover {
background-position:0px -30px;
}

ul#navigation li.support_tab a.current {
background-position:0px -30px;
}

ul#navigation li.support_tab a span {
display:none;
}
*************/

/************ BLOG TAB *************/

ul#navigation li.blog_tab a {
background: url("/images/blog-tab.png") no-repeat;
display:block;
height:31px;
width:160px;
}

ul#navigation li.blog_tab a:hover {
background-position:0px -30px;
}

ul#navigation li.blog_tab a.current {
background-position:0px -30px;
}

ul#navigation li.blog_tab a span {
display:none;
}

/************ CONTACT TAB *************/

ul#navigation li.contact_tab a {
background: url("/images/contact-tab.png") no-repeat;
display:block;
height:31px;
width:160px;
}

ul#navigation li.contact_tab a:hover {
background-position:0px -30px;
}

ul#navigation li.contact_tab a.current {
background-position:0px -30px;
}

ul#navigation li.contact_tab a span {
display:none;
}

/* ----------- WEB FORMS (JR) ----------- */
#form_container{
width: auto;
padding:14px;
/* border:solid 1px #aacfe4; */
}

#form_container h4{
font-family:verdana,helvetica,arial;
font-weight:bold;
color:#425968;
margin-bottom:20px;
border-bottom:solid 1px #aacfe4;
padding-bottom:10px;
}

#form_container label {
text-align:right;
float:left;
width:20%;
padding-top:10px;
line-height:normal;
}

#form_container input, #form_container textarea {
font-size:14px;
color:#00535d;
padding:4px 2px;
margin:5px 10px 5px 20px;
border:solid 1px #aacfe4;
float:left;
background-color:#ebfaff;
}

.picklistinput{
font-size:14px;
color:#00535d;
padding:3px 0;
margin:5px 10px 5px 20px;
border:solid 1px #aacfe4;
float: left;
background-color:#ebfaff;
}

.form_button {
float:right;
}

/* web form messages */
label#field_message {
text-align:left;
font-style:italic;
width:auto;
}

/* validation summary text */
.valsummary {
padding-bottom:20px;
}

/* hide validation errors from the error summary */
/* there is not an option to turn these off within the ASP control */
.valsummary ul {
display: none;
visibility: hidden;
}

/* ----------- ADD-ONS PAGES (MR) ----------- */

.addon	/* provided purely for F12 support */
{
	display: block;
}

.addon h4
{
	margin-top: 1em;
	margin-bottom: 0em;
}

.addon p.availability
{
	margin-top: 0em;
	margin-bottom: 0.4em;
	color: #848484; 
	font-size: 0.8em;
}

.addon table
{
	border-spacing: 1px;
	margin-bottom: 1em;
}

.addon table th, .addon table td
{
	background-color: #e8e8e8;
	padding: 5px;
}

.addon table th
{
	font-weight: normal;
}

.todo
{
	color: Black;
	background-color: Yellow;
}

.faqfieldvalue:before
{
	content: '\2018';
}
.faqfieldvalue:after
{
	content: '\2019';
}
.faqfieldname, .faqfieldvalue
{
	font-weight: bold;
}

table.progenesis_headed
{
	border-collapse:collapse;
	border:1px solid #97005D;
	margin-bottom: 1em;
}

table.progenesis_headed th, table.progenesis_headed td
{
	padding: 5px;
	border: 1px solid #97005D;
}

table.progenesis_headed th
{
	background-color:#97005D;
	color:#fff;
	font-weight: bold;
}

table.progenesis_headed td
{
	text-align:left;
	vertical-align: top;
	line-height: 1.5em;
}

/* ----------- TUTORIAL PAGES (MR) ----------- */

.zip_filename, .samespots_expt_filename, .lcms_expt_filename, .pdf_filename,
p.previous_step a, p.next_step a
{
	background-color: transparent;
	background-repeat: no-repeat;
}

.zip_filename, .samespots_expt_filename, .lcms_expt_filename, .pdf_filename,
p.previous_step a
{
	background-position: 0% 50%;
	padding: 2px 0px 2px 22px;
}

p.next_step a
{
	background-position: 100% 50%;
	padding: 2px 22px 2px 0px;
}

.zip_filename
{
	background-image: url('/images/zip_file_icon.png');
}

.samespots_expt_filename
{
	background-image: url('/images/samespots_expt_icon.png');
}

.lcms_expt_filename
{
	background-image: url('/images/lc-ms_expt_icon.png');
}

.pdf_filename
{
	background-image: url('/images/pdf_file_icon.png');
}

div.next_and_previous + h2
{
	clear: both;
}

p.previous_step
{
	text-align: left;
}

p.previous_step a
{
	background-image: url('/images/previous_step.png');
}

p.next_step
{
	text-align: right;
}

p.next_step a
{
	background-image: url('/images/next_step.png');
}

.tutorial em
{
	font-style: italic;
}

.tutorial a.fullscreenthumb img
{
	float: right;
	margin: 0px 0px 5px 10px;
}

.tutorial .next_and_previous p.progress
{
	text-align: center;
}

.tutorial .next_and_previous .progress a,
.tutorial .next_and_previous .progress span.current
{
	font-size: 1.33em;
	padding: 0px 3px;
	text-decoration: none;
	color: #00535e;
}

.tutorial .next_and_previous .progress span.current,
.tutorial .next_and_previous .progress a:hover,
.tutorial .next_and_previous .progress a:active
{
	color: #97005C;
}

.tutorial .next_and_previous .progress span.current
{
	cursor: default;
}

.tutorial .next_and_previous table
{
	width: 100%;
	margin-bottom: 1em;
}

.tutorial div.aside
{
	border: 1px solid silver;
	background-color: #ffc;
	padding: 0.75em;
	margin-bottom: 1em;
}
.tutorial div.aside p
{
	margin: 0em;
	margin-bottom: 0.75em;
}
.tutorial div.aside p:first-child
{
	font-weight: bold;
	margin-bottom: 0.25em;
}
.tutorial div.aside p:last-child
{
	margin-bottom: 0em;
}

div.contains_overcaption
{
	position: relative;
}

div.contains_overcaption p.overcaption
{
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 0.5em;
	background-image: url(/images/overcaption_background.png);
	background-repeat: repeat;
	color: White;
	visibility: hidden;
}

div.contains_overcaption:hover p.overcaption
{
	visibility: visible;
}

img.flag-icon
{
	margin-left: 4pt;
	display: inline;
}

img.big_image
{
	background-image: url('/images/big_image_loading.png');
	background-repeat: no-repeat;
	background-position: center center;
}

p.tip
{
    background-color: #ffc;
    border: 1px solid #999;
    padding: 8px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
