@media print {
  .printdiv {
    width: 1500px;
    height: 1200px;
  }
  .topinnerbackleft {
      visibility: hidden;
  }
}


/* CSS Document */


@font-face {
 font-family:ArialRounded;
 src: url("/osi-toric/fonts/ARLRDBD.eot") /* EOT file for IE */;
 src: url("/osi-toric/fonts/ARLRDBD.TTF") /* TTF file for CSS3 browsers */;
 
}

*{
	margin:0px auto;
	padding:0px;
}

body{
	background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

.maincountainer{
	width:960px;
	margin:0px auto;
}
.countainer{
	width:960px;
	float:left;
	margin:0px auto;
}
.headermain{
	width:960px;
	float:left;
}
.logo{
	float: left;
        height: 100px;
        margin: 10px 26px 0;
        width: 229px;
}
.maininner{
	width:960px;
	float:left;
	margin:15px 0;
}
.innerleftside{
	width:397px;
	float:left;
	padding:0 5px;
}
.innermainleftback{
	width:397px;
	float:left;
	position:relative;
	margin:0 0 10px 0;
}
.innerleftback{
	width:397px;
	float:left;
	background:url(../img/innerleftblue.png) no-repeat;
	height:73px;
	position:absolute;
	z-index:1; 
	top:12px;
	
}



.calculationback{
	width:397px;
	float:left;
	background:url(../img/calculationback.png) no-repeat;
	height:61px;
	position:absolute;
	z-index:1; 
	top:12px;
}

.calculationtext{
	width:397px;
	font-family:ArialRounded;
	font-size:22px;
	line-height:22px;
	color:#FFFFFF;
	text-align:center;
	text-shadow: 1px 1px #333333;
	padding:13px 0;

}

.calculationinnermainleft{
	width:346px;
	background:#efeeee;
	border:1px solid #dddddd;
	float:left;
	padding:60px 10px 0 10px;
	margin:0 15px;
	position:relative;
	top:0;
}

.calculationinnerback{
	width:346px;
	background:#efeeee;
	border:1px solid #dddddd;
	float:left;
	padding:75px 10px 0 10px;
	margin:0 15px;
	position:relative;
	top:0;
}

.innermainleft{
	width:346px;
	background:#efeeee;
	border:1px solid #dddddd;
	float:left;
	padding:88px 10px 0 10px;
	margin:0 15px;
	position:relative;
	top:0;
}



.headdingtext{
	width:397px;
	font-family:ArialRounded;
	font-size:22px;
	line-height:22px;
	color:#FFFFFF;
	text-align:center;
	text-shadow: 1px 1px #333333;
	margin:10px 0 0 0;

}
.headdinginnertext{
	width:397px;
	font-family:Arial;
	font-size:14px;
	line-height:25px;
	color:#FFFFFF;
	text-align:center;

}
.mainformback{
	width:346px;
	float:left;
	margin:0 0 13px 0;
}
.inputmaintext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3a3e3f;
	text-align:left;
	width:238px;
	float:left;
	padding:7px 0;
}
.innerinput input{
	width:100px;
	height:28px;
	float:left;
	padding:0 3px;
	border:1px solid #cccccc;
}

.innerinput select{
	width:108px;
	height:28px;
	float:left;
	padding:2px 2px;
	border:1px solid #cccccc;
}


.innerinput [type="button"]{
	width:108px;
	height:35px;
	float:left;
	padding:0;
	text-align:center;
	font-family:Arial;
	background:#644fa1;
	color:#FFFFFF;
	border:1px solid #644fa1;
}

.innerrightsidemain{
	width:544px;
	float:right;
	margin:0 5px 0 4px;
}

.innerrightsiteback{
	width:542px;
	float:left;
	background:#efeeee;
	border:1px solid #dddddd;
	padding:0px 0;
}

.innerinputright select{
	width:126px;
	height:26px;
	float:right;
	padding:2px 2px;
	margin:20px 3px 20px 0;
	border:1px solid #cccccc;
}

.steepaxismainback{
	width:542px;
	margin:0 0 15px 0;
	float:right;
}

.steepaxis{
	width:100px;
	margin:15px 0 0 20px;
	float:left;
	font-size:11px;
	color:#333333;
	background:url(../img/steep.png) no-repeat left center;
	padding:0 0 0 60px;
}

.flataxis{
	width:90px;
	margin:15px 0 0 20px;
	float:left;
	font-size:11px;
	color:#333333;
	background:url(../img/flataxis.png) no-repeat left center;
	padding:0 0 0 70px;
}

