/*

Class/Style Features:



   "layoutSection" - on Sections, makes it a transparent and no margins/padding

   "hideFieldEffect" - Turns fields into Google style click to turn into text box. Apply to

      field itself or a section to turn an entire section.

 */


.dijitCalendarContainer {
	width: 100px !important;
}
body {

    background: #5091cd url(repeat_bg.gif) repeat 0 0;

    padding: 5px;

    font-size: 11px;

    font-family: Arial, Helvetica, sans-serif;

}



/** Table odd row color. */

tr.oddRow {

    background-color: #F6F7F9;

}



table {

    border-collapse: collapse;

}



table.layout {

    margin-bottom: 0px;

}



table.sectionOutline {

	border: 0px solid white;

}



form {

    margin: 5px;

	width: auto;

}



.sectionPadding {

}



* html .sectionPadding {

    width: 100%;

}



.sectionPaddingStyled {

    margin: 5px;

}



.twLayout {

    width: 100%;

}



#innerContentBodyTD {

	padding-top: 5px;

    padding-bottom: 5px;

	border-left: 1px solid #adbdd2;

	border-right: 1px solid #adbdd2;

	border-bottom: 1px solid #adbdd2;

}



#content {

	background-color: #FAFAFA;

}



/* This is all about the header, logo and page layout */



.heading table {

}



a.layoutButton {

	font-size: 11px;

    font-family: Arial, Helvetica, sans-serif;

    color: #04192A;

}



a.layoutButton:hover {

	font: inherit;

	color: inherit;

}



.heading table td {

   height: 25px;

}



#content {

	background: #FAFAFA url("sk_bg_slice_heading_content.gif") repeat-x left top;

    height: 25px;

}



#content .heading {

	margin-left: -1px;

    background          : url("sk_bg_content_heading_left.gif") no-repeat left top;

    height: 25px;

}



#content .heading-right {

    float                       : right;

    background          : url("sk_bg_content_heading_right.gif") no-repeat right top;

    height: 25px;

}





#content .heading h1 {

    background: transparent;

    color: #04192A;

	font-family : Tahoma, Geneva, Verdana, sans-serif;

	font-size : 11px;

	font-size-adjust : none;

	font-style : normal;

	font-variant : normal;

	font-weight : bold;

	line-height : normal;

    padding: 0px 0px 0px 10px;



}



#content .heading-right {

}



#content-bottom {

    display: none;

    height: 0px;

    background: transparent;

}



#content-bottom .left {

    height: 0px;

    background: transparent;

}



#content-bottom .right {

    height: 0px;

    background: transparent;

}





/* this is the section */



div.sectionHeaderTitle {

    padding-top: 0px;

    margin-left: 4px;



    font-family : Tahoma, Geneva, Verdana, sans-serif;

	font-size : 11px;

	font-size-adjust : none;

	font-style : normal;

	font-variant : normal;

	font-weight : bold;

	line-height : normal;

    white-space: nowrap;

}





tr.twLayoutTitle {

    height: 25px;

    background: transparent;

}



table.twStyledLayout tr.twLayoutTitle .layoutHeaderLeft,

table.twStyledSection tbody tr.sectionHeader .sectionHeaderLeft {

    width: 7px;

    height: 25px;

    background: url(sk_bg_content_heading_left.gif) 0 0 no-repeat;

    display: table-cell;

    border: 0px solid white;

    margin: 0px;

    padding: 0px;

    font-size: 0px;

    line-height: 0px;

}



table.twStyledLayout tr.twLayoutTitle .layoutHeaderCenter,

table.twStyledSection tbody tr.sectionHeader .sectionHeaderCenter {

    height: 25px;

    background: url(sk_bg_slice_heading_content.gif) 0 0 repeat-x;

    color: black;

    display: table-cell;

    border: 0px solid white;

    margin: 0px;

    padding: 0px;

}



table.twStyledLayout tr.twLayoutTitle .layoutHeaderRight,

table.twStyledSection tbody tr.sectionHeader .sectionHeaderRight {

    width: 6px;

    height: 25px;

    background: url(sk_bg_content_heading_right.gif) 0 0 no-repeat;

    display: table-cell;

    border: 0px solid white;

    margin: 0px;

    padding: 0px;

}



table.twStyledLayout tr.twLayoutBody .layoutBodyLeftStyled,

table.twStyledSection  tbody  tr.sectionBody  td.sectionBodyLeftStyled

