@charset "utf-8";

body {
  margin: 0 0 50px 0;
  padding: 0;
  font: 12px/16px arial, verdana, sans-serif;
  color: #7c7c7c;
  background: #fff url(../images/page-bg.jpg) no-repeat center top;
  }

p {
  margin: 0 0 15px 0;
	padding: 0;
	}
	
a {
	font-weight: bold;
  color: #563996;
	text-decoration: none;
	border-bottom: 1px solid #ffd41f;
	}

a:hover {
  color: #b5b5b5;
	border: none;
	}

h1 {
  margin: 0;
	padding: 0;
	}

h2 {
	margin: 0;
	padding: 0;
  font: bold 14px/16px arial, verdana, sans-serif;
	color: #563996;
	text-transform: uppercase;
	}

h2 a {
	margin: 0;
	padding: 0;
	}

.text-styles h2 {
	margin: 0;
	padding: 0;
  font: bold 14px/22px arial, verdana, sans-serif;
	color: #563996;
	text-transform: none;
	}
	
h3 {
  margin: 0;
	padding: 0;
  font: 16px/24px arial, verdana, sans-serif;
	color: #563996;
	}

ul {
  margin: 5px 0 20px 30px;
	padding: 0;
	}

li {
  margin: 0 0 10px 0;
	padding: 0;
	}

ol {
  margin: 0 0 0 30px;
	padding: 0;
	}
	
input {
  font: 12px/16px arial, verdana, sans-serif;
  color: #7c7c7c;
  padding:10px 3px;
	}

select {
  font: 12px/16px arial, verdana, sans-serif;
  color: #7c7c7c;
    padding:10px 3px;
	}

textarea {
  color: #7c7c7c;
    padding:10px 3px;
	}
	
/**** GLOBAL CLASSES ****/

.sep-line-header {
  width: 974px;
	height: 10px;
	margin-top: 18px;
	float: left;
	background: url(../images/sep-line-header.jpg) no-repeat center top;
	}

.sub-title {
	margin: 0;
	padding: 0;
  font: 18px/20px arial, verdana, sans-serif;
	color: #563996;
  background: #fff;
	position: relative;
	top: -13px;
	}

.sep-line-double {
	width: 100%;
	height: 4px;
	margin: 10px 0 0 0;
  background: url(../images/sep-line-double.gif) repeat-x left top;
	}

.arrow-list {
  margin: 5px 0 20px 0;
	padding: 0;
	list-style: none;	
	}

.arrow-list a {
  border: none;
	}

.arrow-list li {
  margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	background: url(../images/main-nav-arrow-on.gif) no-repeat 0 3px;
	}

a.arrow {
  border: none;
	padding: 0 0 0 15px;
	background: url(../images/main-nav-arrow-on.gif) no-repeat 0 3px;
	}

.arrow-list-quarter {
	width: 25%;
  margin: 0 0 20px 0;
	padding: 0;
	list-style: none;	
	float: left;
	}
	
.arrow-list-quarter a {
  border: none;
	}

.arrow-list-quarter li {
  margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	background: url(../images/main-nav-arrow-on.gif) no-repeat 0 3px;
	}

.arrow-list-half {
	width: 50%;
  margin: 0 0 20px 0;
	padding: 0;
	list-style: none;	
	float: left;
	}
	
.arrow-list-half a {
  border: none;
	}

.arrow-list-half li {
  margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	background: url(../images/main-nav-arrow-on.gif) no-repeat 0 3px;
	}

.sep-line-gray {
	width: 100%;
	height: 1px;
	float: left;
  background: #cbcbcb;
	}

.sep-line-gray-top {
	width: 100%;
	height: 1px;
	float: left;
	margin-bottom: 15px;
  background: #cbcbcb;
	}

.sep-line-gray-bottom {
	width: 100%;
	height: 1px;
	float: left;
	margin-top: 15px;
  background: #cbcbcb;
	}

.space-top {
  margin-top: 10px;
	}

.space-bottom {
  margin-bottom: 10px;
	}
	
.space-top-thirty {
  margin-top: 30px;
	}

.top-bottom-space {
  margin: 20px 0 20px 0;
	}

.no-border {
  border: none;
	}

.sml-txt {
  font-size: 10px;
	}

.med-txt {
  font-size: 11px;
	}

.red-txt {
	font-weight: bold;
  color: #911c20;
  }

.photo-right {
  margin-left: 20px;
	}

.photo-left {
  margin-right: 20px;
	}
	
.doctorname {
	font-size: 10px;
  padding-left: 20px;
	}
	
.no-bullets {
  list-style: none;
	}

.hand-link {
  cursor: pointer;
	}
	
/**** MAIN CONTAINER ****/

#main-container-top {
  width: 974px;
	height: 38px;
	margin: 9px auto 0 auto;
	background: url(../images/bg-content-top.png) no-repeat left top;
	}

