/* desktop */
html { font-family: desktop; }
html.OPR { font-family: arial; } /* OPERA: arial = desktop */

/* less than desktop */
@media screen and (max-width:979px) 
{
    html { font-family: tablet-portrait; }
    html.OPR { font-family: tahoma; } /* OPERA: tahoma = tablet-portrait */
    #topnav.cobrand-topnav ul li a:focus,
    #topnav.cobrand-topnav ul li a:hover {
        background: none;
        text-decoration: underline !important;
    }   
    #page #topnav.cobrand-topnav > ul > li > a { line-height: 18px; }
    
    /* Tab styles ---------------------------------------------------------------------------*/
    #main-content .ui-tabs ul.ui-tabs-nav li a
    {
        font-size: 1.05em;
    }
    #main-content #rightcol .ui-tabs .ui-tabs-nav li { padding:0px 10px !important; }


    /* Results styles ---------------------------------------------------------------------------*/
    a.button-map-view span.toggle-text {width:52%; top:25%;}
    a.button-list-view span.toggle-text {width:73%; top:25%;}
    a.map-toggle {line-height:21px;}
    .location-labels { width:80%; }
    .sidebar h2 { line-height:1.2em; padding:5px 0; }
    #compareTop { width:93%; }
    .dTable-container { height:602px !important; }
    .dataTables_wrapper .results-checkmarkTD { padding: 20px 25px 20px 10px; } 
    .results-infoTD { padding-left:15px; }
    #main-content #rightcol .ui-tabs-panel { height:675px; }
    #resultsContainer .right-col { margin-left: 1.5%; }

    /* Static page styles ---------------------------------------------------------------------------*/
	.staticpage #content-column { width:100% }
	.ownerDivCol { width:28%; }
	.legend-key { width: 60%; }
    .right-col.span3 .btn-view span,
    .largeFont .right-col.span3 .btn-view span,
    .medFont .right-col.span3 .btn-view span
    {
        margin-top: 16px;
        width: 45.5%;
    }
    #breadcrumbs-wrapper .jcarousel-next-horizontal { right: 5%; }
    #page .breadcrumbs .jcarousel-next-horizontal {
        margin-right: 0px;
    }
    #page #topnav #nav-list    
    {
        padding: 10px 4px;
    }
    #page .breadcrumbs 
    { 
        position: relative; 
        top: 10px; 
    }
}

@media screen and (max-width: 979px) and (min-width: 768px)
{
    #page #topnav 
    {
        top: 142px;
    }
   
    #page .breadcrumbs .jcarousel-clip-horizontal {
        width: 95%;
    }
    #page .breadcrumbs .jcarousel-next-horizontal {
        margin-right: 10px;
    }
	/*HOS-7806 removed to correct alignment
    .sharethis-wrapper {
        top: 172px;
    }
	*/
    body.largeFont #breadcrumbs-wrapper {
        width: 89.5%;
    }
    #resultsContainer  > .span3 {
        width: 20.5%; 
    }   
    #resultsContainer  > .span9 {
        width: 77.5%;
    }   
}

