@font-face { font-family: 'HelveticaNeueLTStd67MdCn'; src: url('/styles/hscj-styles/template/fonts/helveticaneueltstd-mdcn-webfont.eot'); src: url('/styles/hscj-styles/template/fonts/helveticaneueltstd-mdcn-webfont.eot?#iefix') format('embedded-opentype'), url('/styles/hscj-styles/template/fonts/helveticaneueltstd-mdcn-webfont.woff') format('woff'), url('/styles/hscj-styles/template/fonts/helveticaneueltstd-mdcn-webfont.ttf') format('truetype'), url('/styles/hscj-styles/template/fonts/helveticaneueltstd-mdcn-webfont.svg#HelveticaNeueLTStd67MdCn') format('svg'); font-weight: normal; font-style: normal; }

.RadInput a.rcCalPopup:hover, 
.RadInput a.rcTimePopup:hover,
.institutional-nav a:hover span { text-decoration:none;}

/*now that Microsoft has dropped support for all outdated versions of IE, the artificial border rounding nonsense can end  */
.rc { border-radius:6px;}
.rcTopLeftRight { border-radius:6px 6px 0 0;}
.rcBottomLeftRight { border-radius:0 0 6px 6px;}
/**/

.rc, .rcTopLeftRight, .rcBottomLeftRight { width:100%; box-sizing:border-box;}

.rcBottom .rc1 {border-top-style:solid; border-top-width:1px;} 
.rcTop .rc1 {border-bottom-style:solid; border-bottom-width:1px;} 
.rcTop, .rcBottom {display:block; font-size:1px;}
.rc1, .rc2, .rc3, .rc4 {display:block; overflow:hidden; margin-top:0px; margin-bottom:0px; height:1px;}
.rc2, .rc3, .rc4, .rcContent {border-left-style:solid; border-left-width:1px; border-right-style:solid; border-right-width:1px;}        
.rcContent {display:block; border-width:1px; border-style:solid; width:auto;}
.rc1 {margin:0px 5px; background-color:transparent !important;}
.rc2 {margin:0px 3px; border-width:2px;}
.rc3 {margin:0px 2px;}
.rc4 {margin:0px 1px; }

/*these must be important to make sure they override any styles copied to rcOuter from the div inside */
.rcOuter { padding:0px !important; border:none !important; background:none !important;} 
/*end rule*/


.col-2, .col-3, .col-3-2, .col-4 {
    display: inline;
    float: left;
}
.col-2 { width: 49.9%;}
.col-3 { width: 33.3%;}
.col-3-2 { width: 66.6%;}
.col-4 { width: 24.9%;}



button.rsbButton {
    text-shadow:none;
}


.trItem
{
    border-color: gray;
    border-style: dotted none none none;
    border-width: 1px;
    overflow:hidden; /*all this does is clear the floats of the child elements in each row. this is much better than using clearfix. not actually hiding anything here because height isn't set*/
}



.residentList li.trItem:first-child,
.facultyList li.trItem:first-child,
.firstItem { border-style:none;}

.lblRecordsShowing { font-size: 15px; color: #243778; font-family: HelveticaNeueLTStd67MdCn; float: left; }

.divRecordInfo { background-color:#F4F4F4; border:1px solid #CDCDCD; padding:6px;}
.divRecordInfo select { font-family: HelveticaNeueLTStd67MdCn; margin: 0px 2px; }


.staticRadComboText .rcbInput { display:none !important;}

#content-shadow .RadComboBox .rcbInner span.rcbReplacementLabel.itemsChecked,
#content-shadow .RadComboBox .rcbInputCell span.rcbReplacementLabel.itemsChecked { 
    color:#DC7924;
}

.divProgress { background: url('http://hscj.ufl.edu/images/white-opacity-graphic-30.png') repeat; z-index: 999999; height: 100%; width: 600px; position: absolute; }

.raButton { position: relative; }
body a.btn.raButton { margin-left:0px;} /*this is intentionally different from the line above */
/*.raButton span::before { vertical-align:text-bottom;}*/

#content-shadow .RadComboBox  .rcbInner,
#content-shadow .RadComboBox  .rcbInner *,
#content-shadow .RadComboBox  table *{ cursor:pointer;}


#content-shadow .RadComboBox  .rcbInner.rcbFocused,
#content-shadow .RadComboBox  .rcbInner.rcbFocused *,
#content-shadow .RadComboBox  .rcbInner.rcbDisabled,
#content-shadow .RadComboBox  .rcbInner.rcbDisabled *,
#content-shadow .RadComboBox  table.rcbFocused *,
#content-shadow .RadComboBox  table.rcbDisabled * { 
    cursor:default;
}







