﻿/*==============================================
Texas Retina Associates Stylesheet
================================================
	Design by: Cyrus Limited, Inc. - cyrusonline.com
	Author: Travis Repetto & Brandon Kidd
	Last Edited: 12-27-2007
==============================================*/

/* Global */
html, body{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 14px;
	line-height: 20px;
}
body{
	background: #dcbb4f url(Images/bg_main.gif) repeat-y top center;
}
h1, h2, h3, h4, h5, h6, legend{}
h1{font-size: 22px;}
h2{font-size: 20px;}
h3{font-size: 18px;}
h4{font-size: 16px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
p{
	line-height: 20px;
}
a{
	color: #094fa3;
	outline: none;
	text-decoration: none;
}
a:hover{}
hr{
	background: #ccc;
	border: none;
	color: #ccc;
	height: 1px;
	margin: 10px 0;
}
fieldset{
	border: 2px solid #ccc;
	padding: 10px;
}
legend{}
input, select, textarea{
	font-family: Arial, Helvetica, sans-serif;
}
.button{
    padding: 3px 8px;
    background: #dcbb4f;
    border: 2px solid #dcbb4f;
    color: #fff;
    font-weight: bold;
}
.button:hover{
    background: #eee;
    border: 2px solid #094fa3;
    color: #094fa3;
}
.viewall, .viewall span{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.viewall:hover span{
	text-decoration: underline;
}

/* Containers */
#wrap{
	min-width: 980px;
	background: transparent url(Images/bg_main.gif) repeat-y top center;
}
#header, #main{
	width: 980px;
	margin: 0 auto;
}
#header{
	height: 135px;
}
	#headerwrap{
		background: transparent url(Images/bg_header.gif) repeat-x;
	}
	#logo{
		display: inline;
		float: left;
		width: 310px;
		height: 75px;
		margin: 12px 0 8px 15px;
		background: transparent url(Images/logo.gif) no-repeat top left;
	}
		#logo:hover{
			background-position: bottom left;
		}
		#logo span{
			display: none;
		}
	#topcontainer{
		_display: inline;
		float: right;
		_width: 515px;
		height: 32px;
		margin: 0 20px 0 0;
		background: transparent url(Images/bg_topcontainer.gif) no-repeat top left;
	}
	#callus{
		_display: inline;
		float: left;
		margin: 2px 5px 0 20px;
		color: #094fa3;
		font-size: 12px;
		font-weight: bold;
	}
		#callus span{
			color: #fff;
		}
	#topnav{
		_display: inline;
		float: left;
		margin: 7px 5px 0 0;
	}
		#topnav ul{
			list-style: none;
		}
		#topnav li{
			_display: inline;
			float: left;
			margin: 0;
			padding: 0;
		}
			#topnav li a{
				color: #fff;
				display: block;
				font-size: 11px;
				line-height: 11px;
				font-weight: bold;
				padding: 0 5px 0 6px;
				border-left: 1px solid #ccc;
			}
			#topnav li a:hover{
				text-decoration: underline;
			}
			/*#topnav li .firstlink{
				border: 0 none;
				padding: 0 5px 0 0;
			}*/
	#search{
		display: inline;
		float: left;
		height: 32px;
		padding: 3px 0 0 0;
		background: transparent url(Images/bg_topsearch.gif) no-repeat top right;
	}
		#search .searchtext, #search .searchtext_empty{
			display: inline;
			float: left;
			width: 100px;
			height: 18px;
			padding: 2px 0 0 5px;
			border: 0 none;
			background: transparent url(Images/bg_topsearchtext.gif) no-repeat;
			font-size: 12px;
			font-weight: bold;
		}
		#search .searchtext_empty{
			color: #999;
		}
		#search .searchbutton{
			display: inline;
			float: left;
			width: 29px;
			height: 18px;
			margin: 0 20px 0 0;
			background: transparent url(Images/bg_topsearchbutton.gif) no-repeat top left;
		}
			#search .searchbutton:hover{
				background-position: bottom left;
			}
			#search .searchbutton span{
				display: none;
			}
	#tagline{
	    display: inline;
	    float: right;
	    width: 350px;
	    margin: 5px 40px 0 0;
	    font-family: Georgia, Times New Roman, Times, serif;
	    color: #666;
	    font-size: 20px;
	    line-height: 26px;
	    text-align: right;
	}
	#navcontainer{
	    width: 980px;
	    height: 40px;
	    background: transparent url(Images/bg_navcontainer.gif) no-repeat top center;
	}
	#nav{
	    display: inline;
		float: left;
	    width: 630px;
	    height: 35px;
	    margin: 0 20px;
	    background: transparent url(Images/bg_nav.gif) no-repeat top right;
	}
		#nav ul{
	        height: 35px;
	        padding: 0 0 0 7px;
	        background: transparent url(Images/bg_navleft.gif) no-repeat top left;
			list-style: none;
		}
		#nav li{
			display: inline;
			float: left;
			margin: 7px 0 0 0;
			padding: 0;
			background: transparent url(Images/bg_navseparator.gif) no-repeat top left;
		}
			#nav li.firstlink{
				background: transparent none;
			}
			#nav li a{
				display: block;
				margin: 0;
				padding: 0 13px 0 15px;
				color: #fff;
				font-size: 14px;
			    line-height: 28px;
				font-weight: bold;
			}
			    #nav li a:hover{
				    background: transparent url(Images/bg_navseparator_hover.gif) no-repeat top left;
			    }
			    #nav li a:hover span{
				    color: #fff;
			    }
            /* Nav Selected */
            body.patients #nav_forpatients,
            body.physicians #nav_ourphysicians,
            body.locations #nav_ourlocations,
            body.services #nav_ourservices,
            body.research #nav_ourresearch{
				background: transparent url(Images/bg_navseparator_selected.gif) no-repeat top left;
            }
			    #nav li.firstlink a:hover,
				body.patients li.firstlink #nav_forpatients{
				    background-position: -2px 0;
			    }
			
	#nav_forproviders{
		display: inline;
		float: right;
		width: 210px;
		height: 35px;
		margin: 0 20px 0 0;
		padding: 5px 0 0 0;
		background: transparent url(Images/bg_navforproviders.gif) no-repeat;
	    color: #094fa3;
		font-size: 14px;
		line-height: 30px;
		font-weight: bold;
		text-align: center;
	}
	    #nav_forproviders:hover{
			color: #999;
	    }

