
		@font-face {
		  font-family: 'Museo Sans 500';
		  font-style: normal;
		  
		  font-display: swap;
		  src: url("https://roctitle.com/wp-content/uploads/et-fonts/MuseoSans_500.otf") format("opentype"); 
		}
		
		@font-face {
			font-family: 'Bebas Neue';
			font-style: normal;
			font-weight: 400;
			font-display: swap;
			src: url(https://fonts.gstatic.com/s/bebasneue/v15/JTUSjIg69CK48gW7PXoo9Wdhyw.woff2) format('woff2');
		}
		
		

		
		body {  
			background:rgb(235,235,235);
			font-family: "Museo Sans 500", sans-serif;
			font-size: 13px;
			line-height: 20px;
			font-weight: 500;
			letter-spacing: normal;
		}
		
		
		a {
			text-decoration: underline;
			}
		a:link {
			color: rgb(156,202,59);
			}
		a:visited {
			color: rgb(156,202,59);
			}
		a:active {
			color: rgb(156,202,59);
			}
		a:hover {
			color: rgb(102,102,102);
			text-decoration: none;
			}
		
		
		
    .BodyColor1-13px {
        font-family: "Museo Sans 500", sans-serif;
        font-size:13px;
        text-decoration:none;
        color:rgb(102,102,102);
        letter-spacing: normal;
    }
    
    .BodyColor2-13px {
        font-family: "Museo Sans 500", sans-serif;
        font-size:13px;
        text-decoration:none;
        color:rgb(148,201,72);
       letter-spacing: normal;
    }
    
    .BodyColor3-13px {
        font-family: "Museo Sans 500", sans-serif;
        font-size:13px;
        text-decoration:none;
        color:rgb(148,201,72);
        letter-spacing: normal;
    }
    
    .BodyColor4-13px {
        font-family: "Museo Sans 500", sans-serif;
        font-size:13px;
        text-decoration:none;
        color:rgb(255,255,255);
         letter-spacing: normal;
    }
    
    
    .BodyColor1-18px {
        font-family: "Bebas Neue", sans-serif;
        font-size:18px;
        text-decoration:none;
        color:rgb(0,0,0);
        letter-spacing: 2px;
    }
    
    .BodyColor1-18px-Alt {
        font-family: "Bebas Neue", sans-serif;
        font-size:18px;
        text-decoration:none;
        color:rgb(255,255,255);
        letter-spacing: 2px;
    }
    
    .BodyColor2-18px {
        font-family: "Bebas Neue", sans-serif;
        font-size:18px;
        text-decoration:none;
        color:rgb(148,201,72);
        letter-spacing: 2px;
    }
    
    .BodyColor3-18px {
        font-family: "Bebas Neue", sans-serif;
        font-size:18px;
        text-decoration:none;
         color:rgb(148,201,72);
         letter-spacing: 2px;
    }
    
    .BodyColor4-18px {
        font-family: "Bebas Neue", sans-serif;
        font-size:18px;
        text-decoration:none;
        color:rgb(255,255,255);
        letter-spacing: 2px;
    }
    
    .HeaderColor1-18px {
        font-family: "Bebas Neue", sans-serif;
        font-size:18px;
        text-decoration:none;
        color:rgb(255,255,255);
        letter-spacing: 2px;
    }
    
    .TableHeaderBody {
        background:rgb(148,201,72);
    }
    
    .message {
        font-family: "Museo Sans 500", sans-serif;
        font-size:18px;
        text-decoration:none;
        color:red;
    }
    
    	input, select, textarea {
			
    	transition: background-color 0.2s ease 0s;
    	padding: 5px;
    	border: 1px solid transparent;
    	color: rgb(51, 51, 51);
			border-color: rgb(204, 204, 204) rgb(238, 238, 238) rgb(238, 238, 238) rgb(204, 204, 204);
    	background-color: rgb(255, 255, 255);
    	border-radius: 0px;
		}
		
		input[type="text"]:focus,input[type="password"]:focus,select:focus,textarea:focus{
    	border-color: rgb(102,185,39);
			border-width:1px;
			border-style:solid;
			box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102,185,39, 0.6);
    }
    
    .textField{
    	font-size:12px;
    	border-style:solid;
    	border-width:1px;
    	border-color:rgb(175,175,175);
    	background-color:rgb(255,255,255);
    	color:rgb(50,50,50);
    	font-family:  "Museo Sans 500", sans-serif;
    	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
			box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
			-webkit-transition: border-color ease-in-out .25s,box-shadow ease-in-out .25s;
			transition: border-color ease-in-out .25s,box-shadow ease-in-out .25s;
			border-radius: 0px;
			padding: 10px 12px;
			outline: none;
    	}
   

		.button {
	    color: rgb(0,0,0);
	    text-shadow: none;
	    background-color: rgb(148,201,72);
	    border:1px solid rgb(148,201,72);
	    -webkit-transition: background-color ease-in-out .25s;
	    transition: background-color ease-in-out .25s;
	    padding:10px 12px;
	    cursor:pointer;
	    border-radius: 0px;
	    text-transform: uppercase !important;
	    letter-spacing: 4px;
	    font-size: 14px;
	    font-family: "Bebas Neue", sans-serif;
	    font-weight: 700 !important;
		}
		.button:hover {
		    background-color: rgb(255,255,255);
		    color: rgb(148,201,72);
		}
		
	select{	
				box-shadow: 0 1px rgba(0,0,0,0.0275);
				width: auto;
				height: 30px;
				font-size: 13px;
				margin-left: 0px;
				padding: 0 25px 0 8px;
				font-weight: normal;
				font-size: 14px;
				font-weight: 500;
				color: rgb(100,100,100);
				background: #fafafa;
				background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTEgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICA8ZyBpZD0iV2VsY29tZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+ICAgICAgICA8ZyBpZD0iRGVza3RvcC1IRCIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUyMy4wMDAwMDAsIC0zMTkuMDAwMDAwKSIgZmlsbD0iIzQyNDI0MiI+ICAgICAgICAgICAgPGcgaWQ9ImZhLXBsYXktMiIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTI4LjUwMDAwMCwgMzI0LjAwMDAwMCkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC01MjguNTAwMDAwLCAtMzI0LjAwMDAwMCkgdHJhbnNsYXRlKDUyNC4wMDAwMDAsIDMxOS4wMDAwMDApIj4gICAgICAgICAgICAgICAgPHBhdGggZD0iTS0wLjA2Nzc2NDcwNTksMTAuMDYwNTI2MyBDMC4wMDM3MDU4ODIzNSwxMC4wOTU3ODk1IDAuMDk5LDEwLjA5NTc4OTUgMC4xOTM3NjQ3MDYsMTAuMDM2ODQyMSBMOC45OTg5NDExOCw1LjE2OTQ3MzY4IEM5LjEwNTg4MjM1LDUuMTEwNTI2MzIgOS4xNTM1Mjk0MSw1LjA1MTU3ODk1IDkuMTUzNTI5NDEsNC45Njg5NDczNyBDOS4xNTM1Mjk0MSw0Ljg4NTc4OTQ3IDkuMTA1ODgyMzUsNC44MTUyNjMxNiA4Ljk5ODk0MTE4LDQuNzY3ODk0NzQgTDAuMTkzNzY0NzA2LC0wLjA5OTQ3MzY4NDIgQzAuMDk5LC0wLjE1ODQyMTA1MyAwLjAwMzcwNTg4MjM1LC0wLjE3IC0wLjA2Nzc2NDcwNTksLTAuMTIzMTU3ODk1IEMtMC4xMzg3MDU4ODIsLTAuMDc1Nzg5NDczNyAtMC4xNzQ3MDU4ODIsLTAuMDA0NzM2ODQyMTEgLTAuMTc0NzA1ODgyLDAuMTEzNjg0MjExIEwtMC4xNzQ3MDU4ODIsOS44MjQyMTA1MyBDLTAuMTc0NzA1ODgyLDkuOTMwNTI2MzIgLTAuMTM4NzA1ODgyLDEwLjAxMzE1NzkgLTAuMDY3NzY0NzA1OSwxMC4wNjA1MjYzIiBpZD0iRmlsbC0xIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+') no-repeat right 7px center;
				background-size: auto auto, auto auto, auto auto, auto auto;
				background-size: 9px,200%,auto,200%;
				border: 1px solid #bfbfbf;
				border-radius: 0px;
				-webkit-appearance: none;
				-moz-appearance: none;
				font-family: "Museo Sans 500", sans-serif;
			}
			
		.border{border-style:solid;border-width:1px;border-color:rgb(175,175,175);background-color:#ffffff;}
		.borderHover{border-style:solid;border-width:1px;border-color:rgb(148,201,72);background-color:#ffffff;}
		
		.header{width:410px;height:75px;position:absolute;top:0px;left:0px;cursor:pointer;background: url(/images/ROCTitle_header.png) no-repeat;}
		.headerBody{margin: 0px 0px 0px 0px;background: #fff url('/images/ROCTitle_Header_Background.png') repeat-x;}
		
		
		.sidebar {
			position:absolute;
			top:0;
			left:0;
			padding: 0px;
			margin: 0px;
			width: 	150px;
			height: 	100%;
			background: rgb(39,39,39);
			border: 0px dotted yellow;
		}
		
		
		#orderName{
			display:none;
			position:absolute;
			
			right:10;
			bottom:5;
			color:rgb(255,255,255);
			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(156,202,59);text-decoration: underline;font-weight:bold;}
    
    .onTab{
    	width:200px;height:28px;background:url(/images/ROCTitleOnTab.png);cursor:pointer;
    }
    .offTab{
    	width:200px;height:28px;background:url(/images/ROCTitleOffTab.png);cursor:pointer;
    }
    .noTab{
    	width:200px;height:28px;
    }
    
    .onTabText{
    	font-family: "Museo Sans 500", sans-serif;
      font-size:13px;
      text-decoration:none;
      color:rgb(85,85,85);
      cursor:pointer;
    }
    .offTabText{
    	font-family: "Museo Sans 500", sans-serif;
      font-size:13px;
      text-decoration:none;
      color:rgb(255,255,255);
      cursor:pointer;
    }
    
    .yui-panel .hd {
				background:rgb(148,201,72);
				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(0,0,0);
				
				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:rgb(238,238,238);
			}
    	    
				    