/*---------------------------------------------------------------------------------------
[Master Stylesheet]

Project:		ElevateŽ Anterior and Posterior Prolapse Repair System
Website:		www.amselevate.com, www.amselevate.net
Company:		American Medical Systems
Assigned to:	Mike Bateman (mb) mike.bateman@ammd.com
Copyright:  	2008 American Medical Systems, Inc. All rights reserved.
Version:		2.0
Last Change:	2009 Apr 12 [initial build v2, mb]

[Color codes]

Background:		#ffffff (white)
Content:		#333333 (dark gray)
Header h1:		#7f284f (maroon)
Header h2:		#7f284f (maroon)
Header h3:		#333333 (dark gray)

a (standard):	#636363 (medium gray)
a (visited):	#636363 (medium gray)
a (active):		none
a (hover):		#7f284f (maroon)	

Rhodamine Red:	#e51d9b (pink)
PMS 151:		#ff7900 (orange)
Black 6:		#373534 (black)				

--------------------------------------------------------------------------------------- */

@import url("/css/resets.css");
@import url("/css/fieldset-styling-ie.css");
@import url("/css/datepicker.css");
/*@import url("/www.amselevate.com/css/diagnostic.css");*/
/*@import url("/www.amselevate.com/css/diagnostic-ie7.css");*/

div.video-js-box { margin-bottom : 30px; }

html {
font-size:100.01%;
}

body {
background: #fff url("/pix/background.gif") repeat-x;
color: #333;
font-family: "Lucida Grande", Verdana, Geneva, Tahoma, sans-serif;
font-size: 0.75em;
line-height: 1.5em;
margin:0;
padding:0;
}

/* @media only screen and (max-device-width:480px) { body } */
html, body, header, article, article section, footer { position: relative; }
 
/* ** ** Tell the browser to render HTML 5 elements as block ** ** */
header, section, footer, aside, nav, article, figure, figcaption { display: block; }


figure { position: relative; }
 
	figure img, video, object {
		display: block;
		max-width: 100%; }

/* non-inline images in articles: */ /* (ReMarkable will not wrap an `<img>` in `<p>` if it's the only element on the line) */
video	{ 
	display: block; 
	margin: 0 0 20px 0;
	border: none;
	/* width: 100%;  */
	height: auto;
	
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.3);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,.3);
	-o-box-shadow: 0 2px 5px rgba(0,0,0,.3);
	-khtml-box-shadow: 0 2px 5px rgba(0,0,0,.3);
	box-shadow: 0 2px 5px rgba(0,0,0,.3);}

/* ----------------------------------------
	=links 
--------------------------------------- */
a, a:link, a:active {
background: url("/pix/dots-alink.gif") repeat-x 0 100%;
color: #333;
font-weight: bold;
padding: 2px;
text-decoration: none;
}
	
a:focus {
outline: 1px dotted invert;
}

a:visited { /* same */ }

a:hover {
background: url("/pix/solid-alink-hover.gif") repeat-x 0 100%;
}

.posterior a:hover {
background: url("/pix/solid-alink-hover-org.gif") repeat-x 0 100%;
}

/* ----------------------------------------
	=container to center the layout 
--------------------------------------- */
#container {
width: 960px;
margin: 0 auto;
/* */
/*background: url("/www.amselevate.com/pix/grid.gif");*/
}

/* --------------content------------- */
#home #content {
margin: 0 300px 30px 300px;
padding: 0 30px;
}
#home #content, #sub #content { 
}
#home #content h3 {
color: #ff7900;
}

#sub #content {
margin: 0 0 30px 330px;
width: 600px;
}

/* --------------left column------------- */
#left {
float: left;
width: 300px;
margin: 0;
padding: 0;
}

#left h3 {
color: #e51d9b;
}

#sub #left {
float: left;
margin-bottom: 30px;
width: 300px; /*Width of left column*/
}

/* --------------left column navigation------------- */

.box {
border: 1px solid #dfe5e6;
margin: 0;
padding: 0;
}

.inner {
border: 1px solid #fff;
padding: 20px 30px 40px;
}

