﻿body
{
    background: #dddddd;
    font-family: Tahoma, Arial, Verdana, Times New Roman;
    font-size: 0.7125em;
    margin: 0;
    padding:0;
}
div
{
    /*z-index: 9999;*/
}
h1
{
    font-size: 2.0em;
    font-weight: bold;
    padding: 0 0 1.5% 1.5%;
    overflow: auto;
    color: #000099;
}
h2
{
    font-size: 1.5em;
    font-weight: bold;
    
}
input
{
    font-size: 1em;
    font-family: Tahoma, Arial, Verdana, Times New Roman;
}
p
{
    clear: both;
    overflow: auto;
}
.linespacing
{
    margin-top:0.45em;
    margin-bottom:0.45em;
}
select
{
    font-size: 1em;
    font-family: Tahoma, Arial, Verdana, Times New Roman;
}
textarea
{
    font-size: 1em;
    font-family: Tahoma, Arial, Verdana, Times New Roman;
}
#Container
{
    margin: auto;
    width: 960px;
    background: #ffffff;
    top: 0;
}
#divActions
{
    clear: left;
    margin: 1% 1% 1% 1%;
}
#divCalculationOptions
{
    float: left;
    width: 48%;
}
#divDiagramValues
{
    padding: 0 0 4% 0;
}
.divJccDataJoint
{
    width: 45%;
    float: right;
}
.divJccDataProject
{
    float: left;
    width: 45%;
}
#divLeft
{
    width: 60%;
    clear: left;
    float: left;
    overflow: auto;
    top: 0;
    display: inline;
}
#divFooterLeft
{
    width: 70%;
    clear: left;
    float: left;
    overflow: auto;
    display: inline;
    text-align:justify;
    text-indent:3%;
}
#divFooterRight
{
    width: 25%;
    margin: 0 1% 0 0;
    float: right;
/*overflow: auto;*/
    overflow:hidden;
    display: inline;
}

