﻿/* SPA - Manager */
#divWrapper { clear: both; width: 795px; min-width: 795px; }
#divMainContent { float: left; padding-top: 4px; padding-left: 4px; padding-right: 4px; min-width: 580px; height: 100%; width:580px; }
#divRightContent { float: left; margin-left: 4px; width: 200px; max-width: 200px; overflow: hidden; min-height: 100%; font: normal 11px Verdana, Arial, Sans-serif; }
#fzdTop { background:Whitesmoke; border-top:1px solid gray; border-left:1px solid gray; border-right:1px solid gray; padding:4px; }
#fzdContent { background:Whitesmoke; border-left:1px solid gray; border-right:1px solid gray; border-bottom:1px solid gray; padding-left:4px; padding-right:4px; padding-bottom:4px; margin:0px;}
.safari { width:100%; overflow:hidden; float:left; }
.floatLeft { float:left; }
.tabContainerMargins { padding-left: 2px; padding-top: 2px; }
ul { list-style-type:disc; padding: 0px; margin: 0px 0px 0px 5px; }
.MortWrapper { background:url(../../Common/Images/MortPanel.png); background-repeat: no-repeat; float:left; height:340px; width:561px; padding-bottom:5px; }
.validationLink { color:blue; text-decoration:underline; cursor: pointer; }
.Error_Text { color: White; border: 2px solid black; background-color: Maroon; padding: 5px; margin: 5px; }
.ValidationPanel { max-height: 100px; }
.Craplet { font-family:"segoe ui",arial,sans-serif; font-size: 11px; width:100%; }