.TelerikModalOverlay { background-color:black !important; z-index:99999 !important; }
body .RadWindow .rwIcon { display:none;}



/*NOTE THAT ADDING :NOT(.CLASSIC) HERE INCREASES THE CSS SPECIFICITY. SO IT WILL OVERRULE CUSTOM SKIN AND/OR MOBILE STYLES */


html .RadTabStrip_Apollo .rtsLI {
    margin:0 10px 0 0;
}

html .RadTabStrip_Default .rtsLI {    
    margin: 0px 6px 0px 0px; 
}

html .RadTabStrip .rtsLI { 
    background-image: none; 
    padding:0; 

}


html .RadTabStrip .rtsLink,
body div.RadTabStrip .rtsLink:hover {
    padding: 0 6px;
    line-height: 30px; 
    margin: 0px; 

}

div.RadTabStrip .rtsTxt {
    vertical-align:bottom;
}

body .RadTabStrip .rtsLink, 
body .RadTabStrip .rtsLink:hover,
body a.riUp, 
body a.riDown,
.RadGrid a { border-bottom:none; }

.RadGrid_Metro thead th { background-color:white;}

body .RadGrid_Metro td.rgPagerCell { border:none;}

body .RadGrid_Metro .rgMasterTable { border-collapse:collapse; }