#divMessages
{
    float: right;
    width: 48%;
}
#divProcedures
{
    clear: both;
    margin: 1% 1% 1% 1%;
}
#divRight
{
    width: 34%;
    margin: 0 1% 0 0;
    float: right;
    clear: right; /*overflow: auto;*/
    top: 0;
    display: inline;
}
#divToolbox
{
    clear: both;
    margin: 1% 1% 1% 1%;
}
#divToolOptions
{
    width: 40%;
    float: right;
}
#footer
{
    bottom: 0px;
    clear: both;
    text-align: justify;
    width: 100%;
    overflow: auto;
    text-indent: 1%;
}
#footer ul
{
    padding: 0;
    margin: 0;
    white-space: nowrap;
    list-style-type: none;
}
#footer li
{
    display: inline;
}
#Header
{
    /* width: 100%;*/
    overflow: visible;
    top: 0;
    background: #000000;
    clear: both;
}
#HeaderRow1Right
{
    float: right;
}
.formLabel
{
    float: right;
    padding-right: 10px;
}
#Main
{
    border-bottom: solid 1px black;
    width: 95%;
    overflow: auto;
    margin: 2% 2% 2% 2%;
    clear: both;
}
.bl
{
    background: url(images/ltgreybl.gif) 0 100% no-repeat #f4f4f4;
}
.br
{
    background: url(images/ltgreybr.gif) 100% 100% no-repeat;
}
.BoxHeader
{
    display: block;
    border-style: Solid;
    border-width: 1px; /*border-color: #000000;*/
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-color: #ffcc2a; /*background-image: url(images/titlebg.jpg);*/ /*background-color: #000000;*/
    background-repeat: repeat-x;
    color: #000000;
    font-weight: bold;
}
.Breadcrumbs
{
    background: url(images/breadcrumb.gif) repeat-x;
    padding: 0% 1% 0% 0%;
}
.BulletsLeft
{
    text-align: left;
    color: Blue;
}
.CalculationDiagram
{
    /*background: white;*/
    float: right;
    overflow: hidden;
    width: 50%; /*margin: auto;*/ /*padding: 0.5em 0.5 em 0.5em 0.5em;*/
}
.ClampRow
{
    width: 97%;
    border: solid 1px #000000;
    background: #DDDDDD;
    margin: 1% 1% 1% 1%;
}
.clear
{
    font-size: 1px;
    height: 1px;
}
.DropDown
{
    width: 65%;
    float: right;
    overflow: scroll;
}
.DropDown option
{
    width: 100%;
    overflow: auto;
}
.error
{
    clear: both;
    color: Red;
    display: block;
    float: Left;
    margin: 0 1% 0 0;
}
.FormNonLabel
{
    float: right;
    clear: right;
    max-width: 50%;
}
.GridStyleCellRight
{
    text-align: right;
}
.GridViewStyle
{
    border: solid 1px #000000;
    margin: 1% 1% 1% 1%;
    width: 98%;
}
.GridViewStyleTD
{
    border: solid 1px black;
}
.GridViewStyleTH
{
    border-style: Solid;
    border-width: 1px;
    border-color: #000000;
    border-bottom-color: #ffcc2a;
    background-image: url('images/navbackground.gif');
    background-color: #000000;
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
}
.GridViewStyleTR
{
    background: #FFFFFF;
    color: #000000;
}
.GridViewStyleTRAlt
{
    background: #DDDDDD;
    color: #000000;
}
.HiddenButton
{
    display: none;
}
.InformationFigures
{
    color: Blue;
}
.JointCompletionReport
{
    background: white;
    border: solid 2px #333333;
    width: 800px;
    padding: 10px 10px 10px 10px;
}
.jccRow
{
    width: 95%;
    padding: 2% 2% 2% 2%;
    overflow: auto;
}
.radiobuttons
{
    display: inline;
}
.RoundedCornerContainerDIV
{
    padding: 1% 1% 1% 1%;
    border: 0;
}
.Row
{
    clear: both;
    width: 98%;
    margin: 1% 1% 1% 1%;
    overflow: auto;
}
.SectionHeadings
{
    font-weight: bold;
}
.SpecialCalcRow
{
    float: right;
    width: 65%;
}
.TextBoxes
{
    float: right;
    margin: 0 1% 1% 0;
}
.tl
{
    background: url(images/ltgreytl.gif) 0 0 no-repeat;
}
.tr
{
    background: url(images/ltgreytr.gif) 100% 0 no-repeat;
    padding: 10px;
}
.WarningsPanel
{
    background: white;
    border: solid 2px #333333;
    width: 600px;
    height: auto;
}
.WarningsPanel li
{
    list-style-type: none;
    margin-right: 2.5em;
}
.WarningsPanelButtons
{
    float:right;
    margin:0.5em;
}
/* Menu Styling */
ul.AspNet-Menu
{
    position: relative;
}
ul.AspNet-Menu, ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    display: inline-block; /*border-left: solid 2px #222222;*/
}
ul.AspNet-Menu li
{
    position: relative;
    width: 9.79%;
}
ul.AspNet-Menu li a, ul.AspNet-Menu li span
{
    display: block;
    color: #F1F1F1;
    padding-left: 1.0em;
}
ul.AspNet-Menu li:hover ul, ul.AspNet-Menu li li:hover ul, ul.AspNet-Menu li li li:hover:ul, ul.AspNetMenu li.AspNet-Menu-Hover ul, ul.AspNetMenu li li.AspNet-Menu-Hover ul, ul.AspNetMenu li li li.AspNet-Menu-Hover ul
{
    display: block;
}
/* Style for ASPNet Menu container */
.AspNet-Menu-Horizontal
{
    border-top: solid 1px grey;
    background: url('images/navbackground.gif') repeat-x;
    margin: 0;
    height: auto; /*z-index: auto;*/
}
/* Style for Top Level Menu Elements i.e. Calculations/Brochures etc */
.AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    color: #F1F1F1;
    background: url('images/navbackground.gif') repeat-x;
    border-left: solid 2px #222222;
    padding: 1% 3.34% 1.1% 3.33%; /*padding: 1% 5% 1% 5%;*/
    margin: 0;
    font-weight: bold;
    font-size: larger;
    text-align: center;
}
/* Style for Second Level Menu Element - i.e. Under Calculations - ANSI/API etc */
.AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    background: #eeeeee;
    color:#FFFFFF;
    left: 0;
    top: 2.5em;
    width: 100%;
}
/* Style for Second Level Menu Element Items - i.e. Under Calculations - ANSI/API etc */
.AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    /*background: url(images/navbackground.gif) repeat-x;*/
    background: #333333; /*#3f3f3f;*/
    color: #F1F1F1;
    width: 100%;
    padding: 2% 0% 2% 0%;
    margin: 0% 0% 0% 0%;
    font-size: 0.8em;
    font-weight: normal;
    text-align:left;
    text-indent: 0.5%;
}
/* Style for when user hovers over Second Level Menu Element Items - i.e. ANSI or API or Special */
.AspNet-Menu-Horizontal ul.AspNet-Menu ul li a:hover
{
    background: url('images/navbackground.gif') repeat-x;
}
/* Styling for ASP.net Login and Password Recover */
.AspNet-Login
{
    /*overflow: auto;*/
}
.AspNet-Login-UserPanel
{
    overflow: auto;
    clear: both;
    margin: 1% 0 1% 0;
}
.AspNet-Login-UserPanel input
{
    float: right;
}
.AspNet-Login-PasswordPanel
{
    overflow: auto;
    clear: both;
    margin: 1% 0 1% 0;
}
.AspNet-Login-PasswordPanel input
{
    float: right;
}
.AspNet-Login-RememberMePanel
{
    overflow: auto;
    clear: both;
    margin: 1% 0 1% 0;
}
.AspNet-Login-SubmitPanel
{
    overflow: auto;
    clear: both;
    margin: 1% 0 1% 0;
}
.AspNet-PasswordRecovery
{
    overflow: auto;
}
.AspNet-PasswordRecovery-UserName-InstructionPanel
{
    overflow: auto;
    clear: both;
    margin: 1% 0 1% 0;
}
.AspNet-PasswordRecovery-UserName-UserPanel
{
    overflow: auto;
    clear: both;
    margin: 1% 0 1% 0;
}
.AspNet-PasswordRecovery-UserName-UserPanel input
{
    float: right;
}
.AspNet-PasswordRecovery-UserName-SubmitPanel
{
    overflow: auto;
    clear: both;
    margin: 1% 0 1% 0;
}
/*New Stuff 22Apr09*/
.pageBanner
{
    clear: both;
}
.fakeH1
{
    font-size: 2.0em;
    font-weight: bold;
    padding: 0 0 0.9% 0;
    overflow: auto;
}
.crumbs
{
    padding-left: 1%;
}
.bannerShadow
{
    clear: both;
    height: 10px;
    background-image: url('images/BannerShadow.gif');
    background-repeat: repeat-x;
    width: 960px;
}
.d0
{
    background-color: #f4f4f4;
    color: black;
}
.d1
{
    background-color: #f9f9f9;
    color: black;
}
.defaultTable
{
    width: 100%;
    border-spacing: 0 2px;
}
/*Style to set width of tds of labels*/
.td_Label
{
    width:44%;
}
.xslHead th
{
    text-align: left;
}
.documentationRow fs
{
}
.documentationRowRef
{
    width: 20%; /*padding: 0% 10px 0% 0%;*/
}
.documentationRowName
{
    width: 75%;
}