.incision{
	width:90px;
	margin:15px 0 0 20px;
	float:left;
	font-size:11px;
	color:#333333;
	background:url(../img/incision.png) no-repeat left center;
	padding:0 0 0 70px;
}

.iolback{
	width:960px;
	float:left;
	background:url(../img/iolselaction.png) repeat-x;
	height:41px;
}

.iolselectiontext{
	font-family:ArialRounded;
	font-size:22px;
	line-height:22px;
	color:#FFFFFF;
	text-align:left;
	text-shadow: 1px 1px #333333;
	margin:0 0 0 0px;
	padding:10px 0 9px 30px;

}
.iolselectiontext span{
	font-family:ArialRounded;
	font-size:18px;
	line-height:22px;
	color:#000;
	text-align:left;
	margin:0 0 0 0px;
	padding:10px 0 9px 2px;

}
.under_overtext{
	width:930px;
	float:left;
	padding:10px 15px;
}
.undercorrection{
	float:left;
	font-size:18px;
	color:#3e3e3e;
	font-family:ArialRounded;
	text-align:left;
	padding:
}
.overcorrection{
	float:right;
	font-size:18px;
	color:#3e3e3e;
	font-family:ArialRounded;
	text-align:right;
}
.mainoptionback{
	margin: 0 0 10px 157px;
        padding: 0 6px;
        width: 640px;
}
.optionback{
	width:300px;
	float:left;
	border:1px solid #dddddd;
	background:#efeeee;
	margin:0 7px 0 7px;
}
.optioninnerback{
	width:300px;
	float:left;
	background:url(../img/optionback.png) no-repeat;
	height:36px;
	text-align:center;
	padding:15px 0;
	font-family:ArialRounded;
	font-size:22px;
	text-shadow: 1px 1px #333333;
	color:#FFFFFF;
        margin-bottom: 15px;
}
.Residualtext{
	font-family:Arial;
	text-align:left;
	float:left;
	color:#333333;
	font-size:16px;
	font-weight:bold;
	padding:0px 0 0 16px;
        margin-right: 12px;
}

.optioninner{
	width:285px;
	float:left;
	margin:7px 0 0 0;
}
.optioninnermain{
	width:285px;
	float:left;
	padding:0 0 0 15px;
}

.optioninputtext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3a3e3f;
	text-align:left;
	width:185px;
	float:left;
	padding:7px 0;
}
.optioninput input{
	width:80px;
	height:28px;
	float:left;
	padding:0 3px;
	border:none;
	background:none;
}

.optioninput [type="button"]{
	width:80px;
	height:30px;
	float:right;
	padding:0;
	text-align:center;
	font-family:Arial;
	font-size:14px;
	background:url(../img/selectbtn.png) repeat-x;
	margin:0 10px 10px 0;
	color:#FFFFFF;
	border:1px solid #5e5e5e; 
}

.selectbtn a{
	width:80px;
	height:16px;
	float:right;
	padding:7px 0;
	text-align:center;
	font-family:Arial;
	font-size:14px;
	background:url(../img/selectbtn.png) repeat-x;
	margin:5px 10px 10px 0;
	color:#FFFFFF;
	text-decoration:none;
	border:1px solid #5e5e5e; 
}



/*---------------------------Start Surgical Plan Page------------------*/
.surgicaltext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3a3e3f;
	text-align:left;
	width:346px;
	float:left;
	padding:7px 0;
}

.surgicalinput input{
	width:340px;
	height:28px;
	float:left;
	padding:0 3px;
	border:1px solid #cccccc;
}

.surgicalmainformback{
	width:346px;
	float:left;
	margin:0 0 10px 0;
}

.patientmainnback{
	width:200px; 
	float:left; 
	margin-right:10px;
}
.patienttext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3a3e3f;
	float:left;
	padding:7px 0;
}

.patientinput input{
	border: 1px solid #CCCCCC;
        float: left;
        height: 28px;
        padding: 0 3px;
        width: 340px;
	
}

.dobmainback{
	width:136px; 
	float:left;
}

.dobinput input{
	border: 1px solid #CCCCCC;
        float: left;
        height: 28px;
        padding: 0 3px;
        width: 340px;
}

.dobinput select{
	width: 340px;
	height:28px;
	float:left;
	padding:2px 2px;
	border:1px solid #cccccc;
	
}
.selectedmainback{
	width:186px;
	border:1px solid #c3c3c3;
	float:left;
	margin:10px 5px 0 5px;
	}