/* Main */
#main{
	background: transparent url(Images/bg_sidebar.gif) repeat-y 15px 0;
}
    #main_content{
	    _display: inline;
	    float: right;
        width: 690px;
        margin: 0 30px 0 0;
    }
    #main_sidebar{
	    _display: inline;
	    float: left;
        width: 220px;
        min-height: 300px;
        margin: 0 0 0 20px;
    }

/* Home */
#sidephysnav{
    _display: inline;
    float: left;
    width: 220px;
    min-height: 300px;
    margin: 0 0 0 20px;
}
    #home_sidebar #sidephysnav h2{
        height: 35px;
        margin: 0;
        padding: 0 0 0 10px;
        border: 0 none;
        background: #666;
        color: #fff;
        line-height: 35px;
    }
		#home_sidebar #sidephysnav h2 a{
			color: #fff;
			text-decoration: none;
		}
		#home_sidebar #sidephysnav h2 a:hover{
			color: #fff;
			text-decoration: underline;
		}
    #home_sidebar #sidephysnav ul{
    	list-style: none;
        margin: 5px 0;
        padding: 5px 0 10px 0;
    }
		#home_sidebar #sidephysnav ul li{
            margin: 0 0 0 15px;
			line-height: 28px;
		}
		#home_sidebar #sidephysnav ul a{
			color: #fff;
			font-size: 16px;
            font-weight: bold;
		}
			#home_sidebar #sidephysnav ul a:hover{
				text-decoration: underline;
			}