.advancedPanel
{
    width: 90%;
}

.advancedInputsBox
{
    border: solid 1px #f4f4f4;
    padding: 1% 1% 1% 1%;
    width: 100;
}

.PasswordBar
{
    padding: 2px 2px 2px 2px;
}

.floatLeft
{
    clear: both;
    float: left;
}

.formLabelLeft
{
    float: left;
    padding-right: 10px;
}


.floatRight
{
    float: right;
    overflow: auto;
}

.formPadding
{
    padding: 0 0 0 0;
    margin: 0.5em 0 0.4em 0;
    overflow: hidden;
}
.formPadding label
{
    /*float:right;     vertical-align:bottom;*/
    float: left;
    width: 10em;
    margin-right: 1em;
    text-align: left;
}
.formPadding input
{
    /*float:right;     vertical-align:bottom;*/
    float: left;
}

.formPadding textarea
{
    /*float:right;*/
    float: left;
}

/*
    Welcome Page 
*/

#divWelcomeLeft
{
    width: 49%;
    clear: left;
    float: left;
    overflow: auto;
    top: 0;
    display: inline;
    margin: 0 1% 0 0;
    overflow: visible;
}

#divWelcomeRight
{
    width: 49%;
    float: right;
    clear: right;
    overflow: auto;
    top: 0;
    display: inline;
    margin: 0 0 0 1%;
    overflow: visible;
}

