html, body {  }

body { padding: 0; margin: 0; font-family: arial, sans-serif; font-size: 12px; line-height: 17px; font-weight:normal; color: #333333 }
#container { margin: 0px auto; width: 900px; position: relative; }
#container.hascookiewarning { padding-bottom: 100px; }
.lhsgrad { position: absolute; left: -60px; top: 0px; }
.rhsgrad { position: absolute; right: -60px; top: 0px; }
.responsive { display: none; }

.ui-dialog { max-width: 100% !important; max-height: 95% !important; overflow-y: auto; }

.searchbox, .specialtiesbox, .leftbox, .rightbox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.searchbox { width: calc(50% - 5px); float: left; margin-right: 5px }
.specialtiesbox { width: 50%; float: left; }

.leftbox { width: calc(50% - 5px); float: left; margin-right: 5px }
.rightbox { width: 50%; float: left; }
.loginbox { min-height: 190px }

ul, form  { padding: 0px; margin: 0px; }

/*
Uncomment these to enable Growl positioning
#growl_container { position: absolute; top: 0px; left: 50%; }
.ui-growl{ width: 300px !important; margin-left: 150px; margin-top: 170px;  }
*/
.ui-growl-item { border: 1px solid white; border-radius: 3px;  }
.ui-growl-item a { font-size: inherit; color: orange; text-decoration: none; } 

hr { height: 1px; border-top: 1px solid #cccccc; border-bottom: none; margin: 20px 0px;}

.inlinewithinputs { margin-left: 125px; }
.inputRegion { clear: both;  }
.label { width: 110px; padding: 5px; margin-top: 3px; float:left; clear: left; font-weight: bold; color: #000000}
.input { float: left; padding: 5px; }
.input input, .input select, .input textarea { width: 200px;
                                               font-size: 13px;
                                               border-radius: 2px;
                                               float: left;
                                               background: #fff;
                                               border: 1px solid #848685;
                                               box-shadow: none;
}
.input select { width: 205px;  }
.mhs .ui-inputfield { box-shadow: none; border-radius: 2px; border-color: rgb(196,192,185); padding: 1px 0px;   }
.mhs .ui-inputfield:focus { box-shadow: none; }

.input .radio input, .input .checkbox    { width: auto !important}
.input input[type="checkbox"], .input input[type="radio"]   { width: auto !important}
.input input[type="radio"] { margin: 3px 2px 3px 2px;  }
.input input[type="radio"] + label { line-height: 21px }

.inputRegion.fullwidth .label { width: 100%; }
.inputRegion.fullwidth .input { width: 100%; }
.inputRegion.fullwidth .input input, .inputRegion.fullwidth .input textarea { width: 90%; }

/* special style for alignment of radio buttons on two lines */
.tidyradiosforgpprivacy { margin-left: -5px; }
.tidyradiosforgpprivacy input[type=radio] { margin: 2px 5px 30px 0px !important; }
.tidyradiosforgpprivacy td { padding-right: 40px;  min-width:120px; }
.tidyradiosforgpprivacy td:first-child { width: 149px; padding-left: 0px }
.tidyradiosforgpprivacy td:nth-child(2) { width: 218px }
.tidyradiosforgpprivacy td:nth-child(3) { width: 218px }
.tidyradiosforgpprivacy td:last-child { width: 120px; }

/* Box shadow for form buttons (needs colour styling)
input[type="image"]:hover { box-shadow: 1px 1px 1px #000000;  }
*/
.rf-cal-inp { width : 100px !important }
.inlinewithinput { margin-top: 5px; }
.inlineradio  { float: left;  }
.inlineradio input { margin-top: 1px; }

.appointmenttimeradio label { margin-right: 30px; margin-left: 10px; }
.inlineradio label { margin-right: 10px; }

.ui-watermark, .input-watermark { color: #666666 !important;  font-weight: normal !important;  }
.input-watermark:focus { color: black !important }
:-moz-placeholder { color: #666666 !important;  font-weight: normal !important; }
input:focus:-moz-placeholder { color:transparent !important; }
::-webkit-input-placeholder { color: #666666  !important; font-weight: normal !important; }
input:focus::-webkit-input-placeholder { color:transparent !important; }

.required { color: #155a9f; font-weight: bold; float: left; margin-left: 4px  }
.specialist .required { color: #674b7b}
.nofloat { float: none; }

a img { border: none; }
h1, h2, h3, h4, p { margin: 0px; padding: 0px; }
h1 { font-size: 22px; font-weight: normal; color: #333333; line-height: 28px }
h2 { font-size: 14px; color: #191919; line-height: normal }
h3 { font-size: 14px; color: #666666; line-height: 16px }
h4 { font-size: 13px; color: #666666; line-height: 15px }

.clear { clear: both; }
.central { margin: 0px auto }
.mhs a, .mhs .fakelink { font-size: 12px; font-weight: bold }
.mhs a, .mhs .fakelink{ font-size: inherit; text-decoration: none }
.mhs a:hover, .mhs .fakelink:hover { text-decoration: underline }
.gp a, .gp .fakelink, .mhs a.gplink, .gp .nonmember a.preservecolour { color: #155a9f !important;  }
.patient a, .patient .fakelink, .mhs a.patientlink, .patient .nonmember a.preservecolour { color: #008280 !important }
.specialist a, .specialist .fakelink, .mhs a.specialistlink, .specialist .nonmember a.preservecolour { color: #674b7b !important}
.nonmember a, .nonmember .fakelink { color: grey !important; }
.gp .fakebullet { width: 7px; height: 7px; background: #155a9f }
.patient .fakebullet { width: 7px; height: 7px; background: #008280 }
.specialist .fakebullet { width: 7px; height: 7px; background: #76568D }

table { border-collapse: collapse; }
td { vertical-align: top; padding: 0px}

#header .quicklinks { float: right; margin-top: 20px; }
#header .quicklinks  p { float: left; margin-left: 10px; }
.loggedinas { padding-right: 2px; }
#header .logo { float: left; margin: 20px 0px 20px 10px; }
.menu { /*background-image: url('/images/P_NavBar.png');*/ margin:0 -49px; padding:0 49px; height: 37px; clear: both; margin-bottom: 0px; position: relative; }
.menuspecialist, .menugp, .menupatient { /*background-image: url('/images/S_NavBar.png');*/ background:#eceaeb;  border-bottom:1px solid #cbcbcb; border-top:1px solid #cbcbcb; }
.menugp { /*background-image: url('/images/GP_NavBar.png');*/ }

.breadcrumbs { margin: 10px 0px 20px 10px;}

.menu ul { padding: 0px; margin: 2px 0px 0px 0px; }
.menu ul.main { float:left; }
.menu ul li { position:relative; padding-bottom: 0px; font-family: arial, sans-serif; float: left; list-style: none; height: 22px; text-align:center;  margin: 0px; padding-top: 3px;}
.menupatient ul li { border-right: 1px solid #cccccc; }
.menuspecialist ul li { border-right: 1px solid #cccccc }
.menugp ul li { border-right: 1px solid #6d849c }
.menu ul li a { color: #ffffff !important; text-decoration: none; font-size: 0.7em; font-size: 14px;  padding: 0px 15px 0px 15px; font-weight: normal } 
.menu ul li:last-child a { border: none }
.menu ul li a:hover { color: #cccccc }

.menu ul li:hover .dropdown { display: block; }
.menu ul li .dropdown { display:none; position:absolute; z-index: 1000; top:28px; left: 0px; }
.menu ul li .dropdown ul {  box-shadow: 0px 2px 3px -2px #000000; margin-left: -1px; padding-top: 5px; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; background: #ffffff !important; border-bottom-left-radius: 3px;  border-bottom-right-radius: 3px; margin-top: 8px; }
.menu ul li .dropdown ul li { padding: 1px 0px 8px 0px; border-right: none !important; float: none; text-align: left; width: 200px !important; height: auto; }
.menu ul li .dropdown ul li a { color: #155a9f !important; border: none !important; font-size: 10pt  }
.menuspecialist ul li .dropdown ul li a { color: #674b7b !important; }
.menupatient ul li .dropdown ul li a { color: #008280 !important; }

.menu ul li .dropdown ul li:last-child { border-bottom: none !important;
                                         background: -moz-linear-gradient(top, #ffffff, #f6f6f6) !important;  
                                         background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f6f6f6));
                                         background: -webkit-linear-gradient(top, #ffffff, #f6f6f6);    	
                                         background: -o-linear-gradient(top, #ffffff, #f6f6f6); 
                                         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0)";
                                         background: -ms-linear-gradient(top, #ffffff, #f6f6f6);
                                         background: linear-gradient(top, #ffffff, #f6f6f6); 	}



.menu ul.supplementary { float:right; border-left: 1px solid #cccccc }
.menu ul.supplementary li { border-right: none; margin-left: 2px; border-left: 1px solid #cccccc}
.menugp ul.supplementary, .menugp ul.supplementary li { border-left: 1px solid #6d849c }

.menu ul li .recommendationactions { background: #990000; min-width: 10px; text-align:center; position: absolute;  padding: 0px 3px 1px 3px; border-radius: 3px; color: white; font-weight: bold; font-size: 10px; line-height: 12px  }
.menuspecialist ul li .recommendationactions { top: -6px; left: 145px; }
.menugp ul li .recommendationactions { top: -6px; left: 145px; }
.menu ul li .recommendationactions img { position:absolute; top: 13px; left: 5px }
.menu ul li:hover .recommendationactions {display:none; } 
.menu ul li:hover .recommendationactions.insubmenu { display: block !important; }
.menuspecialist ul li .recommendationactions.insubmenu { left: 140px }
.menugp ul li .recommendationactions.insubmenu { left: 135px }

.submenu { float: left; height: 100%; width: 200px; margin-top: 5px }
.submenu ul { list-style: none; border-bottom: 1px solid #dddddd }
.submenu li {border-top: 1px solid #dddddd; padding: 10px }
.submenu li a.selected { color: black !important }
.contentwithsubmenu { width: 680px; float: right}

#content { min-height: 450px; }
#content h1, #content  h2, #content h3, #content h4 { margin-bottom: 10px; }
#content p, .idleDialog p { margin-bottom: 10px; color: #333333 }
.maintext { margin: 0px 10px; }
.ui-panel {
    padding-top: 10px;
    background: -moz-linear-gradient(top, #ffffff, #f6f6f6);  
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f6f6f6));
    background: -webkit-linear-gradient(top, #ffffff, #f6f6f6);    	
    background: -o-linear-gradient(top, #ffffff, #f6f6f6); 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0)";
    background: -ms-linear-gradient(top, #ffffff, #f6f6f6);
    background: linear-gradient(top, #ffffff, #f6f6f6); 
}
.ui-tooltip { max-width: 300px; padding: 10px 10px; } 
.ui-tooltip h1, .ui-tooltip h2, .ui-tooltip h3, .ui-tooltip h4, .ui-tooltip p { margin-bottom: 10px }
.ui-datagrid-content { border-radius: 2px; }

.ui-fileupload td.preview { display: none; } 

.ui-widget-content { border: 1px solid #cccccc }

.mhs .button, .mhs .button:hover { font-size: 9pt !important; font-family: arial, sans-serif; text-shadow:none; border-radius: 3px; border: 0px; box-shadow:none; height: 20px; padding:0px 10px; color: white; font-weight: normal; margin: 10px 10px 0px 0px; }
.mhs .button:hover { box-shadow: 0px 0px 2px #000000 !important; cursor: pointer }

.specialist .button { background-image: url('/images/buttons/s-bg.gif'); }
.patient .button { background-image: url('/images/buttons/p-bg.gif'); }
.gp .button { background-image: url('/images/buttons/gp-bg.gif'); }
.mhs .button .ui-button-text { padding: 0px; }
.mhs a.button { color: white !important; display: inline-block; text-align: center; padding: 2px 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mhs a.button:hover { text-decoration: none; padding: 2px 8px; }
.mhs .buttongrey { background-image: url('/images/buttons/grey-bg.gif'); }
.mhs .buttonred { background-image: url('/images/buttons/red-bg.gif'); }
.mhs .buttonredtall { background-image: url('/images/buttons/red-tall-bg.gif'); height: 40px; width: 92px; }
.mhs .buttonredtall:hover { height: 40px; width: 92px; }
.mhs .buttontallgp { background-image: url('/images/buttons/gp-tall-bg.gif'); height: 40px; width: 92px; }
.mhs .buttontallgp:hover { height: 40px; width: 92px; }
.mhs .buttontallspecialist { background-image: url('/images/buttons/s-tall-bg.gif'); height: 40px; width: 92px; }
.mhs .buttontallspecialist:hover { height: 40px; width: 92px; }
.mhs .buttontallpatient { background-image: url('/images/buttons/red-tall-bg.gif'); height: 40px; width: 92px; }
.mhs .buttontallpatient:hover { height: 40px; width: 92px; }

.resultcounts { font-weight: bold; margin-bottom: 10px}
.sort { float: right; margin-top: -8px;  }
.sort .label { width: auto; font-weight: normal }
.sort .input select { width: auto !important;  }

.pagination { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 2px 0px;  }
.pagination .pages { text-align:center; }
.pagination .next { float: right; }
.pagination .prev { float: left; }
.pagelink { margin: 0px 2px; }
.currentPage { text-decoration: underline !important; }

.specialistsearchcriteria { width: 198px; float:left; }
.specialistsearchcriteria input { width: 160px; margin-left: -5px; }
.specialistsearchcriteria select { width: 165px; margin-left: -5px; }
.specialistsearchcriteria .label { width: 200px; padding-bottom: 0px; font-weight: normal;  margin-left: -5px }
.specialistsearchresults { width: 672px; margin-left: 20px; float: left;  }
.specialistsearchresults .searchresult { border-top: 1px solid #cccccc; padding: 20px 0px }
.specialistsearchresults .searchresult:last-child { border-bottom: 1px solid #cccccc; }

.specialistsearchresults .searchresult { position: relative; clear: both;}

.specialistsearchresults .searchresult div.profileImage { float: left;  }
.specialistsearchresults img.profileImage { width: 75px; margin-right: 20px }
.gp .specialistsearchresults a:hover img.profileImage { border: 1px solid #155a9f !important }
.patient .specialistsearchresults a:hover img.profileImage { border: 1px solid #008280 !important }
.specialist .specialistsearchresults a:hover img.profileImage { border: 1px solid #76568D !important }

.specialistsearchresults .searchresult .searchresultdetail { width: calc(100% - 100px); float: left; position: relative; }
.specialistsearchresults .searchresult .searchresultdetail .maindetails { width: calc(100% - 215px) }
.specialistsearchresults .searchresult .specialties { width: 100%; height: auto; }
.specialistsearchresults .searchresult .specialtygrid { float: left; margin-bottom: 10px; }
.specialistsearchresults .searchresult .specialtygrid td, .specialistprofile .specialtygrid td { vertical-align:middle} 
.specialistsearchresults .searchresult .specialtygrid img, .specialistprofile .specialtygrid img { margin: 2px 5px 2px 0px ; vertical-align: middle }
.specialistsearchresults .searchresult .specialtygrid .specialtyname, .specialistprofile .specialtygrid .specialtyname { margin-right: 10px;}
.specialistsearchresults .searchresult .specialtygrid .specialtyname .name, .specialistprofile .specialtygrid .specialtyname .name { font-weight: bold }

.specialistsearchresults .searchresult .profilelink { display: block; font-weight: normal; padding: 8px 0px 0px 0px; }
.specialistsearchresults .searchresult a.profilelink.nonmember { color: grey !important }
.specialistsearchresults .searchresult .profilelink.responsive { display: none; width: calc(50% - 10px); border-radius: 3px; font-weight: bold; }
.specialistsearchresults .searchresult .profilelink:before { content: ">"; font-weight: bold; margin-right: 10px; color: black }

.searchresult .recommendations.responsive { position: static; height: 50px; }
.searchresult .recommendations { position: absolute; top: 0px; right: 0px; width: 210px; height: 60px; margin-top: 0px; }
.searchresult .recommendations img { float: left; clear:left; margin-right: 2px }
.searchresult .recommendations .reccount { float: left; margin-top: 2px;  }
.searchresult .recommendations .reccount:last-child { margin-top: 3px  }
.searchresult .recommendations a { font-weight: normal }
.searchresult .recommendations a:hover .reccount { text-decoration: underline !important }

.actionbuttonarea { position: absolute; right: 0px; bottom: 0px; width: 210px; margin-bottom: 10px; }
.actionbuttonarea a, .actionbuttonarea .button { width: 100%; margin-top: 5px !important }

.myhubsearchresults .searchresult .recommendations { float: left; width: 400px; height: 40px }
.myhubsearchresults .searchresult .recommendations a { text-decoration: none; color: #155a9f } 
.myhubsearchresults .searchresult .recommendations img { clear:none; } 

.distance { clear: left }

.specialistsearchresults .searchresult .squaremarker { margin-top: 5px; width: 6px; height: 6px; float:left; margin-right: 8px; }
.gp .specialistsearchresults .searchresult .squaremarker { background: #155a9f }
.patient .specialistsearchresults .searchresult .squaremarker { background: #008280 }
.specialist .specialistsearchresults .searchresult .squaremarker { background: #674b7b }

.specialistprofile { float: left;  margin-left: 20px; width: 680px}

.specialistprofile .actionlinks { text-align: right; float: right; margin: 10px; }
.specialistprofile .actionlinks img { margin-left: 5px; } 

.ui-tabs { border: none; margin-top: 20px}
.ui-tabs-nav { background: none !important;; border-bottom: 1px solid #cccccc}
.ui-tabs-panel { padding-right: 0px !important; padding-left: 5px !important; margin: 0px !important}

.specialistprofile .label { padding: 0px; margin: 0px 0px 2px 0px; width: auto}
.specialistprofile .imageandrec { width: 100px; float: left; margin-right: 20px }
.specialistprofile .output { padding: 0px; margin: 1px 2px 2px 5px; }

.specialistprofile .specialties { float: left;  width: 400px; }
.specialistprofile .specialtygrid { margin-bottom: 10px; margin-top: 3px; } 
.specialistprofile .specialtygrid td { vertical-align:top ; }
.specialistprofile .specialtygrid img { margin-top: -2px !important; }
.specialistprofile .specialtygrid .subspecialties { font-size: 0.9em; color: #666666 }
.specialistprofile .specialtygrid .subspeclist .fulllist { display: none }
.specialistprofile .specialtygrid .subspeclist a { margin-left: 5px; }

.addresspanel { float:left; padding: 0px; margin-top: 5px; margin-bottom: 15px; margin-right: 20px; width: 290px; position: relative; }
.addresspanel.archived { background: #eeeeee; opacity: 0.8 }
.addresspanel .tick { width: 24px }

table.jqplot-table-legend { margin-right: 30px !important }
table.jqplot-table-legend td { padding: 2px !important}

.mhstooltip { display: none }
.spec { position: relative; }
.spec:hover .mhstooltip { display: block; }
.mhstooltip { border: 1px solid #cccccc; border-radius: 2px; position: absolute; z-index: 2000; left: 0px; top: 24px; width: 300px; height: auto; background: #f6f6f6; padding: 10px; }
.mhstooltip .bubblepoint { position: absolute; z-index: 5000; left: 10px; top: -7px; }
.mhstooltip p { margin: 0px 0px 3px 0px !important; font-size: 9pt}
.mhstooltip .attributename { font-weight: bold; }
.orseperator { font-weight: bold; margin: 6px 8px 5px 0px; float: left  }
.horizontalrule { border-top: 1px solid #cccccc; width: 100%; height: 1px; margin: 20px 0px 20px 0px; }

.mhs .myhsspecialistsforrecommendation tbody { background: #FFFFE2 !important}
.mhs .myhsspecialistsforrecommendation td { width: 270px; }
.mhs .myhsspecialistsforrecommendation td td { width: auto; }
.mhs .specialistsforrecommendation td { width: 270px }
.mhs .specialistsforrecommendation td td { width: auto; }
.mhs .myhsspecialistsforrecommendation a, .mhs .specialistsforrecommendation a { font-weight: normal !important }

.inputglow { box-shadow: 0px 0px 5px #F7C31B  }
.addrecommendationpanel { margin-top: 10px; padding: 0px 0px 10px 0px; background: #eeeeee !important; box-shadow: 0px 0px 5px #F7C31B; }
.addrecommendationpanel p.heading { font-weight: bold; margin: 5px 0px 5px 0px; font-size: 1.1em }

.mhs .recommendationTable, .mhs .frontenddatatable { margin-top: 20px;  border-bottom: 1px solid #cccccc;}
.mhs .recommendationTable th, .mhs .frontenddatatable th { background: none; border-top: none !important; border-bottom: 1px solid #cccccc; border-left: none; border-right:none; color: #191919; font-size: 12px; text-align:left; box-shadow: none !important}
.mhs .recommendationTable tbody, .mhs .recommendationTable tr, .mhs .frontenddatatable tbody, .mhs .frontenddatatable tr { background: none !important; border:none; } 
.mhs .recommendationTable td, .mhs .frontenddatatable td { background: none !important; border-top: none; border-bottom: none; border-left: none; border-right:none; padding-top: 7px }

.statusInprogress { font-style: italic }
.statusRegistered { font-weight: bold; color: black; }

img.profile { border: 1px solid #cccccc; }
img.profileAnon { }

.profilepoints { float:left; }
.profileticklist { float: left; margin-left: 60px; }
.profileticklist h3 { margin: 0px auto; text-align:center; padding: 0px; }
.profileticklist img { margin-top: 1px;}
.profilepoints ol { padding-left: 10px; margin-top: 35px}
.profilepoints ol li { font-weight: bold; margin: 15px; color:black; padding-left: 20px }

.specialitygrid { width: 100%; margin-top: 20px;  }
.specialitygrid td table td { vertical-align: middle; padding: 3px 0px }
.specialitygrid img { margin-right: 10px; vertical-align: middle}  
.specialityname { font-weight: bold; }

.accountpanel { float: left; width: 406px; min-height: 200px; margin-right: 20px; margin-bottom: 15px; }
.accountpanel.last { margin-right: 0px; }

.addthisicons { text-align: center; font-size: 0 !important; background: #f2f2f2; padding: 6px 6px 2px 6px !important; border-radius: 4px }
.addthisicons p { text-align: center; width: 100%; color: #666 !important;; font-size: 9pt; padding: 0px; margin: 0px 0px 2px 0px !important;}
.addthisicons span { padding: 0px; }

.footer { width: 100%; border-top: 1px solid #dddddd; margin: 30px 0px; padding-top: 5px; padding-bottom: 30px; font-size: 11px  }
.footer .cright { float: left; }
.footer .cright p { color: #666666; }
/*.footer .links { float: right; }*/
.footer .links p { float: left; margin-left: 10px; }
.footer a { font-weight: normal }


.cookiewarning { opacity: 1; position: fixed; bottom: 0px; width: 900px; background: #ffffff; border-top: 4px solid #888; border-bottom: 3px solid #888; z-index: 1000; padding: 0px 0px}
.cookiewarning.noheader { top: 0px; }
.cookiewarning .inner { margin: 5px 50px 5px 30px; padding: 10px 0px }
.cookiewarning .head { color: white; float:left; margin-right: 20px;   }
.cookiewarning p { font-size: 12pt; color: #666; margin: 0px; padding: 0px}
.cookiewarning .continue { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font-size: 25px; }

#audienceselect td { padding: 0px 10px }
/* #audienceselect img:hover { opacity: 0.4; filter: alpha(opacity=40); } */
#mobspecialistsearchcollapsed { display: none; }
/** Responsive details **/

.searchbox, .specialtiesbox { min-height: 350px; }

.ie7content { display: none }

.aptformcontinue { display: none }

/* custom CSS*/
.specialist .main li a, .menugp ul li a, .menupatient ul li a , .menu ul li .dropdown ul li a{ color:#444 !important; }
.menuspecialist ul li, .menugp ul li, .menupatient ul li{ border-right:0 none; padding-top: 8px; margin:0 9px; }

.menu ul.main{ float:right; }
.menu ul.main li ul li::before{ display:none; }
.menu.menugp ul.main li::before, .menu.menuspecialist ul.main li::before, .menupatient ul.main li::before{ content: "";background:#674b7b ;top: 50%;width: 6px;height: 6px;position: absolute; left: 0px;}
.menu.menugp ul.main li::before{ background:#155a9f; }

#container .footer{ margin: 0 -50px;width: auto;float: none;padding-bottom: 0; }
#container .footer .links p{ float:none; margin-left:0; }
#container .footer a{ color:#444 !important; }

/*navigation all sqaures red CSS*/
.menu ul li::before{ background: #D21F43 !important; }
.menu ul li .dropdown{ top:28px; }
/*navigation all sqaures red CSS End*/



/*new footer CSS*/
.footer{
    width:100%;
    margin:t0px 0;
    padding-top:5px;
    font-size:11px
}
.footer .share{
    float:left;
    margin:10px 20px
}
.footer .addthis_button_compact:before,.footer .addthis_sharing_toolbox:before{
    content:"Share";
    position:relative;
    margin-right:5px;
    vertical-align:middle
}
.footer .addthis_sharing_toolbox{
    margin-top:-13px
}
.footer .addthis_sharing_toolbox:before{
    top:-12px;
    display:inline
}
.footer .addthis_button_compact:before{
    top:-5px
}
.footer .addthis_sharing_toolbox div{
    display:inline-block!important
}
.footer .social{
    text-align:right;
    font-weight:700;
    padding:20px 60px 20px 0;
    border-bottom:1px solid #ddd
}
.footer .social p{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px
}
.footer .social img{
    width:32px;
    display:inline-block;
    vertical-align:middle
}
.footer .col{
    display:inline-block;
    margin:20px 30px;
    vertical-align:top
}
.footer .siteareahead{
    font-weight:700;
    padding-bottom:5px
}
.footer .asfeatured,.footer .supporters{
    float:right
}
.footer .asfeatured img{
    height:50px
}
.footer .asfeatured img.pulse{
    height:40px;
    margin-right:10px
}
.footer .supporters img{
    width:140px;
    display:block
}
#mobspecialistsearchcollapsed,.ie7content{
    display:none
}
.footer .credits{
    float:left
}
.footer a{
    font-weight:400;
    color:#444!important
}
.ie8content, .responsive {
    display: none;
}

.menu.menupatient .main{ float:left; }

#specialistprofile .general .address .teletc{ position:relative; }
.hide-desktop{
      display: none  !important; 
    }
    /* 12-03-2018 */
   form textarea[disabled],   form input[type="text"][disabled],  form input[type="password"][disabled],  form select[disabled] {
   color: #000 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #000 !important; /* Override iOS / Android font color change */
-webkit-opacity:1 !important;
}
 .hidden-desktop{display: none;}

@media screen and (max-width: 1020px)
{
    .spec:hover .mhstooltip { display: none; }
    .specialistrecinfo { display: block;  padding: 5px 10px 5px 10px; background: #f6f6f6; margin-bottom: 10px; border-radius: 3px;}
    .specialistrecinfo p { margin: 5px 0px !important; }
    .specialistrecinfo p .attributename { color: #666666; }
    .menu { padding:0;}


}
@media screen and (max-width: 900px)
{
    .hideat900 { display: none; }
    #container { width: calc(100% - 10px); padding: 0px 5px; }
    .cookiewarning { width: calc(100% - 10px); }
    .menu { border-radius: 5px; }
    .specialtiesbox .specialityname { font-size: 0.9em}
    .searchbox input { max-width: 200px; }
    .loginbox.leftbox { width: calc(60% - 5px);}
    .loginbox.rightbox { width: 40%;}
    .specialistsearchcriteria { width: 100%; margin-bottom: 20px }
    .specialistsearchresults { margin-left: 5px }
    .lhsgrad { display: none;  }
    .rhsgrad { display: none; }
    #mobspecialistsearchcollapsed { display: block; position: relative; width: 100%; height: 29px; line-height: 29px; background-image: url('/images/P_NavBar.png'); border-radius:  5px; color: white; font-weight: bold; text-align: center; cursor: pointer }
    #mobspecialistsearchcollapsed:hover { text-decoration: underline }
    #mobspecialistsearchcollapsed:after { content: "+"; position: absolute; right: 12px; font-size: 1.2em}
    #mobspecialistsearchcollapsed.active:after { content: "-"; font-size: 1.5em; top: -2px; right: 13px}
    .specialist #mobspecialistsearchcollapsed { background-image: url('/images/S_NavBar.png'); }
    .gp #mobspecialistsearchcollapsed { background-image: url('/images/GP_NavBar.png'); }
    #specialistsearchfullcriteria { display: none } 
    #specialistsearchfullcriteria .col { width: 320px; float: left; }
    #specialistsearchfullcriteria .colA { margin-right: 80px; }
    #specialistsearchfullcriteria .col .label { width: 130px; }

    .submenu { float: none; width: 100%; background: #fefefe; }
    .submenu li { background: #eeeeee; }
    .contentwithsubmenu { margin-top: 20px; width: 100%; }


    .menu{ margin:0;}
    .menuspecialist ul li{ margin:0; }

    #container .footer{ margin:0 -5px; }

}
@media screen and (max-width: 770px)
{
    .hideat770 { display: none; }
    #specialistsearchfullcriteria .colA { margin-right: 15px; }
    /* Extra space for lists on mobiles */
    #content ul li:not(.ui-tabs-nav li) { margin: 5px 0px}
}

@media screen and (max-width: 749px)
{
    #header .logo  { width: 300px; margin: 20px auto !important; float: none; display: block; }  
    .menugp ul li, .menuspecialist ul li { display: none }
    .menugp ul li.search, .menuspecialist ul li.search { display: block; border: none }
    .gp #header .quicklinks, .specialist #header .quicklinks { position: absolute; top: 45px; right: 15px; color: white; }
    .gp #header .quicklinks a, .specialist #header .quicklinks a  { color: white !important; font-family: arial, sans-serif; font-weight: 400; font-size: 14px }
    .quicklinks .loggedinas .preamble { display: none; }
    .quicklinks .loggedinas { vertical-align: top; display: inline-block; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 5px}
    #header .quicklinks  p { font-size: 14px; }   
    #menubar { border-radius: 0px; background-position: -5px 0px; z-index: 1002; }
    .menu { position: relative; }
    .menu .responsive { display: block; }
    .menu .searchimage { position: absolute; right: 8px; top: 5px; }
    .menuspecialist ul.main, .menugp ul.main { display: none; margin-top: -1px; width: 100%; }
    .menu ul.main li { display: block; float: none; width: 100%; height: auto; min-height: 22px; border: none; }
    .menu ul.main li:last-child { border: none; }
    .menu ul.main li a { color: white; display: block; min-height: 22px; }
    .menu ul.main li .dropdown { box-shadow: none !important; display: block; width: 100%; position: static; background: #fff;}
    .menu ul.main li .dropdown ul { box-shadow: none; border: none; background: none !important; margin-top: 0px;   }
    .menu ul.main li .dropdown li, .menu ul.main li .dropdown li:last-child { border: none; width: 100% !important; background: #ffffff !important; text-align: center; min-height: none; padding: 2px; margin: 0px }	
    .menu ul.main li .dropdown li a { font-size: 1.0em; }
    .menugp ul li { background-image: url('/images/GP_NavBar.png'); }
    .menuspecialist ul li { background-image: url('/images/S_NavBar.png'); }
    .menugp ul li, .menuspecialist ul li { color: white; border: none; border-radius: 0px; background-position: -5px 0px}
    .menupatient .main li { border: none }
    .menubutton.responsive { display: block; padding: 10px 8px; top:5px; }
    .breadcrumbs { clear: both; margin-bottom: 10px;}
    .quicklinks { display: none; }

    .menu ul.main li .recommendationactions { display: block; left: 50%; margin-left: 68px }
    .menu ul.main li .recommendationactions.insubmenu { margin-left: 58px }


    .prominentOverlay { width: 100% !important; left: 0px !important; top: 199px !important; height: auto !important; padding-bottom: 30px !important;; 
                        -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none }
    .prominentOverlay .specialistlink { display: inline !important;}
    .prominentOverlay ul{ color: black; } 
    .menu.selected .prominentOverlay { display: block; }

    .menuspecialist ul li{ margin:0; }
    .menugp ul li, .menuspecialist ul li, .menupatient ul li{ background:#eceaeb !important; }
    .menu ul.main li::before{ display:none; }
    .menu.menugp ul.main li {margin: 0px;}
    .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column {
        width: 47.7%; float: none; display: inline-block;}
     .menupatient ul.main li::before { content: "";background: #674b7b;top: 50%;width: 6px;height: 6px; position: absolute; left: 10px; display: block;}
.menupatient ul.main {
    display: block !important;
}
    #mobspecialistsearchcollapsed {height: 37px;line-height: 37px;background-size: 37px 100%; font-size: 12px;}
    .footer .links .col {
    width: 48%;
    /* margin: 0px; */
}
  body .footer .links .col.hide-mobile{
       display: none !important;  
    }
 body .footer .links .col.hide-desktop {
    display: inline-block !important;
}
.menu.menuspecialist ul.main li  {
    background-image: url(/images/S_NavBar.png) !important;
    color: white;
    border: none;
    border-radius: 0px;
    background-position: -6px 0px !important;
        display: block;
    float: none;
    width: 100%;
    height: auto;
    min-height: 22px;
    border: none;
}
.menu.menuspecialist ul.main li a {color: #fff !important;}
    .menu.menuspecialist ul.main li .dropdown li a{
            color: #674b7b !important; font-size: 1.0em;
}
.menuspecialist {
    background-image: url(/images/S_NavBar.png);background-position: -5px 0px; height: 29px;}
.menubutton.responsive {padding: 6px 8px;}
 .hidden-mobile{display: none;}
  .hidden-desktop{display: block;}
  .menugp {
    background-image: url(/images/GP_NavBar.png) !important; background-position: -5px 0px; height: 29px;
}
.menugp ul li {
    background-image: url(/images/GP_NavBar.png) !important;
     color: white;
    border: none;
    border-radius: 0px;
    background-position: -6px 0px !important;
        display: block;
    float: none;
    width: 100%;
    height: auto;
    min-height: 22px;
    border: none;
}
.menugp ul li a{color: #fff !important;}

    .menugp  ul.main li .dropdown li a{
            color: #155a9f !important; font-size: 1.0em;
}
}	

@media screen and (max-width: 700px)
{
    .hideat700 { display: none; }
    .breadcrumbs { margin-left: 1px; margin-bottom: 10px; }
    .loginbox.leftbox { width: calc(70% - 5px);}
    .loginbox.rightbox { width: 30%;}
    .searchbox, .specialtiesbox { min-height: 405px; }
    .specialistsearchresults { width: calc(100% - 10px); margin: 0px 5px }
    .searchresultdetail .specialties .specialtygrid { margin-bottom: 5px; }    
    .specialistprofile { float: left;  margin-left: 10px; width: calc(100% - 10px)}
    .specialistprofile .imageandrec .profileImage { float: left; }
    .specialistprofile .specialties { width: calc(100% - 120px); }
    .specialistprofile .specialties .specialtyname { width: 100% !important; }
    .specialistprofile .practiceaddress { margin-bottom: 20px; }
    .specialistprofile .practicemap, .specialistprofile .practiceaddress { width: 100% !important; clear: both !important; float: left !important;}
    #specialistsearchfullcriteria .col .label { width: 80px; }
    #specialistsearchfullcriteria .col { width: 270px }
    .ui-dialog { max-width: 400px !important; max-height: 90% !important; }
    .actionbuttonarea { width: 160px; }
    #appointmentform .input { width: 100%}   
    .tidyradiosforgpprivacy { margin-left: -15px; }
    .tidyradiosforgpprivacy input[type=radio] { margin: 2px 5px 0px 0px !important; }
    .tidyradiosforgpprivacy td { display: block; width: 100% !important; margin: 10px; padding: 0px !important; }


    .footer .col{
        margin:20px
    }
    .footer .col.asfeatured,.footer .col.supporters{
        float:none;
        display:block
    }
    .footer .links{ width:100%; }
}

@media screen and (max-width: 600px)
{
    .hideat600 { display: none; }
    .hideat600.about-ul { display: none !important; }
    .searchbox, .specialtiesbox, .leftbox, .rightbox { float: none; width: 100% !important; margin-bottom: 3px; height: auto; min-height: 0px}
    .specialistprofile #tabView .ui-tabs-nav li { font-size: 0.9em }
    #specialistsearchfullcriteria .col { width: 305px }
    #specialistsearchfullcriteria .col .label { width: 115px; }
    .searchresult .recommendations.full { display: none; }
    .searchresult .recommendations.responsive { display: block; }
    .specialistsearchresults .searchresult .searchresultdetail .maindetails { width: 100%; }
    .specialistsearchresults .searchresult .searchresultdetail .maindetails .specialties { clear: both; }
    .actionbuttonarea { clear: both; position: static; width: 100%; margin: 15px 0px; height: 30px;}
    .actionbuttonarea .button, .actionbuttonarea a { font-weight: bold; float: left; width: calc(50% - 10px); margin: 0px !important; height: 30px; background-size: 1px 30px; }
    .actionbuttonarea a.button, .actionbuttonarea a:hover { padding: 6px 8px !important; font-weight: bold !important }
    .actionbuttonarea .button { margin-right: 10px !important; }
    .actionbuttonarea .button:hover, .actionbuttonarea a:hover { height: 30px }
    .actionbuttonarea .appointmentbuttonarea { display: none; }
    .patient .actionbuttonarea .appointmentbuttonarea { display: block; }
    .specialistsearchresults .searchresult .profilelink { display: none; }
    .specialistsearchresults .searchresult .profilelink.responsive { display: block }
    .specialistsearchresults .searchresult .profilelink:before { content: none}
    .specialistsearchresults .searchresult .profilelink .nameforlink { display: none }

    #addAppointmentID table td { display: inline-block ;}   
    #addAppointmentID table td .ui-widget td {display: table-cell } 

    .myhubsecondfiveinvites { display: none; }

    .footer .responsive { display: inline; }

    .ui-tooltip { left: 10px !important; }

    #appointmentform { overflow-x: hidden !important;}
    #apptformsecondpart { display: none }
    .aptformcontinue { display: block; width: 100%; text-align: center; margin: 10px 0px }
    #container .footer{ margin:0 -5px; }


    .footer .responsive{
        display:inline
    }
    .footer .col{
        width:30%;
        margin-left:20px;
        margin-right:10%;
        min-width:105px
    }
    .footer .col .siteareahead{
        white-space:nowrap
    }
    .footer .responsivefooterbreak{
        width:100%;
        border-bottom:1px solid #ddd
    }
    .footer .col.asfeatured,.footer .col.supporters{
        display:inline-block
    }
     #practiceform .inputRegion .label {width: 95px;}
     #practiceform .inputRegion .input {float: left;width: 68%;min-width: 220px;}

}
@media screen and (max-width: 500px)
{
    .hideat500 { display: none; }
    .showat500 { display: block; }
    .searchresultdetail { position: relative; }
    .searchresultdetail .specialties { width: 100% !important; }
    .specialistsearchresults h1 { display: none; }
    .specialistsearchresults .searchresult .searchresultdetail .maindetails, 
    .specialistsearchresults .searchresult .searchresultdetail .maindetails .fee, 
    .specialistsearchresults .searchresult .searchresultdetail .maindetails .profilelink { width: 100%; height: auto }
    .specialistsearchresults .searchresult .maindetails h3 { float: left; width: calc(100% - 100px) }
    .specialistsearchresults .searchresult .specialties { clear: both; }
    #audienceselect td { padding: 0px 10px }
    #audienceselect img { width: 70px; } 
    .specialistprofile #tabView .ui-tabs-nav { margin-left: -12px; border-bottom: none}
    .specialistprofile #tabView .ui-tabs-nav li, .clinictabs .ui-tabs-nav li { width: 100%; font-size: 1.0em }

    .accountpanel { margin-right: 0px; width: 100%; }
} 

@media screen and (max-width: 440px)
{ 
    .patient #header .logo { padding-bottom: 10px; }
    .patient #header .quicklinks { position: absolute; right: 5px; top: 50px; font-size: 0.9em }
}
.recommendationsearchfields .label { width: auto; }
.recommendationsearchfields .inputRegion { min-width: 33%; float: left; clear: none; }
.recommendationsearchfields .inputRegion .input { clear: left; display: block;}

@media screen and (max-width: 420px)
{    
    .ui-datatable thead th { white-space: normal; word-wrap: normal; vertical-align: top }
    .loginbox .inlinewithinputs { margin-left: 5px}
    .specialistsearchresults img.profileImage { margin-right: 10px }
    .specialistsearchresults .searchresult { padding-bottom:  0px }
    .specialistsearchresults .searchresult .searchresultdetail { float: none; width: 100%; }
    .specialistsearchresults .searchresult .maindetails .recommendations.responsive { float: left;}   
    .specialistsearchresults .searchresult .maindetails h3 { font-size: 1.2em; }
    .specialistsearchresults .searchresult .searchresultdetail .maindetails .fee, 
    .specialistsearchresults .searchresult .searchresultdetail .maindetails .distance { margin-left: 1px }
    .ui-dialog { max-width: 90% !important }
    .menu ul.supplementary li a {
    padding: 0px 6px 0px 6px;
    font-size: 11.5px;}
.menupatient ul.main li a{padding-right: 0px;}
  
} 

/*   ipad mini hacks css */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  { 
    form textarea[disabled], form input[type="text"][disabled], form input[type="password"][disabled], form select[disabled] {
    color: #000 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #000 !important; /* Override iOS / Android font color change */
-webkit-opacity:1 !important; /* Override iOS opacity change affecting text & background color */

}}
/*    ipad mini hacks css ends  */

/*   iphone css hacks */
@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 749px) { 
#mobspecialistsearchcollapsed {
  height: 30px;line-height: 30px;background-size: 37px 100%; font-size: 12px;}
form textarea[disabled], form input[type="text"][disabled], form input[type="password"][disabled], form select[disabled] {
    color: #000 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #000 !important; /* Override iOS / Android font color change */
-webkit-opacity:1 !important; /* Override iOS opacity change affecting text & background color */

}}
/*   iphone css hacks ends*/


/* So specific to override the navigation styles.  */
.menu .prominentOverlay ul li {
    list-style: square inside none;
    text-align: left;
    border-right: none; 
    float: none;
}

.prominentOverlay {
    position: absolute;
    text-align: left;
    background: #ffffac;
    border: 1px solid #c7c7c7;
    border-radius: 3px; 
    margin-top: 0px;
    right: -170px;
    left: -170px;
    padding: 10px;
    z-index: 2;
    width: 480px;
    top: 49px; 
    left: 80px; 
}
.prominentOverlay h1 { margin-bottom: 20px; }
.prominentOverlay:after, .prominentOverlay:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}

.prominentOverlay:after {
    border-color: rgba(255, 255, 172, 0);
    border-bottom-color: #ffffac;
    border-width: 20px;
    margin-left: -20px;
}
.prominentOverlay:before {
    border-color: rgba(199, 199, 199, 0);
    border-bottom-color: #c7c7c7;
    border-width: 21px;
    margin-left: -21px;
}

.menu .prominentOverlay .boxclose{
    float:right;
    cursor:pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    background: #605F61;
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    padding: 2px;       
}

.boxclose:before {
    content: "×";
}

.full-width{ width: 100%; float: left; color:red;}
.full-width label{ width:auto; color:red;}
.footer .col{ margin-left:20px; margin-right:20px; }
.footer .asfeatured, .footer .supporters{ float:none; display:inline-block; }

@media(max-width:960px){
    .footer .col{ margin-left:2px; margin-right:2px; }

}
@media(max-width:700px){

    .footer .col.asfeatured, .footer .col.supporters{ display:inline-block; }}