@charset "utf-8";

/*        Dakota Eye CSS.                                      
************************************************************************/

/* Reset
------------------------------------------------------------------------------------------------------------*/
* {margin: 0 0 0 0; padding: 0 0 0 0;} 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, outline {
  margin: 0 0 0 0; padding: 0 0 0 0; border: 0 0 0 0; outline: 0 0 0 0; font-size: 100%;}
  
/* Page Structure
------------------------------------------------------------------------------------------------------------*/

body { color: #333;	font-size:100%;	line-height:1.125em; /* 16x1.125=18px */ font-family: Verdana, Tahoma, Arial, sans-serif;
	margin: 0; padding: 0; text-align: center;
	background-image: url(/templates/assets/img/bg.jpg); background-repeat: no-repeat; background-color:#0c4c94; background-position:0px -60px;}

#container {width: 960px; margin: 30px auto 30px auto; text-align: left; /* this overrides text-align:center on the body */} 
#header {background:url(/image/cache/dei_header_right_bg.png) right top; width: 960px; height: 130px;	background-repeat:no-repeat;} 
#headermainnav {width: 600px; height:30px; float:right; padding-left:40px;}
#feature {width: 960px; height: 210px;}  
#innercontainer {width:960px; margin:0; padding:0; background-color:#fff; background-image:url(../assets/img/innerbg.png);
	background-repeat:repeat;}	
#sidebar {
	float: left;
	width: 320px;
	padding: 0 0px 10px 0px;
	min-height:700px;
	height:auto;
	background-image:url(../assets/img/sidebg.png);
	background-repeat:repeat;
	background-color:#fff;
}
#mainContent { margin: 0 0 0 320px; padding: 10px 10px 0 40px; background: #fff; background-image:url(/templates/assets/img/contentbg.jpg); background-repeat:no-repeat;} 
#sidenav {width: 240px; padding: 0 40px 0 40px;} /*container for links */
#footer {
	width: 940px;
	height: 50px;
	padding: 0 10px;
	clear:both;
	background-image: url(/templates/assets/img/footerbg.png);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #01286d;
} 


/* animation Page Structure 
----------------------------*/
.animation #mainContent { margin: 0 0 0 300px; padding: 10px 0px 0px 0px; background: #fff; background-image:url(/templates/assets/img/contentbg.jpg); background-repeat:repeat-x;} 
.animation #sidebar {
	float: left;
	width: 300px;
	padding: 0 0px 10px 0px;
	height:700px;
	background-image: url(../assets/img/sidebg.png);
	background-repeat:repeat;
	background-color:#fff;
	background-position: -20px;
}
.animation #sidenav {width: 240px; padding: 0 30px 0 30px;} /*container for links */
.animation #breadcrumbs {width:590px; height:15px; padding:5px 10px; font-size: 0.65em; /* 16x0.65=14px */	margin: .5em 0 0 0; /* 14x1.286=18px */ text-transform:uppercase; }
iframe {margin-left:5px;}

#tdeonline {
  margin:50px auto;
  width:402px;
}

/* Type Styles, Link styles, classes
*********************************************************************/
	
#mainContent a:link {color: #1d5fa1; text-decoration:none;}     /* unvisited link */
#mainContent a:visited {color: #1d5fa1; text-decoration:none;}  /* visited link */
#mainContent a:hover {color: #006eb1; text-decoration:underline;}   /* mouse over link */
#mainContent a:active {color: #006eb1}   /* selected link */  
#mainContent ul {font-size:.875em; margin-left:20px;}

