/*
#f5f3f6=Tab Backgrounds (secion main)
*/

.borderColor
{
    border: solid 5px #00788B;
	background-color: #fff;
}
/*	border: solid 5px #F5AFC3; */ /*Latisse Pink*/ 

.art
{
	position: relative;
	clear: both;
	background: #fff;
	padding-left:8px;
	padding-top:6px;
	width:100%;
}
.art .logo
{
	float: left;
	background: url(../../images/Latisse/Latisse_logo.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 58px;
	width: 250px;
}
/*.art .logo
{
	float: left;
	background: url(../../images/Latisse/Latisse_logo.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 75px;
	width: 500px;
	margin-top:5px;
    margin-left:5px;
}
*/
.artcenter
{
	position: relative;
	clear: both;
	background: #fff;
	width:100%;
}
.artcenter .logocenter
{
	float: left;
	margin-top: 5px;
	background: url(../../images/latisse/FindADoctor.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 30px;
	width: 300px;
}

.criteria .label
{
 color: #62AF8D;	
}
body
{
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}

/** tabs **/
.tabPanel
{
 background-image: url("../../images/Latisse/BackGround.jpg");
 margin:0px;
 margin-left:0px; 
 background-repeat: no-repeat;
 background-color: transparent;
 border:none;
}

.criteria .headerzip
{
	background: url(../../images/Latisse/FindADoctorCriteriaHeader.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 110px;
	width: 400px;
	float: left;
}

.criteria .headercity
{
	background: url(../../images/Latisse/FindADoctorCriteriaHeader.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 110px;
	width: 400px;
	float: left;
}

.criteria .headername
{
	background: url(../../images/Latisse/FindADoctorCriteriaHeader.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 105px;
	width: 400px;
	float: left;
}

.criteria .headerrefine
{
	background: url(../../images/Latisse/FindADoctorCriteriaHeader.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 100px;
	width: 400px;
	float: left;
}

.criteria .pair .label
{
	color:#696A6C;/* Latisse grey; #44177c purple for testing ;*/
	font-weight: bold;
	width: 140px;
	text-align: left;
	padding-top: 8px;
	padding-left:10px;
	float: left;
}

.labelSmall
{
	color: #000000;
	font-size: 8pt;
}
.afterZipFindButton
{
	height: 100px; 
	vertical-align: bottom; 
}
.afterCityFindButton
{
	height: 40px; 
	vertical-align: bottom;
}
.afterNameFindButton
{
	/*height: -10px;  */
	vertical-align: bottom;
	visibility:hidden;
}
.afterAdvancedFindButton
{
	/*height: 0px;  */
	vertical-align: bottom;
	visibility:hidden;
}
.zipMessagePanel
{
	height: 105px; 
	vertical-align: bottom; 
	padding-left: 8px; 
}
.labelSmallMessage
{
	font-size: 8pt; 
	color: red;
}
.labelSmallMessageBlue
{
	font-size: 8pt; 
	color: blue;
}
.afterCityRefineSearchMessage
{
	height: 27px;  
}

afterNameRefineSearchMessage
{
	height: 20px;  
}

afterAdvancedRefineSearchMessage
{
	height: 20px;  
}


/* used for map results */
.directions
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
}

.CustomTabStyle .ajax__tab_header {    font-family:verdana,tahoma,helvetica;    font-size:11px;    background:        url(../../images/tab-line.gif)         repeat-x         bottom;}
.CustomTabStyle .ajax__tab_outer {    padding-right:0px;    background:        url(../../images/tab-right.gif)         no-repeat         right;    height:21px;}
.CustomTabStyle .ajax__tab_inner {    padding-left:3px;    background:        url(../../images/tab-left.gif)         no-repeat;}
.CustomTabStyle .ajax__tab_tab {    height:13px;    padding:4px;    margin:0;    background:        url(../../images/tab.gif)         repeat-x;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_outer {    background:        url(../../images/tab-hover-right.gif)         no-repeat         right;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner {    background:        url(../../images/tab-hover-left.gif)         no-repeat;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab {    background:        url(../../images/tab-hover.gif)         repeat-x;}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer {    background:        url(../../images/tab-active-right.gif)         no-repeat         right;}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner {    background:        url(../../images/tab-active-left.gif)         no-repeat;}
.CustomTabStyle .ajax__tab_active .ajax__tab_tab {    background:        url(../../images/tab-active.gif)         repeat-x;}
.CustomTabStyle .ajax__tab_body {    font-family:verdana,tahoma,helvetica;  font-size:10pt;    border:1px solid #999999;    border-top:0;  padding:0px;    background-color:#fff;}
 
/** Background of the tab **/
.main
{
	clear: both;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	margin-top: 7px;
	margin-left: 7px;
    margin-right: 7px;
    width: 835px;
    padding: 3px;
	background: #D4D6DB;
	/*background: #dbd0e4; */
}


.withborder 
{
    border: solid 1px;	
}

.result
{
	/*border: solid 1px #f0ecf4;
	padding: 1px;*/
}

/** 696A6C = Grey around address **/
.address
{
	float: left;
	font-size: 11px;
	font-family: Arial, Helvetica, Sans-Serif;
	width: 170px;
	margin-right: -1px;
	margin-left: 0px;
}
.address .name
{
   font-weight:bold;
   color: #546181;          /*Latisse dark blue*/
}
.labels
{
	height: 100%;
}
.programs
{
	float: left;
	width: 4px;
	background-color: #fff;
	height: 71px;
}
.badge
{
	clear: both;
}

/*   MappedResults.aspx */
.botoxiconcell
{
width: 15%; 
border-top:solid 2px #696A6C; 
border-right:solid 2px #696A6C;
}

.addresscell
{
vertical-align: top; 
width: 75%; 
border-top:solid 2px #696A6C;	
}

.bubblecell
{
vertical-align: top; 
padding-right: 2px; 
border-top:solid 2px #696A6C; 
border-left:solid 2px #696A6C;
}

.actionscell
{
border-left: solid 2px #696A6C;
border-bottom:solid 2px #696A6C; 
border-right: solid 2px #696A6C;
}

.actions
{
	clear: both;
	background-color: #696A6C;
	padding-left: 17px;
	padding-top: 0px;
	margin-top:0px;
	margin-bottom:1px;
	padding-top:0px;
    padding-bottom:0px;
    height:16px;
}

.action
{
	height: 14px;
	width: 14px;
}

.listMap
{
	clear: both;
}

.listMap .list
{
	float: left;
	width: 390px;
	height:540px;
	margin: 1px;
	padding: 1px;
	border: solid 1px #ccc;
	background: #fff;
}

.listMap .list .criteria
{
	font-size: small;
	font-weight: bold;
	border-bottom: solid 1px #000;
	margin-bottom: 5px;
	padding-bottom: 6px;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	 width: 382px;
	font-size: 11px;
}

.map
{
	width: 40%;
	float: right;
	margin-right: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	border: solid 1px #ccc;
}

.popupControl
{
	background-color: White;
	position: absolute;
	visibility: hidden;
	border: solid 1px #000;
	padding: 7px;
}

.header
{
	padding-top: 3px;
	background-color:#FFFFFF;
}

.header .title
{
	clear: both;
	font-size: larger;
	font-weight: bold;
	color: #000000;
	padding-left: 21px;
	padding-bottom: 5px;
	margin-top: 11px;
}
.withborder
{
	border: solid 4px #999;
}
	
.office
{
	clear: left;
	padding: 3px;
	border: solid 1px #999;
	height: 167px;
	width:99%;
	background-color:#FFFFFF;
}

.office .name
{
	float: left;
	width: 100%;
	clear: right;
	font-size: large;
	font-weight: bold;
	padding-bottom: 4px;
	margin-bottom: 7px;
	border-bottom: solid 1px #211408;
	color:#211408;
}

.office .photo
{
	float: left;
	margin-right: 13px;
}

.office .info
{
	float: left;
	color: #000;
	padding-left: 7px;
	font-size: 11px;
	width: 200px;
}

.office .details
{
	float: left;
	margin-left: 18px;
}

.office .details .label
{
	color: #000000;
	font-weight: bold;
	text-align: left;
	clear: both;
}

.office .details .value
{
	color: #000;
	text-align: left;
	clear: both;
	padding-left: 7px;
	font-size: 11px;
}

.detail
{
	clear: both;
	margin-top: 0px;
}

.detail .list
{
	float: left;
	width: 160px;
}

.detail .list .fullName
{
	clear: both;
	font-size: small;
	font-weight: bold;
	/*background-color: #9399BB;*/
	padding: 5px;
}

.detail .bio
{
	float: left;
	width: 660px;
	padding: 5px;
	/*background-color: #9399BB; */ /* Latisse Blue*/
}

.detail .bio .photo
{
	float: left;
	width: 150px;
}

.detail .bio .group
{
	float: left;
	width: 240px;
}

.detail .bio .group .item
{
	clear: both;
	margin-top: 3px;
}

.detail .bio .group .item .label
{
	color: #000000;
	font-weight: bold;
	width: 240px;
	text-align: left;
	clear: both;
	font-size: 12px;
}

.detail .bio .group .item .value
{
	color: #000;
	width: 240px;
	text-align: left;
	clear: both;
	padding-left: 7px;
	font-size: 11px;
}

.detail .form
{
	padding-top: 15px;
	height: 520px;
	background-color:#FFFFFF;
}

.detail .form .pair
{
	clear: both;
	margin-top: 3px;
	margin-bottom: 3px;
}

.detail .form .label
{
	color: #000000;
	font-weight: bold;
	width: 220px;
	text-align: right;
	padding-top: 2px;
	float: left;
}

.detail .form .value
{
	width: 577px;
	text-align: left;
	float: left;
	clear: right;
	padding-left: 3px;
}

.footer
{
	clear: both;
	text-align: center;
}

.footer table
{
	border: solid 1px #999;
	margin-top: 11px;
}


.footer .action
{
	position: absolute;
	left: 550px;
	top: 425px;
	height: 35px;
}

.FooterText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}

.criteria
{
	clear: left;
	float: left;
	width: 835px;
 
}

.criteria .pair
{
	clear: both;
}


.criteria .pair .value
{
	float: left;
	padding-left: 3px;
	padding-top: 6px;
}

.hours
{
	font-size: small;
	clear: both;
}

.hours .header
{
	font-weight: bold;
	background-color:#D4D6DB;
	color: #000000;                 
}

.hours .days
{
	background-color: #D7B4A0;
	font-weight: bold;
	color: #211408;
	width: 135px;
	margin: 1px;
}

.cssbutton
{
	display: block;
	width: 65px;
	background-color: #F5AFC3; /* latisse pink */
	border: 1px #ccc outset;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-family: "Lucida Grande" , "Trebuchet MS" , Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
}

.cssbutton:visited
{
	color: black;
}

.cssbutton:hover
{
	border-style: inset;
	background-color: #ccc; /*shift text 1px to the right and down*/
	padding-right: 9px;
	padding-left: 8px;
	padding-bottom: 1px;
	padding-top: 3px;
}

.cssbutton:active
{
	color: black;
}
/** This is the space between the last label/text control and the find button on entercriteria.aspx**/
.bigButton
{
	 
	margin-top: 40px;
	 
}
/** This is the DIV around the find button on entercriteria.aspx**/
.findButton
{
	 
	margin-bottom: 17px;
	 
}
/** This is the find button on entercriteria.aspx**/
.ibFind
{
	 background-image: url(../../images/Button_Find_Up.gif);
	 background-color: transparent;
	 background-repeat: no-repeat;
	 border:none;
	 width:59px;
	 height:22px;
	 cursor:pointer;
}
/** This is the New Search button on fad.master**/
.ibNewSearch
{
	 background-image: url(../../images/Button_NewSearch_Up.gif);
	 background-color: transparent;
	 background-repeat: no-repeat;
	 border:none;
	 width:92px;
	 height:22px;
	 cursor:pointer;
}
/** This is the Search Results button on fad.master**/
.ibSearchResults
{
	 background-image: url(../../images/Button_SearchResults_Up.gif);
	 background-color: transparent;
	 background-repeat: no-repeat;
	 border:none;
	 width:105px;
	 height:22px;
	 cursor:pointer;
}
/** This is the Get Directions button on GetDirections.aspx**/
.ibDirections
{
	 background-image: url(../../images/Button_Directions_Up_Latisse.gif);
	 background-color: transparent;
	 background-repeat: no-repeat;
	 border:none;
	 width:103px;
	 height:22px;
	 cursor:pointer;
}

.left
{
	left: 505px;
}