/*@font-face {
	    font-family: "Gelasio";
	    src: url(https://fonts.gstatic.com/s/sourceserif4/v8/vEFy2_tTDB4M7-auWDN0ahZJW3IX2ih5nk3AucvUHf6OAVIJmeUDygwjihdqnhtdDg.woff2) format('woff2');
	  }*/
	  
	  @import url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
  
  /*Georgia, Times, "Times New Roman", serif*/
		body {  
			background:rgb(235,235,235);
			font-family: "Gelasio", Times, "Times New Roman", serif;
			font-size: 13px;
			line-height: 20px;
		}
		
	
		
		a {
			color: rgb(15,44,78);
			text-decoration: none;
			}
		a:link {
			color: rgb(15,44,78);
			text-decoration: none;
			}
		a:visited {
			color: rgb(15,44,78);
			text-decoration: none;
			}
		a:active {
			color: rgb(15,44,78);
			text-decoration: none;
			}
		a:hover {
			color: rgb(253,197,87);
			text-decoration: underline;
			}
		
		
		
    .BodyColor1-13px {
        font-family: "Gelasio", Times, "Times New Roman", serif;
        font-size:13px;
        text-decoration:none;
        color:rgb(15,44,78);
    }
    
    .BodyColor2-13px {
        font-family: "Gelasio", Times, "Times New Roman", serif;
        font-size:13px;
        text-decoration:none;
        color:rgb(31,117,187);
    }
    
    .BodyColor3-13px {
        font-family: "Gelasio", Times, "Times New Roman", serif;
        font-size:13px;
        text-decoration:none;
        color:rgb(253,197,87);
    }
    
    .BodyColor4-13px {
        font-family: "Gelasio", Times, "Times New Roman", serif;
        font-size:13px;
        text-decoration:none;
        color:rgb(255,255,255);
    }
    
    
    .BodyColor1-18px {
        font-family: "Gelasio", Times, "Times New Roman", serif;
        font-size:18px;
        text-decoration:none;
        color:rgb(15,44,78);
        text-transform: uppercase;
    }
    
    .BodyColor1-18px-Alt {
        font-family: "Gelasio", Times, "Times New Roman", serif;
        font-size:18px;
        text-decoration:none;
        color:rgb(255,255,255);
        text-transform: uppercase;
    }
    
    .BodyColor2-18px {
        font-family: "Gelasio", Times, "Times New Roman", serif;
        font-size:18px;
        text-decoration:none;
        color:rgb(31,117,187);
        text-transform: uppercase;
    }
    
    .BodyColor3-18px {
        font-family: "Gelasio", Times, "Times New Roman", serif;
        font-size:18px;
        text-decoration:none;
        color:rgb(253,197,87);
        text-transform: uppercase;
    }
    
    .BodyColor4-18px {
        font-family: "Gelasio", Times, "Times New Roman", serif;
        font-size:18px;
        text-decoration:none;
        color:rgb(255,255,255);
        text-transform: uppercase;
    }
    
    .HeaderColor1-18px {
        font-family: "Gelasio", Times, "Times New Roman", serif;
        font-size:18px;
        text-decoration:none;
        color:rgb(255,255,255);
        text-transform: uppercase;
    }
    
    .TableHeaderBody {
        background:rgb(15,44,78);
    }
    
    .message {
        font-family: "Gelasio", Times, "Times New Roman", serif;
        font-size:18px;
        text-decoration:none;
        color:rgb(253,197,87);
    }
    
  input[type="text"]:focus,input[type="password"]:focus,select:focus,textarea:focus{
    	border-color: rgb(15,44,78);
			outline: 0px none;
			box-shadow: 0px 1px 1px rgba(15,44,78, 0.04) , 0px 0px 4px rgba(15,44,78, 0.4);
			transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

	    transition-property: border-color, box-shadow;
	    transition-duration: 0.15s, 0.15s;
	    transition-timing-function: ease-in-out, ease-in-out;
	    transition-delay: 0s, 0s;
    }
    
    input, select, textarea {
			
			border: 1px solid rgb(221,221,221);
			color: rgb(15,44,78);
			font-size: 0.875rem;
			padding: 10px 14px;
			border-radius:  2px;
			}
    
    .textField{
    	
			border: 1px solid rgb(221,221,221);
			color: rgba(15,44,78);
			font-size: 0.875rem;
			padding: 10px 14px;
			border-radius:  2px;
    }
		
		.button:hover{
    	background-color:rgb(15,44,78);
    	color: rgb(255,255,255);
    }
    
		.button { 
			
		 	color: rgb(15,44,78);
			background-color: rgb(255,255,255);
		  border: solid 2px rgb(15,44,78);
			
			font-weight: bolder;
			text-decoration: none;
			
			cursor: pointer;
			margin-bottom: 0px;
			
			padding: 8px 12px;
			font-family: "Gelasio", Times, "Times New Roman", serif;
		  border-radius: 10px;
		  box-shadow: none;
		  text-transform: uppercase;
		  font-size: 14px;
		  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,background ease-in-out .15s;
		}
		
	
		
		.border{border-style:solid;border-width:1px;border-color:rgb(204,204,204);background-color:#ffffff;}
		.borderHover{border-style:solid;border-width:1px;border-color:#663300;background-color:#ffffff;}
		
		.header{width:375px;height:75px;position:absolute;top:0px;left:0px;cursor:pointer;background: url(/images/DesignedRealty_header.png) no-repeat;}
		.headerBody{margin: 0px 0px 0px 0px;background: url(/images/DesignedRealty_Header_Background.png) repeat-x rgb(15,44,78);}
		
		.sidebar {
			position:absolute;
			top:0;
			left:0;
			padding: 0px;
			margin: 0px;
			width: 	150px;
			height: 	100%;
			background: rgb(15,44,78);
			border: 0px dotted yellow;
		}
		

		
		#orderName{
			display:none;
			position:absolute;
			
			right:10;
			bottom:5;
			color:#FFCC66;
			vertical-align:middle;
			border:0px red solid;
		}
		
		a.sidebarLink:active {color: rgb(255,255,255);text-decoration: none;font-weight:bold;}
    a.sidebarLink:visited {color: rgb(255,255,255);text-decoration: none;font-weight:bold;}
    a.sidebarLink:link {color: rgb(255,255,255);text-decoration: none;font-weight:bold;}
    a.sidebarLink:hover {color: rgb(253,197,87);text-decoration: underline;font-weight:bold;}
    
    .onTab{
    	width:200px;height:28px;background:url(/images/DesignedRealtyOnTab.png);cursor:pointer;
    }
    .offTab{
    	width:200px;height:28px;background:url(/images/DesignedRealtyOffTab.png);cursor:pointer;
    }
    .noTab{
    	width:200px;height:28px;
    }
    
    .onTabText{
    	font-family: "Gelasio", Times, "Times New Roman", serif;
      font-size:13px;
      text-decoration:none;
      color:rgb(15,44,78);
      cursor:pointer;
    }
    .offTabText{
    	font-family: "Gelasio", Times, "Times New Roman", serif;
      font-size:13px;
      text-decoration:none;
      color:rgb(15,44,78);
      cursor:pointer;
    }
    
    .yui-panel .hd {
				background:rgb(15,44,78);
				color:rgb(255,255,255);
				
				border:0px solid #FFF;
				border-bottom:1px solid #000;
				font-weight:bold;
				overflow:hidden;
				padding:4px;
			}
			.yui-panel .bd {
				background-color:rgb(255,255,255);
				color:rgb(72,24,45);
				
				height:100%;
				border:0px solid #FFF;
				border-bottom:0px solid #000;
				font-weight:bold;
				overflow:auto;
				padding:4px;
			}
			.yui-panel .ft {
				background-color:rgb(255,255,255);
				color:rgb(15,44,78);
				
				border:0px solid #FFF;
				border-bottom:0px solid #000;
				font-weight:bold;
				overflow:auto;
				padding:4px;
			}
			
			
			.yui-panel .container-close {
				position:absolute;
				top:2px;
				right:3px;
				z-index:10;
				height:16px;
				width:16px;
				margin:0px;
				padding:0px;
				background:url(/images/PanelClose.png) no-repeat;
				cursor:pointer;
				visibility:inherit;
			}
			
			.mask {
			    z-index:0;
			    display:none;
			    position:absolute;
			    top:0;
			    left:0;
			    -moz-opacity: 0.25;
			    opacity:.25;
			    filter: alpha(opacity=25);
			    background-color:rgb(0,0,0);
			}
    
    	.templateTree {
				background: #ffffff;
			}
    	    

		.loginBody{
				background-image:url(/images/DesignedRealty_Login_Background.jpg);
				font-family: "Gelasio", Times, "Times New Roman", serif;
				font-size: 13px;
				margin: 0px;

			  /* Image is centered vertically and horizontally at all times */
			  background-position: center center;
			  
			  /* Image doesn't repeat */
			  background-repeat: no-repeat;
			  
			  /* Makes the image fixed in the viewport so that it doesn't move when 
			     the content height is greater than the image height */
			  background-attachment: fixed;
			  
			  /* This is what makes the background image rescale based on its container's size */
			  background-size: cover;
			  
			  /* Pick a solid background color that will be displayed while the background image is loading */
			  background-color:rgb(255,255,255);

			}