body
{
	font-family:Arial, Hevetica, sans-serif;
	font-size:10pt;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

@media (-webkit-min-device-pixel-ratio: 2) {
    body {
        font-size: 16pt;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
}

/*.spellCheck 
{
	background-color:Red;
}*/

a {
 	color:blue;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.main 
{
	padding:25px;
   /*padding-top: 100px;*/
   /*padding-top: 180px;*/
    padding-top: 175px;
    padding-bottom: 90px;
}

.mainView {
    min-width: 960px;
}

.mainView.noInfoBar {
    margin-top: -50px;
}

.main.converted {
    background-color: lightcyan;
}

.welcome {
    font-size: large;
    /*text-align: center;*/
}

.globalBroadcastMessage {
    margin-bottom: 50px;
    background-color: lightgray;
    padding: 10px;
    border: solid 2px black;
}

.infoBarMain {
/*top: 112px;*/ 
position: fixed; 
left: 0px; 
display: block; 
width: 100%;
z-index: 9989;
    background-color: #98AABE; /*#668796;*/ /*#EAEEF2;*/ /*#98AABE;*/
    border-bottom: 2px solid black;
/*overflow:auto;*/    
}

.infoBarMain.contracted {
    /*top: 72px;*/
    /*top: 35px;*/
    top: 0px;
}

.infoBarStrip {
    /*height: 35px;*/
    border-top: 1px black solid;
    min-width: 980px; /*1080px;*/
}

.infoBarButton {
     display:inline-block;
    /*border: 1px solid black;
    background-color:#c0c0c0;*/
    cursor:pointer; 
    padding-left:5px;
    padding-right:5px;
    padding-top: 2px;
    padding-bottom: 2px;
    /*height:25px;*/
    /*line-height:25px;*/
    border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
    margin-left:5px;
    margin-right:5px;
}

.infoBarButton:hover {
    background-color:white;
}

.infoBarPanelWrapper {
    
}

.infoBarPanelWrapper {
        border-top: 1px solid #828d93;
}

.infoBarPanelStrip {
    height: 25px;    
    padding-top: 5px;
}

.infoBarTitle {
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 20px;
    height: 22px;
    /*background-color: pink;*/
}

.infoBarGlobalNavStrip {
    /*border-bottom: 1px black solid;*/
    display: block;
    padding-bottom: 3px;
    padding-top: 3px;
    text-align: left;
}

.infoBarGlobalNavStrip.contracted {
    display: none;
}

.infoBarGlobalNavLink {
    padding-left:10px;
    padding-right:10px;
    display:inline-block;
    border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
}

.infoBarGlobalNavLink:hover {
    /*background-color: white;*/
}

.infoBarGlobalNavLink .divLink {
    /*color: black;*/
    text-decoration: none;
}

.infoBarGlobalNavLink .divLink:hover {
    background-color: white;
}

.infoBarPanel {
    /*top: 142px; 
left: 0px; width: 100%;
        height: 25px;    
        
    position: fixed; */

    /*height: 100px;*/
    overflow: auto;
    
    display: block;
    /*background-color: yellow;*/ 
    
    padding-bottom: 10px;
    padding-left:25px;
    padding-right: 25px;

}

.infoBarPanelBody {
    
}

.quickView {
    margin-top: 3px;
    display: inline-block;
    
    /*for floating right*/
    float: right;    
      /*  margin-right: 50px;*/
    height: 25px;
}

.parentComment {
    /*background-color: lightgray;*/
    padding: 10px;
    margin-bottom: 10px;
    /*border: 1px solid black;*/
    border-top: 2px solid #d1d2da;
    /*-moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px;*/
}

.childComment {
    /*background-color: lightgray;*/
    /*border: 1px solid black;*/
    border-top: 1px solid #dddddd;
    padding: 5px;
    margin-left: 25px;
    /*margin: 10px;*/
    /*-moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    border-radius: 8px;*/
}

.commentDetails {
    text-align: left;
    line-height: 20px;
    font-size: .8em; /*8pt;*/
}
.commentBy {
    /*background-color: pink;*/
    display: inline-block;
    font-style: italic;
}

.commentOn {
    /*background-color: plum;*/
    padding-left: 10px;
    display: inline-block;
    font-style: italic;
    /*font-size: 8pt;*/
}

.commentBody {
    /*background-color: powderblue;*/
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.commentAdd {
    font-size: .8em; /*8pt;*/
    margin-left: 50px;
}

.commentUpdate {
    display: inline-block;
    text-align: right;
    padding-left: 20px;
}

.newComment {
    text-align: right;
    padding-bottom: 20px;
}

.commentShowOrder {
    text-align: right;
    font-size: .8em; /*8pt;*/
    font-style: italic;
}

.checklistResponse {
    text-align: center;
    min-width: 50px;
    width: 50px;
    cursor: pointer;
    vertical-align: middle;
}

.sectionHeaderExport {
    display: inline-block;
    height: 16px;
    vertical-align: bottom;
    padding-left: 10px;
}

.checklistResponse:hover {
    background-color: yellow;
}

.checklistResponse.viewOnly {
    cursor: default;
}

.checklistResponse.viewOnly:hover {
    background-color: transparent;
}

.checklistTable {
    /*background-color: paleturquoise;*/
    border-bottom: black solid 1px;
}

.checklistTable td,.checklistTable th {
    border-left: black solid 1px;
    border-top: black solid 1px;
    padding: 5px;
}

.checklistTable td:last-child,.checklistTable th:last-child {
    border-right: black solid 1px;
}

.checklistHeader {
    
}

.checklistHeader td {
    border: none;
}

.checklistGroup {
    font-weight: bold;
    background-color: lightgray;
}

.checklistQuestion {
    /*background-color: pink;*/
    vertical-align: top;
    text-align: left;
}

.checklistNote {
    font-weight: bold;
    background-color: lightgray;
}

.checklistNote td {
        padding-left: 25px;
}

.checklistResponseChecked {
    cursor: default;
}

.checklistResponsePass.checklistResponseChecked {
    background-color: lightgreen;
}

.checklistResponsePass.checklistResponseChecked:hover {
    background-color: lightgreen;
}

.checklistResponseFail.checklistResponseChecked {
    background-color: lightcoral;
}

.checklistResponseFail.checklistResponseChecked:hover {
    background-color: lightcoral;
}

.checklistResponseNA.checklistResponseChecked {
    background-color: lightgoldenrodyellow;
}

.checklistResponseNA.checklistResponseChecked:hover {
    background-color: lightgoldenrodyellow;
}

fieldset {
/*border: 2px; - This causes it to not display on IE8+, Chrome and Firefox */  
padding: 10px;
margin: 0px 0px 0px 0px;
background-color: transparent;
text-align : justify;
}

legend {
margin: 0px;
padding: 5px;
} 

.PageWithSections 
{
	padding-left:25px;
	padding-right:25px;
}

#masterContent
{
	/*padding:1em 1em 8em;*/
	padding:1em 0em 1em;
	min-height:620px;
	height:100%;
}

#masterFooter
{
	position:relative;
	bottom:0;
	/*position:absolute;*/
	width:100%;
	border-top:solid 1px;
	padding:0px;
	
	background-color:#FFFFFF;
	height:100px;
}

#masterFooterLeftColumn
{
	width:25%;
	float:left;
	text-align:left;
}

#masterFooterCenterColumn
{
	width:49%;
	float:left;
	text-align:center;
	vertical-align:middle;
}

#masterFooterRightColumn
{
	width:25%;
	float:left;
	text-align:right;
}

.disableBackground {
	background-color: rgb(0, 0, 0);
	opacity: 0.0; /* Safari, Opera */
	-moz-opacity:0.00; /* FireFox */
	/*filter: alpha(opacity=70); /* IE */
	filter: alpha(opacity=0); /* IE */
	z-index: 9998;
	height: 1000px;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
}

.darkenBackground {
	background-color: rgb(0, 0, 0);
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	z-index: 9998;
	height: 100%;
	/*height: 1500px;*/
	width: 100%;
	background-repeat:repeat;
	position:absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	vertical-align: middle;
}

.loadingMessage 
{
	/*position:relative; top:25%; margin-top:-25px;*/ /* margin-top is half the height */
	position:absolute;
	height: 50px;
	width: 400px;
	/*margin-left:-250px;*/
	z-index: 9999; /* z-index bring the element to the front */
	
	background-color: #D2D7E1;
	border: solid thick White;
	margin:0 auto;
	text-align: center;
}

.darkenBackgroundForModal {
	background-color: rgb(0, 0, 0);
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	z-index: 9998;
	height: 100%;
	/*height: 1500px;*/
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
	text-align: center;
	vertical-align: middle;
}

.loadingMessageForModal
{
	/*position:relative; top:25%; margin-top:-25px;*/ /* margin-top is half the height */
	position:fixed;
	height: 50px;
	width: 400px;
	/*margin-left:-250px;*/
	z-index: 9999; /* z-index bring the element to the front */
	
	background-color: #D2D7E1;
	border: solid thick White;
	margin:0 auto;
	text-align: center;
}

.loadingText 
{
	padding:25px 25px 25px 25px;
	font-size : xx-large;
}

.testHeader 
{
	white-space:nowrap;
	background-color:#D2D7E1;
	height:40px;
}

.navigationMenu 
{
	/*background-color:Silver;*/
	/*background-image: url(images/headerFade.png);*/
	background-repeat:repeat-x;
	border-top:solid 1px black;
	height:30px; 
	vertical-align:bottom;
}

.mainHeader {
    position: fixed;
    width: 100%;
    /*min-width: 800px;*/
    /*background-color: pink;*/
    /*height: 75px;*/
    /*z-index: 9997;*/
    z-index: 9990;
    /*min-width: 960px;*/
    min-width: 720px;
}

.footer {
    position: fixed;
    width: 100%;
    /*min-width: 800px;*/
    background-color: rgb(152, 170, 190); /*rgb(51, 85, 124);*/
    /*background-color: rgb(152, 170, 190);*/
    height: 85px;
    /*z-index: 9997;*/
    z-index: 9990;
    min-width: 875px;
    bottom: 0px;
    border-top:solid 1px black;
}

.footerLogo {
    display: inline-block;
    /*background-color: lime;*/
    margin-top: 10px;
}

.footerLogo.left {
    float: left;
    margin-left: 25px;
}

.footerLogo.right {
    float: right;
    margin-right: 25px;
}

.footerInfo {
    text-align: center;
    /*background-color: pink;*/
    /*color: white;*/
    margin-top: 25px;
}
.footerInfo a {
    /*color: lightblue;*/
}

.header 
{
	/*height:35px;*/
    /*height: 110px;*/
	vertical-align:bottom;
	/*padding-left:10px;
	padding-right:10px;
	padding-top:5px;*/
	border-bottom: 2px solid black;
    z-index: 9999;
    background-color: white;

        -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
    
}

.header.contracted {
    /*height: 70px;*/
    /*height: auto;*/
    display: none;
}

.headerWrapper {
    height: 77px;
}

.headerWrapper.contracted {
    display: none;
}

.projectMenu
{
  z-index: 10;
    min-width:30px;
    /*left:3px;*/
    
}

.projectMenuTreeMenu 
{
	width:243px;
	background-color:White;
	float:left;
	overflow:hidden;
	border-top:solid 1px black;
	border-bottom:solid 1px black;
	border-right:solid 1px black;
	padding-top:5px;
	padding-bottom:5px;
  position: relative;
  z-index: 10;
}

.projectMenuUnpinned 
{
    position:absolute; 
    /*background-color:Green;*/
    /*width:30px;
    left:3px;*/  
}

.projectMenuPinned 
{
    position:absolute;
    /*position:relative;
    float:left; */
    
    /*background-color:Green;*/
    /*width:30px;
    left:3px;*/
    /*top:20px;
    z-index:9000;*/
}

.myProjectsMenu 
{
  z-index: 9;
}

.myProjectsMenuUnpinned 
{
    position:absolute;
    right:0px;
}

.myProjectsMenuPinned 
{
    position:absolute;
    right:0px;
    
    /*position:relative;
    float:right;
    right:15px;
    top:0px;*/
    /*width:182px;*/
}

.baseProjectDiv 
{
    /*float:left;*/
    /*background-color:Silver;*/
    /*margin-left:4px;*/
    /*margin-right:29px;*/
    top:0px;   
    /*width:100%;*/
    /*max-width:700px;
    min-width:300px;*/
    /*width:90%;*/
    width:auto;
    /*width:100%;*/
    overflow:hidden;
    position: relative;
    z-index: 1;
    /*background-color:Teal;*/
    /*padding-left:50px;
    padding-right:150px;*/
}

.baseProjectMenuUnpinned 
{
    /*margin-left:30px;*/
    padding-left:26px;
}

.baseProjectMenuPinned 
{
    /*margin-left:10px;*/
    /*padding-left:238px;*/
	padding-left:270px; /*255px;*/
}

.baseMyProjectsMenuPinned 
{
    /*padding-right:191px;*/
    padding-right:228px;
}

.baseMyProjectsMenuUnpinned
{
    padding-right:26px;
    /*margin-right:29px;*/
    /*margin-right:100px;*/
}

.headerLogo
{	
	/*height:30px;
	text-align:left;
	width:300px;*/
	/*font-size:x-large;*/
    font-size: xx-large;
	/*float:left;*/
	padding-left:10px;
	padding-top:5px;
	/*background-color:White;*/
	vertical-align:bottom;

    margin-top: 25px;
    margin-left: 10px;

    height: 60px;
    display: inline-block;
}

@media (max-width:1000px) {
.headerLogo
{	
	font-size:18pt;
	padding-left:10px;
	padding-top:5px;
	vertical-align:bottom;

    margin-top: 25px;
    margin-left: 10px;

    height: 60px;
    display: inline-block;
}
}

@media (max-width:800px) {
.headerLogo
{	
	font-size:14pt;
	padding-left:0px;
	padding-top:5px;
	vertical-align:bottom;

    margin-top: 25px;
    margin-left: 5px;

    height: 60px;
    display: inline-block;
}
}

.headerLogo.contracted {
    transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    margin-top: 0px;
}

.headerLogoImage {
    font-size: xx-large;
	/*float:left;*/
	padding-left:10px;
	/*padding-top:5px;*/
	/*background-color:White;*/
	vertical-align:bottom;

    margin-left: 10px;

    display: inline-block;
    height: 87px;
}

.headerLogoImage.contracted {
    transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    margin-top: -25px;
}

.headerUserInfo 
{
	/*height:30px;*/
    height: 87px;
	vertical-align:text-bottom;
	/*text-align:right;*/
	/*background-color:#54AADA;*/ /*#7fc9ff; /*#0d99d6;*/
	padding-right:10px;
	padding-top:5px;

    text-align: right;

    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;

    display: inline-block;
}

.headerUserInfo.contracted {
    height: 32px;
}

.headerUserInfoText {
    float: right;
    padding-top: 5px;
    position: absolute;
    right: 10px;
}

.headerUserInfoText.contracted {
    padding-top: 0px;
}

.fieldHelpDiv {
    font-size: .8em; /*8pt;*/
    padding:10px;
}

@media (max-width:480px), (-webkit-min-device-pixel-ratio: 2) {
.infoBarTitle {
    height: 30px;
}
.main {
    /*padding-top: 245px;*/
    padding-bottom: 245px;
}


/*.headerWrapper {
    height: 150px;
}*/

.headerLogo
{	
	display: none;
}

.headerLogoImage {
    display: block;
    margin-left: 0px;
    padding-left: 0px;
    text-align: center;
}

.headerUserInfo {
    padding-right: 0px;
    padding-top: 10px;
    display: block;
    text-align: center;
    position: fixed;
    bottom: 135px;
    border-top: solid black 2pt;
    width: 100%;
    background-color: white;
}

.headerUserInfoText {
    float: none;
    position: absolute;
    right: 0px;
    padding-top: 0px;
    width: 100%;
    text-align: center;
}

.fieldHelpDiv {
    padding: 0px;
}

.mainHeader {
    min-width: 360px;
}

.footer {
    height: 135px;
}

/*#lnkLogOut {
    position: fixed;
    top: 10px;
    right: 20px;
    text-align: right;
}*/

#lnkLogIn {
    position: fixed;
    top: 10px;
    right: 20px;
    text-align: right;
}
}




.helpIcon
{
	background-image:url(Images/help.png);
	background-repeat:no-repeat;
	background-position:center;
	text-decoration:none;
	/*height:20px;*/
	width:20px;
	cursor:pointer;
}

.printIcon
{
	background-image:url(Images/print.png);
	background-repeat:no-repeat;
	text-decoration:none;
	width: 16px;
	height: 16px;
	display: inline-block;
	cursor: pointer;
  margin-right: 10px;
  float: right;
}

.moduleLogIcon 
{
	/*background-image:url(Images/print.png);
	background-repeat:no-repeat;*/
	text-decoration:none;
	width: 16px;
	height: 16px;
	display: inline-block;
	cursor: pointer;
  margin-right: 10px;
  float: right;
}

.iconTitle {
    /*line-height: 20px;*/
    vertical-align: top;
    font-size: .8em;
    padding-right: 10px;
}

.myMenu
{
	width:20px;
	
	display:block;
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);

	
	/*background-color:Maroon;	*/
	background:  url(Images/ui-bg_highlight-soft_75_green_1x100_horizontal.png) 50% 50%;
	background-repeat: repeat-x;
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-bottom: solid 1px black;
}

.myMenuHeader 
{
	background:  url(Images/ui-bg_highlight-soft_75_green_1x100.png) 50% 50%;
	background-repeat: repeat-x;
		border-top: solid 1px black;
	border-left: solid 1px black;
padding:5px;
}

.myStuff
{
	padding:10px;
	/*position:relative;
	left:-50px;*/
	background-color:White;
	border-left:solid 1px black;
	border-top:solid 1px black;
	border-bottom:solid 1px black;
	/*direction:rtl;
	block-progression:lr;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
	
}

.myMenuBody 
{
  position: relative;
	clear:both;
  z-index: 10;
}

.myMenuBodyPinned 
{
    /* For now this is just used for some javascript logic */
}

.treeMenuHeader 
{
	background-color:Gray;
	/*writing-mode:bt-rl;*/
	cursor:pointer;
	
	background:  url(Images/ui-bg_highlight-soft_75_green_1x100_horizontal.png) 50% 50%;
	background-repeat: repeat-y;
	border-top: solid 1px black;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	float:left;
	/*padding-left:3px;*/
	/*height:125px;*/
	height:100px;
}

.treeMenuHeaderRight
{
	background-color:Gray;
	/*writing-mode:bt-rl;*/
	cursor:pointer;
	
	background:  url(Images/ui-bg_highlight-soft_75_green_1x100_horizontal.png) 50% 50%;
	background-repeat: repeat-y;
	border-top: solid 1px black;
	border-left: solid 1px black;
	border-bottom: solid 1px black;
	/*text-align:right;*/
	float:left;
	/*height:125px;*/
}

/* this has been moved to the browser specific style sheets
.treeMenuLabel 
{
	writing-mode:bt-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	text-decoration:none;
	color:Black;
	white-space:nowrap;
	position:relative;
	display:inline; /*block for Firefox!
	/*top:-20px;
	/*left:2px;
	/*display:block;
}*/

.treeMenuLabel100 
{
	/*height:150px;*/
	/*min-height:100px;*/
}

.treeMenuLabel50 
{
	/*min-height:100px;*/
}

.treeMenuLinkModule 
{
	text-decoration:none;
	color:#112BB2;
}

.treeMenuLinkInterface 
{
}

.StaffPickerList 
{
	position:absolute;
	z-index:9995;
}

.macinput 
{
background-color:#DDEEDD;
}

TextArea.macinput 
{
	/*background-color:Red;	*/
	border: 1px inset #c0c0c0; /*#7F9DB9;*/
}

.SaveButton 
{
	/*background-color:#c0c0c0;*/
	width:75px;
}

/*.SaveButton:hover
{
	background-color:Yellow;
}*/

.CancelButton
{
	/*background-color:#c0c0c0;	*/
	width:75px;
}

.NavigationLink 
{
	text-decoration:none;
	color:#112BB2;
	cursor:pointer;
}

.PaginationLink 
{
	text-decoration:none;
	color:#112BB2;
	cursor:pointer;
}

/*A 
{
	color:#112BB2;
	cursor:pointer;
	text-decoration:underline;	
}*/

.PaginationLink_disabled
{
	text-decoration:none;
	color: Yellow;
}


.adminTabArea 
{
	padding-left:25px;
	padding-right:25px;
	padding-bottom:50px;
	/*background-color:#B4CAE2;*/
	background-color:#C9DBE0;
	/*background-color:#f0f0f0;*/
	border-left:solid 1px black;
	border-bottom:solid 1px black;	
	border-right:solid 1px black;
}

.swoTabArea 
{
	padding-left:25px;
	padding-right:25px;
	padding-bottom:25px;
	border-left:solid 1px black;
	border-bottom:solid 1px black;	
	border-right:solid 1px black;
}

.modalBackground 
{
	background-color:#CCCCFF;
	filter:alpha(opacity=40);
	opacity:0.5;
	
	position:absolute;
	z-index:9998;

    position: fixed;
}

.freezePage 
{
	background-color:whitesmoke;
	filter:alpha(opacity=40);
	opacity:0.5;
	
	position:absolute;
	z-index:9999;

    position: fixed;
}
        
.modalWindow
{
  border: ridge 2px #c0c0c0;
  background-color: #f0f0f0;

  position:absolute;
  /*position:fixed;*/
  
  z-index:9998;
}

.trueModalWindow
{
  border: ridge 2px #c0c0c0;
  background-color: #f0f0f0;

  position:absolute; /* for stationary (scrollable) window */
  /*position:fixed;*/ /* for floating window that does not scroll with page */
  
  z-index:9998;
  -moz-border-radius: 10px; 
  -webkit-border-radius: 10px; 
  border-radius: 10px;
  box-shadow: 10px 10px 10px #888888;
  min-width:100px;
}

.modalBody 
{
	padding: 25px 25px 25px 25px;
}

.modalHeader 
{
	background-color:#c0c0c0; /*#cccccc;*/
	padding: 5px 5px 5px;
	border-bottom: ridge 2px #c0c0c0;
	font-weight:bold;
	cursor:move;
	-moz-border-radius-topleft: 10px; 
	-webkit-border-top-left-radius: 10px; 
	border-top-left-radius: 10px; 
	-moz-border-radius-topright: 10px; 
	-webkit-border-top-right-radius: 10px; 
	border-top-right-radius: 10px;
}

.modalBody 
{ 
	/*-moz-border-radius-bottomleft: 4px; 
	-webkit-border-bottom-left-radius: 4px; 
	border-bottom-left-radius: 4px; 
	-moz-border-radius-bottomright: 4px; 
	-webkit-border-bottom-right-radius: 4px; 
	border-bottom-right-radius: 4px; */
}


.modalHeaderText 
{
	/*float:left;*/
	display:block;
	margin-right:25px;
}

.modalHeaderClose 
{
	/*float:right;*/
	position:absolute;
	top:3px;
	right:3px;
	cursor:pointer;
    padding: 1px;
}

.modalResize 
{
	width:3px;
	height:100%;
	cursor:e-resize;
	position:absolute;
	top:0px;
	right:0px;
}

.modalWindowInLine {}

.saveButtonContainerIntegrated 
{
	width:100%;
	/*background-color:Orange;*/
	}

/*.collapsePanelHeader 
{
	cursor: pointer; 
	float:none;
	height:20px;
}*/

.collapsePanelHeaderLeft
{
	/*background-color:Black;*/
	width:10px;
	height:20px;
	float:left;
	/*background-image:url(Images/topLeftCorner1.png);
	background-position:left top;
	background-repeat:no-repeat;*/
}

.collapsePanelHeaderMiddle
{ 
	padding:5px; 
	vertical-align: middle;
	/*background-color:#7FC9FF;*/
	float:left;
	width:99%;
	/*width:100%;*/
	/*width:200px;*/
	/*border:solid 1px white;*/
}

.collapsePanelHeaderRight
{
	/*background-color:Black;*/
	/*width:50px;*/
	width:20px;
	height:10px;
	vertical-align:middle;
	padding:5px;
	float:right;
	/*background-image:url(Images/topRightCorner1.png);
	background-position:right top;
	background-repeat:no-repeat;*/
}

/*.collapsePanelSectionHeader 
{
	cursor: pointer; 
	float:none;
	height:15px;
}*/

.collapsePanelSectionHeaderLeft
{
	width:10px;
	/*height:15px;*/
	float:left;
}

.collapsePanelSectionHeaderMiddle
{ 
	padding:5px;
	vertical-align: middle;
	float:left;
	width:99%;
}

.collapsePanelSectionHeaderMiddleSkinny
{ 
	/*padding:5px; */
	vertical-align: middle;
	float:left;
	width:99%;
}

.collapsePanelSectionHeaderRight
{
	width:15px;
	height:5px;
	vertical-align:middle;
	/*padding:5px;*/
	padding-left:5px;
	padding-right:5px;
	float:right;
}

.collapsePanelSectionHeaderRightSkinny
{
	width:15px;
	height:5px;
	vertical-align:middle;
	/*padding:5px;*/
	float:right;
}


.ModuleDiv 
{
	/*border-bottom-width:2px;
	border-left-width:2px;*/
	
	/*border-left-width:2px;
	border-right-width:2px;
	border-bottom-width:2px;
	border-left-color:#7FC9FF;
	border-right-color:#7FC9FF;
	border-bottom-color:#7FC9FF;
	border-left-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;*/
	
	/*border-top-width:0px;*/
	/*background-color:Silver;
	width:100%;*/
	/*float:none;*/
	/*width:100%;*/
	/*text-align:right;*/
	/*background-color:Green;*/
	/*float:left;*/
	float:none;
}

.ModuleDivRight 
{
	text-align:right;
	background-color:Lime;
	/*float:left;*/
}

.moduleTable 
{
	width:100%;
	padding:10px;
	/*border:solid 1px purple;*/
	border-left-width:2px;
	border-right-width:2px;
	border-bottom-width:2px;
	border-left-color:#B8E1FF; /*#7FC9FF;*/
	border-right-color:#B8E1FF; /*#7FC9FF;*/
	border-bottom-color:#B8E1FF; /*#7FC9FF;*/
	border-left-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
}

.moduleLeft 
{
	background-color:#B8E1FF; /*#7FC9FF;*/
	width:2px;
}

.moduleMiddle 
{
	/*background-color:Red;
	width:99%;*/
}

.moduleRight 
{
	/*background-color:Maroon;*/
	border-right-color:#7FC9FF;
	border-right-width:2px;
}

.moduleBottom 
{
}

.iframeStyle 
{
	height:450px;
	width:650px;
}

.LinkButton 
{
	/*text-decoration:none;*/
	color:#112BB2;
	cursor:pointer;
}

.SearchWPItemLinkButton 
{
	background-image:url(Images/find.png);
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
}

.Label 
{
	font-weight:bold;
}

.ErrorLabel 
{
	font-weight:bold;
	color:Red;
}

.limitMsg {
    font-size: .8em; /*8pt;*/
    color: red;
}

.warnings {
    clear: both;
}

.warning 
{
	font-weight:bold;
	color:Red;
}

.warningBox {
     border: solid black 1px;
    background-color: white;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;
    padding-left: 5px;
    margin-right: 5px;
    display: inline-block;
}

.labelList {
    display: inline-block;
    margin-top: -16px;
    margin-left: -10px;
}

.labelListHeader {
    display: block;
}

.Bookmark 
{
	text-decoration:none;
	color:Blue;
}

a.Bookmark:visited
{
	text-decoration:none;
	color:Blue;
}

.BookmarkedImage 
{
	/*src:url(Images/delete.png);*/
	/*background-color:Blue;*/
	cursor:pointer;
	background-image:url(Images/bookmarked.png);
	background-position:left;
	background-repeat:no-repeat;
}

.BookmarkedBackupPM 
{
    background-image:url(Images/bookmarkedBackupPM.png);
}

.NotBookmarkedImage 
{
	/*src:url(/ProjectSuiteWeb/Images/accept.png);*/
	/*background-color:Lime;*/
	/*opacity:0.5;*/
	cursor:pointer;
	background-image:url(Images/notBookmarked.png);
	background-position:left;
	background-repeat:no-repeat;
}

.BookmarkedImageNoHover
{
	cursor:default;
}

.NotBookmarkedImageNoHover
{
	cursor:default;
}

.BookmarkedImage:hover 
{
	background-color:Lime;
}

.NotBookmarkedImage:hover 
{
	background-color:Lime;
}

.BookmarkedImageNoHover:hover 
{
	background-color:Transparent;
}

.NotBookmarkedImageNoHover:hover 
{
	background-color:Transparent;
}

.ScheduleOnTime 
{
  display: inline-block;
  background-image:url(Images/sun.png);
	background-position:left;
	background-repeat:no-repeat;
	height:25px;
	width:25px;
}

.ScheduleLate 
{
  display: inline-block;
  background-image:url(Images/rain.png);
	background-position:left;
	background-repeat:no-repeat;
	height:25px;
	width:25px;
}

.ScheduleReallyLate
{
  display: inline-block;
	background-image:url(Images/lightning.png);
	background-position:left;
	background-repeat:no-repeat;
	height:25px;
	width:25px;
}

.ProjectMenuHeader 
{
    background-image:url(Images/ProjectMenuHeader.png);
    background-position:left;
	background-repeat:no-repeat;
	height:100px;
}

.goToPage 
{
    font-size: .8em; /*8pt;*/
}

.goToInput 
{
	width:20px;
	font-size: .8em; /*8pt;*/
}

.goToButton 
{
	font-size: .8em; /*8pt;*/
}

.VerticalColumnHeader 
{
	writing-mode:tb-rl;
}

.AlternateGridRow 
{
	background-color:#E4EAF3;
}

.HeaderGridRow 
{
	background-color:#D2D7E1;
}

.SubHeaderGridRow 
{
	background-color:#C9DBE0;
}

.SubHeaderGridRow td
{
	padding:3px;
}

.gridNoResults {
    font-style: italic;
}

.currentSearchCount {
    display: block;
    clear: both;
    font-style: italic;
}

.triStateCheckBox
{
	/*background-image: url(../../Images/triStateCheckbox.png);
	background-repeat: no-repeat;*/
	position:absolute;
	z-index:9995;
}

.NestedPanel
{
	border-left: solid 1px #D2D7E1;
	border-right: solid 1px #D2D7E1;
	border-bottom: solid 1px #D2D7E1;
}

.StandAloneDocumentList 
{
	/*border: solid 1px silver;*/
	padding: 10px;
}

.currencyDiv 
{
    /*max-width:150px;*/
    white-space: nowrap;
}

.ColumnHeader
{
	border-bottom: solid 1px #D2D7E1;
}

.ghostHeader {
    color: #888888; /*#bbbbbb*/
    font-weight: normal;
}

.documentAttached 
{
    width: 16px; 
    height: 16px; 
    background-image: url(images/attach.png);
    background-repeat:no-repeat;
}

.comments 
{
    width: 16px; 
    height: 16px; 
    cursor: pointer;
    background-image: url(images/comments.png);
}

.ui-widget-content  
{
  position: relative;
  display: block;
	/*border-left: solid 1px #aaaaaa;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	padding:2px 10px 15px 10px;*/
	overflow: auto;
}

.ui-widget-header  
{
  position: relative;
  display: block;
	cursor:pointer;
	/*background: url(images/headerFade.png) repeat-x;*/
	background-color: #C9DBE0;
	font-weight: bold;
	height:16px;
}

.ui-widget-content2
{
	border-left: solid 1px #828D93;
	border-right: solid 1px #828D93;
	border-bottom: solid 1px #828D93;
	/*padding:5px;*/
	padding:2px 10px 15px 10px;
	overflow: auto;
}
.ui-widget-header2 
{
	cursor:pointer;
	background-color: #AAB5AA;
	font-weight: bold;
	height:16px;
}

.ui-widget-moduleContent  
{
	padding:10px;
		border-left-width:2px;
	border-right-width:2px;
	border-bottom-width:2px;
	border-left-color: #54AADA; /*#0d99d6;*/
	border-right-color: #54AADA; /* #0d99d6;/*#7FC9FF;*/
	border-bottom-color: #54AADA; /* #0d99d6;/*#7FC9FF;*/
	border-left-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	overflow:auto;
  position: relative;
	/*border: 1px solid #aaaaaa; */
                           /*background: #ffffff url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; */
                           /*color: #222222; */
                           }
                        
.ui-widget-content-static
{
  position: static;
}

/*.ui-widget-moduleContent a { color: #222222; }*/
.ui-widget-moduleHeader { /*border: 1px solid #aaaaaa; */
                          cursor:pointer;
                          /*background:  url(Images/ModuleHeaderBlueFade.png) 50% 50% repeat-x;*/
                          background-color: #54AADA; /* #7fc9ff; /*#0d99d6; */
                          /*color: #222222; */
                          font-weight: bold; 
                          height:26px;
  position: relative;
                          }
/*.ui-widget-moduleHeader a { color: #222222; }*/


/*.ui-widget-moduleHeader-top  
{
	background-color:Black;
}

.ui-widget-moduleHeaderTest 
{ 
  margin-left:5px;
  margin-right:5px;
  background:  url(Images/ui-bg_inset-soft_75_7fc9ff_1x100.png) 50% 50% repeat-x; 
  background-color:Fuchsia;
  color: #222222; 
  font-weight: bold; 
  height:5px;
  width:100%;
}

.ui-widget-moduleHeader-rowAbove 
{ 
	display:block;
	height: 10px;
	margin-left:10px;
	background-color:green; 
	margin-right:10px;
  }
  
  .innerTest 
  {
  	background-color:Maroon;
  }
  
  .wrapperTest 
  {
  	border: solid 5px lime;
  }
  
b.rtop, b.rbottom
{
	display:block;
                  background-color: red;
                  margin-left:2px;
                  height: 1px;
 } 

b.rtop b, b.rbottom b
{
	float:none;
	display:block;height: 1px; 
	overflow: hidden; 
	background: black; 
}
b.r1
{
	margin-left: 0 5px;
	margin-right: 0 5px;
	height: 1px;
	}

b.r2{margin: 0 3px;
     height: 1px;
     }

b.r3{margin: 0 2px;
     height: 1px;
     }

b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 1px;
                            width:99%;
                            }

*/


/* states and images */
/*changed ui-icon from 16 to 15 height to fix issue when zoomed in - seems ok*/
.ui-icon { width: 16px; height: 15px; background-image: url(../images/ui-icons_222222_256x240.png); display: inline-block; }
.ui-icon-ghost { width: 16px; height: 16px; background-image: url(../images/ui-icons_888888_256x240.png); display: inline-block; }
.ui-icon-border { border:1px solid black; }
.ui-icon-hyperlink:hover { background-color:White; }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(../images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }co
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment{ background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; width:0px; height:0px; }/*This is to hide these on Date-picker Calendar until better way can be found */
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; width:0px; height:0px; }/*This is to hide these on Date-picker Calendar until better way can be found */
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
.ui-icon-divide { background-position: -96px -224px; }
.ui-icon-dividethick { background-position: -112px -224px; }

.ui-icon-loading-1 {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(images/loading19.gif);
  background-repeat: no-repeat;
  background-position: right top;
}

.ui-icon-loading-2 {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(images/loading-01.gif);
  background-repeat: no-repeat;
  background-position: right top;
}

.ui-icon-loading-3 {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url(images/loading-02.gif);
  background-repeat: no-repeat;
  background-position: right top;
}

.ui-image-plus { background-image: url(images/expand.jpg); background-position:center; background-repeat: no-repeat; cursor:pointer; text-decoration:none; }
.ui-image-minus { background-image: url(images/collapse.jpg); background-position:center; background-repeat: no-repeat; cursor:pointer; text-decoration:none; }


.ui-progressbar { height:2em; text-align: left;
                  /*border:solid 1px rgb(201, 219, 224);*/
}
.ui-progressbar .ui-progressbar-value {/*margin: -1px;*/ height:100%; }
.ui-widget-content-progressbar
{
    border-top: solid 1px #aaaaaa;
	border-left: solid 1px #aaaaaa;
	border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	padding:2px 0px 0px 2px;
}

.ui-widget-header-progressbar
{
	cursor:pointer;
	/*background-color: #C9DBE0;*/
	background:  url(Images/Upload.png) 50% 50% repeat-x;
	font-weight: bold;
}

.ui-widget-progressbar { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*.ui-widget-overlay { background: #eeeeee url(images/ui-bg_diagonals-thick_90_eeeeee_40x40.png) 50% 50% repeat; opacity: .80;filter:Alpha(Opacity=80); }*/
.ui-widget-overlay { background: #eeeeee url(images/ui-bg_diagonals-thick_90_eeeeee_40x40.png) 50% 50% repeat; opacity: 1.00;filter:Alpha(Opacity=100); }
.ui-widget-shadow { margin: -3px 0 0 -3px; padding: 3px; background: #000000 url(images/ui-bg_highlight-hard_70_000000_1x100.png) 50% top repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 

/* jQuery UI Datepicker 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker-calendar { border: 1px solid #dddddd; background: #f2f5f7 url(images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x; color: #362b36; }
.ui-datepicker { width: 17em; padding: .1em .1em 0; display: none; background-color:#c0c0c0; overflow:visible; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.1em .5em .5em; } /* padding:.1em 0; */
.ui-datepicker .ui-datepicker-header a {  } /*z-index: -1; } /*color: #C9DBE0;*/
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 2.5em; height: 1.8em; } /*width: 1.8em;*/
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:12px; }
.ui-datepicker .ui-datepicker-prev-hover { left:2px; }
.ui-datepicker .ui-datepicker-next-hover { right:12px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .2em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker .ui-datepicker-today {
     background-color: rgb(201, 219, 224);
    /*border: 1px solid rgb(201, 219, 224);*/
}
.ui-datepicker .ui-datepicker-current-day {
    /*background-color: rgb(201, 219, 224);*/
    background-color: rgb(152, 170, 190);
}

.ui-datepicker td:hover { background-color: rgb(152, 170, 190);}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*.spaceColumns 
{
	background-color:Yellow;
}*/

.spaceColumns20 th  
{
	padding-right:20px;
	vertical-align:top;
}

.spaceColumns20 td
{
	padding-right:20px;
	vertical-align:top;
}

.spaceColumns10 th  
{
	padding-right:10px;
	vertical-align:top;
}

.spaceColumns10 td
{
	padding-right:10px;
	vertical-align:top;
}

.spaceColumns05 th  
{
	padding-right:05px;
	vertical-align:top;
}

.spaceColumns05 td
{
	padding-right:05px;
	vertical-align:top;
}

.padRows4 td
{
	padding-bottom:2px;
	padding-top:2px;
}

.highlightRows:hover {
    background-color: #D6DDE4;
}

.clickableRow:hover 
{
    background-color: #D6DDE4; /*#EAEEF2;*/
	cursor:pointer;
}

.labelNowrap {
    white-space: nowrap;
}

span.Note {
  font-size:  .9em; /*9pt;*/
  cursor: default;
}

.ProjectHeader 
{
	min-width:75px;
	/*width:100px;*/
}

.SortingHeader {
  position: relative;
  /*display: inline-block;*/
  padding-right: 16px;
  z-index: 1;
}

.resultsWrapper {
    margin-bottom: 25px;
}

/*.SortingHeader .ui-icon {
  position: absolute;
  bottom: 0;
}*/

.SearchResults th 
{
	text-align:left;
}

.required {
    min-width: 16px;
    width: 16px;
    position: absolute;
    display: inline-block;
}

.ui-icon.required {
    background-image: url(../images/ui-icons_FF0000_256x240.png);
}

.ui-icon.required.orange-icon {
    background-image: url(../images/ui-icons_FF6A00_256x240.png);
}

.RequiredField 
{
	width:16px;
	position:relative;
	top:0px;	
	float:right;
	white-space:nowrap;
}

.RequiredFieldSpan 
{
	width:16px;
	display:inline-block;
}

.SmallFont 
{
	font-size: .8em; /*8pt;*/
}

.LargeFont {
    font-size:  1.2em; /*12pt;*/
}

.Italicized {
    font-style: italic;
}

.Bolded {
    font-weight: bold;
}

.ScrollableListBody 
{
	
}

.ScrollableListHeader 
{
	position:absolute;
	/*top:-40px;*/
	/*vertical-align:bottom;*/
	/*margin-right:20px;*/
}

.ScrollableListHeader th 
{
	position:absolute;
	top:-20px;
}

.HeaderAlignBottom th
{
	vertical-align:bottom;
}

.ScrollableListOuterwrapper 
{
	margin-top:65px;
	position:relative;
	/*border:2px solid black;*/
}

.ScrollableListInnerwrapper 
{
	/*height:300px;*/
	max-height:500px;
	overflow:auto;
	*overflow:visible;
	*max-height:2000px;
	/*display: inline-block;*/
}

.ScrollableListMessage 
{
	padding-top:10px;
}



.listHeader {
    font-size:  .8em; /*8pt;*/
}

.rowCounter 
{
	width:30px;
}

.ScrollableListHeader60 
{
	margin-top:60px;
}

.NoPaddingRight 
{
	padding-right: 0px;
}

.ScheduleChangeRequestHighlight 
{
	background-color:#D5F9B2;
}

.ScheduleChangeRequestErrorHighlight td
{
	background-color:#FF3727; /*#FF7577;*/
}

.LeftPad5 
{
	padding-left:5px;
}

.Indent1 
{
	padding-left:25px;
}

.ClickCursor 
{
	cursor:pointer;
}

.section 
{
	/*background-color:Yellow;*/
	margin-bottom:25px;
	}

.section-noContract {
    margin-bottom:25px;
}
	
	.sectionFloat 
	{
	float: left; min-width: 150px; margin-right: 25px;	
	}

.sectionHeader 
{
    background-color: #D2D7E1; /*#A0BBD9;*/
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	color:Black;
	padding: 5px 5px 5px 10px;
	cursor:pointer;
	/*height:20px;*/
}

.sectionHeader.sectionHeader-noContract {
    cursor: default;
    font-weight: bold;
    background-color: transparent;
    border-top-color: #D2D7E1; 
    border-right-color: #D2D7E1; 
    border-bottom-color: #D2D7E1; 
    border-left-color: #D2D7E1; 
    border-top-width: 3px; 
    border-right-width: 3px; 
    border-bottom-width: 1px; 
    border-left-width: 3px; 
    border-top-style: solid; 
    border-right-style: solid; 
    border-bottom-style: solid; 
    border-left-style: solid;
}
.sectionExpander {
    
}

.sectionHeader:hover .sectionExpander
{
	background-image: url(../images/ui-icons_888888_256x240.png);
}

.sectionHeaderNoPin:hover {
    background-color: rgb(220, 225, 235); /*#dddddd;*/
}

.sectionBody 
{
	/*background-color:Navy;*/
	padding:10px;
    border: 3px solid #D2D7E1; /*a*/ 
	border-top: 0px;
}

.sectionBodyFloat {
    display:block;
    position:absolute;
    /*width:1200px;*/
    background-color: white;
    z-index: 9995;
}

.sectionInnerDiv {
    /*margin-bottom: 25px;*/
    clear: both;
    padding-top: 1px;
    /*overflow: hidden;*/ /*needed to hide headers when list scrolls horizontally - has bad downstream effects*/ 
    
}

.sectionInnerDivInline {
    display: inline-block;
    vertical-align: top;
    margin-right: 16px;
}

.dashboardSection {
    border: 2px #54aada solid;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

    display: inline-block;
    /*padding: 25px;*/

    margin: 10px;

    float: left;
}

.dashboardSectionTitle {
    /*background-color: silver;*/
        /*border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;*/
    /*border-bottom: 1px solid #54aada;*/
   padding: 5px;
    cursor: pointer;
}

.dashboardSectionTitleClickMessage {
    font-style: italic;
    font-size:  .8em; /*8pt;*/
    float: right;
    /*margin-left: 250px;*/
}

.dashboardSectionBody {
    /*background-color: lime;*/
    border-top: 1px solid #54aada;
    padding: 25px;
    /*overflow: hidden;*/
}

.dashboardTileSection {
    border: 2px #54aada solid;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

    display: inline-block;
    /*padding: 25px;*/

    margin: 10px;

    float: left;
}

.dashboardTileSection.expanded {
    width: 980px;
}

.dashboardTileSection.contracted {
    width: 490px;
}

.dashboardTileSectionTitle {
    /*background-color: silver;*/
        /*border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;*/
    /*border-bottom: 1px solid #54aada;*/
   padding: 5px;
    cursor: pointer;
}

.dashboardTileSectionTitleClickMessage {
    font-style: italic;
    font-size: .8em; /*8pt;*/
    float: right;
    /*margin-left: 250px;*/
}

.dashboardTileSectionBody {
    /*background-color: lime;*/
    border-top: 1px solid #54aada;
    padding: 25px;
    /*overflow: hidden;*/
}

.tileSet {
    margin-left: auto;
    margin-right: auto;
    /*background-color: lightblue;*/
    width: 1080px;
}

.tileSetLeft {
    float: left;
    width: 542px;
}

.tileSetRight {
    float: left;
    width: 538px;
}

.tile {
    /*min-height: 200px;*/
    width: 480px;
    margin: 10px;
    display: inline-block;
    vertical-align: top;

    border: 2px #668796 solid;  /*#54aada*/
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.tileTitleBar {
    height: 25px;
    cursor: pointer;
}

.tileTitle {
    /*background-color: silver;*/
        /*border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;*/
    /*border-bottom: 1px solid #54aada;*/
   padding: 5px;
    cursor: pointer;
    float: left;
}

.tileStatusBar {
    /*background-color: palegreen;*/
    border-left: 1px solid #668796;  /*#54aada;*/
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    width: 75px;

    /*background-color: lightcyan;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius-topright: 10px;*/
}

.tileMovable {
    float: right;
    margin-top: 3px;
    margin-right: 5px;
}

.receivable {
    
}

.receivableReady:hover {
    border: 2px solid yellow;
}

.movableRepresentative {
    width:200px;
    height:30px;
    background-color:white;
    opacity: 0.75;
    /*background-color: red;*/
    position:fixed;
    border: 1px solid gray;
    display:none;
}

.movableIcon {
    cursor: move;
}

.tileTitleClickMessage {
    font-style: italic;
    font-size:  .6em; /*6pt;*/
    float: right;
    margin-left: 25px;
    margin-top: 3px;
    /*margin-left: 250px;*/
}

.tileBody {
    /*background-color: lime;*/
    /*min-height: 200px;*/
    clear: both;
    border-top: 1px solid #668796; /*#54aada;*/
    padding: 25px;
    /*overflow: hidden;*/
}

.tileBody.contracted {
    /*background-color: red;*/
    height: 250px;
    overflow: hidden;
    /*display: none;*/
}

.tileBodyContractedOverlay {
    height: 300px;
    opacity: .6;
    background-color: white;
    position: relative;
    bottom: 300px;
    margin-bottom: -300px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius-topright: 10px;
    cursor: pointer;
}

.tileBody.expanded {
    /*background-color: blue;*/
}

/*.tile.right {
    height: 600px;
    float: right;
}

.tile.left {
    float: left;
}*/

.tile.single {
    width: 514px;
}

.tileTitle.single {
    /*width: 250px;*/
}

.tile.double {
    width: 696px;
}

.tileTitle.double {
    /*width: 610px;*/
}

.tile.full {
    clear: both;
    width: 1056px;
}

.tileTitle.full {
    /*width: 970px;*/
}

.chart {
    /*position: relative;*/  
}

.chartTitle {
    /*margin-bottom: 20px;*/
}

.ui-icon-clickable {
    padding: 1px;
}

.ui-icon-clickable:hover
{
	/*background-image: url(themes/base/images/ui-icons_888888_256x240.png);*/
	background-color: white; /*silver;*/
	border:1px solid black;
    padding: 0px;
    /*margin: 1px;*/
	cursor:pointer;
}

.ui-icon-clickable.ui-icon-border:hover {
    padding: 1px;
}

.ui-icon-active 
{
	background-color:White;
}

.hoverHelp {
    /*margin-left: -1px;*/
    margin-top: -7px;
    /*position: absolute;*/
    border: 1px solid gainsboro;
    padding: 0px;
}

.hoverHelp:hover {
    cursor: pointer;
}

.hoverHelpDivText {
    font-size:  1.0em; /*10pt;*/
    font-weight: normal;
}

.hoverHelpDiv {
    margin-left: 16px;
    margin-top: -1px;
    position: absolute;
    border: 1px solid black;
    /*border: 1px solid gainsboro;
    padding: 0px;*/
    background-color: gainsboro;
    padding: 15px;
    z-index: 9996;
}

.standardTable td 
{
	padding-right:20px;
    border-top: 1px solid #D2D7E1;
}

.standardTable tr 
{
    line-height: 20px;
}

.selectedRow {
    background-color: limegreen;
}
.altRow.selectedRow {
    background-color: limegreen;
}
.selectedRow:hover {
    background-color: lime;
}

/* Input/Label field layouts */
.row 
{
	padding-bottom:50px;
	clear:both;
    /*display: inline-block;
    position: relative;*/
}

.withTopBorder /*.withBorder*/ 
{
	border-top: 1px solid gray;
	padding-top:3px;
	padding-bottom:46px;
}

.withFullBorder /*.withBorder*/ 
{
	border: 1px solid black;
	padding-top:3px;
	padding-bottom:46px;
}

.withBorderLight {
    border-top-color: whitesmoke; /*#D2D7E1;*/
}

.spacer 
{
	height:20px;
	padding-bottom:0px;
}

.row-with-views {
    padding-bottom: 0px;
    /*background-color: lightsteelblue;*/
}

.row-center-views {
    text-align: center;
}

.viewRowCentered {
    display: inline-block;
}

.row.highlighted {
    background-color: #D2D7E1;
    margin-bottom: 15px;
}

.viewRow {
    
}

.viewRowIndent {
    padding-left: 25px;
}

.halfspacer 
{
	height:10px;
	padding-bottom:0px;
}

.fieldGroup { float:left;
    /*padding-bottom: 10px;*/
              /*padding-bottom: 25px;*/ 
}

.fieldGroup.fullRow {
    float: none;
}

.nopadding { padding: 0px;}
.nopadding .fieldHeader { padding: 0px;}
.nopadding .fieldValue { padding: 0px;}

.nopaddingafter {
	padding-right: 0px;
}
.nopaddingafter .fieldValue {
	padding-right: 0px;
}

.row-no-bottom-space .fieldGroup {
    padding-bottom: 0px;
}

.row-small-bottom-space .fieldGroup {
    padding-bottom: 3px;
}

.row-no-bottom-space .fieldValue {
    padding-bottom: 0px;
}

.row-small-bottom-space .fieldValue {
    padding-bottom: 0px;
}

.highlighted .fieldValue {
    line-height: 50px;
}

.row-small-bottom-space.highlighted .fieldValue {
    line-height: 25px;
}


.withTopBorder.row-no-bottom-space {
    padding-top: 0px;
}

.highlightItem {
    background-color: #D2D7E1;
}

.span-1 {
    width: 60px;
}

.span-2 {
    width: 120px;
}

.span-3 {
    width: 180px;
}

.span-4 {
    width: 240px;
}

.span-5 {
    width: 300px;
}

.span-6 {
    width: 360px;
}

.span-7 {
    width: 420px;
}

.span-8 {
    width: 480px;
}

.span-9 {
    width: 540px;
}

.fieldGroupCentered { vertical-align:middle;}

.fieldHeader 
{
	padding-right:25px;
    font-size: .8em; /*8pt;*/
	font-weight:bold;
    /*line-height: 16px;*/
}

.inline.fieldHeader {
    padding-right: 0px;
    display: inline-block;
}

.fieldValue 
{
	padding-right:25px;
	padding-left:10px;
    line-height: 24px;
    padding-bottom: 15px;
    position: relative;
}

.inline.fieldValue {
    display: inline-block;
}

.fieldValueCentered {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.fieldValueRightAligned {
    text-align: right;
}

.fieldValue > div > input[type=checkbox] + label {
    line-height: 22px;
}

.row-no-bottom-space {
    /*background-color: yellowgreen;*/
    padding-bottom: 0px;
}

.row-small-bottom-space {
    padding-bottom: 25px;
}

.row-highlight-on-hover:hover {
    background-color: lime;
}

.mainRow {
    /*background-color: blue;*/
    /*background-color: white;*/
    vertical-align: top;
}

.mainRow.highlighted {
    background-color: #D2D7E1;
}

.mainGridRow {
    /*background-color: blue;*/
    /*vertical-align: top;*/
    vertical-align: bottom; /*lines up better when there are post-scripts*/
}

.mainGridRow.highlighted {
    background-color: #D2D7E1;
}

.mainGridRow td {
    padding-right: 20px;
}

.headerRow {
}

.headerRow td {
    /*margin-top: 25px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    border: none;
}

.headerRow.withDivider td {
    border-top: black 1px solid;
}

.sectionTitle {
    font-weight: bold;
}

.footerRow {
    line-height: 30px;
}

.footerRow td {
    border: none;
}

.repeatColumnHeader td {
    border: none;
    /*padding-top: 25px;*/
    font-size: .8em; /*8pt;*/
    font-weight: bold;
}

.altRow {
    background-color: #EAEEF2; /*#D2D7E1;*/ /*#EAEEF2;*/ 
    vertical-align: top;
}

.altRow.highlighted {
    background-color: #D2D7E1;
}

.highlightRow {
    background-color: rgb(209, 210, 218);
}

.multiSelectListViewSelectedItems {
    /*display: inline-block;
    vertical-align: top;*/
    padding-bottom: 50px;    
}

.pickerClearWrapper {
    min-width: 18px;
}

.clearButton {
    position: absolute;
}
/*.fieldSingleColumn 
{
	width:120px;
	overflow:hidden;
}

.fieldDoubleColumn 
{
	width:200px;
	overflow:hidden;
}*/
/*End input/label field layouts */

.divLink.disabled {
    background-color: #D2D7E1;
    cursor: default;
}

.divLink 
{
	color:blue;
	/*text-decoration:underline;*/
    text-decoration: none;
	/*display:inline-block;*/
    display:inline;
	cursor:pointer;

    border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
    padding: 3px;
    /*background-color: lightblue;*/
        white-space: nowrap;
}

.divLinkGroup {
    display: inline;
    margin-left: 1px;
    margin-right: 1px;
    position: relative;
}

.divLinkGroup:hover {
    border: 1px solid black;
    margin-left: 0px;
    margin-right: 0px;
    border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
}

.divLinkGroupInnerDiv {
    position: absolute;
    /*margin-left: 10px;*/
    /*margin-top: 1px;*/
    padding:5px;
    background-color: white;
    /*border: 1px solid black;*/
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    text-align: left;
     border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
    z-index: 9997;
    line-height: 16px;
    white-space: nowrap;
}

.divLink:hover {
    background-color: #D2D7E1;
    text-decoration: none;
}

a.divLink {
    /*padding: 0px;*/
}

.divLink .ui-icon {
    line-height: 16px;
}

.divLink.wrapText {
	white-space: normal;
}

.iconClickableDiv {
	cursor: pointer;
	color: blue;
}

.iconClickableDiv:hover {
    text-decoration: underline;
}

.buttonGroup {
   text-align:center;
    clear: both;
}

.button {
     display:inline-block;
    border: 1px solid black;
    background-color:#c0c0c0;
    cursor:pointer; 
    padding-left:10px;
    padding-right:10px;
    height:25px;
    /*line-height:25px;*/
    border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
    margin-left:5px;
    margin-right:5px;
}

.button:hover {
    background-color:white;
}

.disabledButton:hover {
    background-color:#c0c0c0;
    cursor: default;
}

.errors {
    color:red;
    padding-top:10px;
    padding-bottom:10px;
    clear: both;
}

.errors:empty{
    display:none;
}

.messageBox {
    border-top: 1px solid black;
    /*background-color: lightgreen;*/
    padding-left: 25px;
    padding-top:10px;
    padding-bottom:10px;
    clear: both;
}

.inputError {
    border:solid 2px red;
}

.inputErrorMsg {
    display: inline-block; padding-right: 3px; padding-left: 3px; color: red;
}

.linkbar {
    padding-top:10px;
    padding-bottom:10px;
    margin-left:-10px;
}

.linkbar.top {
    text-align:right;
}

.linkbar .bottom {

}

.linkbarlink {
    padding-left:10px;
    padding-right:10px;
    display:inline-block;
}

.linkbar.dashboard {
	padding-top:0px;
}

.navLinkBar {
    padding-bottom:10px;
}

.navLinkBarLink {
    display:inline-block;
}

.page {
    min-width: 960px;
}

.pageNavigationMenu {
    text-align: right;
    padding: 5px;
    /*background-color: white;*/
    background-color: rgb(51, 85, 124);
    margin-top: 2px;
    /*min-width: 1080px;*/
    min-height: 21px;
    font-size: .8em;  /*8pt;*/ /*9pt;*/
}

.pageNavigationSmallDisplayMenu {
    padding: 5px;
    /*background-color: white;*/
    background-color: rgb(51, 85, 124);
    margin-top: 2px;
    /*min-width: 1080px;*/
    min-height: 21px;
    font-size: .8em;  /*8pt;*/ /*9pt;*/
    display: none;
}

.pageNavigationMenuLink {
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    padding: 3px 4px; /*5px;*/

    display: inline-block;
    margin-right: 10px;
}

.pageNavigationLink {
     border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
    padding: 3px 4px; /*5px;*/
    
    display: inline-block;
    margin-right: 10px;    
}

.pageNavigationSmallDisplayMenuTitle {
     border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
    padding: 3px 4px; /*5px;*/
    
    display: inline-block;
        color: white;
    cursor: pointer;
}

.pageNavigationSmallDisplayMenuTitle:hover {
    background-color: #F1F2F5; /*#A0BBD9; */ /*#CCFF66;*/
    color: #32557c;
    text-decoration: none;
}

.pageNavigationMenuLink.active {
    /*background-color: yellowgreen;*/
    background-color: #D2D7E1; /*#A0BBD9;*/ /*#CCFF66;*/
    color: #32557c;
    cursor: default;
}

.pageNavigationMenuLink.inactive {
    /*background-color: rgb(84, 170, 218);*/
    color: white;
    cursor: pointer;
    /*z-index: 9998;*/
}

.pageNavigationLink.active {
    /*background-color: yellowgreen;*/
    background-color: #D2D7E1; /*#A0BBD9;*/  /*#CCFF66;*/
    color: #32557c;
    cursor: default;
}

.pageNavigationLink.inactive {
    /*background-color: rgb(84, 170, 218);*/
    color: white;
    cursor: pointer;
    /*z-index: 9998;*/
}


.pageNavigationMenuLink.active a {
    cursor: default;
    text-decoration: none;
    /* color: #32557c;*/
}

.pageNavigationMenuLink.inactive a {
    cursor: pointer;
    text-decoration: none;
    color: white;
}

.pageNavigationLink.active a {
    cursor: default;
    text-decoration: none;
   /* color: #32557c;*/
}

.pageNavigationLink.inactive a {
    cursor: pointer;
    text-decoration: none;
    color: white;
}

.pageNavigationLink.inactive:hover {
    background-color: #F1F2F5;
    /*color: #32557c;*/
    /* color: yellow;*/
    text-decoration: none;
    color: white;
}

.pageNavigationMenuLink.inactive:hover {
    background-color: #F1F2F5;
    /*color: #32557c;*/
    /* color: yellow;*/
    text-decoration: none;
/*    color: lime;*/
}

.pageNavigationMenuLink.inactive:hover .pageNavigationInnerChildLink {
    color: #32557c; 
}

.pageNavigationLink.inactive:hover .pageNavigationInnerLink /*a*/
{
    color: #32557c; 

}

a.pageNavigationInnerChildLink {
    color: #32557c;
}

.pageNavigationGroup {
    display: inline-block;
}

.pageNavigationGroupChildWrapper {
    position: absolute;
    background-color: rgb(51, 85, 124);
    top: 18px;
    padding: 10px;
    margin-left: -25px;
    z-index: 9999;
}

.pageNavigationInnerLink {
    text-decoration: none;
    padding: 0px;
    margin: 0px;
    color: inherit;
}

@media (max-width:480px), (-webkit-min-device-pixel-ratio: 2) {
    .pageNavigationMenu {
        text-align: left;
        padding: 5px;
        background-color: rgb(51, 85, 124);
        margin-top: 2px;
        min-height: 21px;
        font-size: .8em; 
        display: none;
    }
    .pageNavigationSmallDisplayMenu {
        padding: 5px;
        background-color: rgb(51, 85, 124);
        margin-top: 2px;
        min-height: 21px;
        font-size: .8em;
        display: inline-block;
        width: 100%;
    }

    .pageNavigationLink {
        display: block;
    }

    .pageNavigationGroup {
        display: block;
    }

    .pageNavigationGroupChildWrapper {
        margin-left: 10px;
    }
}

.textboxCounterWrapper {
    position: relative;
    height: 0px;
}

.textboxCounter {
    position: absolute;
    top: -11px;
    /*left: 0px;*/
    right: 0px;
    height: 10px;
    font-size: .8em; /*8pt;*/
    line-height: normal;
    /*height: 10px;*/
    /*background-color: pink;*/
}

.pickerSelectBox {
    line-height: normal;
    font-size: .9em; /*9pt;*/
}

.pickerSelectBoxTime {
    line-height: normal;
    font-size: .9em;/*9pt;*/
    left: 167px;
}

.pickerSelectItem {
    /*background-color: lime;*/
    /*border-bottom: 1px solid #e4eaf3;*/
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.pickerSelectItem.lastItem {
    /*background-color: fuchsia;*/
    border-bottom: none;
}

.pickerSelectItem:nth-child(n+2) {
    border-top: 1px solid #e4eaf3;  /*whitesmoke; #e4eaf3*/
}

.multiselectDisplay {
    /*display: inline-block;*/ /* This will put input on same line as selected values - but doesn't currently work with type aheads */
}

.multiselectDisplayItem {
    border: solid black 1px;
    background-color: white;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius: 5px;
    padding-left: 5px;
    /*padding-right: 5px;*/
    margin-right: 5px;
    display: inline-block;
}

.superScript {
    font-size: .6em; /*6pt;*/
    line-height: 16px;
    vertical-align: top;
}

.subScript {
    font-size: .6em; /*6pt;*/
    line-height: 12px;
    vertical-align: bottom;

}

.uploadProgress {
    display: inline-block;
    vertical-align:top;
    padding-left: 8px;
}

.uploadProgressMsg {
    font-size: .8em; /*8pt;*/
    display: inline-block;
    padding-left: 10px;
}

.uploadFileName {
    padding-left: 5px;
    padding-right: 20px;
}

.matchCheckboxLabel {
    margin-left: -8px;
}

.tiledView {
    /*background-color: palegoldenrod;*/
    display: inline-block;
}

.tileView {
    /*background-color: pink;*/
    height: 100%;
    display: inline-block;
    vertical-align: top;
    /*border-left: black 1px solid;*/
    margin: 5px;
    border: gray 1px solid;
}

.tileInnerView {
       padding: 5px;
 
}

.tileViewTitle {
    font-weight: bold;
    background-color: gray;
    font-size: 1.2em;
    padding: 3px;
}

/* this is a css hack to hide the lync icon that is inserted by IE */
span.baec5a81-e4d6-4674-97f3-e9220f0136c1 > a {
   display: none !important;
}

.strikeThrough {
    text-decoration: line-through;
}

.diagnostics {
    position: absolute;
    background-color: gray;
    z-index: 9999;
    opacity: 0.85;
    padding: 10px;
}

.pad-3 {
    padding-left: 3px;
}

.tableRowAddedValue {
	background-color: palegreen;
	font-style: italic;
}

.tableRowRemovedValue {
	background-color: palevioletred;
	text-decoration: line-through;
}

.removedValue {
	background-color: palevioletred;
	text-decoration: line-through;
}

.removedValue.noStrikeThrough {
	text-decoration: none;
}

.addedValue {
	background-color: palegreen;
	font-style: italic;
}

.parameter {
	background-color: palegreen;
}

.spinner {
    width: 7px;
    height: 7px;
    display: inline-block;
    border: 2px solid black;
    border-top: 2px solid gray;
    border-radius: 11px;
}

.rotateSpinner {
    transform: rotate(360deg);
    transition: transform .75s ease-in-out;
}

.lineThrough {
    position: relative;
    z-index: -1;
}

.lineThrough:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    border-top: 1px solid black;
    background: black;
    width: 20px;
    transform: translateY(-50%);
}

.lineThroughLeft {
    position: relative;
    z-index: -1;
}

.lineThroughLeft:before {
    content: '';
    position: absolute;
    top: 6px;
    left: 10px;
    border-left: 1px solid black;
    background: black;
    /*width: 100%;*/
    height:100%;
    transform: translateY(-50%);
}

.lineThroughLeftTop {
    position: relative;
    z-index: -1;
}

    .lineThroughLeftTop:before {
        content: '';
        position: absolute;
        top: 2px;
        left: 10px;
        border-left: 1px solid black;
        background: black;
        /*width: 100%;*/
        height: 12px;
        transform: translateY(-50%);
    }

.lineThroughLeftBottom {
    position: relative;
    z-index: -1;
}

    .lineThroughLeftBottom:before {
        content: '';
        position: absolute;
        top: 12px;
        left: 10px;
        border-left: 1px solid black;
        background: black;
        /*width: 100%;*/
        height: 12px;
        transform: translateY(-50%);
    }