.list { /* cite: ux magazine */
margin:10px 0px 10px 0px;
border: 1px dotted #ccc;
border-width: 0 0 1px 0;
}
.list a, .adr { 
display: block;
border: 1px dotted #ccc;
border-width: 1px 0 0 0;
margin: 0;
}
.list a { 
padding: 5px 0 5px 17px;
}
.adr { 
padding: 5px 0;
}
.list a:hover {
text-decoration: none; 
border-bottom-width: 0;
}

.anterior .list a, .anterior .list a:hover {
background: url("/pix/pink-bullet.png") no-repeat 0 50%; 
}
.anterior .list a:hover {
background: #fff url("/pix/pink-bullet.png") no-repeat 0 50%; 
color: #e51d9b;
}

.posterior .list a, .posterior .list a:hover {
background: url("/pix/org-bullet.png") no-repeat 0 50%; 
}
.posterior .list a:hover {
background: #fff url("/pix/org-bullet.png") no-repeat 0 50%; 
color: #ff7900;
}

/* --------------right column------------- */
#right {
float: right;
width: 300px;
margin: 0;
padding: 0;
}

/* ----------------------------------------
	=nav 
--------------------------------------- */

#nav {
position: relative; 
margin: 20px 0 20px 30px; 
padding: 0; 
width: 320px; 
height: 80px; 
background: url("/pix/nav.png");
}
#nav li { 
width: 80px; 
height: 80px; 
position: absolute; 
top: 0; 
background: url("/pix/nav.png") 0 0 no-repeat; 
display: block; 
list-style: none; 
text-indent: -9999px;
}
#nav a {
width: 80px; 
height: 80px; 
display: block; 
padding: 0; 
background: none; 
}
#nav a:hover { }

#nav .home {
left: 0; 
}
#nav .anterior {
left: 80px; background-position: -80px 0;
}
#nav .posterior {
left: 160px; background-position: -160px 0;
}
#nav .contact {
left: 240px; 
background-position: -240px 0;
}

#nav .home a:hover, #nav .cur_home {
background: url("/pix/nav.png") 0 -80px no-repeat;
}
#nav .anterior a:hover, #nav .cur_ant {
background: url("/pix/nav.png") -80px -80px no-repeat;
}
#nav .posterior a:hover, #nav .cur_pos {
background: url("/pix/nav.png") -160px -80px no-repeat;
}
#nav .contact a:hover, #nav .cur_cont {
background: url("/pix/nav.png") -240px -80px no-repeat;
}
	
	
/* ----------------------------------------
	=header 
--------------------------------------- */
#header {
background: url("/pix/header-background.gif") no-repeat;
}

#header, #footer {
height: 100px; /*height of header and footer sections */
margin: 0;
padding: 0;
}

#header a, #header a:link, #header a:active, #footer a, #footer a:link, #footer a:active {
color: #999;
}

/* ----------------------------------------
	=footer 
--------------------------------------- */
#footer {
clear: both;
background: url("/pix/footer-background.gif") no-repeat;
}

#footer p {
color: #fff;
font-size: 10px;
line-height: 2em;
}
/* ----------------------------------------
	=divs 
--------------------------------------- */
.ele_logo_main {
float: left;
display: block;
width: 205px;
height: 62px;
margin: 15px 30px;
padding: 0;
border: none;
border-width: 0;
}

.ams_logo_upper, .ams_logo_lower {
float: right;
margin: 0;
}

#footer p, .ams_logo_upper {
padding: 20px 30px;
}

.ams_logo_lower {
padding: 30px;
}

.experience a {
display: block;
float: right;
margin: 43px 20px 0;
width: 216px;
height: 25px;
text-decoration: none;
background: url("/pix/PER3.gif") 0 -2px;
}

.experience a:hover {
background: url("/pix/PER3.gif") 0 -31px;
}

.displace {
position: absolute;
left: -9999px;
}

/* ----------------------------------------
	=headings 
--------------------------------------- */

#home h3 {
font-weight: bold;
margin-top: 10px;
text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
font-weight: normal;
line-height: 1.2em;
}
h1, h2, h3 {
margin-bottom: 20px;
}
h1 {
color: #333;
font-size: 2em; 
}
h2 { 
color: #333;
font-size:1.75em; 
} 
h3 { 
margin-bottom: 0;
font-size:1.25em; 
} 
h4 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em; 
font-style: italic;
line-height: 2em;
}
h5 {
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 0.95em;
font-weight: bold;
}
h6 {
font-size: 0.85;
}