@media screen and (max-width: 849px) and (min-width: 768px)
{
    .right-col.span3 .btn-view span,
    .largeFont .right-col.span3 .btn-view span,
    .medFont .right-col.span3 .btn-view span
    {
        margin-top: 10px;
        width: 39%;
    }
    #main-content #dir-divider
    {
        height: 712px;
    }
    #mbpButtonContainer .mbpBtnInner
	{
		padding:0px 2px;
	}
    .img-desktop
    {
        display:none;
    }
    .btn-view img {
        margin-right: 0px;
    }
    #view2RightContainer #rightViewTabs #tab1 a
    {
        width: 90%;
        line-height: 15px;
        margin-top: -3px;
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) 
{
    html { font-family: phone; }
    html.OPR { font-family: georgia; } /* OPERA: georgia = phone */
    #header.cobrand #headerlogocontent
    {
        margin-top: -10px;
        margin-bottom: 0px;
    }
    #header.cobrand #headerlogocontent img
    {
        margin-top: 0px;
    }
    #header.cobrand #headerlogocontent #headerlogo-link.mymedicare-logo img
    {
        margin-top: -6px;
    }
    #header.mymedicare #headertoolbar #printli 
    {
        display: block;
    }
    #page #espanolli 
    {
        display: none;
    }
    #page #headertoolbar #sitesli .toolbarmenu-a, #page #headertoolbar #viewli .toolbarmenu-a 
    {
        margin: 0;
    }
    #headertoolbar .toolbarmenu ul, #headertoolbar .toolbarmenu ol 
    {
        margin-left: 0;
    }
    body.largeFont #breadcrumbs-wrapper {
        width: 85.5%;
    }
    #logotitlecontainer 
    {
        clear: both;
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 8px;
    }     
    #logotitle 
    {
        border: none;
        font-size: 21px;
        padding-left: 3px;
        width: 280px;
    }
    #page #topnav
    {
        top: 94px;
    }
    #page #topnav.cobrand-topnav 
    {
        top: 103px;
        width: 96.2%;
        left: 0px;
    }
    #topnav.cobrand-topnav ul li 
    {
        width: auto;
    }
    
    #topnav.cobrand-topnav ul li a
    {
        line-height: 18px;
    }
    #callouts .callout
    {
        margin: 0 30px 30px;
    }
    #resultsKey h2, #resultsKey li 
    {
        float: none;
        margin-bottom: 7px;
    }
    #searchResultsContent { padding: 20px; }
    #resultsCompareTop
    {
        border-top: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    #resultsCompareTopFieldset legend p { margin-bottom: 18px; }
    
    #page #headertoolbar li.topnav-hide { display: none !important;}

    /* breadcrumbs */
    #breadcrumbs-wrapper { width: 87.5%; }
    #breadcrumbs-wrapper .jcarousel-next-horizontal { right: 1%; }
    .breadcrumbs{ position:relative; }
    
    .jcarousel-skin-tango{
        margin-right:30px;
    }
    
    #page .breadcrumbs .jcarousel-container-horizontal {
        position: static !important;
        padding:0;
        margin:0 0 0 22px;
        width:100%;
    }
    #page .breadcrumbs .jcarousel-clip-horizontal {
        width: 92%;
    }
    #page .breadcrumbs .jcarousel-prev-horizontal,
    #page .breadcrumbs .jcarousel-next-horizontal {
        background-color: transparent;
        display: block;
        height: 20px;
        width:18px;
        -moz-border-radius: 0 4px 4px 0; 
        -webkit-border-radius: 0 4px 4px 0;   
        -khtml-border-radius: 0 4px 4px 0;  
        border-radius: 0 4px 4px 0; 
    }
    #page .breadcrumbs .jcarousel-next-horizontal {
        right: 4px;
        background-position: 5px -997px;
    }
    .SAF .jcarousel-skin-tango .jcarousel-next-horizontal,

    #page .breadcrumbs .jcarousel-next-disabled,
    #page .breadcrumbs .jcarousel-next-horizontal:hover,
    #page .breadcrumbs .jcarousel-next-horizontal:focus {
        visibility: visible;
        opacity:1;
        filter:alpha(opacity=100);
        background-position: 5px -997px;
    }    
    
    .jcarousel-skin-tango .jcarousel-next-disabled {
        background-image:none;
    }
    
    body .sharethis-wrapper { right: 11px; /*top: 152px;*/ }
    #page .breadcrumbs .jcarousel-next-horizontal {
        margin-right: 10px;
    }

    .dTable-container { width:100%; overflow-x:scroll; height:auto !important;  }
    #resultsTable, #favoritesTable { width:714px; }
    .results-info { width:217px !important; }
    .results-distance, .results-distanceTD { width:92px !important; } 
    .results-overall { width:92px !important; } 
    .results-inspections { width:92px !important; }
    .results-staffing { width:92px !important; }
    .results-quality { width:92px !important; }

    #_staticNav { margin-top: 30px; }

    #resultsMapContent #map_canvas 
    { 
    	height:280px !important; 
    	margin:3% !important; 
    	width:94% !important;
    }  
    .mobile-screen #geninfosorticon
	{
		bottom:-17px;
	}
    #map_canvas.general-map-canvas
    { 
    	margin:20px 0px 0px 0px !important; 
    	width:100% !important;
    }  
    #main-content #h1Container
    {  
        margin-bottom: 8px;
    }
    #topPanel .span7, 
    #topPanel .span5, 
    #topPanel .general-nurseInfo .span5
	{
		width:100%;
		padding:0px;
		margin:0px;
	}
    .tab-intro-row .span6, 
	.tab-intro-content-border
	{
		border-right:none;
	}
	.tab-intro-content 
	{
		padding:5px 20px;
	
	}
	table.rwdtable-stack tr
	{
		border-top:1px solid #bbb;
		margin-top:15px;
	}
	table.rwdtable-stack tr:first-child
	{
		border-top:none;
		margin-top:0px;
	}
	table.rwdtable-stack td
	{
		padding:20px 0px 20px 50%;
		border-bottom:1px solid #bbb;
		border-top:none;
		border-right:none;
		border-left:none;
	}

	#printAllTabsBtn,
	#backToResultsBtn {
		float: none;
		margin-right: 0px;
		margin-left: 0px;
		padding: 5px 0px;
		width:95%;
		
	}
	#backToTop 
	{
		display: block;
		width: auto;
		padding: 18px;
		margin-top: 0px; 
	}
	#backToTop a
    {
	    display: block;
    }
	.map-and-directions #wrapper a.btn, #mapDirections_button, a.mobile-btn, input.mobile-btn 
	{
        padding: 7px 10px;
        font-size: 13px;
        font-weight: bold;
        color: #000;
        margin: 0 0 10px;
        width: 100%;
    }
    .map-and-directions #resultspanel    
    {
        height: auto;
    }
	.buttons-container
	{
		text-align:center;
	}

    /* Static page styles ---------------------------------------------------------------------------*/
        #page.staticpage #main-content{ margin:16px;}
        #page.staticpage #headertoolbar #printli {display: block;}
        #page.staticpage #header,
        #mbp #header{ height: 72px;}
        #page.staticpage #main-content #staticLeftNavContainer a.collapse-header{
        background: #09539f; /* Old browsers */
        background: -moz-linear-gradient(top,  #09539f 0%, #042e53 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#09539f), color-stop(100%,#042e53)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #09539f 0%,#042e53 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #09539f 0%,#042e53 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #09539f 0%,#042e53 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #09539f 0%,#042e53 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09539f', endColorstr='#042e53',GradientType=0 ); /* IE6-9 */
        }
     
    #page.staticpage #main-content #staticLeftNavContainer{ margin-bottom:20px; }
    #page.staticpage #Tool_header .inner {padding: 10px;}
     
    #page.staticpage #main-content #staticLeftNavContainer a.collapse-header{ 
        text-align:center;
        border:none;
        border-radius:6px;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        color:#fff;
        white-space:nowrap;
    }
    #page.staticpage #main-content #staticLeftNavContainer a.collapse-header span{
        padding:0;
        position:relative;
        top:-2px;
    }
    #page.staticpage #main-content #staticLeftNavContainer a.collapse-header i.collapse-icon {
        position: inherit;
        background: none;
        border:none;
        display:inline-block;
        margin:0 0 0 4px;
        padding:0;
        float:none;
    }
    #page.staticpage #main-content #staticLeftNavContainer a.collapsed i.collapse-icon {
        border-top: 8px solid transparent;
	    border-bottom: 8px solid transparent;
	    border-left: 8px solid #FFF;
	    margin-right:8px;
    }
    #page.staticpage #main-content #staticLeftNavContainer a.expanded i.collapse-icon {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #FFF;
    }

    #page.staticpage #main-content #staticLeftNavContainer a.expanded span {top:1px;}
    .CHRM #page.staticpage #main-content #staticLeftNavContainer a.expanded span {top:2px;}
    #page.staticpage #main-content #staticLeftNavContainer .collapse.in { margin: 4px 0 12px;}
    #page.staticpage #main-content #staticLeftNavContainer #staticLeftNavContainer{ margin:0 0 20px;}
    #page.staticpage .content{margin:0; width:100%;}
        
    #page.staticpage ul.sub-nav li.sub-nav-item {
        padding:0;
        margin:0;
    }
    #page.staticpage ul.sub-nav li.sub-nav-item a{
        height:auto;
        padding:14px;
        margin:0;
        line-height:1em;
        font-size:1em;
    }
    #page.staticpage ul.sub-nav .selected .sub-nav-link {
        font-size: 1.2em;
        display:block;
        width:auto;
    }
    #page.staticpage ul.sub-nav li.sub-nav-item a.tertiary-nav-link{
        background-position: 10px 15px;
        padding-left: 26px;
    }
    .static-third-tier a.tertiary-nav-link
    {
	    padding-left:40px;
    }
    #page.staticpage ul.sub-nav li.sub-nav-item a.quaternary-nav-link{
        background-position: 10px 15px;
        padding-left: 55px;
    }
    .staticpage a.collapse-header, a.collapse-header-gray
    {
        padding:10px;
    }
    a.collapse-header-gray
    {
        padding-left:25px;
    }

    #mainTabs-expandcollapse a.collapse-header-gray
    {
		padding-left: 27px;	
    }
    .img-desktop
    {
        display:none;
    }
    .ownerDivCol
    {
        float:none;
        width:90%;
    }
    #Quality .profile .measure-description { margin:0px; }
    .profile .hide-graph-link { width:100%; text-align:left; }
    .fusionCharts-container { width:100%; text-align:center; }
	.legend-key
	{
        width: 87%;
	    margin: 10px;
	}
    table.content-table td, 
    table.content-table th 
    {
        padding: 20px 12px;
    }
	.legendHolder img
	{
	    padding-left: 0;
	}   
	.legendHolder, .legendHolder li
	{
	    clear:both;
	}	 
	
	.view-more-btn
	{
	    margin-left: 0;
	}
    .box, .box .inner, .box-gradient, #resultsCompareBottom
    {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border: none;
    }
    #resultsCompareTopButton, 
    #resultsCompareBottomButton
    {
        width: 100%;
    }
    #modifyResultsContent, #resultsNewSearch { padding: 20px; }
    #resultsNewSearch { padding-bottom: 0px; }
    
    /*maps and directions page*/
    #page.maps-and-directions #main-content{ margin:16px;}
    #page.maps-and-directions #headertoolbar #printli {display: block;}
    
    .map-and-directions #wrapper {padding: 0;}
    .map-and-directions #main-content #_calloutContent .map-callout
    {
        width: 100%;
        border-left: none;
        border-right: none;
        border-radius: 0px;
        margin-left: 0;
    }
    .map-and-directions #main-content #_calloutContent .map-gradient
    {
        border-radius: 0px;
    }
    .map-and-directions #main-content #_calloutContent .inner-callout
    {
        padding-right: 0px;
    }
    .map-and-directions #main-content #_calloutContent .map-callout #map_canvas
    {
        margin-left: -13px;
    }
    
    a.add_favorites
    {
    	display: block;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
		margin-bottom: -5px;
    }
    
    .results-info-add a.add_favorites
    {
    	width:50%;
    }
   
    
    
}