#main-container {
  width: 974px;
	margin: 0 auto;
	}

#main-wrapper {
  width: 974px;
	min-height: 300px;
	margin: 0 auto;
	float: left;
	background: url(../images/bg-content-repeat.png) repeat-y left top;
	}

#main-container-bottom {
  width: 974px;
	height: 38px;
	margin: 0 auto;
	background: url(../images/bg-content-bottom.png) no-repeat left top;
	clear: both;
	}

#main-whole {
  width: 894px;
	float: left;
	margin: 30px 40px 0 40px;
	}
	
/**** TOP NAV ****/

#top-nav-container {
  width: 535px;
	height: 31px;
	margin: 2px auto 0 auto;
	float: right;
	}

#top-nav {
  margin: 0;
	padding: 0;
	list-style: none;
	}

#top-nav li {
  margin: 0;
	padding: 0;
	display: inline;
	}

#top-nav li a {
  border: none;
	}
	
.update-profile  {
  width: 119px;
  height: 31px;
	margin-right: 4px;
  float: left;
  text-indent: -9000px;
  background: url(../images/update-profile.png) no-repeat left top;
  }

.request-appointment  {
  width: 185px;
  height: 31px;
	margin-right: 4px;
  float: left;
  text-indent: -9000px;
  background: url(../images/request-appointment.png) no-repeat left top;
  }

.contact-us  {
  width: 99px;
  height: 31px;
	margin-right: 4px;
  float: left;
  text-indent: -9000px;
  background: url(../images/contact-us.png) no-repeat left top;
  }
	
.sign-off  {
  width: 81px;
  height: 31px;
  float: left;
  text-indent: -9000px;
  background: url(../images/sign-off.png) no-repeat left top;
  }

a:hover.update-profile, a:hover.request-appointment, a:hover.contact-us, a:hover.sign-off {
  background-position: 0 -31px;
  }
	
a.update-profile.on, a.request-appointment.on, a.contact-us.on, a.sign-off.on {  
  height: 31px; /* Test if needed */
  background-position: 0 -31px;
  }

/**** HEADER ****/
	
#header-left {
  width: 572px;
	float: left;
	}

#header-right {
  width: 402px;
	float: right;
	}

#main-logo {
  width: 350px;
	height: 100px;
	float: left;
	margin: 1px 0 0 28px;
	text-indent: -9000px;
	background: url(../images/MinnEyeLogoMed.png) no-repeat left top;	
	border: none;
	}

#main-tag-line {
  width: 340px;
	height: 44px;
	float: right;
	margin-top: 17px;
	text-indent: -9000px;
	background: url(../images/tag-line.jpg) no-repeat left top;	
	border: none;
	}

/**** LEFT COLUMN ****/

#main-left {
  width: 230px;
	float: left;
	}

#main-nav-container {
  width: 190px;
	margin: 30px 0 0 40px;
	padding-bottom: 1px;
	float: left;
	background: url(../images/sep-line-main-nav.gif) no-repeat left bottom;
	}

#main-contact-container {
  width: 219px;
	margin: 83px 0 0 11px;
	float: left;
	}

#sub-contact-container {
  width: 219px;
	margin: 40px 0 0 11px;
	float: left;
	}
	
/**** RIGHT COLUMN ****/

#main-right {
  width: 744px;
	float: left;
	}
	
#main-content-container {
  width: 695px;
	margin: 30px 35px 0 14px;
	float: left;
	}

#main-content {
  width: 695px;
	margin: 0 auto;
	}

#slider-container {
  margin: -15px 0 33px 0;
	}

#hp-content-left {
  width: 365px;
	float: left;
	}

#hp-content-right {
  width: 330px;
	float: left;
	}

/**** NEWS ****/

.news-container {
  width: 324px;
	height: 98px;
	margin: 0 0 10px 0;
	float: left;
	background: url(../images/news-bg.jpg) no-repeat left top;
	}

.news-container a {
	font-size: 11px;
	}

.news-date-container {
  width: 43px;
	height: 50px;
	margin: 3px 0 0 5px;
	padding: 3px 0 0 2px;
	background: url(../images/news-clip-date-bg.png) no-repeat left top;
	text-align: center;
	}

.news-month {
  font: bold 11px/18px arial, verdana, sans-serif;
	color: #fff;
	text-transform: uppercase;
	}

.news-date {
  font: bold 20px/20px arial, verdana, sans-serif;
	color: #fff;
	}

.news-new-container {
  	width: 50px;
    height: 67px;
	float: left;
	margin: 3px 0 0 5px;
	/* background: url(../images/news-clip-new-bg.png) no-repeat left top; */
	}

.news-text {
  margin: 24px 0 0 0;
	}

/**** MAIN PROFESSIONAL LINKS ****/