h1, h2, h3 {font-weight:bold; color:#1d5fa1;}
h1 {font-size: 1.375em; /* 16x1.375=22px */	line-height: 1.636em;/* 16x1.636=36px */ }
h2 {font-size: 1.125em; /* 16x1.125=18px */ line-height: 1.125em;}
h3 {font-size: 1.0em; /* 16x1=16px */       line-height: 1em;}
p {	font-size: 0.875em; /* 16x0.875=14px */	margin: 1em 0 1.286em 0; /* 14x1.286=18px */}

.logo {float:left; width:320px; border:none;}
.whoweare {float:right; width:560px; padding:15px 40px 0px 40px; margin-top:28px; font-size: 0.875em; font-style:italic; color:#006eb1;}
.featureimg_r {float:right; width:640px;}
.featureimg_l {float:left; width:320px;}
.lighter { color: #42a7e5;}

.footerparagraph {text-align: left; margin: 0 0 0 360px; width:580px; height:19px; padding: 0; font-size: 0.625em;} /* 16x0.625=10px */
.mainp {padding-right:40px; font-size:.875em;} /* for Main content paragraphs to add padding on right side */

#news_box {width:540px;}
.news_titlelist {list-style:none;}
.news_titlelist a {padding-left:10px; font-size:1em; line-height: 1em; color:#000; text-decoration:none; font-weight:normal; margin-bottom:5px;}
.news_titlelist a:hover {padding-left:10px; font-size: 1em; line-height: 1em; color:#7fb6c5; margin-bottom:5px;}
.splitleft {padding: 0 5px; font-size: .65em;}
.splitright {padding: 0 5px; font-size: .65em;}

#breadcrumbs {width:590px; height:15px; padding:5px 0; font-size: 0.65em; /* 16x0.65=14px */ margin: .5em 0 0 0; /* 14x1.286=18px */ text-transform:uppercase; }

.fltrt {float: right;	margin-left: 8px;}
.fltlft { float: left;	margin-right: 8px;}
.clearfloat {clear:both;    height:0;    font-size: 1px;    line-height: 0px;}

#testimonial {width:600px; float:left; }
#testimonial a {border:none;}
#testimonial a:hover {border:none;}
#testimonial a:visited {border:none;}
#testimonial img {border:none;}

/* Header Navigation
**********************************************************************/
 #header a {color: #006eb1; font-weight:bold; font-family: Verdana, Tahoma, Arial, sans-serif; 
font-size: .95em; text-align:center; text-decoration: none;}
 #header a:hover { color: #006eb1; font-weight:bold; text-decoration:underline;}
 #header ul { /* all lists */ padding: 0px 5px 0 0;list-style: none;} 
 #header ul li {/* all list items */float: left; position: relative; padding-right:40px; }

/* Footer Navigation
**********************************************************************/
#footer a {color: #000000/*#f04a26*/; font-weight:normal; font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif; 
font-size: 1em; /* 16x.625=10px */ text-align:left; text-decoration: none;}
#footer a:hover { color: #000; font-weight:normal; text-decoration: underline;}
#footer ul { /* all lists */ padding: 15px 20px 0 40px;list-style: none;} 
#footer ul li {/* all list items */float: left; position: relative; padding-right:10px}
#footer li ul { /* second-level lists */ display: none;}


/* Javascript Specials
************************/
.SlidingPanelsAnimating * {	overflow: hidden !important;}
.SlidingPanelsCurrentPanel {}
.SlidingPanelsFocused {}

/* Docs Sliding Panels
************************/
.docSP {position: relative;	width: 410px;	height: 640px;	padding: 0px;	border: none; float:left;} /* .SlidingPanels */
.docSPCG { position: relative; width: 400px; margin: 0px;	padding: 0px;border: none; background-image: url(/templates/assets/img/physician/bg_panel.png); /* .SlidingPanelsContentGroup */}
.docSPC{ width: 390px;	height: 640px;	overflow: hidden;	margin: 0px;	padding: 0px;	border: none;} /* SlidingPanelsContent */
#p_intro {padding:10px 0px 0px 20px;}
#p_fortney {padding:10px 0px 0px 20px;}
#p_grube {padding:10px 0px 0px 20px;}
#p_hilts {padding:10px 0px 0px 20px;}
#p_litchfield {padding:10px 0px 0px 20px;}
#p_volk {padding:10px 0px 0px 20px;}
#p_balliet {padding:10px 0px 0px 20px;}
#p_bbeattie {padding:10px 0px 0px 20px;}
#p_sbeattie {padding:10px 0px 0px 20px;}
#p_otteson {padding:10px 0px 0px 20px;}
#p_samson {padding:10px 0px 0px 20px;}
#p_springan {padding:10px 0px 0px 20px;}
#p_ranum {padding:10px 0px 0px 20px;}
#p_fields {padding:10px 0px 0px 20px;}
#p_enderle {padding:10px 0px 0px 20px;}
#docbiopanel { width:600px;	height:560px; padding: 0px 0px 0px 0px;	float:left;} /* content here */
#docimages { width:185px; position:relative; float:left; padding-top:2px; } /* div for images */
#docimages a { border:none;}
#docimages img {margin:0px -3px -5px -3px;} 
#docbiopanel p {font-size:.875em; line-height:1.4em; width:340px;}
#docbiopanel h1 {font-size:1.2em; line-height:1.2em; } 
.plist { padding-left:20px; font-size:.80em; line-height:1.2em; list-style:square;}
#docbiopanel .widepanel {font-size:.80em; line-height:1.2em; width:480px;}

/* Optical Sliding Panels Content 
*********************************/
#opticalpanel { width:600px; height:800px; padding: 0px 0px 0px 0px; float:left;} /* content here */
#opticalpanel p {width:500px;}
.opticalSP {position: relative;	width: 600px; height: 770px; padding: 0px;	border: none; float:left;} /* .SlidingPanels */
.opticalSPCG {position: relative;	width: 600px; margin: 0px; padding: 0px; border: none;	background-image: url(/templates/assets/img/opticalpanelbg.png);} /* .SlidingPanelsContentGroup */
.opticalSPC {width: 560px; height:790px; overflow: hidden; margin: 0px; padding: 0px;	border: none;} /* .SlidingPanelsContent */
#p_aboutus, #p_locations, #p_staff, #p_lenstech1, #p_lenstech2, #p_lensdesign, #p_frames {padding:5px 0px 5px 20px;}
#p_frames {background-image: url(/templates/assets/img/opticalpanelframesbg.jpg);}
#p_lensdesign p{line-height:1.05em;}
#opticalnav {padding:5px 5px; margin:25px 0px 15px 0px;}
#opticalnav a {padding-right:15px;}
a { border:none;}
.plist {padding:0 40px 0 20px; font-size:.875em; line-height:1.2em; list-style:square;}

/* Clinic Services Sliding Panels
*********************************/
.clinicSP {position: relative;	width: 580px; height: 480px; padding: 0px;	border: none; float:left;} /* .SlidingPanels */
.clinicSPCG {position: relative; width: 580px; margin: 0px;	padding: 0px; border: none;	background-image: url(/templates/assets/img/servicespanelbg2.png); } /* .SlidingPanelsContentGroup  */
.clinicSPC { width: 580px; height: 490px; overflow: hidden; margin: 0px; padding: 0px; border: none;} /* .SlidingPanelsContent  */
#one {width:540px; padding:5px 20px;} #two {width:540px; padding:5px 20px;} #three {width:540px; padding:5px 20px;}
#tabs {padding:0px 0px; margin:15px 0px 15px 0px;} #tabs a {padding-right:15px; font-size: 0.65em; text-transform:uppercase;}
#servicespanel { width:580px; height:560px; padding: 0; float:left;}
#servicespanel p {font-size:.875em; line-height:1.2em; text-wrap:normal;}
#servicespanel h1 {font-size:1.2em; line-height:1.2em; } 
#servicespanel img { float:right; padding: 10px;}

	
	
/* Social Media Menu - top of all pages 
---------------------------------------------------------------------*/
div#headermainnav ul li.faceb {
    padding:0px;
}
li.faceb a {
    display:block;
    background:url(/image/cache/socialnav.png) no-repeat; 
    height:40px;
    width:40px;
    text-indent:-999em;
    background-position:0 0;
margin-top:-11px;

}

li.faceb a:hover {
    display:block;
    background:url(/image/cache/socialnav.png) no-repeat; 
    height:44px;
    width:40px;
    text-indent:-999em;
    background-position:-154px 0;
}

/* Bill Pay Table Styles - id=75 
---------------------------------------------------------------------*/
table.form_2_options td{
    padding:2px 5px;
}   

table.form_2_options {
   margin-bottom:10px;
}

#mainContent table.form_2_options select {
   width:147px;
}