/*
#a8d4a0=clinique dark border green
#deced9=kind of a shade lighter than above
*/

.borderColor
{
	border: solid 5px #a8d4a0; /*Clinique Green*/
	background-color: #fff;
}

.art
{
	position: relative;
	clear: both;
	background: #fff;
	padding-left:8px;
	padding-top:6px;
	width:100%;
}
.art .logo
{
	float: left;
	background: url(../../images/Clinique/climed_logo.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	height: 58px;
	width: 250px;
	margin-top:5px;
    margin-left:5px;
}
.artcenter
{
	position: relative;
	clear: both;
	background: #fff;
	width:100%;
}

.artcenter .logocenter
{
	float: left;
	margin-top: 5px;
	background: url();
	background-repeat: no-repeat;
	background-color: transparent;
	height: 30px;
	width: 300px;
}

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

/** Background of the tab **/
.tabPanel
{
 background-image: url("../../images/clinique/climed_product_kit_w_bar.jpg");
 margin:0px;
 margin-left:0px; 
 background-repeat: no-repeat;
 background-color: transparent;
 border:none;
}

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

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

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

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

.criteria .pair .label
{
	color:#000000;/* #44177c;*/
	font-weight: bold;
	width: 120px;
	text-align: left;
	padding-top: 6px;
	padding-left:10px;
	float: left;
}

.labelSmall
{
	color: #000000;
	font-size: 8pt;
}
.afterZipFindButton
{
	height: 110px; 
	vertical-align: bottom; 
}
.afterCityFindButton
{
	height: 50px; 
	vertical-align: bottom;
}
.afterNameFindButton
{
	/*height: 0px;  */
	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;}
 


/*
#a8d4a0=clinique thick border green
#deced9=kind of a shade lighter than above
#E7DBE7=clinqiue border light purple
#0079C6=Tazorac border dark blue
#deced9=Tazorac border light blue
#731C7B=Tazorac Text purple
*/

.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: #deced9;
	/*background: #dbd0e4; */
}


.withborder 
{
    border: solid 1px;	
}

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

.address
{
	float: left;
	font-size: 11px;
	 
	font-family: Arial, Helvetica, Sans-Serif;
	
	width: 150px;
	margin-right: -1px;
	margin-left: 0px;
}
.address .name
{
   font-weight:bold;
   color: #376F56;
}
.labels
{
	height: 100%;
}
.programs
{
	float: left;
	width: 24px;
	background-color: #fff;
	height: 71px;
}
.badge
{
	clear: both;
}

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

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

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

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

.actions
{
	clear: both;
	background-color: #ccc;
	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 #44177c;
}

.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: #deced9;
	padding: 5px;
}

.detail .bio
{
	float: left;
	width: 660px;
	padding: 5px;
	background-color: #deced9;
}

.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: 400px;
	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: #FFFFFF;
	color: #000000;
}

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

.cssbutton
{
	display: block;
	width: 65px;
	background-color: #2F5F4A;
	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-Clinique.gif);
	 background-color:  Transparent;
	 background-repeat: no-repeat;
	 border:none;
	 width:103px;
	 height:22px;
	 cursor:pointer;
}

.left
{
	left: 505px;
}