@media screen and (max-width: 640px) and (min-width: 480px){
    #breadcrumbs-wrapper { width: 82.5%; }
    .bluetab-content .span6 { width: 99%; }
    .box-scroll { display: block; }
}

@media screen and (max-width: 640px) 
{
    .btn-qm-graphs-tables {
    display: block;
    width: 100%;
    padding: 6px 0px;
    margin-bottom: 5px;
    }
}

@media screen and (max-width: 479px)
{   
    html { font-family: phone-portrait; } 
    html.OPR { font-family: verdana; } /* OPERA: verdana = phone-portrait */
    #page #topnav
    {
        top: 124px;
    }
    #page #topnav.cobrand-topnav > ul > li 
    {
        width: auto !important;
    }    
    #breadcrumbs-wrapper { width: 73.5%; }
    body.largeFont #breadcrumbs-wrapper {
        width: 75.5%;
    }
    #page .breadcrumbs .jcarousel-clip-horizontal {
        width: 88%;
    }
    #page .breadcrumbs .jcarousel-prev-horizontal,
    #page .breadcrumbs .jcarousel-next-horizontal {
        margin-right: 0px;
        margin-top: 7px;
        float: none;
        position: absolute;
    }
    .footer-action {        
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        margin: 0;
    }    
    .footer-action a {
        width: auto;
        display: block;
        float: none;
        margin-top: 10px;
    }
     .collapse.in {
        margin: 0px;
        padding: 0;
        width: auto;
    }
    .sidebar h2 {display:none;}
     
    /* gray bar header----*/
    .header-static-gray h2
    {
        font-size:1.2em;
    }
    #page h1 { width:90%; padding-top:10px; }
    #page.staticpage h1 {width:93%;}
     
    /*profile -qm tab----*/
    .btn-qm-graphs-tables
    {
    	display:block;
    	width:100%;
    	padding:6px 0px;
    	margin-bottom:5px;
    }
    .legend-key
	{
        width: 75%;
	    margin: 10px;
	}    
	#menu-btn
	{
	    text-align: center;
	}
    .box, .box .inner, .box-gradient, #resultsCompareBottom
    {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        border: none;
    }
    .map-and-directions .map-callout .inner-callout
    {
        padding: 27px 10px;
    }
    #page #topnav.cobrand-topnav 
    {
        width: 94.2%;
    }
    .bluetab-content .span6 { width: 99%; }
    .box-scroll { display: block; }
}

@media screen and (max-width: 320px)
{
    html { font-family: phone-portrait; }
    html.OPR { font-family: verdana; } /* OPERA: verdana = phone-portrait */
    .compare-checkbox 
    {
        padding: 5px 10px;
    }
    #breadcrumbs-wrapper { width: 74.5%; }
    #page .breadcrumbs .jcarousel-clip-horizontal {
        width: 88%;
    }
}