/* -------------- h1 ------------- */
#sub h1 {
height:50px;
margin: 10px 0;
text-indent: -9999px;
}

h1.aboutpink  {
background: url("/pix/about-pink.png") no-repeat;
}
h1.featurespink  {
background: url("/pix/features-pink.png") no-repeat;
}
h1.resultspink  {
background: url("/pix/results-pink.png") no-repeat;
}
h1.procedurepink  {
background: url("/pix/procedure-pink.png") no-repeat;
}
h1.trainingpink  {
background: url("/pix/training-pink.png") no-repeat;
}
h1.patientpink  {
background: url("/pix/patient-pink.png") no-repeat;
}
h1.riskspink  {
background: url("/pix/risks-pink.png") no-repeat;
}
h1.reimbursementpink  {
background: url("/pix/reimbursement-pink.png") no-repeat;
}
h1.aboutorange  {
background: url("/pix/about-org.png") no-repeat;
}
h1.featuresorange  {
background: url("/pix/features-org.png") no-repeat;
}
h1.procedureorange  {
background: url("/pix/procedure-org.png") no-repeat;
}
h1.resultsorange  {
background: url("/pix/results-org.png") no-repeat;
}
h1.trainingorange  {
background: url("/pix/training-org.png") no-repeat;
}
h1.patientorange  {
background: url("/pix/patient-org.png") no-repeat;
}
h1.risksorange  {
background: url("/pix/risks-org.png") no-repeat;
}
h1.reimbursementorange  {
background: url("/pix/reimbursement-org.png") no-repeat;
}
h1.contactams  {
background: url("/pix/contact-ams.png") no-repeat;
}
h1.contactdetails  {
background: url("/pix/contact-details.png") no-repeat;
}
h1.auth  {
background: url("/pix/401.png") no-repeat;
}
h1.access  {
background: url("/pix/403.png") no-repeat;
}
h1.page  {
background: url("/pix/404.png") no-repeat;
}
h1.server  {
background: url("/pix/500.png") no-repeat;
}
h1.reporting  {
background: url("/pix/experience-reporting.png") no-repeat;
}

h1.wh_newsletter  {
background : url("/pix/elevate_h1_wh_newsletter.png") no-repeat; }

/* -------------- h3 ------------- */
#sub h3 {
margin: 0;
text-indent: -9999px;
}

h3.intepink, h3.graftorg, h3.followupPink, h3.followupOrg, h3.anVidPink, h3.surVidPink, h3.surVidPink2, h3.surVidPink3 {
height:25px;
}
h3.intepink  {
background: url("/pix/inte-pink.png") no-repeat;
}
h3.graftorg  {
background: url("/pix/graft.png") no-repeat;
}
h3.navpink, h3.navorange, h3.navams  {
height:50px;
}
h3.navpink  {
background: url("/pix/nav-pink.png") no-repeat;
}
h3.navorange {
background: url("/pix/nav-orange.png") no-repeat;
}
h3.navams {
background: url("/pix/ams-international.png") no-repeat;
}

h3.followupPink  {
background: url("/pix/followup-pink.png") no-repeat;
}
h3.followupOrg  {
background: url("/pix/followup-org.png") no-repeat;
}

h3.anVidPink  {
background: url("/pix/elevate_h3_ant_an.png") no-repeat;
}

h3.surVidPink  {
background: url("/pix/elevate_h3_ant_sur.png") no-repeat;
}

h3.surVidPink2  {
background: url("/pix/elevate_h3_ant_sur2.png") no-repeat;
}

h3.surVidPink3  {
background: url("/pix/elevate_h3_ant_sur3.png") no-repeat;
}

/* ----------------------------------------
	=lists 
--------------------------------------- */
#content ol, #content ul {
line-height: 1.7em;
}
#content ol {
list-style: decimal;
}
#content ul {
list-style-type: none;
}

#content li, .anterior #left li, .posterior #left li {
padding-left: 20px;
margin-left: 10px;
}
.anterior #left li {
background: url("/pix/pink-bullet.png") no-repeat 0 0.25em;
}
.posterior #left li {
background: url("/pix/pink-bullet.png") no-repeat 0 0.25em;
}