.selectediolback{
	width:186px;
	float:left;
	background:url(../img/iolselaction.png) repeat-x;
	height:41px;

}
.selectedioltext{
	font-family:ArialRounded;
	font-size:18px;
	line-height:22px;
	color:#FFFFFF;
	text-align:center;
	text-shadow: 1px 1px #333333;
	margin:0 0 0 0px;
	padding:10px 0 9px 0px;

}
.selectedinnermain{
	width:173px;
	float:left;
	padding:0 0 0 5px;
}
.selectedinner{
	width:180px;
	float:left;
	margin:7px 0 0 0;
}


.selectedinputtext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3a3e3f;
	text-align:left;
	width: 90px;
	float:left;
	padding:7px 0;
        font-weight: bold;
}

.selectedinput select{
	width:78px;
	height:28px;
	float:left;
	padding:2px 2px;
	border:none;
	background:none;
	border:1px solid #c3c3c3;	
	margin:0 0 0 0px;
}
.selectedinput input{
	width:55px;
	height:28px;
	float:left;
	padding:0 2px;
	border:none;
	border-bottom:1px solid #c3c3c3;
	background:none;
	margin:0 0 0 5px;
	color:#644fa1;
	
}

.calculationresultback{
	width:542px;
	float:left;
	background:#efeeee;
	border:1px solid #dddddd;
	padding:0 0 10px 0px;
	margin:10px 0 0 0;
}

.calculationresultinnerback{
	width:542px;
	float:left;
	background:url(../img/iolselaction.png) repeat-x;
	height:41px;

}

.calculationinnermain{
	width:537px;
	float:left;
	padding:0 0 0 5px;
}

.calculationinner{
	width:537px;
	float:left;
	margin:7px 0 0 0;
}

.calculationinputtext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3a3e3f;
	text-align:left;
	width:350px;
	float:left;
	padding:7px 0;
        font-weight: bold;
}

.calculationinput input{
	width:150px;
	height:28px;
	float:left;
	padding:0 2px;
	border:none;
	border-bottom:1px solid #c3c3c3;
	background:none;
	margin:0 0 0 5px;
	color:#644fa1;
        text-align: center;
	
}
.Printsurgicalplanbtn a{
	width:190px;
	float:left;
	background:#644fa1;
	text-align:center;
	font-family:Arial;
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none;
	padding:7px 5px;
}
.Printsurgicalplanbtn a:hover{
	background:#84c225;
	color:#FFFFFF;

}
.newcalculation a{
	width:190px;
	float:right;
	background:#644fa1;
	text-align:center;
	font-family:Arial;
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none;
	padding:7px 5px;
}
.newcalculation a:hover{
	background:#84c225;
	color:#FFFFFF;
}

/*---------------------------End Surgical Plan Page------------------*/

/*------------start extra-------------*/

.new {
    background: none no-repeat scroll left center transparent;
    color: #333333;
    float: left;
    font-size: 14px;
    margin: 15px 0;
    padding: 0 0 0 16px;
    width: 100px;
}
/*--------------end extra-----------*/

/*---------------------------Start Print Pqge Page------------------*/
.Printmainback{
	float: left;
        width: 960px;
        margin-bottom: 5px;
}
.printeye{
	width:960px;
	height:579px;
	float:left;
	margin:10px 0 0 0;
	background:url(../img/eye_final_960_lefteye.png) no-repeat;
	
}

.printleftside{
	width:450px;
	float:left;
	position:relative;
	margin:0 15px 0 15px;
}

.printinnermainback{
	width:448px;
	border:1px solid #c3c3c3;
	float:left;
	}
.printback{
	width:450px;
	float:left;
	background:url(../img/printmain.png) no-repeat;
	height:61px;
	position:absolute;
	z-index:1; 
	/*top:12px;*/
}

.printinnerback{
	width:399px;
	/*background:#efeeee;*/
	border:1px solid #dddddd;
	float:left;
	padding:60px 10px 10px 10px;
	margin:0 15px;
	position:relative;
	top:0;
}
.printinnerinside{
	width:394px;
	float:left;
	padding:0 0 0 5px;
}
.printoptioninner{
	width:394px;
	float:left;
}
.printinputtext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#3a3e3f;
	text-align:left;
	width:250px;
	float:left;
        font-weight: bold;
}
.printinput select{
	width:139px;
	height:28px;
	float:left;
	padding:2px 2px;
	border:none;
	background:#FFFFFF;
	border:1px solid #c3c3c3;	
	margin:0 0 0 5px;
}
.printinput input{
	width:134px;
	height:24px;
	float:left;
	border:none;
	border-bottom:1px solid #c3c3c3;
	background:none;
	margin:0 0 0 5px;
	color:#644fa1;
	font-weight: bold;
}