#home_content{
    _display: inline;
    float: right;
    width: 725px;
    margin: 0 15px 0 0;
}
	#hometop{
		width: 720px;
		height: 260px;
		background: transparent url(Images/bg_hometop.gif) no-repeat;
	}
		#hometopleft{
			_display: inline;
			float: left;
			width: 466px;
			height: 236px;
			margin: 12px 0 0 12px;
		}
			#mainphoto{
				width: 100%;
				height: 100%;
				background: transparent url(Images/main_photo.jpg) no-repeat;
			}
	#appointmentrequest.control_container{
		_display: inline;
		float: left;
		width: 220px;
		margin: 10px 0 0 5px;
	}
	    #appointmentrequest.control_container h2{
		    margin: 10px 5px 5px 5px;
		    border-bottom: 2px solid #dcbb4f;
		    color: #094fa3;
		    font-size: 18px;
		    line-height: 24px;
	    }
	    #appointmentrequest.control_container p{
	        margin: 0 5px 15px 5px;
	        color: #333;
		    line-height: 20px;
		    text-align: left;
	    }
		#appointmentrequest.control_container .doctor,
		#appointmentrequest.control_container .date,
		#appointmentrequest.control_container .time{
			margin: 0 0 8px 10px;
		}
		#appointmentrequest.control_container .time{
			margin-bottom: 5px;
		}
	    #appointmentrequest.control_container label{
	        display: none;
	    }
		#appointmentrequest.control_container input,
		#appointmentrequest.control_container select{
			color: #666;
			font-size: 13px;
			font-weight: bold;
		}
		#appointmentrequest.control_container select{
			float: none;
			width: 200px;
			height: 23px;
			margin: 0;
			padding: 2px;
			border: 1px solid #ccc;
		}
		#appointmentrequest.control_container .inputCell input{
			width: 170px !important;
			margin: 0 0 5px 0;
			padding: 2px 0 0 5px;
			border: 1px solid #ccc;
		}
		#appointmentrequest.control_container img{
			width: 16px;
			height: 16px;
			margin: 0 0 6px 0;
		}
	    #appointmentrequest.control_container .button{
	        display: block;
	        width: 71px;
	        height: 31px;
	        margin: 0 0 0 7px;
	        padding: 0;
	        border: 0 none;
	        background: transparent url(Images/bg_aptreqsubmit.gif) no-repeat top left;
	    }
	    #appointmentrequest.control_container .button:hover{
	        background-position: bottom left;
	    }
	    #appointmentrequest.control_container .button span{
	        display: none;
	    }
#homemid{
	margin: 0 20px;
}
	#homemidleft{
		float: left;
		width: 450px;
	}
	    #homemidleft h1{
		    margin: 0 0 10px 0;
			border-bottom: 2px solid #dcbb4f;
			color: #094fa3;
		    font-size: 18px;
		    line-height: 20px;
	    }
	    #homemidleft p{
			margin: 0 0 10px 0;
		    line-height: 1.4em;
			text-align: left;
	    }
			#main_content p .readmore{
				font-size: 12px;
				text-decoration: none;
			}
				#main_content p .readmore:hover{
					text-decoration: underline;
				}
#homenews.control_container{
	float: right;
	width: 201px;
	padding: 5px 15px 10px;
	margin-right: -6px;
	background: url('Images/recentNewsBG.jpg') no-repeat;
	height: 170px;
}

	#homenews.control_container h2{
        position: relative;
		margin: 5px 0 10px 0;
		color: #094fa3;
		font-size: 18px;
		line-height: 24px;
    }
		#homenews.control_container h2 .viewall{
			position: absolute;
			top: 0px;
			right: 0px;
			color: #094fa3;
			text-decoration: none;
		}
		#homenews.control_container h2 .viewall:hover span{
			text-decoration: underline;
		}
	#homenews.control_container dt{
	    margin: 0 0 3px 0;
	    font-size: 12px;
	    line-height: 15px;
		font-weight: bold;
		color: #fff;
	}
	    #homenews.control_container dt a{
	        color: #333;
	    }
	        #homenews.control_container dt a:hover{
			    color: #094fa3;
	            text-decoration: underline;
	        }
	    #homenews.control_container dt .date{
	        color: #666;
	    }
	#homenews.control_container dd{
	    margin: 10px 0 10px 0;
	    font-size: 12px;
	    color: #333;
	    line-height: 15px;
	}