#content li.pdf {
background: url("/pix/file_acrobat.gif") no-repeat 0 50%;
list-style-type: none;
margin-left: 0;
}

.anterior li a, .anterior li a:link, li .anterior a:active {
color: #e51d9b;
}

.posterior li a, .posterior li a:link, li .posterior a:active {
color: #ff7900;
}

/* featured =cite dan cederholm of http://www.simplebits.com/ */
dl.featured { 
clear: left; 
margin: 0 0 2em; 
padding: 0; 
overflow: auto; 
}
dl.last {
margin-bottom: 0;
}
dl.featured dt { 
margin: 0; 
padding: 0; 
float: left;
display: block;
margin: 0 20px 0 0;
padding: 0;
}
dl.featured dd strong {
color: #686663;
font-size: 1.15em;
}
dl.featured dd {
margin-bottom: 20px;
}

/* ----------------------------------------
	=contact form 
--------------------------------------- */
#contactform form {
	margin: 0;
	padding: 0;
	}
#contactform input.text {
	padding: 2px; 
	vertical-align: middle
	}
#repname, #patname, #phyname, #city, #serial, #pname {
	width: 200px;
	}
#contactform fieldset, #contactform fieldset.request, #contactform fieldset.submit { 
	margin: 1em 0;
	}
#contactform legend { }
#contactform label {  
	float: left;  
	width: 12em; 
	margin: 0;
	/*margin-right: 1em;*/  
	/*text-align: right;*/ 
	}
p.indent {
	margin-left: 20px;
	}
/* show/hide */
a.helpLink, a.helpLink:link {
	cursor: help;
	}
a.helpLink:active, a.helpLink:focus, a.helpLink:hover { }
a.helpLink:visited {
	color: #020;
	}

/* --- stacked form --- */
.form-stacked form {
margin-bottom : 1.5em; }

.form-stacked fieldset {
margin-bottom : 1.5em;
padding-top : 18px; }

.form-stacked fieldset legend {
display : block;
font-size : 1.25em;
line-height : 1;
color : #00539f;
font-weight: bold;
margin-bottom: .5em; }

.form-stacked fieldset {
margin-bottom : 1.5em;
padding : 9px 0 0 0;
border : none; }
 
.form-stacked legend { 
padding : 4px 0; }
 
.form-stacked label {
display : block;
float : none;
width : auto;
font-weight : bold;
text-align : left;
line-height : 20px;
padding-top : 0;
padding-bottom : 4px; }
 
.form-stacked .clearfix { 
margin-bottom : 9px; }
 
.form-stacked .clearfix div.input { 
margin-left : 0; }
 
.form-stacked .inputs-list { 
margin-bottom : 0; }
 
.form-stacked .inputs-list li { 
padding-top : 0; }
 
.form-stacked .inputs-list li label {
font-weight : normal;
padding-top : 0;
display : inline; }
 
.form-stacked div.clearfix.required {
padding-top : 10px;
padding-bottom : 10px;
padding-left : 10px;
margin-top : 0;
margin-left : -10px; }
 
.form-stacked .actions {
margin-left : -20px;
padding-left : 20px; }

/* --- Text input and textarea sizes --- */
input.six.columns, 
textarea.six.columns, 
select.six.columns {
display : inline-block;
float : none;
width : 47.8%;
margin-left : 0; }
 /* @end */

/* ----------------------------------------
	=miscellaneous 
--------------------------------------- */
p { 
line-height: 1.7em;
padding: 1em 0;
margin: 0;
}

sup {
vertical-align: super;
font-size: 0.85em;
}

.pink {
color: #e51d9b;
}

.orange {
color: #ff7900;
}

.red {
color: #c30;
}

p.tagline {
background: url("/pix/tagline.png") no-repeat;
height:132px;
margin: 0;
text-indent: -9999px;
}

a.image , a:link.image , a:visited.image , a:active.image, a:hover.image {
background-image: none;
}