{

    width: 7px;

    background: url(l.png) 0 0 repeat-y;

    display: table-cell;

}



table.twStyledLayout tr.twLayoutBody .layoutBodyRightStyled,

table.twStyledSection  tbody  tr.sectionBody  .sectionBodyRightStyled

{

    width: 6px;

    background: url(r.png) 0 0 repeat-y;

    display: table-cell;

}



table.twStyledLayout tr.twLayoutBody .layoutBodyCenter,

table.twStyledSection  tbody  tr.sectionBody  .sectionBodyCenter

{

    background: #FAFAFA;

    display: table-cell;

}



.sectionBodyCenterStyled

{

    padding-top: 7px;

    padding-bottom: 7px;

}



tr.twLayoutSubHeader {

    height: 0px;

    display: none;

    border-spacing: 0px;

    border: 0px solid white;

    background: transparent;

}



/*



  This is for the TAB Extension





  */

th.twTabbedHeaderBody {

    border-bottom: 1px solid #253487;

    padding: 0px;

    text-align: left;

}



th.twTabbedHeaderRight {

    width: 8px;

    padding: 0px;

    background: url(tab-tr.png) 0 0 no-repeat;

}



th.twTabbedHeaderBody DIV {

    z-index: -1;

    float: left;

    background: url(na-left.png) 0 0 no-repeat;

    height: 30px;

    padding-left: 10px;

    margin-right: -3px;

    cursor: pointer;

}



th.twTabbedHeaderBody DIV DIV {

    z-index: -1;

    background: url(na-right.png) top right;

    height: 22px;

    text-align: center;

    font-size: 11pt;

    color: black;

    padding-top: 8px;

    padding-right: 30px;

}



th.twTabbedHeaderBody DIV.active {

    z-index: 300;

    background: url(ac-left.png) 0 0 no-repeat;

}



th.twTabbedHeaderBody DIV.active DIV {

    z-index: 300;

    background: url(ac-right.png) top right;

}



div.twSectionPopupBG {

    opacity: 0.6;

    filter: alpha(opacity=50);

    background-color: white;

    position: absolute;

    top: 0px;

    left: 0px;

    right: 0px;

    bottom: 0px;

    width: 100%;

    height: 100%;

}



div.twSectionPopup {

    position: absolute;

    top: 100px;

    left: 100px;

    right: 100px;

}





td.layoutSubHeader {

    height: 0px;

    display: none;

    border-spacing: 0px;

    border: 0px solid white;

    background: inherit;

    background-color: transparent;

}



td {

  padding: 0px;

  margin: 0px;

}





.controlLayout {

    border-collapse: collapse;

    /* Firefox ignores this but it works in IE7 - FF it still indents 1px due to padding */

    padding: 0px;

}





/* General Layout */



.layoutSection {

    padding: 0 !important;

}



TD.sectionBodyLeft,

TD.sectionBodyRight,

TD.sectionFooterLeft,

TD.sectionFooterRight

{

    width: 0px;

    font-size: 0;

}



td.sectionFooterLeft, td.layoutFooterLeft,

td.sectionFooterRight, td.layoutFooterRight,

td.sectionFooterCenter, td.layoutFooterCenter

{

    height: 0px;

}



tr.layoutFooterStyled td,  tr.sectionFooterStyled td {

    background-color: #adbdd2;

    height: 1px;

    line-height: 1px;

}



td.sectionSubHeader {

    height: 0px;

}



tr td.twControlTD {

    padding-top: 2px;

    padding-bottom: 2px;

    padding-right: 2px;

}



tr td.twLabelTD {

    padding: 5px;

    font-size: 11px;

    font-weight: normal;

    color: #555555;

}



tr td.sectionBodyCenterControl, tr td.layoutBodyCenterControl {

    color: black;

    font-size: 11px;

}



tr.sectionHeader td {

    background-color: #f5f5f5;

    border: 1px solid #f0f0f0;

    padding: 5px 5px 5px 0px;

    margin-top: 5px;

    margin-bottom: 5px;

}



LABEL, .label_Full,.label_Req {

  float: right;

}



.sectionHeaderCenter {

    border: 1px solid black;

    background-color: #F1F1FF;

}



table.twTable {

  border-collapse: collapse;

}



tr.tableControlDataRow td {

  border: 1px solid #d1d1d1;

}