.VerticalSpacer
{
    margin: 8% 0 8% 0;
}

.welcomeParagraph
{
    float: right;
    clear: right;
    overflow: auto;
    top: 0;
    display: block;
    width: 80%;
    overflow: visible;
}

.welcomeImage
{
    clear: left;
    float: left;
    overflow: auto;
    top: 0;
    display: block;
    width: 19%;
    margin: 0 1% 0 0;
    overflow: visible;
}

.trWelcome
{
    /*background: url(images/Panel_TR.jpg) 100% 0 no-repeat;*/
    background: url(images/ltgreytr.gif) 100% 0 no-repeat;
    padding: 10px;
    height: 130px;
}

.blWelcome
{
    /*background-position: bottom;*/ /*background-image: url(images/PanelBG.jpg);*/ /*background-repeat: repeat-x;*/ /*background-color: #dcdcdc;*/ /*background-color: #f4f4f4;*/
    filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=0.80);
    opacity: 0.80;
    background: url(images/ltgreybl.gif) 0 100% no-repeat #f4f4f4;
    overflow: visible;
}
.blWelcome:hover
{
    /*background-position: bottom;*/ /*background-image: url(images/PanelBG.jpg);*/ /*background-repeat: repeat-x;*/ /*background-color: #dcdcdc;*/
    background-color: #f4f4f4;
    filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=1.00);
    opacity: 1.00; /*background-color:#dcdcdc;*/
    overflow: visible;
}

.aWelcome
{
    /* font-size : 1em;     font-family: Tahoma, Arial, Verdana, Times New Roman;     */
    text-decoration: none;
}

.aWelcome:visited
{
    /*font-size : 1em;     font-family: Tahoma, Arial, Verdana, Times New Roman; */
    color: Blue;
    text-decoration: none;
}
.aWelcome:hover
{
    /*font-size : 1em;     font-family: Tahoma, Arial, Verdana, Times New Roman; */
    color: Blue;
    text-decoration: underline;
}


.searchExt
{
    font-size: small;
    color: #3e3e3e;
    font-style: italic;
}

.fieldset_Contactus
{
    margin: 0 0 1.5em 0;
    padding: 0 0 0 0;
    border: 0px solid #c5c7c7;
    
    /*background-image: url('images/fieldsetBg.gif');
    background-repeat: repeat-x;*/
    background-color: #f4f4f4;
}

.pageIntroText
{
   font-size: 1.2em;
}

.addThis
{
    margin-left: 50px;
    padding-right: 10px;
    }
    
    /* Update Panel */
    
.modalBackground
{
  background-color:#CCCCFF;
  filter:alpha(opacity=40);
  opacity:0.5;
}


.ModalWindow
{
  border: solid1px#c0c0c0;
  background:#f0f0f0;
  padding: 0px10px10px10px;
  position:absolute;
  top:-1000px;
}

#progressBackgroundFilter 
{
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:997; 
}
#processMessage 
{ 
    position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    width:5%; 
    z-index:998; 
    background-color:#fff;
    border:solid 1px #000;
    text-align:center;
}