#professional-links-container {
  width: 960px;
	float: left;
	margin: 0 0 0 7px;
	}	

/**** HOMEPAGE CALLOUT MARKETING MATERIALS ****/

#marketing-materials-callout, #marketing-materials-callout a {
  width: 695px;
	float: left;
	border: none;
	}

/**** SUBPAGES ****/

#sub-content-container {
  width: 684px;
	margin: 27px 35px 0 25px;
	float: left;
	}

#sub-content {
  width: 684px;
	margin: 0 auto;
	}

/**** MARKETING MATERIALS ****/

.marketing-materials-container {
  width: 100%;
	min-height: 295px;
	float: left;
	padding: 5px 10px;
	background: url(../images/yellow-content-bg.jpg) no-repeat left top;
	}
	
.marketing-materials-list {
  margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	}

.marketing-materials-list li {
	float: left;
  margin: 0 40px 0 0;
	padding: 0;
	display: inline;
	}

.marketing-materials-list li.mid-align {
	position: relative;
  top: 30px;
	}

.marketing-materials-list li.top-align {
	position: relative;
  top: -20px;
	}

#marketing-materials-form {
  width: 225px;
	margin: 0 auto;
	float: left;
	position: relative;
	left: -10px;
	}

.mm-form-left {
  width: 60px;
	float: left;
	text-align: right;
	}

.mm-form-right {
  width: 155px;
	float: left;
	margin: -2px 0 12px 0;
	padding: 0 0 0 10px;
	}

.mm-form-left-state {
  width: 60px;
	float: left;
	text-align: right;
	}

.mm-form-right-state {
  width: 30px;
	float: left;
	margin: -2px 0 12px 0;
	padding: 0 0 0 10px;
	}

.mm-form-left-zip {
  width: 50px;
	float: left;
	text-align: right;
	}

.mm-form-right-zip {
  width: 50px;
	float: left;
	margin: -2px 0 12px 0;
	padding: 0 0 0 10px;
	}
	
/**** FORMS ****/

.clear {
  clear: both;
	}
	
.text-styles {
  font: 14px verdana, arial, sans-serif;
	color: #7c7c7c;
	}
	
.bg-dotted {
  width: 100%;
	padding: 5px 0;
	border-bottom: dotted 1px #4e1571;
	border-top: dotted 1px #4e1571;
	border-left: none;
	border-right: none;
	}

.bg-dotted-line {
  width: 100%;
	margin: 20px 0;
	border-bottom: dotted 1px #4e1571;
	}

.text-styles input {
  margin: 5px 0 15px 0;
	}
	
.text-styles select {
  margin: 5px 0 15px 0;
	}
	
.text-styles input.checked {
  margin: -5px 0 0 0;
	}
	
.space-top-bottom {
  margin: 20px auto;
	}
	
.space-top {
  margin: 20px 0 0 0;
	}

.space-top-sml {
  margin: 10px 0 0 0;
	}
	
.space-top2 {
  padding: 20px 0 0 0;
	}

.radios {
  position: relative;
	top: 2px;
	}

.left-col {
  width: 85px;
	float: left;
	margin: 0 0 10px 0;
	}

.right-col {
  width: 265px;
	float: left;
	margin: 0 0 10px 0;
	}

	
/**** FOOTER ****/

#footer {
  width: 974px;
	margin: 10px auto 0 auto;
	color: #939393;
	text-align: center;
	line-height: 20px;
	}

.footer-links a {
  font-weight: bold;
	color: #939393;
	border: none;
	}

.footer-links a:hover {
  color: #b5b5b5;
	}
	
/**** HACKS ****/

:focus {
  -moz-outline-style: none;
  outline-style: none;
  } 


/** Social Media **/

#social_wrapper {
   float: right;
    margin: 10px 40px 10px 0;
    width: 152px;
}

.facebook {
    background: url("../images/fb.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 29px;
    margin-left: 1px;
    text-decoration: none;
    width: 29px;
}
.facebook:hover {
    background-position: left bottom;
}
.twitter {
    background: url("../images/tw.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 29px;
    margin-left: 1px;
    text-decoration: none;
    width: 29px;
}
.twitter:hover {
    background-position: left bottom;
}
.youtube {
    background: url("../images/yt.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 29px;
    margin-left: 1px;
    text-decoration: none;
    width: 29px;
}
.youtube:hover {
    background-position: left bottom;
}
.linkedin {
    background: url("../images/li.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 29px;
    margin-left: 1px;
    text-decoration: none;
    width: 29px;
}
.linkedin:hover {
    background-position: left bottom;
}
.blog {
    background: url("../images/blog.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 29px;
    margin-left: 1px;
    text-decoration: none;
    width: 30px;
}
.blog:hover {
    background-position: left bottom;
}
.action_button {
        background-color: #ffd611;
    color: #683392;
    padding: 10px;
    font-size: 15px;
    border: none;
}