/* START: This CSS rules was missing from the System Data toolkit skin1.css */
/*        file. It was changed in the WLE 7.5 release */
/* [WLE-3141] Remove background image for coach table header */
tr.tableControlDataRow td a {

  white-space: nowrap;

}
/* END */


tr.tableControlHeader th {

   height: 19px;

   padding-bottom:1px;

   padding-top:1px;

   padding-left: 4px;

}



tr.tableControlHeader th p {

   font-weight: normal;

   color: black;

}



tr.selectedRow {

	background-color: #dbecd3;

}



tr.tableControlDataRow td.twTableTD {

	padding-left: 4px;

}





/* Standard skin sets width = 99% , makes right margin weird.. */

.outputText, .inputText_Full, .singleSelect_Full,

.multipleSelect_Full, .booleanChoice_Full,

.outputText_Full, .inputText_Req, .singleSelect_Req,

.multipleSelect_Req, .booleanChoice_Req,

.outputText_Req, .inputText_Dis, .singleSelect_Dis,

.multipleSelect_Dis, .booleanChoice_Dis,

.outputText_Dis

{

    margin: 2px 0pt;

    width:100%;

    font-size: 11px;

    font-family: Arial, Helvetica, sans-serif;

}

/* WLE-4512 - Fix for text INPUTs background color in IE */
* html .inputText_Dis {
    background-color: #EBEBE4;
}

/*
    https://bugzilla.mozilla.org/show_bug.cgi?id=292284
    This attribute selector will select any 'select' element which has a class attribute of
    twSingleSelect, and a size attribute of "2".  While the skin is using a font size of less
    than 13px, a select size of 2 requires a minimum 32px height on the element to show the scroll bars.
*/
select[class~=twSingleSelect][size="2"] {
    min-height: 32px;
}

/* Fix for vertical alignment of labels in IE */
* html .twLabel {
	
    position: relative;
    
    top: +2px;
}



p.outputText {

    padding-top: 3px;

    padding-bottom: 2px;

}



.floater td {

  background-color:#afafaf;

  border:1px inset #00407A;

  color:black;

}



.selectedSmartInputItem {

  font-family: Arial, Helvetica, sans-serif; ;

  font-size:14px;

}



.matchedSmartInputItem  {

  font-family: Arial, Helvetica, sans-serif;;

  font-size:14px;

}



.progressIndicator {

  background: url(indicator_white.gif) 0 0 no-repeat;

  width: 16px;

  height: 16px;

}



/** hideFieldEffect CSS Implementation */



.hideFieldEffect INPUT,

INPUT.hideFieldEffect,

.hideFieldEffect TEXTAREA,

TEXTAREA.hideFieldEffect {

    border: 1px solid  #f1f1f1;

    background-color: inherit;

    font-size: 11px;

    padding: 2px 1px 1px 4px;



}



.hideFieldEffect INPUT.fieldMouseOver,

INPUT.hideFieldEffect + INPUT.fieldMouseOver,

.hideFieldEffect TEXTAREA.fieldMouseOver,

TEXTAREA.hideFieldEffect + TEXTAREA.fieldMouseOver {

    background-color: #FFFFC1;

    font-size: 11px;

}



.hideFieldEffect INPUT.fieldFocused,

INPUT.hideFieldEffect + INPUT.fieldFocused,

.hideFieldEffect TEXTAREA.fieldFocused,

TEXTAREA.hideFieldEffect + TEXTAREA.fieldFocused {

    border: 1px solid #6699E0;

    background-color: white;

    font-size: 11px;

}



.hideFieldEffect SELECT,

SELECT.hideFieldEffect {

    border: 1px solid  #f1f1f1;

    background-color: #f1f1f1;

    font-size: 11px;

    padding: 1px;

}



.hideFieldEffect SELECT.fieldMouseOver,

SELECT.hideFieldEffect + SELECT.fieldMouseOver  {

    background-color: #FFFFC1;

    font-size: 11px;

}



.hideFieldEffect SELECT.fieldFocused,

SELECT.hideFieldEffect + SELECT.fieldFocused {

    border: 1px solid #6699E0;

    background-color: white;

    font-size: 11px;

}





.hideFieldEffect OPTION,

OPTION.hideFieldEffect {

    background-color: white;

    font-size: 11px;

    padding: 1px;

}



p.sectionHeading, p.layoutHeading {

  font-family: Tahoma, Geneva, Verdana, sans-serif;

  font-size: 10px;

  padding-top: 2px;

}
