* {padding:0; margin:0} /* Zero margins and padding to handle IE differences. */
body {margin:0px; text-align:center; background:url(/images/background-dark.jpg) #6a9aca}/* puts the frame in the middle of the body for IE. */
body, span, td, p, a {font:11px/1.4 Verdana, Arial, Helvetica, sans-serif}
/* Basic styles */
a {color:#669acc; text-decoration:none}
.nolink {color:#678197!important; cursor:auto!important}
a:focus, li:focus, ul:focus {outline:none} /* Safari */
img {border:none} /* IE9 */
.ui-widget-content { color:#8e8f91}
p a:active, p a:hover, h3 a:hover, li a:hover {color:#38509f}
p {margin-bottom:5px}
ul {margin-left:15px}
h1 {font-size:18px; color:#669acc; margin-bottom:5px; padding-top:5px; float:none}
h2 {font-size:16px; color:#3a3695;margin-bottom:3px}
h3 {font-size:14px; color:#8E8F91;margin-bottom:1px}
h4 {margin-top:5px;font-size:11px;font-weight:bold}
input[type='checkbox'] {vertical-align: middle;width:20px}
.clearer {clear:left;line-height:0px;zoom:1; display:none}
.invisible {display:none!important; visibility:hidden!important}
.hide {display:none}
.HoverClass, .collapsible {cursor:pointer;color:#669acc!important}
acronym, abbr, .Acronym {cursor:help; border-bottom:dotted 1px #585850}
input:focus, textarea:focus{ background-color: #FFFFCC}
#dialog-form textarea:focus {background:none}

/* Basic Page layout */
#centreContent, #headerContent, #footerContent, .inner {width:970px;position:relative; margin:0 auto} 
#headerHolder {background:none; text-align:center;  background:url(/images/background-light.jpg)}
#headerContent {height:50px; background:url(/images/menu-logo.jpg) no-repeat 757px 0px}
#headerContent a {color:White}
#centreHolder {background:white; text-align:center;padding-bottom:5px}
#centreContent {min-height:500px;text-align:left}
#centreContent p {clear:left}
/* Dialog */
.dialog {font-size:10px; z-index:10;position:absolute;top:10px;right:3px;height:18px;padding-top:1px}
#dialog-form {text-align:left}
fieldset { padding:0; border:0; margin-top:2px; }
fieldset label {width:80px; display:block; float:left; clear:left}
fieldset input {width:230px; }
#ReportFooter {clear:both; margin-top:10px; background:#dddddd;width:100%}
#footerHolder {background:url(/images/background-fade-185.jpg) repeat-x; padding-top:3px; min-height:185px}
#footerContent {color:#ddd}
#footerContent a {color:white}
#footerContent a:active, #footerContent a:hover {color:#38509f}
#footerContent .column {width:200px; padding-right:10px; float:left}
#PageSize {float:right}
#ExportsPanel {float:right;margin:2px 4px 2px 0}
/* Help text */
.helpText {display:none; text-align:left; font-size:10px}
.helpText .BackButton {display:none} /* Edit button for content control. */
.helpText a {text-decoration:underline}
.helpText li {margin-left:13px}
/* Slider */
#RiskRangeSelector {position:absolute; z-index:2; right:0;top:0}
#RiskRangeSelector h4 {margin-bottom:1px}
.slider {margin-left:5px}
.SliderSummary {display:block; font-weight:bold; margin-bottom:2px}
.UnitsClass {font-weight:bold; margin-left:10px}
/* Practice List*/
#PracticeListPanel td, #PracticeListPanel tr {white-space:nowrap}
#PracticeListPanel .PracticeClassCheck input {vertical-align: bottom}
#PracticeListPanel .PracticeClassCheck label {font-size:10px;margin-right:2px;color:#8E8F91}
#PracticeListPanel span {color:#8E8F91}
table.PracticeClassCheck {margin-top:5px}
#PolysystemsList {margin-left:5px; margin-top:4px}
#PolysystemsList a, #PolysystemsList span  {float:left; display:inline-block;font-size:10px}
#SetNoneButton, #SetAllButton {color:#669acc!important; margin-right:2px}
#PolysystemsList span {padding-left:15px}
.PracticeDropDown, .GroupTypeDropDown, .tools {position:absolute;top:0;right:3px;z-index:2}
.errorMessage {position:absolute; left:0;z-index:200}
#CopyrightPanel {text-align:right}
#CopyrightPanel p {font-size:9px}
#IdentLabel {float:left}
.ExportButton {font-weight:bold; padding-left:30px}

/* Menu things */
#TheMenu {height:27px; margin-left:0px; padding-left:0px; padding-top:15px; width:750px; 
          cursor:pointer; color:#222222; position:relative; z-index:300;display:none}

/* Tag selectors. */
a.TagButton {width:200px;text-align:left;display:block}
a.TagButton.notready {display:none}
a.TagButton img {position:absolute; right:20px;top:2px}
a.TagButton span.ui-icon-alert {position:absolute; right:21px;display:none}
#FauxDD li.shared {font-weight:bold!important}
#FauxDD li.ui-state-hover {background:none; color:black}
#FauxDD li {position:relative; cursor:pointer}
#Items li a {color: #38509F;font-size:11px}
#FauxDD ul.tagmenu li a.manage {position:absolute;width:16px;height:16px;padding:0;margin:0;top:1px;right:2px}
#FauxDD ul.tagmenu .ui-icon { background-image: url(images/ui-icons_217bc0_256x240.png)}
#FauxDD ul.tagmenu li.empty {margin-left:10px;color:Gray}
#FauxDD .ui-tabs-panel a {color:inherit!important}
.labels {margin-left:0px;margin-top:1px}
.labels li { display:block; float:left; margin: 1px 2px 2px 0px; height: 14px; white-space:nowrap}
.labels li span {padding: 0 5px; float: left; font-size:9px}
.labels li a {display:block; display:inline-block; /*IE6 issues*/
background: url(/images/icons/labelx.gif) no-repeat 2px 0;
 cursor: pointer; outline: none; width:15px;height:10px}
.labels li a:hover{ background: url(/images/icons/labelx_hover.gif) no-repeat 2px 0; }

/* Tables*/
.caption, caption { caption-side: bottom; color: #9BA9B4; font-size: 0.94em; letter-spacing: 0.1em;
    margin: 0px 0px 0px 0px; padding: 0; text-align: center; }
.fancy { border-top: 1px solid #e5eff8; border-right: 1px solid #e5eff8; border-left: 1px solid #e5eff8; 
              border-bottom:none; border-collapse: collapse; width:100%; clear:left}
.fancy td { color: #678197; border: 1px solid #e5eff8; padding: .3em 1em;  vertical-align:top}    
 .PagerButton {padding:0.3em 1em}
.odd td, .odd .column1 {background: #f4f9fe url(/images/table_background.gif) no-repeat;}
.column1 {background: #f9fcfe; font-weight: bold; padding: 0.3em 1em; text-align: left;}
/* Row hovers for tables */
tr:hover, tr:hover td, .RowHover td.column1, .RowHover td, tr:hover td span.column1,
.hover, .hover td, .hover td.column1, .hover td, .hover td span.column1
  {background: #FFFFCC; background-image:none!important}
.fancy th {border: 1px solid #E3F1FE; color: #678197; font-weight: bold; padding: 0.3em 1em;text-align: left; vertical-align: top}
.fancy th a {font-weight: bold}
.PagerClass, .fancy thead th, .fancyHead th { background: #f4f9fe; color: #66a3d3; }
.PagerClass, .FooterRowStyle { background: #F9FCFE}
.PagerClass a { font-weight:bold}
.FooterClass {background: #f4f9fe}
.FooterClass td {color: #66a3d3!important}
.ASC, .Ascending {background-image:url(/images/icons/triangle-1-s.gif)!important; background-repeat: no-repeat!important; background-position: -2px 3px!important}
.DESC, .Descending {background-image:url(/images/icons/triangle-1-n.gif)!important; background-repeat: no-repeat!important; background-position: -2px 3px!important}
.DESC a, .ASC a, .Descending a, .Ascending a {margin-left:1px}
.PagerClass > td {padding:0}
.PagerClass table {background:none}
.PagerClass table td {border:none;}
.SelectedRowStyle, .SelectedRowStyle td { background:#e6e6e6!important}
th.IP {padding-left:8px!important; padding-right:2px!important;}
.leftBorder {border-left:1px solid #ccc!important}
.leftHeavyBorder {border-left:2px solid #dedede!important}
.rightHeavyBorder {border-right:2px solid #dedede!important}
.fancy tr {height:1.6em}
.small, .small a, .small span {font-size:9px!important}
.dupe td, .dupe span, span.dupe {color:#f8808c!important}
.challenge {font-size:9px}
.alwaysShow {display:table-cell!important}
.cash {text-align:right}

.AjaxLoadIcon {background:url(/images/ajax-loader.gif) no-repeat!important; display:block; width:16px; height:16px}
.AjaxLoader {clear:left;margin-top:10px;float:left}

/* Tabs */
#tabs {min-height:500px; height:auto !important; height:500px; clear:both; margin: 0 0 10px 0; overflow-x:hidden}
.tabSpinner {z-index:100; position:absolute; top:100px; left:100px;display:none}
.ui-tabs-nav li img { position:absolute; right:2px; top:6px}
.ui-tabs-nav li span { display:inline-block; position:absolute; right:3px; top:6px}
#tabs .ui-tabs-nav li a {padding-right:22px}
.ui-tabs-nav a {font-size:11px}
#tabs .dialog {top:7px; right:6px}

/* For Pat lists */
.RadioButtons label, .CheckBoxes label {margin-right:5px}
.LTC, .Details, .IP, .CM1, .Accounting1, .Accounting2, .Study, .Study1, .Study2, .Study3, .Tags, .Utilisation {display:none}
th.GP {padding: 0.3em 1em!important}
.PushButton{display:none}
.Tiny span {font-size:8px}
.fancy td.TagsField {padding:0}
.fancy th.CM1 {padding:0.3em 0 0.3em 6px}
.fancy .TagsPanel {float:right}

/* Specifications etc */
.SpecLeft {float:left;width:650px;margin-right:30px}
.attrib {font-style:italic}
.figure {float:left; margin:0px 20px; }
.figure img, .figure table  { padding:5px; border:1px solid #ddd!important; background:white;
-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.figure p {font-size:10px}
.panel {margin:0 100px 0 0; float:left}
.panel li, .panel ul {list-style-type:none; padding:0;margin:0}
.panel h2 {color:#536db2}
.pretty {margin-top:10px}
#galleriffic {width:200px; height:200px}
.SpecShowRight {float:right; background:url(/images/image_background_200.gif) 0px 10px no-repeat; width:209px; height:240px; padding:24px 5px 5px 14px}
.FinYearDropDown {position:absolute;top:10px;right:25px}
.OPSpecialities {float:left; width:195px;margin-top:0px;margin-left:0px}

/* JjQueryUI theme tweaks */
.ColSelector .ui-button-text {white-space:nowrap;font-size:11px}
input.ui-button, .ui-button-text {padding: 2px 8px!important}  /* Force themes to be same */
.ui-widget {font-size: inherit!important}
.ui-widget-content a {color:#669acc}
#MonthPicker .ui-state-hover .ui-icon {background-image: url(images/ui-icons_217bc0_256x240.png)}
.ui-tabs .ui-tabs-panel {padding: 5px 0px 5px 5px}
.ui-dialog-titlebar {color:white}
.ui-widget-header .ui-icon-alert {background-image: url("images/ui-icons_217bc0_256x240.png")}
.ui-autocomplete {text-align:left;z-index:255!important}
.ui-autocomplete-loading{ background:url('/images/ajax-loader.gif') white no-repeat right center!important }
/* Twitter */
.twtr-avatar {display:none!important}
.twtr-tweet-text {margin-left: 0!important}

/* jQueryUI Datepicker */
.picker {margin:0px 5px}
.picker div {width:auto;margin-right:0px!important}
.hasDatepicker .ui-datepicker  {padding:0;border:none}
.hasDatepicker .ui-datepicker-header {width:160px}
.hasDatepicker .ui-datepicker-title {width:110px}
.hasDatepicker .ui-datepicker-calendar {display: none;}
.ui-datepicker-header {height:18px;border:none;background:none}
.ui-datepicker-year {width:auto!important}
/* Synth drop down */
a.ui-selectmenu { height:19px}
span.ui-selectmenu-status {padding:2px 0 0 9px}
.ColumnDropDown {display:none}
/* Chart */
.Chart {position:relative}
.Chart span.outer {position:absolute; z-index:2; right:0;top:10px; width:90px;display:block}
.Chart a  {width:18px;height:18px;display:block;float:left;margin-right:2px;padding-left:1px;padding-top:1px}

#toolbar {position:absolute; top:10px; right:89px; width:50%;z-index:2}

/* Print Only. */
@media print 
{
    body {background: url(/images/menu-logo-white.jpg) bottom right no-repeat} 
    #centreHolder {background:transparent;padding-bottom:0}
    #footerHolder{background:none}    
    #ControlPanelTrigger, #headerHolder,
    #TheMenu, a.dialog, #buttons, #PolysystemsList, #ExportsPanel, .not_print {display:none!important}
    #footerHolder {min-height:inherit;margin-top:0}
    #headerContent {background:none}     
    #ControlPanel .ui-tabs {background:none}
    h1 {padding-top:0;margin-bottom:0}
    #CopyrightPanel {float:right}
    #PracticeListPanel br {display:none}
}

/* Webkit browsers */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    h1 {margin-bottom:0}
    .FilterClass {top:44px}
    #toolbar {top:8px}
    .dialog {top: 8px}
    .hasDatepicker .ui-datepicker-header {width:180px}
    .hasDatepicker .ui-datepicker-title {width:130px}
    input.aspNetDisabled {padding:3px!important}
}

/* Suppress 1st table and control tree 3rd - mostly annoying. */
.tracecontent table:nth-child(1) {display:none}
.tracecontent table:nth-child(3) {display:none}
#__asptrace {background:white;clear:both}