/* Tab Content - menucool.com */

#hospitals_homepage{
	width: 600px;
	margin-right: 60px;
	float: left;
}

.tabbed_container{
	width: inherit;
	
}
#view2{
	position: absolute;
	top: 20px;
	left: 0px;
	width: inherit;
}


#hospitals_homepage .map_view{
	float: right;
	width: 270px;
	height: 244px;
}

#hospitals_homepage .contact_details {
	padding-right: 285px;
	padding-left: 16px;
}

ul.tabs
{
    padding: 8px 0;
    margin:0;
    padding:0px;
    /*font-size: 0;*/
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
    /*padding-left:20px;*/ /* Offset of the first tab */
    background: transparent url(../shadow_bottom.png) repeat-x left bottom; /* added */
    position: relative; /* added */
    zoom: 1; /* added */
    border-bottom: 1px solid #d4d5d9;
}


        
ul.tabs li
{
    /*display: inline;*/
    float: left;
    position: relative; /* added */
    margin: 0;/*no distance between tabs*/
    background: White;
    margin-left: 0px; /*amended*/
}



        
ul.tabs li a
{
    border: 1px solid #d4d5d9;
    font-family: inherit;
    font-size: inherit;
    padding: 14px 15px 9px;
    font-weight: 600;
    text-decoration: none;
    position: relative;
    color: #8f8f8f;
    outline:none;
    display: inline-block;
    background: #f6f6f6 url(../shadow_bottom.png) repeat-x left bottom;
    border-left: none;
     top: 1px;
}


/*Note: IE8 and earlier doesn't support li:last-child. You have to add another class to the last tab (LI) and specify its border-right as below.*/
/*ul.tabs li:last-child a
{
    border-right:1px solid #CCC;
}*/

ul.tabs li.first a{
  border-left: 1px solid #d4d5d9;
}
  
        
ul.tabs li a:hover
{
    color: 	#686868;
    background: #FFFFFF url(../shadow_bottom.png) repeat-x left bottom;
}


        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    /*top: 1px;*/
    background: none;
    background-color: #FFFFFF;	
    border-top-color: #52a8d3;
    border-bottom: 1px solid #FFF;
    color: #686868;
}
       
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}

div.tabcontents
{
 /* border-top: 1px solid #d4d5d9;*/
	padding: 20px 0px 0px;
	position: relative;
	width: inherit;
}
        

ul.tabs li.selected{
    z-index: 1000;
    zoom: 1;
}
    
ul.tabs li a:hover span.border_top{
	width: 100%;
	height: 5px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #f4f4f4;
}

ul.tabs li.selected a span.border_top, ul.tabs li.selected a:hover span.border_top{
	width: 100%;
	height: 6px;
	padding: 0px;
	position: absolute;
  padding: 0px 1px;
	top: -1px;
	left: -1px;
	background-color: #52a8d3;
}