﻿
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.ui-state-default { 
  border: 1px solid #d3d3d3; 
  background-color: #4f5560; 
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 
  color: #fff !important; 
  text-decoration: none;
  outline: 0;
}

.ui-state-hover, .ui-state-focus { 
  border: 1px solid #999999; 
  background-color: #ccc;
  color: #212121 !important; 
}

.ui-state-hover a, .ui-state-hover a:hover { 
  color: #212121 !important; 
  text-decoration: none;
  outline: 0;
}

.ui-state-active { 
  border: 1px solid #aaaaaa; 
  background: #ffffff;
  border-bottom: 1px solid #fff !important;
  color: #404040 !important;  
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #404040 !important; 
  text-decoration: none;
  outline: 0;
}

.ui-tabs ul.ui-tabs-nav {
   height: 29px !important;
   margin: 0 !important;
}

.ui-tabs .ui-tabs-nav li { 
  float: left; 
  margin: 0 1px 0 0; 
  list-style: none !important;
  line-height: 14px !important;
}

.ui-tabs .ui-tabs-nav li a { 
   text-decoration: none;
   padding: 7px;
   display: block;
   outline: 0;
}

.ui-tabs .ui-tabs-panel {
  /*padding: 1em 1.4em;*/
  padding: 18px 8px; /* Changed to fit VisID */
  border: 1px solid #aaaaaa;
}

.ui-tabs .ui-tabs-hide { display: none !important; }

/* ADDED TO CONFORM TO V3 LAYOUT */
.ui-tabs-nav li a:hover {
  color: #404040 !important;
  background-color: transparent !important;
}

/* To ensure that text doesn't overflow in webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* #tabs p {width: 638px;}*/ /* removed because it was causing issues in sideboxes Desk 24470 */
}

/* Ensures numbered lists in tabs do not overlap the tab left hand edge - RT #1057883 */
  #tabs ol {margin-left: 20px;}
  
.ui-tabs .ui-tabs-panel ul {
  margin-left: 16px !important;
  margin-bottom: 16px !important;
}

