﻿/* UPDATES FOR UKIG 
**************************************************************************************************/

.container-grey-fill{ background:#eee; border:1px solid #ccc; overflow:hidden; margin-bottom:20px; padding:10px; }
.container-grey-border{ border:1px solid #ccc; overflow:hidden; margin-bottom:20px; padding:10px; }
.container-orange-border{ border:1px solid #F65112; overflow:hidden; margin-bottom:20px; padding:10px; }
.container-blue-border{ border:1px solid #007EBB; overflow:hidden; margin-bottom:20px; padding:10px; }
.container-green-border{ border:1px solid #418620; overflow:hidden; margin-bottom:20px; padding:10px; }
.container-blue-fill{ background:#F0FAFF; border:1px solid #007EBB; overflow:hidden; margin-bottom:20px; padding:10px; }

.container-grey-fill h1{ color:#333; }

.round{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/pie/PIE.htc); }

.a-info-menu .a-info-menu-item { background: #666; height: auto; margin-bottom:10px; }

.a-info-content { width:200px; }

.ai-search-box{ margin-bottom:20px; overflow:hidden; }
.ai-search-box .ai-search-text{ float: left; width:370px; height:28px; line-height:28px; padding:0 5px; }
.ai-search-box .symptom-search-but { float: left; margin-left:20px;  padding:0; }

.ukig-results-container .ai-search-box .ai-search-text{ float: left; width:360px; height:28px; line-height:28px; padding:0 5px; }
.ukig-results-container .ai-search-box .symptom-search-but { float:right; margin-left:0; }
.ukig-results-container .ai-search-box{ margin-bottom:5px; }

.ai-inner-left{ float:left; width:490px; border-right:1px dotted #bbb; }
.ai-inner-right{ float:right; /*width:190px;*/ width:197px; }
.ai-inner-right{ margin-top:10px; text-align:center; }

.browse-cat{ display:block; background:url("../images/a-info-cat-bg.gif") 10px 13px no-repeat #ddd; padding:10px 8px 10px 24px; font-weight:bold; font-size:14px; width:155px; }
.browse-cat:hover{ color:#333; }

.diagram-container .ai-diagram {padding-right:10px;}

.ai-diagram { text-align:center; position:relative; }
.ai-diagram .turn{ background:url("../images/ai-turn.gif") top left no-repeat; width:38px; height:25px; position:absolute; top:5px; right:10px; cursor:pointer;}
.ai-diagram .turn span{ position:absolute; left:-9999px; }

.body-dot{ background:url("../images/body-dot.png") top left no-repeat; width:12px; height:12px; position:absolute; }

.front-jaw{ top:35px; left:91px; }
.front-neck{ top:42px; left:105px; }
.front-shoulder{ top:50px; left:60px; }
.front-arm{ top:90px; left:122px; }
.front-hip{ top:120px; left:65px; }
.front-wrist{ top:130px; left:40px; }
.front-knee{ top:200px; left:100px; }
.front-leg{ top:225px; left:80px; }
.front-ankle{ top:250px; left:80px; }
.front-hand{ top:150px; left:145px; }
.front-foot{ top:265px; left:98px; }

.back-neck{ top:40px; left:90px; }
.back-shoulder{ top:50px; left:60px; }
.back-back{ top:70px; left:90px; }
.back-elbow{ top:100px; left:125px; }
.back-upperlimb{ top:90px; left:120px; }
.back-lowerlimb{ top:170px; left:100px; }
.back-buttock{ top:135px; left:100px; }
.back-lumbar{ top:115px; left:90px; }
.back-wrist{ top:130px; left:40px; }
.back-hand{ top:150px; left:35px; }
.back-knee{ top:200px; left:100px; }
.back-ankle{ top:255px; left:80px; }
.back-foot{ top:260px; left:100px; }

.margin-right{ margin-right:15px; clear:both;}

.ukig-filters-container {
	float:left;
	width : 210px;
}

.ukig-results-container {
	 float: right;
    width: 500px;
}
.ukig-results-container-large {
	 float: right;
    width: 100%;
}


.ukig-filter-option label 
{
    /* display:none; */
    padding-top: -1px;
    padding-left: 3px;
    cursor: pointer;
}

.ukig-filters ul {display : none;}

.ukig-filter-root {text-align:right; width:100%; font-weight:bold; padding-bottom:4px; margin-right:10px;}
.ukig-filter-root a img {display:none;}



.ai-menu{ background:#eee; border:1px solid #ccc; }
.ai-menu h3{ margin:10px 0 5px 10px; }
.ai-menu .clear-filter{ float:right; font-weight:bold; padding-bottom:4px; margin-right:10px; }
.ai-menu ul{ list-style:none; clear:both; }
.ai-menu ul.ukig-filters li span.close a { display:block; margin:0 10px; padding:10px 25px 10px 10px; font-size:13px; background:url("../images/ai-toggle-bg.png") 165px 10px no-repeat; border-bottom:1px dotted #bbb; }
.ai-menu ul.ukig-filters li span.open a { display:block; margin:0 10px; padding:10px 25px 10px 10px; font-size:13px; font-weight:bold; background:url("../images/ai-toggle-bg.png") 165px -60px no-repeat; border:none;}

.ai-menu ul.ukig-filters li.last span.close a { border:none; }
.ai-menu ul.ukig-filters li ul.ukig-filter-group li.first { border:none; }


.ai-menu ul li a:hover{ text-decoration:none; }
/*.ai-menu ul li span{ font-size:11px; margin-left:5px; }*/
.ai-menu ul li ul{ background:#fff; }
.ai-menu ul.ukig-filters li ul.ukig-filter-group li { padding:8px 0 8px 10px; margin: 0 10px; font-size:13px; border-top: 1px dotted #CCCCCC; }
.ai-menu ul.ukig-filters li ul.ukig-filter-group li div { display:inline; margin-left:8px; }
.ai-menu ul.ukig-filters li ul.ukig-filter-group li.toggle span.filter-toggle.close a {display:inline; background:url("../images/ai-toggle-bg-sub.png") 167px 10px no-repeat; padding:8px 0 8px 10px; margin: 0; font-size:13px; max-width:151px;}
.ai-menu ul.ukig-filters li ul.ukig-filter-group li.toggle span.filter-toggle.open a {display:inline; background:url("../images/ai-toggle-bg-sub.png") 167px -62px no-repeat; padding-bottom:0; margin: 0 10px; font-size:13px; }
.ai-menu ul li ul li ul{ padding:5px 0 0 0; }
.ai-menu ul li ul li ul li { background:none; padding:6px 0 6px 20px; margin: 0; border-top: none; }

.ai-filter-header{ 
    font-size:14px; 
    margin-right:15px; 
    overflow:hidden; 
    clear:both;
    padding-top:5px;
}
.ai-filter-header select{ 
    float:right; 
    margin-right:76px;
}
.ai-filter-header label{ float:left; font-size:12px;}

.results-count-label {
    width:100px;
    float:left;
}


.ai-pagination{ margin:20px 15px 20px 0; overflow:hidden; }
.ai-pagination .pagination{ 
    float:left; 
    text-align:left; 
    /*width:320px; */
    width:250px;
    margin:0; 
}
.ai-pagination .pagination ul{ margin:0; }

.ai-paging{ float:right; text-align:right; }
.ai-paging, .ai-paging a{ color:#333; font-weight:bold; font-size:14px; }
.ai-paging a{ padding:0 0 0 5px; }

.ai-search-results{ clear:both; margin-top: 10px;}
.ai-result{ margin:0 15px 20px 0; padding-right: 30px; }
.ai-result h3 a{ color:#333; }
.ai-result .morelink {
	background: url("../images/morelink-bg.gif") no-repeat scroll left center transparent;
    color: #333;
    float: right;
    font-size: 14px;
    padding: 5px 0 5px 15px;
	font-weight:bold;
}
.ai-result p{ padding-right:20px; clear:both; }
.ai-result h3{ padding-right:25px; }
.ai-result.container-blue-border 
{
    /*background: url("../images/icon-ext-res.gif") no-repeat top right; */
}
.container-blue-border a.resource-link{ color:#333; font-weight:bold; display:block; float:left; padding:5px 0 5px 30px; width:200px; background: url("../images/icon-link.gif") no-repeat left; }
.container-blue-border a.reviewer-pick{ color:#333; font-weight:bold; display:block; float:left; padding:5px 0 5px 30px; width:120px; background: url("../images/icon-pick.gif") no-repeat left; }

.container-blue-border div.reviewer-comment-container {float:left;width:250px;display:block;}

.container-blue-border div.reviewer-comment-container a.reviewer-comment{ color:#333; font-weight:bold; display:block; float:left; padding:5px 0 5px 30px; width:150px; background: url("../images/icon-rev-com.gif") no-repeat left; }
.container-blue-border div.reviewer-comment-container div.review-comment-content {display:none;}

a.back-home-link{ display:block; padding:3px 0 3px 15px; background: url("../images/backlink-bg.gif") no-repeat scroll left center transparent; color: #333; font-size: 14px; font-weight:bold; margin:0 0 10px 0; }
.fav-link{ display:block; padding:3px 0 3px 20px; width:200px; background: url("../images/icon-fav.gif") no-repeat scroll left center transparent; color: #333; font-size: 14px; font-weight:bold; }

.login-details{ float:right; width:300px; text-align:right; }
.login-details a{ color:#333; font-weight:bold; }

h3.rev-com { background: url("../images/icon-rev-com.gif") no-repeat left; padding:2px 0 2px 30px; font-size:14px; margin-bottom:5px; }

.social-bar{ margin-bottom:20px; }

.article-nav{ margin:0 15px 20px 0; overflow:hidden; text-align: center; clear:both;}
.article-nav .article-prev{ float:left; display:block; width:60px; padding:6px 5px 6px 25px; background:url("../images/article-prev.png") 5px 8px no-repeat #eee; border:1px solid #ccc; color:#333; font-weight:bold; }
.article-nav .article-next{ float:right; display:block;width:60px; padding:6px 25px 6px 5px; background:url("../images/article-next.png") 75px 8px no-repeat #eee; border:1px solid #ccc; color:#333; font-weight:bold; }
.article-nav select{ width:250px; display:block; float:left; margin:0 0 0 20px; width:260px; padding:5px; *margin:5px 0 0 20px; }

/* .article-nav option.page-nav-third {padding-left:20px;} */

span.indent-option {padding:15px;}

.ai-search-right{ background:#F65112; color:#fff; padding:10px; overflow:hidden;margin-bottom:20px; }
.ai-search-right h3{ color:#fff; font-size:15px; }

.ai-search-container{ background:#fff; overflow:hidden; }
.ai-search-container input{ vertical-align:middle; }
.ai-search-container .ai-search-text{ *float:left; border:none; border:0; margin:5px 0 0 5px; height:20px; width:150px; }
.ai-search-container .ai-search-but{ float:right; margin:3px 3px 3px 0; }


.ui-autocomplete {
		max-height: 310px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
		

	}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
	* html .ai-search-container .ui-autocomplete {
		height: 300px;
	}

.fav-list{ margin-right:15px; }
.fav-list h4{ display:inline; *float:left; }
.fav-list .delete-fav{ float:right; }

.fav-list .reorder-fav{float:right; margin-right:5px;}

.fav-list .container-blue-border h4{ background:url("../images/icon-ext-res.gif") 0px -10px no-repeat; padding:0 0 0 30px; }
.fav-list .container-blue-border,
.fav-list .container-orange-border{ margin-bottom:10px; }

p.fav-label{ padding-bottom:0; }

.action-dialog{display:none;font-size:0.9em;}
.action-dialog-content{margin:12px 0;}

.action-dialog a.article-prev{ float:right; margin-top:10px; display:block; padding:6px 5px 6px 5px; background:#F65112; border:none; color:#FFF; font-weight:bold;    margin-left: 5px;text-decoration:none;}
/*.action-dialog a.small-link-button span {display:block; float:left; background:url(../images/article-next.png)5px 8px no-repeat #eee; height:25px; margin-left: 5px; padding-left: 0; padding-right: 5px; padding-top: 4px; cursor:pointer; }
.action-dialog a.small-link-button:hover, .basket-dialog a.small-link-button:focus { color:#000; outline:none; }*/
.action-dialog a.article-prev:hover{ text-decoration:none; }

.action-dialog a.article-next{ float:right; display:none; padding:6px 5px 6px 5px; background:#F65112; border:none; color:#FFF; font-weight:bold; text-decoration:none;}
/*.action-dialog a.small-link-button-right span{display:block; float:left; background:url(../images/article-next.png) 5px 8px no-repeat #eee; height:25px; margin-left: 5px; padding-left: 0; padding-right: 5px; padding-top: 4px; cursor:pointer; }
.action-dialog a.small-link-button-right:hover, .basket-dialog a.small-link-button-right:focus { color:#000; outline:none; }*/
.action-dialog a.article-next:hover{ text-decoration:none; }
/************************** isotope/at a glance ********************************/

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {

  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;

}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

#container {
  /*padding: 5px;*/
  margin-bottom: 20px;
  
}

.element {
  width: 130px;
  height: auto; /* 93px; */
  margin: 3px 3px 3px 3px;
  float: left;
  overflow: hidden;
  position: relative;
}

.element * {
  margin: 0;
}


/*
.element p.aag-more-link {
	margin-top:10px;
}

.element p.aag-more-link .morelink {
	background: url("../images/morelink-bg.gif") no-repeat scroll left center transparent;
    color: #333;
    float: right;
    font-size: 14px;
    padding: 5px 0 5px 15px;
	font-weight:bold;
}
    */

.aag-more-link {	
    background: url("../images/morelink-bg.gif") no-repeat scroll left center transparent;
    /*float:left;*/
    width:15px;
}

.morelink {
    /*float:left;*/
    font-weight: bold;
}



.element .aag-item-title {
  left: 0.2em;
  top: 0.4em;  
  line-height: 1.0em;  
  text-shadow: -2px 0 white, 0 2px white, 2px 0 white, 0 -2px white;

  
      /*    
 -ms-word-break: break-all;
     
     word-break: break-all;
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;*/
}

    .element .aag-item-title a {
  /*text-decoration: none;*/
  color:black;
    }

.element.large .symbol {
  font-size: 1.2em;
}

.element.fake .symbol {
  color: #000;
}

.element .aag-item-summary {
  left: 0.5em;
  bottom: 1.6em; 
  margin-top:10px;
   display:none;
}



.element .aag-item-summary-visible {display:block;}

.element.large,
.variable-sizes .element.large,
.variable-sizes .element.large.width2.height2 {
  font-size: 1.2em;
  width: 290px;
 /* height: 210px;*/
 height : auto;
  z-index: 100;

}

.clickable .element:hover {
  cursor: pointer;
}

.clickable .element:hover h3 {
  text-shadow:
    0 0 10px white,
    0 0 10px white
  ;
}

.clickable .element:hover h2 {
  color: white;
}


/* JC UPDATES */
.container-blue-border.isotope-item{ background: url("../images/iso-blue-plus.gif") no-repeat 123px 5px; }
.container-green-border.isotope-item{ background: url("../images/iso-green-plus.gif") no-repeat 123px 5px; }
.container-orange-border.isotope-item{ background: url("../images/iso-orange-plus.gif") no-repeat 123px 5px; }

.container-blue-border.large{ background: url("../images/iso-blue-minus.gif") no-repeat 283px 5px; }
.container-green-border.large{ background: url("../images/iso-green-minus.gif") no-repeat 283px 5px; }
.container-orange-border.large{ background: url("../images/iso-orange-minus.gif") no-repeat 283px 5px; }

.container-orange-border.isotope-item.isotope-no-icon, .container-orange-border.large.isotope-no-icon {background: none;}
.container-green-border.isotope-item.isotope-no-icon, .container-green-border.large.isotope-no-icon {background: none;}
.container-blue-border.isotope-item.isotope-no-icon, .container-blue-border.large.isotope-no-icon {background: none;}


.body-content a.reset-link {
	display:block; padding:3px 0 3px 0; color: #333; font-size: 14px; font-weight:bold;text-align:right;margin-right:15px;
}
/*
.body-content a.reset-link img {vertical-align:middle;}
}*/
.body-content a.print-link {
	float:left;
}

.element .aag-item-title { left: 0.2em; line-height: 1em; top: 0.4em; padding-right:18px; }

.element{ cursor:pointer; }

.ai-menu ul.ukig-filters li ul li span.open a { border-top:none; }
.ai-menu ul.ukig-filters li ul li span.close a { border-top:none; }

.ai-menu ul.ukig-filters li.filter-no-children {
border-bottom: 1px dotted #BBBBBB;
    display: block;
    font-size: 13px;
    margin: 0 10px;
    padding: 10px 10px 10px 10px;
	}

.ai-menu ul.ukig-filters li.filter-no-children .top-level-filter-option input { margin-right: 10px;}
.ai-menu ul.ukig-filters li.filter-no-children .top-level-filter-option label {display:none;}

.ai-menu ul.ukig-filters li ul.ukig-filter-group li ul li{ border-top:none; padding: 6px 0 6px 10px; }

.ai-menu ul.ukig-filters li ul.ukig-filter-group li.toggle .filter-toggle { display:block; float:left; width:155px; }
.ai-menu ul.ukig-filters li ul.ukig-filter-group li.toggle .ukig-filter-option{ float:left; }

.ai-menu ul.ukig-filters li ul.ukig-filter-group li.toggle span.filter-toggle.open a {
	background: url("../images/ai-toggle-bg-sub.png") no-repeat scroll 135px -70px transparent;
    display: block;
    float: left;
    font-size: 13px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.ai-menu ul.ukig-filters li ul.ukig-filter-group li.toggle span.filter-toggle.close a {
	background: url("../images/ai-toggle-bg-sub.png") no-repeat scroll 135px 0 transparent;
    display: block;
    float: left;
    font-size: 13px;
    margin: 0;
    padding: 0;
    width: 100%;
	border:none;
}
.ai-menu ul.ukig-filters li ul.ukig-filter-group li { overflow: hidden; }

.ukig-filter-option{ margin-right:10px; }

.ai-menu ul.ukig-filters li ul.ukig-filter-group li div { margin-left: 0; }

.ai-menu ul.ukig-filters li ul.ukig-filter-group li.toggle span.no-check{ width:175px; }
.ai-menu ul.ukig-filters li ul.ukig-filter-group li.toggle span.no-check.close a{ background:url("../images/ai-toggle-bg-sub.png") no-repeat 157px 0; }

.ai-featured-resource { margin:0 0 20px 0; }
.ai-featured-resource p {margin-bottom : 10px;}
.ai-featured-resource.container-blue-border{ background: url("../images/icon-ext-res.gif") no-repeat top right; }

.ai-search-message-emphasised { font-size: 15px;}

.body-content a.fav-link {color:#333333;}


/*! Light tooltip style */
.ui-tooltip-reviewer .ui-tooltip-titlebar,
.ui-tooltip-reviewer .ui-tooltip-content{
	background:#F0FAFF; border:2px solid #007EBB;
	 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/pie/PIE.htc);
}

.ui-tooltip-reviewer-shadow{
   -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
 
  filter: Shadow(Color='gray', Direction=135, Strength=3);
  -ms-filter:"progid:DXImageTransform.Microsoft.shadow(Color='gray', Direction=135, Strength=3)";

  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/pie/PIE.htc);
}
.social-bar-wrapper{ float:left; }

div.review-form div.rating-cancel, div.review-form div.rating-cancel a {display:none;margin:0;padding:0;width:0;}


.resource-reviews {margin-top:20px;}
.reviews-no-margin {margin:0;}

p.comment-form-login {
	color: #333333;
    display: block;
    font-size: 12px;
    font-weight: bold;
    /*padding: 3px 0px 20px 20px; */	
	margin-top : 10px;
}

p.comment-form-login a.comment-form-link { color:#C8400E; }
div.review-form p a.comment-form-link { color:#C8400E; }
.display-name {margin-bottom:10px;width:250px;padding:3px;}