/* ---------------------------------------
        Contains custom color options for site wide objects.
        eg. links, menu bar, headers/titles, watermarked text


PenCTU Colours
Logo
Grey:           #58585A
Blue Dark:      #2D2F79

Others
Grey Light:     #9B9B9D
Blue Light:     #5391CA
Deep Rose:      #A70075
Midnight Blue:  #3C3E6F
Raspberry Red:  #C1004A
Deep Orange:    #E09E33

--------------------------------------- */
/* =================================================================
==		Header Bar Styles
==
==		
================================================================= */
.LogoCell {
  width: 212px /* width of image + 10px (for padding) */ /* height is fixed in MasterStyles.css */;
  background-image: url(../WebImages/MYRIADLogo_Small.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}
/* Lower Border */
.tblHeader .trLowerBorder td {
  background-color: #063D71;
  height: 5px
	;
  font-size: 10%;
}
/* =================================================================
==		Menu Bar Styles
==
==		
================================================================= */
.MenuBar .MenuLinkLeft .ActiveMenuButton,
.MenuBar .MenuLinkRight .ActiveMenuButton,
.MenuBar .ActiveMenuButton:hover {
  background-color: #063D71;
  border-bottom: 1px solid #063D71;
}
/* =================================================================
==		Page Content Styles
==
==
================================================================= */
.div_PageContent {
  color: #747477 /*Basic text colour*/;
}
.div_PageContent a,
.div_PageContent .StyleAsHyperlink {
  color: #C1004A;
  text-decoration: underline
	;
  font-weight: bold;
}
.div_PageContent a.disabled,
.div_PageContent a.disabled:hover {
  background-color: #FFFFFF;
  color: #999999;
}
.div_PageContent a:hover {
  color: #E09E33;
  text-decoration: underline
	;
  font-weight: bold;
}
.div_PageContent h1 {
  color: #063D71;
  font-size: 170%
	;
  margin-bottom: 0px;
}
.div_PageContent h2 {
  color: #A70075;
  font-size: 145%
	;
  margin-bottom: 0px
	;
  margin-top: 10px;
}
.div_PageContent h3 {
  color: #A70075 /*PenCTU Deep Rose*/;
  font-size: 120%
	;
  margin-bottom: 0px
	;
  margin-top: 10px;
}
.div_PageContent .HighlightText {
  color: #A70075;
  font-weight: bold;
}
.div_PageContent .StudyNumber {
  color: #A70075;
  font-size: 100%;
  font-weight: bold;
}
.div_PageContent .SerialNumber {
  color: #5391CA;
  font-size: 100%;
  font-weight: bold;
  font-family: 'Lucida Console', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
}
.div_PageContent .IDField,
.div_PageContent .AllocationTreatment,
.div_PageContent .AENumber,
.div_PageContent .InjuryNumber {
  color: #A70075;
  font-size: 100%;
  font-weight: bold;
}
/* =================================================================
==		General styles
==
==		
================================================================= */
.MSGsuccess a {
  color: #FDCA00;
}
.MSGsuccess a:hover {
  color: #FFFFFF;
}
/* ====================================================
==		Page Header Styles
==
==
==================================================== */
.PageIdentifierTBL td {
  border: 1px solid #3C3E6F;
}
.PageIdentifierTBL .IdentifierType td {
  color: #063D71;
}
.PageIdentifierTBL .IdentifierName {
  background-color: #3C3E6F;
  color: #FFFFFF;
}
.PageIdentifierTBL .IdentifierValue {
  color: #063D71;
}
/* =================================================================
==		Contact Info
==
==		
================================================================= */
.tblContact .ContactType {
  color: #063D71;
  font-size: 140%;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 10px;
}
.tblContact .ContactName {
  color: #3C3E6F;
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 0px;
  margin-top: 10px;
}
/* =================================================================
==		Report Styles
==
==		
================================================================= */
.ReportFilterTable .SearchBy {
  color: #A70075;
  border-right-color: #A70075;
}
/* ---------------------------------------
        Intention is that this stylesheet remains the same in all websites
        Custom site-specific code should be held in relevant .css files
--------------------------------------- */
/* =================================================================
==		Page Structure
==
==		
================================================================= */
body {
  background-color: #ECF1FB /*; background-image: url(WebImages/Background.png)
	; background-repeat: repeat-x*/;
  height: 100%
	;
  margin: 0
	;
  padding: 0
	;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 90% /*; font-size: 12px*/;
  color: #282828
	;
  text-align: center /*; overflow: visible*/;
}
.outerwrap {
  width: auto
	;
  min-width: 935px
	;
  margin: 15px 10% 15px 10%
	;
  background-color: #FFFFFF
	;
  min-height: 600px
	;
  height: 100%;
}
.innerwrap {
  border: #666666 1px solid
	;
  min-height: 598px
	;
  margin: 0
	;
  padding: 1px
	;
  padding-right: 2px;
}
/* =================================================================
==		Header Bar Styles
==      includes Menu
==		
================================================================= */
.tblHeader {
  width: 100%
	;
  margin: 2px 0 0 0
	;
  color: #FFFFFF;
}
.LogoCell {
  height: 75px /*SET HEIGHT EQUAL TO LOGO IMAGE HEIGHT - minimum 75px*/;
  border-right: 1px solid #FFFFFF	
	;
  border-left: 1px solid #FFFFFF;
}
/* Upper Border */
.tblHeader .trUpperBorder td {
  background-color: #3F525A
	;
  height: 5px
	;
  font-size: 5%
	;
  border-bottom: 1px solid #FFFFFF;
}
.tdWebsiteStatus {
  color: #000000
	;
  text-align: right
	;
  padding: 0px 15px 2px 15px /*Padding of 2px counters the margin-top of 2px on the table itself. The td content then looks vertically centered*/;
  font-size: 11px
	;
  height: 31px /*SET HEIGHT EQUAL TO .LogoCell height - 44px (height of upper border, menu and lower border rows)*/;
}
/* ==== Menu Bar Styles ==== */
.MenuRow td {
  background-color: #96A2B4 /*serves as background colour for all buttons in menu bar - if image doesn't load*/;
  background-image: url("../WebImages/MenuButton.png");
  background-repeat: repeat-x;
  text-align: center
	;
  white-space: nowrap
	;
  font-size: 14px /* font size fixed */;
  height: 30px
	;
  line-height: 30px;
}
#lbl_MenuBar {
  width: 100%
	;
  text-align: left;
}
.MenuBar .MenuLinkLeft {
  padding: 0px
	;
  border-right: 1px solid #FFFFFF
	;
  min-width: 35px
	;
  float: left;
}
.MenuBar .MenuLinkRight {
  padding: 0px
	;
  border-left: 1px solid #FFFFFF	
	;
  min-width: 35px
	;
  float: right;
}
.MenuBar .MenuLinkLeft a,
.MenuBar .MenuLinkRight a {
  border-bottom: 1px solid #FFFFFF
	;
  color: #FFFFFF
	;
  text-decoration: none
	;
  font-weight: bold
	;
  display: inline-block;
  line-height: 30px
	;
  padding: 0 5px	
	;
  min-width: 35px;
}
.MenuBar .MenuCellBlankFixed {
  border-bottom: 1px solid #FFFFFF
	;
  width: 50px
	;
  display: table-cell;
  line-height: 30px
	;
  float: right;
}
.MenuBar .MenuCellVariable {
  /*Used to fill space in between buttons*/
  line-height: 30px
	;
  text-align: center
	;
  padding: 0px auto
	;
  border-bottom: 1px solid #FFFFFF
	;
  height: 30px;
}
.MenuBar a:hover {
  background-image: url("../WebImages/MenuButtonHover.png");
  background-color: #B2C5EF;
}
.MenuBar .MenuLinkLeft .ActiveMenuButton,
.MenuBar .MenuLinkRight .ActiveMenuButton,
.MenuBar .ActiveMenuButton:hover {
  background-image: none;
}
/* =================================================================
==		Website Status Styles
==
==		
================================================================= */
#lbl_WebsiteStatus {
  margin: auto 0px;
}
.WS_Header {
  color: #FF0000
	;
  font-size: 110%
	;
  text-decoration: underline
	;
  font-weight: bold;
}
.WS_TestMode {
  color: #25BC39
	;
  font-weight: bold;
}
/* =================================================================
==		Website Banner Styles
==
==		
================================================================= */
.WebsiteBanner_Training {
  border: 4px solid #FFB225;
}
.WebsiteBanner_Testing {
  border: 4px solid #009F46;
}
.WebsiteBanner_Training > span,
.WebsiteBanner_Testing > span {
  margin: 0px;
  padding: 3px 0px;
  display: block;
  font-size: 160%;
  text-transform: uppercase;
  font-weight: bold;
}
.WebsiteBanner_Training > span {
  background-color: #FFB225;
  color: #5B0000;
}
.WebsiteBanner_Testing > span {
  background-color: #009F46;
  color: #FFFFFF;
}
/* =================================================================
==		Footer Styles
==
==
================================================================= */
.footerdiv {
  width: 80%
	;
  min-width: 935px
	;
  margin: 15px 10% 15px 10%
	;
  font-size: 85%
	;
  font-family: Arial, Helvetica, sans-serif;
}
.footerdiv table {
  width: 100%;
}
.footerdiv .FooterTMCell {
  width: 104px
	;
  height: 54px /*; background-image: url("../WebImages/penctu_logo_trans.png")*/;
  background-repeat: no-repeat;
  background-position: center center;
}
.footerdiv .FooterL1,
.footerdiv .FooterR1,
.footerdiv .FooterL5,
.footerdiv .FooterR5 {
  color: #2D296F
	;
  padding: 0 2px;
}
.footerdiv .FooterL1 {
  height: 25px;
}
.footerdiv .FooterL5 {
  height: 23px
	;
  text-align: right
	;
  vertical-align: top
	;
  padding-top: 4px;
}
.footerdiv a {
  color: #82955F
	;
  text-decoration: none;
}
.footerdiv a:hover {
  text-decoration: underline
	;
  color: #B2CF7B;
}
.footerdiv .FooterL2 {
  text-align: left;
  font-weight: bold;
  padding-left: 2px;
  padding-bottom: 1px
}
.footerdiv .FooterL3,
.footerdiv .FooterL4 {
  font-size: 2%;
  height: 2px;
}
.footerdiv .FooterL3 {
  background-color: #2D296F;
}
.footerdiv .FooterL4 {
  background-color: #575656;
}
/* ====================================================
==		Page Header Styles
==
==
==================================================== */
/* All colours are set in SiteSpecific.css */
.PageIdentifierTBL {
  border-collapse: collapse;
}
.PageIdentifierTBL td {
  line-height: 200%;
  padding: 2px 5px;
}
.PageIdentifierTBL .IdentifierType td {
  font-size: 120%;
  font-weight: bold;
  padding-bottom: 5px;
  line-height: 100%;
}
.PageIdentifierTBL .tdNoBorder {
  border: none;
}
.PageIdentifierTBL .IdentifierName {
  font-weight: bold;
  text-align: right;
}
.PageIdentifierTBL .IdentifierValue {
  text-align: left;
}
/* ================================================================
==
==              Tracking
==
================================================================ */
.TrackedBooklet img {
  margin-right: 10px;
}
.TrackedBooklet .BookletDiv {
  display: inline-block;
}
.TrackedBooklet .BookletDiv .BookletNotes {
  font-size: 90%;
  font-style: italic;
  padding: 2px 5px 3px 5px;
  width: 300px;
  background-color: #FFFFFF;
  border: 1px solid #C1004A;
  margin-top: 5px;
  color: #747477;
}
/* ================================================================
==
==              Data Entry Booklets
==
================================================================ */
/*Shared*/
.Booklet {
  border: 1px solid #BBBBBB;
  border-radius: 4px;
  padding-bottom: 10px;
  min-height: 100px;
  margin-top: 10px;
}
.Booklet .BookletName {
  font-size: 110%;
  color: #565656;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #BBBBBB;
  background-color: #EEEEEE;
  border-radius: 4px 4px 0px 0px;
  /*match border radius (top left/right) from Booklet css class. bottom L/R = 0*/
  margin: 0;
  padding: 3px 6px;
  display: block;
}
.Booklet .BookletName img {
  height: 20px;
  width: 20px;
  float: right;
}
.BookletFormName {
  border: 1px solid #BBBBBB;
  font-weight: bold;
  padding-right: 5px;
  padding-left: 5px;
  background-color: #EFFAF6;
  color: #565656;
}
.OnlineDEBooklet {
  border: none;
}
.OnlineDEBooklet .BookletName {
  display: none;
}
.OnlineDEBookletName {
  display: none;
}
/*--DE Progress (DEFrontpage)*/
.DEPContainer {
  width: auto;
  display: inline-block;
}
.DEPContainer .Booklet {
  min-width: 320px;
}
.DEPContainer .Booklet div {
  padding-left: 5px;
  padding-right: 5px;
}
.DEPContainer .Booklet .DEPGridView {
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
}
.DEPContainer .Booklet .DEPGridView th {
  color: #565656;
}
.DEPContainer .BookletFormName {
  text-align: left;
  border: 1px solid #BBBBBB;
  font-weight: bold;
  padding-right: 5px;
  padding-left: 5px;
  background-color: #EFFAF6;
  color: #565656;
}
.DEPContainer .DELink {
  border: 1px solid #BBBBBB;
  padding: 0px;
}
/*DE Progress - Assessment Teacher*/
.ATDEPName {
  border: 1px solid #BBBBBB;
  padding: 2px;
  background-color: #EFFAF6;
  font-weight: bold;
}
.ATDEPContainer .DEPGridView td a {
  height: 30px;
  width: 65px;
  display: table-cell;
  vertical-align: middle;
}
.ATDEPContainer .DELink {
  border: 1px solid #BBBBBB;
  padding: 0px;
}
/*--DE Pages*/
.DEPage .Booklet {
  width: 100%;
}
.DEPage .BookletFormName {
  border-top: none;
  border-right: 1px solid #BBBBBB;
  border-bottom: none;
  border-left: none;
  margin-top: 0px;
  font-size: 120%;
  padding: 5px 0px;
  display: block;
}
.DataLocked .DEForm table,
.DataLocked .DEFormHeaderCell {
  background-color: #F7F7F7;
}
/*Data Entry Progress styles*/
/*TODO - Review styles from here....*/
.DEPContainer .Booklet .DEPGridView td span {
  display: block;
}
.DEPContainer .Booklet .DEPGridView td a {
  height: 30px;
  width: 65px;
  display: table-cell;
  vertical-align: middle;
}
.DE_Incomplete {
  background-color: #FFF7C0;
}
.DE_Complete {
  background-color: #8AC99E;
}
.DE_NotStarted {
  background-color: #DB4F72;
}
.BookletNotReceived {
  background: #db4f72;
  /*for browsers that cannot handle opacity*/
  background: rgba(219, 79, 114, 0.4);
  /*Sets faded (opacity 40%) background colour only, doesn't affect content*/
}
.PadInputs input {
  margin-top: 5px;
  width: 100%;
}
/* ====================================================
==		DEForm Styles
==
==
==================================================== */
.DEForm {
  width: auto;
  display: inline-block;
}
.DEFormHeader {
  border-bottom: 1px solid #BBBBBB;
  border-spacing: 0px;
  border-collapse: collapse;
  width: 100%;
}
.DEFormHeader td {
  padding: 0px;
}
.DEFormHeader td .BookletFormName {
  width: 100%;
}
.DEFormHeader td.DEFormHeaderCell {
  white-space: nowrap;
  width: 2%;
  /*nowrap overrides this but this ensures min width is used for this td*/
  padding: 0px 10px;
  border-left: 1px solid #BBBBBB;
}
.DEFormHeader td.DEFormHeaderCell input {
  display: inline-block;
  vertical-align: middle;
}
.DEFormHeader td.DEFormHeaderCell label {
  display: inline-block;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
}
.DEFormHeader td.DEFormHeaderCell a {
  display: inline-block;
  vertical-align: middle;
  height: 25px;
  line-height: 25px;
}
.DEFormHeader td.DEFormHeaderCell a img {
  vertical-align: top;
}
.PNCHighlight {
  background-color: #FFE62B;
  color: #483D5D;
}
.PNCMessage {
  margin: 60px auto 100px auto;
  width: 450px;
  text-align: justify;
}
.FormFooter input {
  margin: 10px 25px 0 25px;
}
/* ====================================================
==		Generic Question/Answer Styles
==
==
==================================================== */
.LeftAlign {
  text-align: left;
}
.DETBL {
  border-collapse: collapse
	;
  margin-top: 10px;
}
.DETBL td {
  padding: 8px 10px;
  text-align: left;
}
.DETBLBordered td {
  border: 1px solid #BBBBBB;
}
.DETBL .CentreAlignText {
  text-align: center;
}
.DETBL .RightAlignText {
  text-align: right;
}
.DETBL .LeftAlignText {
  text-align: left;
}
.DETBL thead td,
.DETBL th,
.DETBL .trHeader td {
  font-size: 110%
	;
  font-weight: bold	
	;
  color: #000000
	;
  background-color: #EEEEEE;
}
.DETBL .trSubHeader td {
  font-size: 110%;
  font-style: italic;
}
.DETBL .DEExample {
  font-size: 90%;
  font-style: italic;
  color: #9B9B9D;
}
.DETBL .tdNoBorder {
  padding: 0
	;
  border: none;
}
.DETBL .tdPageBreak {
  border: none
	;
  height: 45px 
	;
  text-align: center;
}
.DETBL .SectionHeading {
  text-decoration: underline
    ;
  font-weight: bold;
}
.DETBLBordered table {
  margin-top: 0;
}
.DETBLBordered table td {
  border: none
	;
  padding: 0;
}
.DETBLBordered .RLSTLabels label {
  display: inline-block;
  margin-right: 10px;
}
.DETBLBordered .RLSTLabels input {
  display: inline-block;
  line-height: 100%;
  vertical-align: top;
}
.DETBL thead td,
.DETBL th,
.DETBL .DEPtrHeader td {
  font-size: 110%;
  font-weight: bold;
  color: #000000;
  background-color: #EEEEEE;
  text-align: center;
}
.DETBL .tdDEP {
  text-align: center;
  font-weight: bold;
  width: 75px;
}
.DEPReportNone {
  color: #FFFFFF;
  background-color: #DB4F72;
}
.DEPReportNone a {
  color: #FFFFFF;
  text-decoration: none;
}
.DEPReportPartial {
  background-color: #FFE47C;
  color: #726538;
}
.DEPReportPartial a {
  color: #726538;
  text-decoration: none;
}
.DEPReportFull {
  background-color: #8AC99E;
  color: #FFFFFF;
}
.DEPReportFull a {
  color: #FFFFFF;
  text-decoration: none;
}
textarea {
  font-family: Tahoma, Geneva, sans-serif;
}
.QuestionBold {
  font-weight: bold
	;
  margin-bottom: 3px;
}
.QuestionSubText {
  margin-top: 5px;
  font-weight: normal;
  font-style: italic;
  font-size: 90%;
}
.AccordionDisplay {
  margin-top: 10px;
  border-top: 1px solid #BBBBBB;
}
.AccordionHeader {
  font-size: 110%
	;
  font-weight: bold	
	;
  color: #000000
	;
  background-color: #EEEEEE
    ;
  border-right: 1px solid #BBBBBB
    ;
  border-bottom: 1px solid #BBBBBB
    ;
  border-left: 1px solid #BBBBBB
    ;
  border-collapse: collapse
    ;
  text-align: Left
    ;
  padding: 8px 10px
    ;
  min-width: 635px
    ;
}
.AccordionTable {
  border-collapse: collapse
    ;
}
.AccordionTable td {
  padding: 8px 10px
	;
  text-align: left
    ;
  border-right: 1px solid #BBBBBB
    ;
  border-bottom: 1px solid #BBBBBB
    ;
  border-left: 1px solid #BBBBBB;
}
/* ====================================================
==		Validation
==
==
==================================================== */
.RequiredField {
  color: #FF0000;
  padding-left: 3px;
}
.ValidationMSGDiv,
.GeneralMSGDiv {
  width: 600px;
  border: 1px solid #000000;
  margin-top: 10px;
  padding: 0px 10px 5px 10px;
  text-align: left;
  color: #000000;
}
.ValidationMSGDiv h1,
.GeneralMSGDiv h1 {
  margin-left: -10px;
  margin-right: -10px;
  margin-top: 0px;
  margin-bottom: 5px;
  background-color: #EEEEEE;
  color: #555555;
  font-size: 120%;
  border-bottom: 1px solid #000000;
  text-align: center;
  padding: 5px 0;
}
.DNEDiv,
.GeneralMSGDiv {
  background-color: #FFF7C0;
}
.IVEDiv {
  background-color: #FFBBBB;
}
.ValidationMSGDiv div {
  text-align: center;
}
.ValidationMSGDiv .QDisplayName {
  font-weight: bold;
}
.GeneralMSGDiv .ButtonDiv {
  text-align: center;
}
/* =================================================================
==		Alternate DE Row Colouring
==
==		
================================================================= */
TEDAlternateRow td {
  background-color: #eeeeee;
}
.AlternateRow {
  background-color: #EEEEEE;
}
.focusedTR {
  background-color: #FFF7C0 /* Specfied here so it is applied after the AlternateRow stylings. Otherwise it would be overwritten*/;
}
.invalidTR {
  background-color: #FFBBBB;
}
/* ====================================================
==		Highlight Focus
==
==
==================================================== */
.focusedTR {
  background-color: #DAFFD4;
}
form tr {
  background-color: transparent;
  -webkit-transition: background-color 350ms ease-out;
  -moz-transition: background-color 350ms ease-out;
  -o-transition: background-color 350ms ease-out;
  transition: background-color 350ms ease-out;
}
.blankedTR {
  background-color: #DDDCD3
    ;
  color: #7C796F;
}
.invalidTR_DNE,
.invalidTDprev_DNE {
  background-color: #FFF7C0;
}
.invalidTR_IVE,
.invalidTDprev_IVE {
  background-color: #FFBBBB;
}
.ValidationErrorMessage {
  color: red;
}
/* =================================================================
==		AJAX Extender styles
==
==		
================================================================= */
.Watermarked {
  color: #888888;
}
/* ================================================================
==
==              Data Entry Progress Repeater
==
================================================================ */
.DERepeaterProgTBL {
  border-collapse: collapse 
	;
  border: 1px solid #DDDDDD
	;
  margin-top: 10px 
	;
  margin-bottom: 10px 
	;
  -moz-box-shadow: 0px 0px 3px #ccc 
	;
  -webkit-box-shadow: 0px 0px 3px #ccc 
	;
  box-shadow: 0px 0px 3px #ccc;
}
.DERepeaterProgTBL .timepoint {
  font-size: 140%
    ;
  font-weight: bold;
}
.DERepeaterProgTBL .thead {
  border-bottom: 1px solid #DDDDDD 
	;
  font-size: 120% 
	;
  font-weight: bold 
	;
  color: #777777;
}
.DERepeaterProgTBL td {
  border-bottom: 1px solid #DDDDDD
	;
  padding: 8px 10px;
}
.DERepeaterProgTBL .DEGridView td {
  padding: 1px;
}
.DERepeaterProgTBL .DEGridView .PageNameTD {
  text-align: left
	;
  border-left: 1px solid #DDDDDD 
	;
  border-right: 1px solid #DDDDDD 
	;
  font-weight: bold 
	;
  line-height: 31px 
	;
  padding-right: 5px 
	;
  padding-left: 5px 
	;
  background-color: #EFFAF6;
}
.DERepeaterProgTBL tbody RowGapTR td {
  border-left: 1px solid #FFFFFF 
	;
  border-right: 1px solid #FFFFFF;
}
/* for text input disabled fields only */
input[type="text"][disabled] {
  background-color: #F8F8F8;
}
/* ================================================================
==
==              Data Query Styles
==
================================================================ */
.DQAdditionalID {
  display: block;
}
.DQStatusRLST input {
  vertical-align: middle;
}
.DQStatusRLST label {
  margin-right: 20px;
  vertical-align: middle;
  line-height: 25px;
  display: inline-block;
}
.DQStatusRLST label img {
  margin-right: 6px;
  vertical-align: top;
}
.DQComments {
  margin-bottom: 4px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.tdImgLabel img {
  vertical-align: top;
}
.tdImgLabel span {
  vertical-align: middle;
  line-height: 25px;
  display: inline-block;
}
/* ====================================================
==		Data Entry Notes Containers
==
==
==================================================== */
.QNotesSource {
  display: inline-block;
  text-indent: 0em;
  font-weight: normal;
  float: right;
}
.QNotesSource img {
  vertical-align: text-bottom;
  height: 20px;
  width: 20px;
  padding-left: 5px;
}
.QNotesPanel {
  width: 400px;
  border: 1px solid #2D2F79;
  background-color: #EFF7FF;
  text-align: left;
}
.QNotesPanel h1 {
  color: #FFFFFF;
  margin: 0px;
  background-color: #2D2F79;
  padding: 5px 10px;
  font-size: 120%;
}
.QNotesPanel .QNotesContent {
  max-height: 300px;
  overflow-y: auto;
  font-weight: normal;
  padding: 5px 10px 0px 10px;
  color: #444444;
}
.QNotesContent img {
  height: 300px;
  width: 380px;
  padding-left: 0px;
}
.QNotesContent table {
  border-spacing: 0px;
  border-collapse: collapse;
  background: #ffffff;
}
.QNotesContent table tr td {
  border: 1px solid #000000;
  padding: 2px 5px;
  color: #000000;
}
.QNotesPanel .QNotesContent img {
  max-height: 300px;
}
.QNotesPanel .ClosePanelInstruction {
  font-style: italic;
  padding: 0px 10px 5px 10px;
}
.RadioButtonPPDE label {
  display: block;
}
.RadioButtonPPDE td {
  text-align: center;
  width: 50px;
}
/* ---------------------------------------
        Styles for everything within the main ContentPlaceHolder
--------------------------------------- */
/* =================================================================
==		Page Content Styles
==
==
================================================================= */
.div_PageContent {
  width: 95%
	;
  margin: 15px auto 15px auto
	;
  text-align: center;
}
.ContentLeftPane {
  width: 48%
    ;
  float: left
    ;
  margin: 0px auto;
}
.ContentRightPane {
  width: 48%
    ;
  float: right
    ;
  margin: 0px auto;
}
.btnsAndlbls {
  clear: both;
}
.btnsAndlbls input {
  margin: 10px 25px 0 25px;
}
.LoginPanel h1 {
  margin-top: 0px;
}
.FixedWidthPanel {
  width: 600px;
  text-align: left;
  margin-top: 10px;
}
.FixedWidthPanel h1,
.FixedWidthPanel h2,
.FixedWidthPanel h3 {
  text-align: center;
}
/* =================================================================
==		Message Box Styles
==
==
================================================================= */
.InfoBox,
.NotesPanel {
  width: 650px;
  text-align: justify;
}
.NotesPanel {
  background-color: #EEEEEE;
}
.NotesPanel .NotesPanel_Content {
  padding: 5px 10px;
}
.NotesPanel h1,
.NotesPanel h2 {
  margin-top: 0
	;
  padding-top: 0
	;
  text-align: center;
}
.NotesPanel p {
  margin-top: 5px
	;
  margin-bottom: 10px;
}
.InfoBox {
  background-color: #FFFFFF
	;
  border: 1px solid #3A3378
	;
  color: #3A3378;
}
.InfoBox h2 {
  text-align: center
	;
  color: #FFFFFF
	;
  background-color: #3A3378
	;
  margin: 0;
}
.InfoBox .InfoBoxContent {
  padding: 10px
	;
  color: #3A3378;
}
.InfoBox h3 {
  display: inline-block;
  font-size: 130%
	;
  font-weight: bold
	;
  color: #80C8F3;
}
.MessagePanel {
  border: 1px solid #BBBBBB;
  background: #FFF7C0;
  margin: 10px auto;
  padding: 5px;
  max-width: 500px;
}
.MSGplain,
.MSGerror,
.MSGinfo,
.MSGsuccess {
  max-width: 450px
	;
  text-align: left
	;
  margin: 10px auto 10px auto
	;
  padding: 2px 5px;
}
/* Uses default colour and no border*/
.MSGplain {
  border: 1px solid #FFFFFF;
}
.MSGsuccess {
  background-color: #2C9E50
	;
  color: #FFFFFF
	;
  border: 1px solid #154C25;
}
.MSGinfo {
  background-color: #FFE62B
	;
  color: #483D5D
	;
  border: 1px solid #7A6B14;
}
.MSGerror {
  background-color: #FF0000
	;
  color: #FFFFFF
	;
  border: 1px solid #510000;
}
.MSGsuccess a {
  color: #FFE62B;
}
.NotesSpan {
  width: 500px
    ;
  display: inline-block;
  font-style: italic;
}
.Linkbutton {
  margin-top: 5px;
  display: inline-block;
}
/* =================================================================
==		User Details Page styles
==
==		
================================================================= */
.UserDetailsTable {
  margin-top: 10px;
}
/* =================================================================
==		General site-wide styles
==
==		
================================================================= */
.CentralAlign {
  margin-left: auto
	;
  margin-right: auto;
}
img {
  border-style: none
	;
  margin: auto;
}
textarea {
  font-family: Tahoma, Geneva, sans-serif;
}
.IndentDiv {
  margin: 0px 0px 0px 25px;
}
.InformationText {
  font-style: italic;
  font-size: 90%;
}
.InlineBlockCheckbox {
  display: inline-block;
}
.NotApplicable {
  color: #BABABA;
}
.NoTopMargin {
  margin-top: 0px !important;
}
/* ====================================================
==		Highlight Focus
==
==
==================================================== */
.focusedTR {
  background-color: #DAFFD4;
}
form tr {
  background-color: transparent;
  -webkit-transition: background-color 350ms ease-out;
  -moz-transition: background-color 350ms ease-out;
  -o-transition: background-color 350ms ease-out;
  transition: background-color 350ms ease-out;
}
/* ====================================================
==		Accessibility Options
==
==
==================================================== */
.AccOptionDiv {
  margin-right: 30px;
  display: block;
  text-align: right;
}
.IncreaseTextSize {
  font-size: 150%;
}
.DecreaseTextSize {
  font-size: 100%;
}
.FlowingPanelContainer > table,
.FlowingPanelContainer > div {
  display: inline-block;
  margin: 10px 5px 0px 5px;
  vertical-align: top;
}
/*IE 7 Inline-Block Hack*/
.FlowingPanelContainer > table,
.FlowingPanelContainer > div {
  *display: inline;
  zoom: 1;
}
/* ====================================================
==		Popup Panels
==
==
==================================================== */
/*Styles for the container and source links */
.PopupPanelContainer {
  padding: 0px;
  margin-top: 10px;
}
.PopupPanelContainer .PopupPanelSource,
.PopupPanelSource {
  display: inline-block;
  border-width: 0px;
  margin: 0px;
  padding: 0px;
  width: 350px;
  height: 25px;
  /*Min 25px*/
  color: #BF0A1D;
  /* move to site specific? */
  text-decoration: underline;
  font-weight: bold;
}
.PopupPanelContainer img {
  margin: 0px;
  height: 51px;
  width: 50px;
}
.PopupPanelContainer .PopupPanelSource span {
  margin: 0px;
  border-width: 0px;
  width: 300px;
  height: 25px;
  /*Min 25px*/
  line-height: 25px;
  /* Same as image */
  /*Min 25px*/
  display: inline-block;
  font-weight: bold;
  text-decoration: underline;
  vertical-align: top;
}
/* Styles for the actual content*/
.PopupPanel {
  width: 650px;
  border: 1px solid #000000;
  background-color: #EEEEEE;
}
.PopupPanel {
  -moz-box-shadow: 5px 5px 10px #666, inset 1px 1px 0px #a4a4a4;
  -khtml-box-shadow: 5px 5px 10px #666;
  -webkit-box-shadow: 5px 5px 10px #666;
  box-shadow: 5px 5px 10px #666;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#606060')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#606060');
}
.PopupPanel h1 {
  color: #000000;
  margin: 0px;
  padding: 5px;
  font-size: 130%;
  text-align: center;
}
.PopupPanel .PopupPanel_Content {
  text-align: left;
  padding: 5px 10px 5px 10px;
  color: #000000;
  font-family: Helvetica, Geneva, sans-serif;
  font-size: 100%;
  text-align: justify;
}
.PopupPanel .PopupPanel_MainContentMaxHeight {
  max-height: 300px;
  overflow-y: scroll;
}
.PopupPanel .PopupPanel_Content img {
  float: left;
}
.PopupPanel .ClosePanelInstruction {
  font-style: italic;
  float: left;
  margin: 0px;
  padding-left: 10px;
}
/* ====================================================
==		ModalPopup
==
==
==================================================== */
.MPPanel {
  width: 650px;
  min-height: 150px;
  background-color: #FFFFFF;
  text-align: left;
  border: 2px solid #063D71;
}
.MPBackground {
  background-color: #96A2B4;
  filter: alpha(opacity=70) !important;
  opacity: 0.7;
  top: 0px !important;
  left: 0px !important;
  position: absolute !important;
  z-index: 1 !important;
}
.MPPanel h1 {
  color: #FFFFFF;
  background-color: #063D71;
  margin-top: 0;
  font-size: 140%;
  line-height: 30px;
  padding: 5px;
  text-align: center;
}
.MPPanel .Panel_Content {
  margin: 10px;
}
.MPPanel .Panel_Content p {
  margin: 5px 0 5px 0;
}
.MPPanel .ButtonDiv {
  text-align: center;
}
.MPPanel .ButtonDiv input {
  margin: 10px 40px;
}
.MPPanel .IVEList {
  color: #FF0000;
}
.MPPanel .ExclusionReason,
.MPPanel textarea {
  margin: 5px 0px 5px 20px;
}
/* ====================================================
==		Screening Task Nav Bar
==
==
==================================================== */
.STNavBar ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.STNavTabs li,
.STExclusion {
  float: none;
  display: inline-block;
  margin: 5px 0 0 0;
  *display: inline;
  /* ie7 fix */
  *zoom: 1;
  /* hasLayout ie7 trigger */
  text-transform: uppercase;
  font-size: 11px;
  text-align: center;
}
.STNavTabs li {
  list-style-type: none;
  position: relative;
  padding: 0;
  line-height: 30px;
  height: 30px;
}
.STExclusion {
  height: 25px;
  line-height: 25px;
}
.STNavTabs li a,
.STExclusion a {
  text-decoration: none;
  display: inline-block;
  height: 100%;
  padding: 0px 10px 0px 10px;
  text-align: left;
}
.STNavTabs li a.notlast {
  padding-right: 30px;
  /*ProgressIcon.png is 30px x 60px. So padding 40px should be set, shape of ProgressIcon allows some overlap though */
  background-image: url(../WebImages/ProgressIcon.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.STNavTabs a:hover,
.STExclusion a:hover {
  text-decoration: none;
}
.STNavTabs li .completed,
.STExclusion a.completed {
  background-color: #5391CA;
  color: #FFFFFF;
}
.STNavTabs li .disabled,
.STNavTabs li a[disabled],
.STExclusion a.disabled,
.STExclusion a[disabled] {
  background-color: #FFFFFF;
  color: #999999;
}
.STNavTabs li .next,
.STExclusion a.available {
  background-color: #EFEFEF;
  color: #2D2F79;
}
.STNavTabs li .active,
.STExclusion a.active {
  background-color: #063D71;
  color: #FFFFFF;
}
/* ====================================================
==		Other Screening Styles
==
==
==================================================== */
.ExclusionReason {
  font-weight: bold;
  color: #C1004A;
  display: inline-block;
  max-width: 450px;
}
/* ====================================================
==					Email Message
==================================================== */
.EmailMessage {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 13px;
  color: #555555;
  word-wrap: break-word;
  word-break: normal;
}
.EmailMessage a {
  color: #255DA8;
  text-decoration: underline;
  font-weight: bold;
}
.EmailMessage a:hover {
  color: #B772B5;
  text-decoration: underline;
  font-weight: bold;
}
/* ====================================================
==					Radio button
==================================================== */
.FixedRLST {
  border-collapse: collapse;
  border: 0px solid #FFFFFF;
  margin: 0px;
}
.FixedRLST td {
  margin: 0px;
}
.FixedRLST input {
  width: 75px;
  margin: 0px;
  padding: 0px 0px /*; height: 100% /* this breaks all browsers except IE8*/;
}
.FixedRLSTHeader {
  vertical-align: top;
}
.FixedRLSTHeader span {
  display: table-cell;
  *display: inline-block;
  width: 85px;
  text-align: center;
  vertical-align: top;
}
.DETBL .FixedRLSTTD {
  padding-top: 0px;
  padding-bottom: 0px;
}
.FixedRLST {
  border-collapse: collapse;
  border: 0px solid #FFFFFF;
  margin: 0px;
}
.FixedRLST td {
  margin: 0px;
}
.CopyrightText {
  font-size: 85%;
  text-align: right;
  padding-right: 80px;
  margin-top: 10px;
}
.CopyrightTextLeft {
  font-size: 85%;
  text-align: left;
  padding-left: 350px;
  margin-top: 10px;
  width: 50%;
}
body {
  width: 99%;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 90%;
  margin: 0 auto;
}
.PrintPageHeader {
  width: 100%;
}
.PrintPageHeader table td {
  padding: 5px 20px;
}
.PrintPageHeader .ReportIdentifierField {
  font-weight: bold;
  font-size: 120%;
}
h1 {
  text-align: center;
  font-size: 150%;
}
h2 {
  margin: 5px 0px;
  font-size: 130%;
}
h3 {
  margin: 0;
  font-size: 115%;
  display: inline-block;
}
.tblDQReport {
  width: 100%;
  min-width: 800px;
  border-spacing: 0px;
  border-collapse: collapse;
  border: 1px solid #000000;
}
.tblDQReport th {
  border: 1px solid #000000;
  white-space: nowrap;
  padding: 10px;
}
.tblDQReport tbody td {
  border: 1px solid #000000;
  padding: 2px 4px;
}
.tblDQReport tbody tr {
  page-break-before: auto;
  page-break-inside: avoid;
}
.pIndentText {
  margin: 0px 0px 0px 25px;
}
.tdNoBorderPrint td {
  border-width: 0px !important;
}
.ResolutionForm {
  font-size: 10pt;
}
.ResolutionForm .Section input {
  border: 1px solid #000000
    ;
  height: 18px;
}
.ResolutionForm .DataCollectionTbl {
  border-collapse: collapse
    ;
  width: 100%
    ;
  border: 1px solid #000000;
}
.ResolutionForm .DataCollectionTbl td {
  padding: 4px 10px
    ;
  text-align: left
    ;
  border: 0px;
}
.ResolutionForm .DataCollectionTbl thead td {
  background-color: #cccccc
    ;
  font-weight: bold
    ;
  border: 1px solid #000000;
}
.ResolutionForm .QuestionBold {
  font-weight: bold;
}
.ResolutionForm .GreyDiv {
  background-color: #cccccc
    ;
  font-weight: bold
    ;
  border: 1px solid #000000
    ;
  padding: 4px 10px;
}
.ResolutionForm .Section {
  margin-bottom: 10px
    ;
  font-size: inherit;
}
.ResolutionForm .DataTable td {
  background-color: #FFFFFF
    ;
  border: 1px solid #000000
    ;
  color: #eeeeee;
}
.ResolutionForm .DataTable {
  border-collapse: separate
    ;
  font-size: 10pt
    ;
  display: inline;
}
.ResolutionForm .DataTable .MatchBackground {
  background-color: transparent
    ;
  border: none
    ;
  color: #000000;
}
.ResolutionForm .LargeCommentsBox {
  border: 1px solid #000000
    ;
  font-weight: bold
    ;
  height: 350px
    ;
  padding: 4px 10px;
}
.ResolutionForm .Header {
  table-layout: fixed;
}
.ResolutionForm .Footer,
.ResolutionForm .Header {
  font-size: 85%;
}
.ResolutionForm .Footer .QuestionBold {
  font-size: 80%;
}
.ResolutionForm .Footer input {
  border: 1px solid #000000
    ;
  height: 18px;
}
/* ====================================================
==		Report Lobby Styles
==
==
==================================================== */
.ReportsSection {
  text-align: left;
}
.ReportsSection ul {
  width: 80%
	;
  margin: 5px 0 0 40px;
}
.ReportsSection ul li {
  text-align: left;
}
/* ====================================================
==		Report Filter Box Styles
==
==
==================================================== */
.ReportDiv {
  display: inline-block;
  border-collapse: collapse;
  background-color: transparent;
  margin-top: 10px;
}
.ReportDiv .ReportPanel {
  display: block;
}
.ReportFilterTable {
  margin-top: 10px;
  border-collapse: collapse;
  width: auto;
}
.ReportFilterTable td {
  height: 30px
	;
  text-align: left
	;
  padding-left: 5px
	;
  padding-right: 5px
	;
  white-space: nowrap;
}
.ReportFilterTable table {
  margin: 0px /* handles tables within the report filter table - radiobuttonlist exist as tables*/;
}
.ReportFilterTable table td {
  height: 20px
	;
  border: none;
}
.ReportFilterTable .SearchBy {
  text-align: right
	;
  width: 100px
	;
  padding: 5px 5px 0px 0px
	;
  font-size: 150%
	;
  vertical-align: top
	;
  border-right-width: 1px 
	;
  border-right-style: solid;
}
.ReportFilterTable .FilterLabel {
  font-weight: bold;
}
.ReportFilterTable .ButtonCell {
  text-align: left;
}
/* ====================================================
==		Report Page Styles
==
==
==================================================== */
.GridViewReport {
  -moz-box-shadow: 5px 5px 10px #666, inset 1px 1px 0px #a4a4a4;
  -khtml-box-shadow: 5px 5px 10px #666;
  -webkit-box-shadow: 5px 5px 10px #666;
  box-shadow: 5px 5px 10px #666;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#606060')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#606060');
}
.GridViewReport {
  background-color: #FFFFFF
	;
  text-align: center
	;
  border: 1px solid #000000
	;
  border-spacing: 0px
	;
  border-collapse: collapse
	;
  margin-top: 10px;
}
.GridViewReportHeader th,
.GridViewReportHeader td {
  background-color: #96A2B4
	;
  color: #FFFFFF
	;
  font-weight: bold
	;
  padding: 5px
	;
  border-bottom: 3px solid #000000 !important
	;
  border-right: 1px solid #000000
	;
  border-left: 1px solid #000000
	;
  border-top: 1px solid #000000;
}
.GridViewReport th a {
  color: #FFFFFF;
  text-decoration: none;
}
.GridViewReport th a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.GridViewReport tbody td {
  padding: 3px
	;
  border-bottom: none
	;
  border-left: none
	;
  border-top: 1px solid #CCCCCC
	;
  border-right: none
	;
  color: #383838;
}
.GridViewReport tbody .GridViewTD_NoPadding {
  padding: 0px;
  /*To ensure uniform layout, padding is set on the nested div/span/p etc. */
}
.GridViewReport .NotApplicable {
  color: #BABABA;
}
.GridViewReport a[disabled] {
  color: #666666;
}
.GridViewReport .Overdue {
  background-color: #EBACAC;
}
.GridViewReport .OverdueBordered {
  background-color: #EBACAC;
  border-right: 1px solid #000000;
}
.GridViewReport .DueThisWeek {
  background-color: #FFE270;
}
.GridViewReport .DueThisWeekBordered {
  background-color: #FFE270;
  border-right: 1px solid #000000;
}
.GridViewReport .Completed {
  background-color: #EAEAEA;
}
.GridViewReport .CompletedBordered {
  background-color: #EAEAEA;
  border-right: 1px solid #000000;
}
.GridViewReport .NotCompletedBordered {
  border-right: 1px solid #000000;
}
.Withdrawn,
.OptOut,
.Inactive {
  background-color: #eeeeee;
}
td .Inactive {
  text-decoration: line-through;
  background-color: transparent;
  padding: 3px;
  /*This matches the padding applied to regular cells at the TD level*/
}
.GridViewReport .RowFocus {
  /*text-decoration: none;*/
  background-color: #FFEEFA;
}
.GridViewReport .RowUnfocus {
  /*background-color: #FFFFFF; style removed as conflicts with .Inactive */
}
.ImgSmall {
  height: 18px
	;
  width: 18px
	;
  vertical-align: text-bottom;
}
.ImgHidden {
  display: none;
}
.DatagridAutoWidth {
  width: auto;
}
.DatagridAutoWidth td {
  padding-right: 15px
	;
  padding-left: 15px;
}
.pIndentText {
  margin: 0px 0px 0px 25px;
}
.DatagridReport .ImgSmall img {
  height: 14px
	;
  width: 14px
	;
  vertical-align: text-bottom;
}
/*styles used for grid view pager*/
.GridViewPager tr {
  border: hidden !important;
}
.GridViewPager tbody td {
  border: hidden !important;
}
.GridViewPager a,
.GridViewPager span {
  display: block;
  height: 20px;
  width: 20px;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
}
.GridViewPager a {
  background-color: #FFFFFF;
  color: #2D2F79;
  border: 1px solid #2D2F79;
}
.GridViewPager a:hover {
  background-color: #2D2F79;
  color: #FFFFFF;
  border: 1px solid #2D2F79;
}
.GridViewPager span {
  background-color: #2D2F79;
  color: #FFFFFF;
  border: 1px solid #2D2F79;
}
/* ====================================================
==		Nested Grid View Styles
==================================================== */
.NestedGridView {
  margin-top: 10px
	;
  margin-bottom: 10px;
}
.NestedGridView tr.active {
  background: #C2E0FF;
}
/* ====================================================
==		Sample Tracking Nested Grid View Styles
==================================================== */
.SamplesNestedGV {
  position: relative;
  margin-right: -6px !important;
  white-space: nowrap;
}
.SamplesNestedGV tbody td {
  width: 160px;
  height: 20px;
  border-width: 0px !important;
}
.LabAnalysedNestedGV tbody td {
  width: 260px;
}
.RightMargin {
  margin-right: 0px !important;
}
/* ====================================================
==		Device Tracking Nested Grid View Styles
==================================================== */
.TrackingLog .NestedGridView {
  width: 100%;
  border: none;
}
.TrackingLog .NestedGridView tbody td {
  border-width: 0px !important;
}
.TrackingLog .NestedGridView tbody td.TaskDescription {
  text-align: right;
}
.TrackingLog .NestedGridView tbody td .TaskDescAdditional {
  color: #747477;
}
.GridViewReport tbody .TrackingLog > td {
  border-top: none;
  font-family: 'Lucida Console', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
  font-size: 80%;
}
.GridViewReport tr:hover + .TrackingLog {
  background-color: #FFEEFA;
}
/*
    Tabs 
*/
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  background-color: #F1F1F1;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
}
.nav > li.inactive > a {
  color: #999 !important;
}
.nav > li.inactive > a:hover,
.nav > li.inactive > a:focus {
  color: #999 !important;
  text-decoration: none;
}
.nav > li.emptytab > a {
  color: #999 !important;
}
.nav > li.emptytab > a:hover,
.nav > li.emptytab > a:focus {
  color: #999 !important;
  text-decoration: none;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #428bca;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: none;
  display: inline-block;
  *display: inline;
  /* ie7 fix */
  *zoom: 1;
  /* hasLayout ie7 trigger */
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
  text-decoration: none !important;
}
.nav-tabs > li > a:hover {
  border-color: #ddd #ddd #ddd;
}
.nav-tabs > li.activetab > a,
.nav-tabs > li.activetab > a:hover,
.nav-tabs > li.activetab > a:focus {
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-pane h3 {
  margin-top: 0px
  ;
  padding-top: 10px;
}
.tab-content > .active {
  display: block;
}
.nav:before,
.nav:after {
  display: table;
  content: " ";
}
.nav:after {
  clear: both;
}