#homebottom{
    width: 700px;
    height: 210px;
    margin: 0 0 10px 15px;
	padding: 0;
	background: transparent url(Images/bg_homebottom.gif) no-repeat;
	line-height: 24px;
	font-weight: bold;
}
	#homebottom li{
	    display: inline;
		float: left;
		width: 220px;
		margin: 10px 0 0 10px !important;
		padding: 0 !important;
		line-height: 24px !important;
	}
	#homebottom a{
	    display: block;
	    padding: 165px 0 0 15px;
        color: #094fa3;
        font-size: 16px;
	}
	    #homebottom a:hover{
	        text-decoration: none;
	    }
	    #homebottom a span{
	        color: #666;
	        font-size: 14px;
	    }
	    #homebottom a:hover span{
	        text-decoration: underline;
	    }
	#homebottomleft{
		background: transparent url(Images/bg_homebottomleft.jpg) no-repeat !important;
	}
	#homebottomcenter{
		background: transparent url(Images/bg_homebottomcenter.jpg) no-repeat !important;
	}
	#homebottomright{
		background: transparent url(Images/bg_homebottomright.jpg) no-repeat !important;
	}

/* Font Sizer Custom */
.menu .font_sizer .font_normal,
.menu .font_sizer .font_medium,
.menu .font_sizer .font_large{
    background: transparent none;
    border: 0 none;
    margin: 0;
    padding: 1px 3px;
    color: #094fa3;
    font-weight: bold;
    text-decoration: none;
}
    .menu .font_normal{
        font-size: 10px;
    }
    .menu .font_medium{
        font-size: 14px;
    }
    .menu .font_large{
        font-size: 18px;
        margin-right: 0;
    }
.root .menu{
	top: 16px;
}

/* Inner */
#main_content{
}
	#main_content h1{
		margin: 20px 0 10px 0;
		border-bottom: 2px solid #dcbb4f;
		color: #094fa3;
	}
	#main_content h2{
		color: #dcbb4f;
	}
	#main_content h3{
		color: #094fa3;
	}
	#main_content h4{
		color: #dcbb4f;
	}
	#main_content h5,
	#main_content h6{
		color: #666;
	}
	#main_content p{
		margin: 0 0 20px 0;
		text-align: left;
	}
	#main_content p a{
	    text-decoration: none;
	}
	    #main_content p a:hover{
			text-decoration: underline;
	    }
	#main_content fieldset{
	    border: 2px solid #eee;
	    padding: 5px 10px;
    }
    #main_content legend{
        color: #666;
        font-size: 16px;
        font-weight: bold;
    }
    #main_content hr{
	    height: 0;
	    border: 0;
	    border-bottom: 1px solid #ccc;
    }
    #main_content ul{
        margin: 0 0 20px 0;
    }
    #main_content ul li{
        list-style: square;
        margin: 0 0 10px 10px !important;
        padding-left: 10px;
    }
    #main_content ol{
        margin: 0 0 20px 25px;
    }
    #main_content dl{
	    margin: 0 0 20px 0;
	    line-height: 20px;
    }
        #main_content dl dt{
	        color: #555;
	        font-weight: bold;
        }
        #main_content dl dd{
	        margin: 0 0 10px 0;
        }
    #main_content blockquote{
	    margin: 0 0 20px 5px;
	    padding: 0 0 0 12px;
	    border-left: 3px solid #ddd;
	    color: #666;
	    line-height: 20px;
	    text-align: left;
	    font-style: italic;
    }