/* --- newsletter --- */
.anterior #left div.sec-nav {
margin : 2em 0;
padding : 0;
/* padding: 10px 20px 30px 20px; */
background-color : #efefef;
/* background: #EEE url("/www.amsjapaninc.co.jp/dev/images/sec-header.gif") repeat-x; */
border : 1px solid #e0e4e5;
-moz-box-shadow : inset 0 0 1px 1px #fff;
-webkit-box-shadow : inset 0 0 1px 1px #fff;
box-shadow : inner 0 0 1px 1px #fff; }

.anterior #left div.sec-nav h6 {
margin : 0;
padding : 10px 20px;
font-size : 1.1em;
font-weight : bold;
text-transform : uppercase;
letter-spacing : 2px;
color : #fefefe;
text-shadow : 0 1px 0 rgba(0, 0, 0, .5);
background-color : #d10485;
background-image : -webkit-gradient(linear, left top, left bottom, from(#d10485), to(#4a1e35)); /* Saf4+, Chrome */
background-image : -webkit-linear-gradient(top, #d10485, #4a1e35); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image :    -moz-linear-gradient(top, #d10485, #4a1e35); /* FF3.6 */
background-image :     -ms-linear-gradient(top, #d10485, #4a1e35); /* IE10 */
background-image :      -o-linear-gradient(top, #d10485, #4a1e35); /* Opera 11.10+ */
background-image :         linear-gradient(top, #d10485, #4a1e35);
filter : progid:DXImageTransform.Microsoft.gradient(startColorStr='#d10485', EndColorStr='#4a1e35'); /* IE6-IE9 */ }

.anterior #left ul.sec-nav-data {
list-style-type : none;
padding : 10px 20px 20px 10px; }

.anterior #left ul.sec-nav-data li {
list-style-type : none;
margin-bottom : 8px;
padding : 0;
font-size : 1em;
line-height : 1.6;
font-weight : normal;
background : none; }

.posterior #left div.sec-nav {
margin : 2em 0;
padding : 0;
/* padding: 10px 20px 30px 20px; */
background-color : #efefef;
/* background: #EEE url("/www.amsjapaninc.co.jp/dev/images/sec-header.gif") repeat-x; */
border : 1px solid #e0e4e5;
-moz-box-shadow : inset 0 0 1px 1px #fff;
-webkit-box-shadow : inset 0 0 1px 1px #fff;
box-shadow : inner 0 0 1px 1px #fff; }

.posterior #left div.sec-nav h6 {
margin : 0;
padding : 10px 20px;
font-size : 1.1em;
font-weight : bold;
text-transform : uppercase;
letter-spacing : 2px;
color : #fefefe;
text-shadow : 0 1px 0 rgba(0, 0, 0, .5);
background-color : #d97225;
background-image : -webkit-gradient(linear, left top, left bottom, from(#d97225), to(#26120b)); /* Saf4+, Chrome */
background-image : -webkit-linear-gradient(top, #d97225, #26120b); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image :    -moz-linear-gradient(top, #d97225, #26120b); /* FF3.6 */
background-image :     -ms-linear-gradient(top, #d97225, #26120b); /* IE10 */
background-image :      -o-linear-gradient(top, #d97225, #26120b); /* Opera 11.10+ */
background-image :         linear-gradient(top, #d97225, #26120b);
filter : progid:DXImageTransform.Microsoft.gradient(startColorStr='#d97225', EndColorStr='#26120b'); /* IE6-IE9 */ }

.posterior #left ul.sec-nav-data {
list-style-type : none;
padding : 10px 20px 20px 10px; }

.posterior #left ul.sec-nav-data li {
list-style-type : none;
margin-bottom : 8px;
padding : 0;
font-size : 1em;
line-height : 1.6;
font-weight : normal;
background : none; }

.anterior #left div.sec-nav p, 
.posterior #left div.sec-nav p {
padding : 0 20px 10px; }	

/* ----------------------------------------
	=IE hacks 
--------------------------------------- */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
	background: none;
	border: 0; 
	clear: both; 
	display: block;
	float: none; font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	}
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
	}
.clearfix {
	display: inline-block;
	}
* html .clearfix, * html #wrap, * html #left, * html #content {
	height: 1%;
	margin-left: 0;
	}
.clearfix {
	display: block;
	}
* html #home #content {
	padding: 0 27px;
	p\adding: 0 27px;
	}

* html #sub #content, * html #sub #content {
	height: 1%;
	margin-left: 327px;
	}