/* bubble */
.tt { position:absolute; z-index:24; color:black; text-decoration:none; display:none; width:200px; left:200px; }
.tt span.top { display: block; padding: 30px 8px 0; background: url(Images/bubble2.gif) no-repeat top; }
.tt span.middle { display: block; padding: 0 8px; background: url(Images/bubble_filler2.gif) repeat bottom; }
.tt span.bottom { display: block; padding:3px 8px 10px; color: #548912; background: url(Images/bubble2.gif) no-repeat bottom; }

/* common */
.button, button { border: 1px solid #D5D5D5; border-bottom: 1px solid #C2C2C2; border-right: 1px solid #C2C2C2; font-family: Verdana, Arial; font-size: 11px; color: #000; background-position: top; background-color: white; height: 20px; vertical-align: middle; }
.cmdButton { border: 1px solid #D5D5D5; border-bottom: 1px solid #C2C2C2; border-right: 1px solid #C2C2C2; font-family: Verdana, Arial; font-size: 11px; color: #000; background-position: top; background-color: white; height: 20px; width: 100px; vertical-align: middle; }
/* ADDRESS SCRUBBER VERIFY BUTTON */
.cmdAddrVerify { border: solid 1px white; border-bottom: solid 1px black; border-right: solid 1px black; height: 30px; width: 300px; background-color: #c5f5d0; }
.gridHeader { font: bold 12px Tahoma; text-align: center; color: #585796; margin-bottom: 0px; }
.gridBorder { border: solid 0px #c6dddf; }
.gridImageButton { cursor: hand; }
.WordWrap { white-space: normal; word-wrap: break-word; }
.LabelText, .BoldLabelText, .LabelTextDisabled, .DropDownList, .CheckBox, ValidationBubble, .RequiredText, .TextBox, .TextBoxDisabled, .confirmationMessage, .confirmationMessageError, .TextTop, input[type=text], body  { font: normal 11px Verdana, Arial, Sans-serif; }
.DropDownList { border: solid 1px #c3d9f9; }
.ValidationBubble { position: absolute; border: 1px solid SlateGray; background-color: LightYellow; padding: 4px; }
.RequiredText { color: Red; }
.LabelTextDisabled { color: Gray; }
.BoldLabelText { font-weight: bold; }
.BoldUnderlinedText { font-weight: bold; text-decoration: underline; }
.WhiteText { color: White; }
.TextTop { vertical-align: top;}
.HintText {
  font-weight: normal;
  font-size: 8pt;
  color: #545459;
  font-family: Arial;
  text-align: right;
}
.rowSeperator { float: left; width: 99%; height: 2px; margin: 0px; padding: 0px; overflow: hidden; }
.SpacerRow { margin-top: 5px; margin-bottom: 5px; }
.btnRowSeperator { width: 99%; margin: 25px; padding: 0px; overflow: hidden; }
.smallRow, .mediumRow, .mediumRow, .bigRow { width: 99%; float: left; overflow: hidden; }
.smallRow {height: 2px; }
.mediumRow { height: 3px; }
.bigRow { height: 4px; }
.tabContainerMargins { margin:5px; }
.rowPadding2 { padding-top: 2px; padding-bottom: 2px; }
.rowPadding3 { padding-top: 3px; padding-bottom: 3px; }
.rowPadding5 { padding-top: 5px; padding-bottom: 5px; }
#divButtonContent, .divButtonContent { float: right; height: 25px; margin-bottom: 3px; margin-top:3px; }
.CollapsiblePanel { border: solid 1px black; }
.confirmationMessage { color: Blue; margin-bottom: 5px; padding-bottom: 5px; }
.confirmationMessageError { color: Red; margin-bottom: 5px; }
.sectionTitleUnderline { font-family: verdana, sans-serif; font-size: medium; color: White; border-bottom: solid 1px #C0C0C0; background-color:#00467F; }
.MessagePanel { max-height: 200px; }
 hr { color: #00457F; height:1px; }

.Hdr { background-color: #C8DCF2; border-bottom: solid 1px #688CAF; border-right: solid 1px #688CAF;}
.OHdr { color:White; background-color: #00427B; border-bottom: solid 1px #688CAF; border-right: solid 1px #688CAF;}
.SelRow { font-weight:bold; border: 1px solid #D0D7E5; background-color:White; }
.BoldRow { font-weight:bold; border: 1px solid #D0D7E5; background-color:White; }
.LeftRow { border: 1px solid #D0D7E5; background-color:White; }
.Row { border: 1px solid #D0D7E5; background-color:White; text-align:right; }

/* grid */
.Grid { border:1px solid #688caf; background:#fff; color:#333; }
.GridHeader { border-left-width:0; padding-left:8px; border:solid #5d8cc9; border-width:0 0 1px 1px; background:0 -2300px repeat-x #c3d8f1 url('Images/sprite.gif'); }
.GridSubHeader { background:#9ab5db 0 -6500px repeat-x url('Images/sprite.gif'); }
.GridRow td { border-style:solid; border-width:0 0 1px 1px; border-color:#d0d7e5; }
.AltGridRow td { border-style:solid; border-width:0 0 1px 1px; border-color:#d0d7e5; background-color:#F5F5F5; }
.GridFooter td { border-style:solid; border-width:2px 0 0 1px; border-color:#d0d7e5; font-weight:bold; }
.GridHighlight td { background:#9ab5db 0 -2600px repeat-x url('Images/sprite.gif'); border-width:0px 0px 0px 0px; }
.Grid a:link { color:#0066CC; }

/* anim collapsible panel */
.squarebox { width: 100%; overflow: hidden;  background: #F5F5F5 url(Images/body_right2.gif) no-repeat bottom right; text-align: left; }
.squareboxgradientcaption { color: White; padding: 5px; background: url(Images/header2.gif) repeat top right; font-weight:bold; }
.squareboxcontent { padding: 10px; padding-bottom: 15px; overflow: hidden; background: url(Images/body_left2.gif) no-repeat bottom left; }
.ajaxLoading { padding-right:14px; padding-top:2px; }

/* SUPPORT FOR APP CHKLIST FOOTER */
#footpanel 
{
   height: 30px;
   z-index: 9;
   background: #00427b;
   border: solid 1px black;
   width: 200px;
   margin-left: 791px;
}
#taskword:hover 
{
   background-color: blue;
   color: Yellow;
   cursor: pointer;
}
#footpanel .subpanel 
{
   left: 0;
   bottom: 30px;
   width: 99%;
   border: solid 1px black;
   background-color: #f5f5f5;
}
#divINTRO 
{
   /* margin-top: -18px; */
   /* padding-top: 4px; */
}
#divTASKHELP 
{
   background-color: #f5f5f5;
}
ul.clsTL
{
   list-style-type: none;
   list-style-position: outside;
   text-align: left;
}
#spnTASKWORDIMG 
{
   text-align: right;
   padding-left: 40px;
   padding-right: 5px;
}
.alerts 
{
   color: White;
   margin-left: 55px;
}
.spnZEBRA1 
{
   background-color: #C4D5DE;
   color: Black;
}
.spnZEBRA2 
{
   background-color: #DDE8ED;
   color: black;
}
p.clsAPPREQHDRUL {
  font-weight: bold;
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}
p.clsAPPREQHDR {
  font-weight: bold;
  color: black;
}
.ui-widget-content A 
{
   color: Blue;
}
.ui-dialog-content 
{
   background-color: #f5f5f5;
}

/* tooltip */
.tbdr { position:relative; padding:5px; margin:1em 0 0; border:5px solid #5a8f00; color:#333; background:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -moz-box-shadow:css 2px 2px 4px #808080; -webkit-box-shadow: 2px 2px 4px #808080; box-shadow: 2px 2px 4px #808080; }
.tbdr.left {	margin-left:30px; }
.tbdr.right { margin-right:30px; }
.tbdr:before { content:""; position:absolute; bottom:-20px; left:40px; border-width:20px 20px 0; border-style:solid; border-color:#5a8f00 transparent; display:block; width:0; }
.tbdr:after { content:""; position:absolute; bottom:-13px;  left:47px; border-width:13px 13px 0; border-style:solid; border-color:#fff transparent; display:block; width:0; }

.tbdr.top:before { top:-20px; bottom:auto; left:auto; right:120px; border-width:0 20px 20px; }
.tbdr.top:after { top:-13px; bottom:auto; left:auto; right:127px; border-width:0 13px 13px; }

.tbdr.left:before { top:10px; bottom:auto; left:-30px; border-width:15px 30px 15px 0; border-color:transparent #5a8f00; }
.tbdr.left:after { top:16px; bottom:auto; left:-21px; border-width:9px 21px 9px 0; border-color:transparent #fff; }

.tbdr.right:before { top:10px; bottom:auto; left:auto; right:-30px; border-width:15px 0 15px 30px; border-color:transparent #5a8f00; }
.tbdr.right:after { top:16px; bottom:auto; left:auto; right:-21px; border-width:9px 0 9px 21px; border-color:transparent #fff; }