/* Main Sidebar Styles */
#main_sidebar h2{
    margin: 10px 0 5px 0;
    border-bottom: 2px solid #dcbb4f;
    color: #094fa3;
    font-size: 18px;
    line-height: 24px;
}
    #main_sidebar ul{
        margin: 5px 0;
        list-style: none;
    }
        #main_sidebar ul li{
            margin: 0 0 0 15px;
        }
            #main_sidebar ul li a{
                color: #094fa4;
                font-size: 14px;
                font-weight: bold;
            }
    #sidemenu{
        margin: 10px 0 10px 0;
        padding: 5px;
    }
        #sidemenu h2{
	        margin: 0 0 5px 0;
	        padding: 2px 4px;
	        background-color: #094fa3;
	        color: #fff;
	        font-size: 18px;
        }
        #sidemenu ul{
	        margin: 0;
	        padding: 0 0 0 15px;
            list-style: square;
        }
	        #sidemenu li{
		        margin: 0 0 5px 5px !important;
                padding: 0;
		        color: #dcbb4f;
		        font-size: 10px;
		        line-height: 16px;
		        font-weight: bold;
	        }
	        #sidemenu li a{
		        color: #fff !important;
		        font-size: 14px !important;
	        }
	        #sidemenu li a:hover{
		        color: #dcbb4f;
	        }
            #sidemenu li ul{
                margin: 0 0 8px 8px;
                padding: 0;
				list-style: square;
            }
                #sidemenu li li{
	                color: #999;
                }
                #sidemenu li li a{
	                color: #eee !important;
					font-size: 12px !important;
                }
					#sidemenu li li a:hover{
						color: #fff !important;
						text-decoration: underline;
					}
		#main_sidebar #quicklinks.control_container ul{
			margin: 5px;
			padding: 0 0 10px 0;
		    list-style: square;
		}
			#main_sidebar #quicklinks.control_container li{
				color: #dcbb4f;
				font-size: 10px;
			}
			#main_sidebar #quicklinks.control_container li a{
				color: #fff;
				font-size: 14px;
				line-height: 20px;
				font-weight: bold;
			}
			#main_sidebar #quicklinks.control_container li a:hover{
				color: #666;
			}
		#main_sidebar fieldset{
			margin: 0 0 10px 0;
            border: 4px solid #eee;
		}
        #main_sidebar legend{
            color: #094fa3;
            font-size: 16px;
            font-weight: bold;
        }
	#main_sidebar #quicklinks.control_container{
		margin: 0 0 10px 0;
	}
		#main_sidebar #quicklinks.control_container h2{
			margin: 0 0 5px 0;
			padding: 2px 0 2px 10px;
			background-color: #094fa3;
			color: #fff;
			font-size: 18px;
		}
        #main_sidebar #quicklinks.control_container ul{
	        margin: 0;
	        padding: 0 0 0 20px;
            list-style: square;
        }
	        #main_sidebar #quicklinks.control_container li{
		        margin: 0 0 0 5px !important;
	        }
	#main_sidebar p{
		margin: 0 5px 10px 5px;
	}

/* Main Content */
#main_content .menuempty{
	margin: 0 0 35px 0;
}
#main_content .menu a:hover{
	text-decoration: underline;
}
#main_content .photo{
	position: relative;
	float: left;
	width: 132px;
	height: 152px;
	background: transparent url(/Resources/Common/Images/bg_photo.jpg) no-repeat;
}
	#main_content .photo img{
		position: absolute;
		left: 5px;
		top: 5px;
	}
#main_content .thumb{
	position: relative;
	float: left;
	width: 72px;
	height: 82px;
	background: transparent url(/Resources/Common/Images/bg_photo_thumb.jpg) no-repeat;
}
	#main_content .thumb img{
		position: absolute;
		left: 5px;
		top: 5px;
	}

/* Footer */
#footer{
    margin: 0 20px;
    padding: 10px 10px;
    background: #fff;
    border-top: 2px solid #ccc;
}
	#copyright{
	    width: 50%;
		color: #999;
		font-size: 11px;
		font-weight: bold;
	}
	#legal{
	    width: 50%;
		padding: 6px 0 10px 0;
	}
		#legal ul{
			list-style: none;
		}
		#legal li{
			display: inline;
			float: left;
			margin: 0;
			padding: 0;
		}
			#legal li a{
				display: block;
				padding: 0 5px 0 6px;
				border-left: 1px solid #999;
				color: #ad913d;
				font-size: 11px;
				line-height: 10px;
				font-weight: bold;
			}
			#legal li a:hover{
				color: #999;
			}
			#legal li .firstlink{
				padding: 0 5px 0 0;
				border: 0 none;
			}
	#poweredby{
		display: inline;
		float: right;
		width: 118px;
		height: 16px;
		background: transparent url(Images/poweredby.gif) no-repeat top left;
	}
		#poweredby:hover{
			background-position: bottom left;
		}
		#poweredby span{
			display: none;
		}

/* MyAccount Login Page */
#login_main h2{
    padding: 5px !important;
    border: 0 none;
}
#login_main .registerchoice, #login_main .loginchoice{
    float: left;
    width: 306px;
    height: 180px;
    margin-bottom: 20px;
    padding: 5px;
    border: 4px solid #eee;
    background: #fff;
}
#login_main .choicecontent .forgotpassword{
    color: #dcbb4f;
}