.printinput span input{
	width:134px;
	height:28px;
	float:left;
	padding:0 2px;
	border:none;
	border-bottom:1px solid #c3c3c3;
	background:none;
	margin:0 0 0 5px;
	color:#644fa1;
	font-weight:bold;
	
}

.printbottom{
	width:930px;
	float:left;
	position:relative;
	margin:0 15px 0 15px;
}
.printinnerbottomback{
	width:930px;
	/*background:#efeeee;*/
	border:1px solid #dddddd;
	float:left;
	margin:0 ;
	position:relative;
	top:0;
}

.printresultback{
	width:910px;
	float:left;
	background:url(../img/iolselaction.png) repeat-x;
	height:21px;
	font-family:ArialRounded;
	font-size:18px;
	line-height:22px;
	color:#FFFFFF;
	text-align:left;
	text-shadow: 1px 1px #333333;
	padding:10px 10px;

}
.printcalculationinner{
	width:910px;
	float:left;
	margin:7px 0 3px 0;
}
.printcalculationoptioninner{
	width:910px;
	float:left;
}
.printinputboldtext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#3a3e3f;
	text-align:left;
	width:400px;
	float:left;
	padding: 0 10px;
}
.printimgbottom{
	width:960px;
	float:left;
	padding:0 0 10px 0;	
	background:#EFEEEE;
}

.iolaxis{
	width:100px;
	margin:15px 0 0 20px;
	float:left;
	font-size:14px;
	color:#333333;
	background:url(../img/steep.png) no-repeat left center;
	padding:0 0 0 60px;
}

.incisionlocation{
	width:150px;
	margin:15px 0 0 20px;
	float:left;
	font-size:14px;
	color:#333333;
	background:url(../img/inclocation.png) no-repeat left center;
	padding:0 0 0 40px;
}

/*---------------------------End Print Pqge Page------------------*/
.innerinputrightimg{
	width:510px;
	 height:522px;
	 float:left;
	 margin:0 16px;
	 background:url(../img/eye.png) no-repeat;
	 position:relative;
}
.smallmeterimg{
	position:absolute;
	
}
.smalllens{
	position:absolute;
	z-index:1;	
}
.smalll_blue_line {
        position:absolute;
	z-index:2;
}
.small_red_line {
        position:absolute;
	z-index:3;
}
.small_inc_loc {
        position:absolute;
	z-index:4;
}
#small_eye_blueline {
    display: none;
}
#small_eye_redline {
    display: none;
}
#small_eye_inc_loc {
    display: none;
}
#small_eye_lens
{
    display: none;
}
#small_eye_meter
{
    display: none;
}
.bigmeterimg{
	position:absolute;
	
}
.biglens{
	position:absolute;
	z-index:1;
	
}
.big_line {
	position:absolute;
	z-index:2;
}
.big_inc_loc {
	position:absolute;
	z-index:3;
}
.maintop{
width:100%;
float:left;
}
.topinnerbackleft{
width:200px;
float:left;
margin:10px 0 0 0;
}
.topinnerright{
width:760px;
float:left;
margin:10px 0 0 0;
}
.newcalculationbtn a{
width:190px;
float:left;
background:#644fa1;
text-align:center;
font-family:ArialRounded;
font-size:17px;
color:#FFFFFF;
margin:0 0 5px 0;
text-decoration:none;
padding:5px 5px;
position: absolute;
z-index: 5;
}
.newcalculationbtn a:hover{
background:#84c225;
color:#FFFFFF;

}

.returntosurgical a{
width:190px;
float:right;
background:#644fa1;
text-align:center;
font-family:ArialRounded;
font-size:17px;
color:#FFFFFF;
text-decoration:none;
padding:5px 5px;
position: absolute;
z-index: 5;
}
.returntosurgical a:hover{
background:#84c225;
color:#FFFFFF;
}
.examtext{
font-family:ArialRounded;
font-size:18px;
color:#333333;
width:200px;
float:right;
margin:25px 0 0 0;
}