body .RadGrid_Metro .rgRow td, 
body .RadGrid_Metro .rgAltRow td, 
body .RadGrid_Metro .rgHeader { border:1px solid #CECECE;}

body .RadGrid_Metro .rgHeader:last-child,
body .RadGrid_Metro th.rgResizeCol:last-child,
body .RadGrid_Metro .rgFilterRow > td:last-child,
body .RadGrid_Metro .rgRow > td:last-child,
body .RadGrid_Metro .rgAltRow > td:last-child { border-right-width:0px;}

body .RadGrid_Metro .rgNumPart a.rgCurrentPage, body .RadGrid_Metro .rgNumPart a.rgCurrentPage:hover { border-color:#CECECE;}

body .RadDropDownList_Metro .rddlFocused,
body .rddlPopup_Metro .rddlItemSelected { background-color: #243778;}

body .RadDropDownList_Metro .rddlFocused { border-color:#243778;}



body .RadWindow table { margin-bottom:0px; } /*overriding the default margin bottom for tables from typography.css*/
body .RadWindow td { padding:0px;}

/*body a.riUp, body a.riDown { border-bottom}*/

body .RadGrid { outline:none;}

/*this code was provided by telerik and fixes the double scrollbar issue with lightweight comboboxes with autodropdownwidth enabled in firefox & chrome*/
/*.rcbAutoWidthResizer .rcbScroll {
    overflow: visible !important;
}*/
 
/*To target IE 6, 7 and 8*/
/*@media \0screen\,screen\9 {
    .rcbAutoWidthResizer .rcbScroll {
        overflow: auto !important;
    }
}*/
 
/*To target IE 9 and 10*/
/*@media screen and (min-width:0\0) {
    .rcbAutoWidthResizer .rcbScroll {
        overflow: auto !important;
    }
}*/

.ufhealth div.tab-content {
    /*background-color:#b6c2d7;*/
    background-image: linear-gradient(to bottom, #c4cedf, white);
    background-repeat: no-repeat;
    background-size: 2px 98px;
    clear:both;
    margin-left:-1px;
    z-index:7001;

}


.tabContainer { border-left-style:solid; border-left-width:1px; }
.tabContainer_Apollo { border-color:#CBD3E6;}

.tabContainer .rtsUL .rtsFirst .rtsLink,
.tabContainer .rtsUL .rtsFirst .rtsLink:hover { border-left-style:none;}






.hugestMargin { margin: 16px 16px 0px 16px; }
.hugestMarginLeft { margin: 0 0 0 16px; }
.hugestMarginRight { margin-right:16px;}
.hugestMarginTopLeftRight { margin: 16px 16px 0px 16px; }
.hugestMarginBottom { margin-bottom: 16px; }

.hugerMarginRight { margin-right:14px;}
.hugerMarginTopBottom { margin: 14px 0px 14px 0px; }
.hugerMarginTopLeftRight { margin: 14px 14px 0px 14px; }
.hugerMargin { margin: 14px; }
.hugerMarginTop { margin-top: 14px; }
.hugerMarginBottom { margin-bottom: 14px; }


.hugeMargin { margin: 12px; }
.hugeMarginLeft { margin: 0 0 0 12px; }
.hugeMarginRight { margin-right:12px;}
.hugeMarginLeftRight { margin: 0 12px; }
.hugeMarginTopBottom { margin: 12px 0px 12px 0px; }
.hugeMarginTop { margin-top: 12px; }
.hugeMarginBottom { margin-bottom: 12px; }



.largestMargin { margin: 10px; }
.largestMarginTopBottom { margin: 10px 0px 10px 0px; }
.largestMarginLeft { margin-left: 10px; }
.largestMarginRight { margin-right:10px;}
.largestMarginLeftBottom { margin-bottom: 10px; margin-left: 10px; }
.largestMarginLeftRightBottom { margin-bottom: 10px; margin-left: 10px; margin-right:10px; }
.largestMarginTop { margin-top: 10px; }
.largestMarginBottom { margin-bottom: 10px; }

.largerMargin { margin: 8px; }
.largerMarginRight { margin-right:8px;}
.largerMarginTopBottom { margin: 8px 0px 8px 0px; }
.largerMarginTop { margin-top: 8px; }
.largerMarginBottom { margin-bottom: 8px; }

.largeMarginTopBottom { margin: 6px 0px 6px 0px; }
.largeMarginRight { margin-right: 6px;}
.largeMarginTopLeft { margin: 6px 0px 0px 6px; }
.largeMarginTopLeftBottom { margin: 6px 0px 6px 6px; }
.largeMarginTopRightBottom { margin: 6px 6px 6px 0px; }
.largeMarginTop { margin-top: 6px; }
.largeMarginBottom { margin-bottom: 6px; }
.largeMargin { margin: 6px; }

.mediumMarginTop { margin-top:4px;}
.mediumMarginBottom { margin-bottom:4px;}
.mediumMarginLeft { margin-left:4px;}
.mediumMarginRight { margin-right:4px;}
.mediumMargin { margin:4px;}

.smallMargin { margin: 2px; }
.smallMarginRight { margin-right:2px;}
.smallMarginBottom { margin-bottom: 2px;}
.smallMarginTopBottom { margin: 2px 0px;}

.smallestMargin { margin: 1px; }















.hugestPad, .hugestPad td { padding: 16px 16px 0px 16px; }
.hugestPadLeft, .hugestPadLeft td { padding: 0 0 0 16px; }
.hugestPadTopLeftRight, .hugestPadTopLeftRight td { padding: 16px 16px 0px 16px; }

.hugerPadTopBottom, .hugerPadTopBottom td { padding: 14px 0px 14px 0px; }
.hugerPadTopLeftRight, .hugerPadTopLeftRight td { padding: 14px 14px 0px 14px; }
.hugerPad, .hugerPad td { padding: 14px; }

.hugePad, .hugePad td { padding: 12px; }
.hugePadLeft, .hugePadLeft td { padding: 0 0 0 12px; }
.hugePadLeftRight, .hugePadLeftRight td { padding-left: 12px; padding-right: 12px; }
.hugePadTopBottom, .hugePadTopBottom td { padding: 12px 0px 12px 0px; }

.largestPad, .largestPad td { padding: 10px; }
.largestPadTopBottom, .largestPadTopBottom td { padding: 10px 0px 10px 0px; }
.largestPadLeft, .largestPadLeft td { padding-left: 10px; }
.largestPadLeftBottom, .largestPadLeftBottom td { padding-bottom: 10px; padding-left: 10px; }
.largestPadLeftRightBottom, .largestPadLeftRightBottom td { padding-bottom: 10px; padding-left: 10px; padding-right:10px; }

.largerPad, .largerPad td { padding: 8px; }
.largerPadTopBottom, .largerPadTopBottom td { padding: 8px 0px 8px 0px; }

.largePadTopBottom, .largePadTopBottom td { padding: 6px 0px 6px 0px; }
.largePadTopLeft, .largePadTopLeft td { padding: 6px 0px 0px 6px; }

.largePadLeftRight, .largePadLeftRight td { padding-left: 6px; padding-right: 6px; }

.largePadTopLeftBottom, .largePadTopLeftBottom td { padding: 6px 0px 6px 6px; }
.largePadTopRightBottom, .largePadTopRightBottom td { padding: 6px 6px 6px 0px; }
.largePadTop, .largePadTop td { padding-top: 6px; }
.largePadBottom, .largePadBottom td { padding-bottom: 6px; }
.largePad, .largePad td { padding: 6px; }



.mediumPadBottom, .mediumPadBottom td { padding-bottom:4px;}
.mediumPadLeftRight, .mediumPadLeftRight td { padding-left: 4px; padding-right: 4px; }

.mediumPad, .mediumPad td { padding:4px;}

.smallPad, .smallPad td { padding: 2px; }
.smallPadTopBottom, .smallPadTopBottom td { padding-top: 2px; padding-bottom: 2px;}
.smallPadLeftRight, .smallPadLeftRight td { padding-left: 2px; padding-right: 2px; }


.smallestPad, .smallestPad td { padding: 1px; }
.noPad, .noPad td { padding: 0px; }



.infoLeft, .infoRight { display:inline-block; *display:inline; vertical-align:top; zoom:1;}

.infoLeft, .divOfficeInfoLeft { border-right: 1px solid #CFCED6;}
.divOfficeInfoLeft { float: left; padding-right: 8px; width: 185px;  }
.infoLeft { padding-right: 14px; /*width: 175px;*/ max-width:175px;} /*i'm using max width instead of width here so that the staff don't take up unnecessary space. I used width during testing to make sure that under no circumstances do the info divs run out of space (on the directory)*/


.divOfficeInfoRight { float: right; width: 222px; padding-left: 12px;}
.infoRight { padding-left: 16px; /*width: 216px;*/ max-width:216px;}

.divOfficeInfoLeft, .divOfficeInfoRight { margin-top: 14px; }


.miniShadow {
    border:3px solid white; outline:1px solid lightgray; margin:3px 0px;
}

/*making the radlinkbutton appear as a link using the appearAsLink class. make sure you set enableembeddedbasestylesheet and enableembeddedskins to false*/
.rbLinkButton.appearAsLink .rbText { cursor:pointer; border-bottom:1px dotted #6377b2; color:#6377b2;}
.rbLinkButton.appearAsLink.rbHovered .rbText { border-bottom-style:solid; color:#243778;}

.gm-style-iw div { overflow:hidden !important;}

.mapPopup {
    line-height: 1.35em;
}

.mapPopup h3 {margin-bottom:4px; line-height:20px; }

div.RadPanelBar .rpText { word-wrap:break-word; }



#institutional-nav ul.container > li > a span { 
    background-image:none; 
    /*position:relative; */ 
    display:inline; 
    bottom:auto; 
    right:auto; 
    line-height:24px;
}





/*converts imaged based primary nav into text based*/
#primary-nav #main-menu > li {
    background: url("/images/template/bg-primary-nav-item.jpg") repeat-x scroll 0 -147px transparent;
}

#primary-nav #main-menu > li:hover { background-position:0 -98px;}

#primary-nav #main-menu > li > a { 
    text-align:center; 
    
    font-family: ufshands,serif;
    font-size: 22px;
    text-shadow: 0 0 3px #072460;
    letter-spacing: 1px;    
}

#primary-nav #main-menu > li > a,
#primary-nav #main-menu > li > a:hover { text-decoration:none;}

#institutional-nav ul.container > li > a span,
#primary-nav #main-menu > li > a span {
    color: #6f8acd;
    vertical-align:middle;
    margin-left:6px;
}

#primary-nav #main-menu > li > a span { font-size:19px;}

#primary-nav #main-menu > li.last a { border-right-style:none !important;}

#primary-nav #main-menu #com > a,
#primary-nav #main-menu #con > a,
#primary-nav #main-menu #cop > a,
#primary-nav #main-menu #departments > a,
#primary-nav #main-menu #faculty > a,
#primary-nav #main-menu #patientcare > a,
#primary-nav #main-menu #education > a,
#primary-nav #main-menu #research > a,
#primary-nav #main-menu #community > a,
#primary-nav #main-menu #about > a { 
    background-image:none;
    margin-top: 5px;
    line-height: 39px;
    height: 39px;
    border-left: 1px solid #20346d;
    border-right: 1px solid #6377b2; 
    text-indent:0; 
}

#primary-nav #main-menu #about > a { width:155px;}
/*end conversion of image based primary nav into text based*/



#primary-nav .img-list li {
  background-image: none;
  padding: 5px 0 0 0;
  width: 120px;
  font-size:0;
}





#slideshow .RadImageGallery_Default { background-color:transparent;}

#slideshow .RadRotator div.rrClipRegion { margin: 0 !important; border-style:none;}

/*the template uses em values for these. As a result, the font size increases as the window size decreases. on these particular items, precision is key or they overflow their designated area. switching to their pixel equivalent. -bruce 5/7/15*/
#events span.month { font-size:10.4px;}
#events span.day { font-size:19.5px;}


div.RadMediaPlayer a, div.RadMediaPlayer a:hover { border-bottom-style:none;}
div.RadMediaPlayer .rmpTitleBar { z-index:99;} /*FIXES A BUG WITH THE MEDIA PLAYER WHERE THE ZINDEX IS WAY TOO HIGH. */
div.RadMediaPlayer .rmpPlaylist a img { width:75px;}
.RadMediaPlayer iframe { width:100% !important; height:100% !important;} /*fixes a bug with the radmediaplayer control where it loads up with a black screen and you can't see video. this happens when the media player was loaded while it was being hidden and the dimensions of the iframe to youtube are then miscalculated to 0. */





div.RadPanelBar .rpLink.hide { display:none;}


/*  I KNOW THIS LOOKS LIKE IT BELONGS IN RESPONSIVE/SHARED.CSS BUT IT DOESN'T. NEEDS TO APPLY EVEN ON THE NON-RESPONSIVE SITE BECAUSE THE LIGHTBOX WILL STILL RENDER AS MOBILE ON THAT SITE
    640px matches to the exact pixel when Telerik's lightbox renders as "mobile", even if you declaritively set the rendermode to mobile. 
        use this to apply any mobile-only styles to the lightbox.*/
    @media only screen and (max-width: 640px) {
        .RadLightBox .rltbDescriptionBox h4 { color:white;}
    }


    input[type="button"].btn-darkblue,
    input[type="button"].btn-darkblue:hover,
a.btn.btn-darkblue, 
a.btn.btn-darkblue:hover, 
button.btn-darkblue,
button.btn-darkblue:hover {
    background-color: #5977be;
    background-image:none;
    /*background-image: -moz-linear-gradient(center top , #f8b47b, #dc7924);*/
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    font-weight: bold;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    text-transform: uppercase;
    
}


    .btn-darkblue:hover[disabled=disabled],
    .btn-darkblue[disabled=disabled]{
        background-color:#b4c2e2;
    }



.icon-rotate-25::before {
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
}


.icon-rotate-45::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.icon-small { font-size:.5em;}
.icon-medium { font-size:.75em;}

.shadowBorder { 
    border: 5px solid white;
    box-shadow: 0 0 5px #ccc;
    outline: 1px solid #ccc;
}

article ul.gallery { display:block;}

/*.videoLightBox .rltbWrapper {
    padding: 0 10px;
}*/

div.videoLightBox .rltbDescriptionBox {
    position:relative;
}

.videoLightBox .rltbDescription,
.videoLightBox .rltbPager { display:none;}


.videoLightBox .rltbDescriptionBox,
#secondary .videoLightBox .rltbTitle,
.videoLightBox .rltbTitle { color:#243778; font-family:HelveticaNeueLTStd67MdCn; font-weight:normal; }

/*div.videoLightBox .rltbItemBox {
    padding-left:0;
    padding-right:0;
}*/

#secondary .videoLightBox .rltbTitle,
div.videoLightBox h4.rltbTitle {
    font-size:1.15em;
    padding:0;
    margin:0;
}



.videoLightBox .rltbItemTemplate {
    position:relative;
	padding-bottom:56.24%;
	/*padding-top:30px;*/
	height:0;
	overflow:hidden;
}

.videoLightBox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    border:none;
}

/* News list control updates */
#secondary ul.newsList, ul.newsList { margin:0;padding:0;display:block;}
#secondary ul.newsList li, ul.newsList li {background:none;margin:0 0 10px 0;padding:0;}
#secondary ul.newsList li p:last-child {font-size:11.5px;}



#secondary .newsList h4,
.newsList h4, .inTheMediaList h4 { font-size:13px}

.newsList img
{
    width:150px;
    /*height:90px;*/
}

.videoList img
{
    width:175px;
    height:131px; 
}


/*ul.facultyList {
    margin-right:0;
}*/

.facultyList,
.residentList { width:100%; max-width:630px;}


ul.residentList, /*only adding ul here while we're transitioning to a new rendering for the resident list. not to add specificity. this can go back to .residentList once everything is live*/
.facultyList
{
    margin: 0 auto;
}



#faculty ul.residentList,
ul.residentList,
ul.residentList > li,
#faculty ul.facultyList,
ul.facultyList,
ul.facultyList > li {
    padding-left:0;
}



#faculty ul.residentList > li,
ul.residentList > li,
#faculty ul.facultyList > li,
ul.facultyList > li { background-image:none; }

ul.residentList > li,
ul.facultyList > li {
    clear:both;
    padding:1em 20px;
    margin:0 -20px;
}

ul.residentList input[type="image"],
ul.facultyList input[type="image"] {
    margin-bottom:0;
}

.practiceLocationListContainer {
    clear:both;
    padding-top:10px;
    text-align:left;
}

.facultyList ul.practiceLocationList,
.facultyList ul.practiceLocationList > li:last-child {
    margin-bottom:0;
}



.facultyDetails {float:left; width:355px;}
    
    
    .titleFont, .subtitleFont {color: #243778; font-family:HelveticaNeueLTStd67MdCn;}
    .titleFont {font-size:21px;}
    .subtitleFont {font-size:17px;}
    
    /*a.titleFont:hover {border-bottom:none;} request from eric to remove underline from name link on hover */
    
    .viewProfileImg {float:right; margin-left:14px;}
    
    .hlHeadshot {  margin-bottom:0;}
    
    .hlHeadshot:hover,
    .hlHeadshot {
        border-bottom-style:none;
    }

/*.facultyListContainer .RadDataPager .rdpWrapRight {
    line-height:2.2em;
    vertical-align:middle;
}*/
/*.facultyListContainer .RadDataPager {
    display:block;
}*/





.dataTable td, .dataTable th, .dataTableNoBorders td, .dataTableNoBorders th, .curriculum td, .curriculum th
{
    padding: 6px;
    text-align: left;
}
.dataTable td, .dataTable th, .curriculum td, .curriculum th
{
    border: 1px solid #CFCED6;
}
.dataTable th, .curriculum th
{
    background-color: #D7DEF0;
    color: #243778;
}
.dataTable th, .curriculum th, .dataTableNoBorders th
{
    font-size: 14px;
}















.RadDataPager .rdpNumPart {
    padding:0 .6em;
}



















/*============ Styles for Locations list control ===============*/
    .location-search-results
    {
        list-style: none outside none;
        margin: 0 !important;
        padding: 0 !important;
    }
    .location-search-results img
    {
        float: left;
        margin-right: 10px;
        width: 150px;
        height: 100px;
    }
    .location-search-results li.location-search-result
    {
        -moz-transition: all 50ms ease-in 0s;
        background-color: #FFFFFF;
        border-bottom: 1px solid lightgrey;
        margin: 0 !important;
        overflow: hidden;
        padding: 10px;
        position: static;
    }
    .location-search-results li.location-search-result h3.title a 
    {
        border-bottom: 1px dotted #6377B2;
        font-family: Helvetica,Arial,sans-serif;
        font-size: 0.8em;
        font-weight: bold;
        text-decoration: none;
    }
    
    .location-search-results li.location-search-result:hover
    {
        background-color: #f2f3f7;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15) inset;
        cursor: pointer;
    }
    .location-search-results .left-col
    {
        float: left;
        margin-right: 10px;
        /*width: 400px;*/
        width:50%;
    }
    .location-search-results .left-col h3
    {
        margin-top: 0 !important;
    }
    .location-search-results .right-col
    {
        float: right;
        font-size: 0.9em;
        width: 20%; /*90px*/
    }
    .location-search-results .right-col p
    {
        margin: 0;
    }
     
    .location-info-box 
    {
        background-clip: padding-box;
        border-radius: 3px 3px 3px 3px;
        margin-bottom: 5px;
        overflow: hidden;
        padding: 3px 6px;        
        /*font-size: 0.9em;*/        
    }




    .appt-box
    {
        background-color: #D7DEF0;
        border: 1px solid #143679;       
    }    
    .map-box
    {
        background-color: #ECF7C6;
        border: 1px solid #647E1D;       
    }    
    .label 
    {
        
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.4em;
        margin: 0;
        
    }
    .label a {text-decoration:none;border-bottom:none;}
    div.phone-box .label a {color: #CB8510;}
    div.appt-box .label a {color: #143679;}
    div.map-box .label  a {color: #647E1D;}

    p.number 
    {        
        font-weight: bold;
        line-height: 1.4em;
    }
    p.number span a {font-size:11px;border-bottom: none;color: #cd5a02;}
    
    /*  New buttons */
    .location-button 
    {
        background-clip: padding-box;
        border-radius: 3px 3px 3px 3px;
        margin-bottom: 5px;
        overflow: hidden;
        padding: 3px 6px;      
        display:block;
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.4em;  
        margin-top: 5px;         
        }
    .location-button div {display:inline-block;}
    
    .phone, article a.location-button:hover {background-color: #f5e5cb;border: 1px solid #cd5a02; color:#cd5a02; }    
        
    .appointment {background-color: #D7DEF0; border: 1px solid #143679;color: #143679; }
    
    .map {background-color: #ECF7C6; border: 1px solid #647E1D;color: #647E1D; }
    
    /*  END New buttons */    
    
    
/*============= end Styles for Locations list control  ==========*/


.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



/*pretty photo styles*/
.inlineFloatRightBioPic {float:right;margin: 0 0 5px 15px;}
.inlineFloatRightLandscape {float:right;margin: 0 0 5px 15px;}

html div.pp_overlay {
    z-index:99999;
}

html div.pp_pic_holder {
    z-index:100000;
}

/*end pretty photo styles*/




/* RADSEARCHBOX STYLES */

div.RadSearchBox .rsbLoadingIcon {
    background-image:none;
}

div.RadSearchBox {
    line-height:normal;
}

div.RadSearchBox .rsbButtonSearch { 
    box-sizing: padding-box;
    height: 27px;
    margin: 0 0 0 -3px;
    width: 26px;
    padding:0px;
    /*border-radius:0;*/    
}

div.RadSearchBox_Default,
div.RadSearchBox_Default .rsbInner {
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    line-height:18px;
}

div.RadSearchBox .rsbInner { padding:0; height:auto; font-size:15.75px; }



div.RadSearchBox .rsbButton,
div.RadSearchBox .rsbButton:focus,
div.RadSearchBox .rsbButton:hover {
    border-style: none none none solid;
}

div.RadSearchBox .rsbButton { box-shadow:none; }

div.RadSearchBox .rsbButton:focus, 
div.RadSearchBox .rsbButton:hover { }





body .rsbPopup, body .rsbListItemHovered { cursor:pointer;}
body .rsbPopup .rsbListItem { font-size:14px; padding-top:4px; padding-bottom:4px;}



.rsbListItem .imgIcon, .rsbListItem .divText {
    vertical-align:top;
}
.rsbListItem .imgIcon { padding-right:6px; display:inline-block; margin-top:2px; *display: inline; }
.rsbListItem .divText { display:inline-block; *display: inline;  width:284px; } 
.rsbListItem .lblText { vertical-align:top; display:inline;}
.rsbListItem .lblType { display:block; font-size:10px;}



body div.RadSearchBox_Default .rsbInput { 
    padding:4px 0px 0px 5px; 
    margin:0px; height:auto; 
    /*line-height:normal;*/ 
    /*font-size:16px;*/
    vertical-align:top;
}


body .rsbPopup_Default .rsbShowAll { background-color: #EBEBEB; padding:8px; font-size:13px;}

div.RadSearchBox_Default .rsbInner,
div.RadSearchBox_Default .rsbButton,
div.RadSearchBox_Default .rsbButton:focus,
div.RadSearchBox_Default .rsbButton:hover {
    border-color:#999;
}


div.RadSearchBox_Default .rsbButton,
div.RadSearchBox_Default .rsbButton:focus,
div.RadSearchBox_Default .rsbButton:hover {
    background-image: linear-gradient(#e2e2e2, #c3c3c3);
    color: #666;
}

body .rsbPopup_Default .rsbListItem { border:1px solid transparent;}
body .rsbPopup_Default .rsbListItemHovered { background-color:#EEEEEE; border-color:#CECECE; }

/* END RADSEARCHBOX STYLES */



html .RadCalendarTimeView_Default a {
    color:#333;
}


.RadComboBoxDropDown.mobile .rcbItem,
.RadComboBoxDropDown.mobile .rcbHovered,
.RadComboBoxDropDown.mobile .rcbDisabled,
.RadComboBoxDropDown.mobile .rcbLoading,
.RadComboBoxDropDown.mobile .rcbCheckAllItems,
.RadComboBoxDropDown.mobile .rcbCheckAllItemsHovered {
    padding-top:5px;
    padding-bottom:5px;
}


div.RadComboBox .rcbEmptyMessage,
body .RadDropDownList .rddlEmptyMessage,
body .RadDropDownList .rddlDefaultMessage{
    /*color:#243778;*/
    font-style:normal;
    opacity:1;
    filter:none;
}

.RadComboBoxDropDown .rcbItem em,
.RadComboBoxDropDown .rcbHovered em {
    text-decoration:underline;
    font-weight:normal;
}

.RadCaptcha .txtCaptcha {
    box-sizing:border-box;
    width:179px;
    margin-top:2px;
}

div.RadCaptcha p {
    padding-left:0;
}


/*the fancy style textboxes on UFHealth include a height setting. 
    Adding box sizing to the captcha textbox on UFHealth (which is needed) thus causes the textbox to appear with squished height.
    I'm undoing any height settings of captcha textboxes on UFHealth to circumvent this problem */
.ufhealth .RadCaptcha .txtCaptcha {
    height:auto;
}

html .RadInput_Default .riDisabled, 
html .RadInput_Disabled_Default {
    color:#8a8a8a;
}


.RadInput a.riButton.icon-search::before {
    font: 14px/1 "fontawesome";
    content:"";
}


/*disabling our template styles from applying to the radeditor*/
.reToolBar li {
    background:none;
    padding:0;
    margin:0;
}


div.reContentArea {
    padding: 10px;
}


.RadWindow,
.reToolbarWindow {
    z-index:100000 !important;
}

div.RadEditor_Office2010Silver.reInlineEditorSelected,
div.RadEditor_Office2010Silver.reInlineEditorSelected:hover {
    border-color:#A4ABB2; /*overriding that ugly orange border on the ofice2010silver skin*/
}

div.RadGrid_Office2010Silver .rgDeletedRow > td {
    border-color:#d0d7e5;
}

/* Google Ad block on the search results page  */
div.gsc-adBlock {display:none;}


.RadCalendarPopup {
    max-width:300px; /*fixes a bug in IE https://www.telerik.com/forums/recent-windows-update-causing-sizing-issues*/
}

    
        .validator {
            visibility:initial !important;
            color:#CC0000 !important;
        }



.btnExportToExcel 
{
    color: #0F337A;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.6em;
    text-decoration: none;
    
    background: url("/images/btn-excel01.gif") no-repeat scroll 3px 2px transparent;
    padding:14px;
}

.btnExportToExcel:hover{background: url("/images/btn-excel02.gif") no-repeat scroll 3px 2px transparent;}