/* Contact Page */
    #main_sidebar address{
    	color: #fff;
        margin: 0 0 0 5px;
        line-height: 18px;
    }
    #main_sidebar #phonenumbers{
        margin: 10px 0 0 5px;
        color: #fff;
        line-height: 18px;
        font-weight: bold;
    }
    #main_sidebar #map{
	    width: 196px;
	    height: 200px;
	    overflow: hidden;
	    margin: 20px 0 10px 10px;
	    border: 2px solid #fff;
    }
.form_general{
}
    .form_general textarea.text{
        width: 480px;
    }
    .form_general .privacy{
        border: 2px solid #ddd;
        background: #f1f1f1;
    }

/* Locations Page */
.locations #ControlPanel{
	display: none;
}
#findLocation_wrap{
}
	#findLocation_wrap #map{
		width: 672px;
		height: 400px;
		border: solid 4px #ddd;
		margin: 0;
	}
    #location_search{
    }
    #locationList{
        margin: 10px 0 0 10px;
    }
        #locationList ul{
            margin: 0;
            padding: 0;
        }
	    #locationList h2{
	        display: none;
		    margin: 10px 0 0 0;
		    font-size: 16px;
	    }
	    #locationList .HealthCenter,
	    #locationList .Hospital{
		    background: transparent url(/Resources/Common/Images/Icons/icon_hospital.gif) no-repeat 0 12px;
	    }
	    #locationList .Clinic{
		    background: transparent url(/Resources/Common/Images/Icons/icon_clinic.gif) no-repeat 0 12px;
	    }
	    #locationList .location{
            display: inline;
            float: left;
            width: 195px;
            height: 40px;
            margin: 0;
		    padding: 10px 0 0 25px;
		    border-top: 0 solid #ccc;
		    font-size: 10px;
		    line-height: 12px;
	    }
		    #locationList .location .name{
			    font-size: 12px;
			    font-weight: bold;
		    }
		    #locationList .location .address{
			    color: #666;
			    font-style: italic;
		    }
		    #locationList .location a{
		    }
		    #locationList .location a:hover{
		        text-decoration: underline;
		    }
	    #locationList #pager{
		    background: #eee;
		    border: solid 1px #ddd;
		    color: #333;
		    font-size: 10px;
		    margin: 10px 0 0;
		    padding: 10px 0;
	    }
		    #locationList #pager .label{
			    margin: 0 10px;
		    }
	#location_search{
	    display: none;
	}
	    #location_search label{
	        color: #666;
	        font-weight: bold;
	    }
	    #location_search select{
            margin: 0 0 0 10px;
            color: #666;
            font-size: 12px;
	    }
        #location_search .HealthCenter,
        #location_search .Hospital,
        #location_search .Clinic{
            height: 20px;
	        padding: 0 0 5px 25px;
	        color: #666;
	        font-size: 14px;
	        line-height: 18px;
	        font-weight: bold;
        }
        #location_search .HealthCenter{
	        background: transparent url(/Resources/Common/Images/Icons/icon_hospital.gif) no-repeat 0 0;
        }
        #location_search .Hospital{
            display: none;
	        background: transparent url(/Resources/Common/Images/Icons/icon_hospital.gif) no-repeat 0 0;
        }
        #location_search .Clinic{
	        background: transparent url(/Resources/Common/Images/Icons/icon_clinic.gif) no-repeat 0 0;
        }
#locationDetail_wrap{
	width: 680px;
}
	#locationDetail_wrap address{
	    font-style: normal;
	}
	#locationDetail_wrap .location{
	    float: left;
		width: 440px;
		font-size: 12px;
		line-height: 20px;
	}
		#locationDetail_wrap .location .address1{}
		#locationDetail_wrap .location .address2{}
		#locationDetail_wrap .location .citystatezip{
		    margin: 0 0 10px 0;
		}
		#locationDetail_wrap .location .phone1{}
		#locationDetail_wrap .location .phone2{}
		#locationDetail_wrap .location a{}
	#locationDetail_wrap .gmap{
		border: 4px solid #ccc;
		overflow: hidden;
		float: right;
	}
		#locationDetail_wrap .gmap #map{
		    width: 218px;
		    height: 150px;
		    background: #eee;
		}

/* Physician Detail Page */
#physDetail .physOfficeInfo{
	display: none;
}
