@charset "utf-8";
/************************************************************************************************/
/*(0)************ Layout (global rules for all sizes ***********************************/
body { margin: 0px; padding: 0px }

/*(1)*****************  background-image: url(../images/png/main/site_bg_body.png); **************/
.container { width: 1920px; margin: 0px auto 0px auto; position:relative; }

/********* This css is for formating the more help popUp window display on pages   ************/
.corn	{ font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: blue; width: 68px; align: right; }


/*(1b)****************  Background Page Video Media Setup Definition  **********************/
video {
  	background-color: black;
  	background-image: url(../images/videos/background/MP4/mixture_bg_video_.mp4);
  	background-position: center center;
  	background-size: contain;
	}
#myvid { position: fixed; top: 0; right: 0; width: 100%; height: 100%; }
@media (min-aspect-ratio: 16/9) {
  #myvid {
    width: 100%;
    height: 300%; top: -100%;
  	}
}
@media (max-aspect-ratio: 16/9) {
  #myvid {
    width: 300%; left: -100%;
    height: 100%;
  	}
}
#video-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;
  z-index: -1; /* Put the video behind all other elements except the body background element. */
}
#video-bg > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* 1. No object-fit support: */
@media (min-aspect-ratio: 16/9) { #video-bg > video { height: 300%; top: -100%; } }
@media (max-aspect-ratio: 16/9) { #video-bg > video { width: 300%; left: -100%; } }
/* 2. If supporting object-fit, overriding (1): */
@supports (object-fit: cover) {
  #video-bg > video {
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
  }
}

/* CSS for image background setup for all sites. This is to display picture for background instead of video */
#image-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;
	z-index: -1; /* Put the video behind all other elements except the body background element. */
	width: 100%; height: 100%;
	background-color: black;
	background-image: url(../images/videos/background/PIC/nature1_bg_img.jpg);
	background-position: center center;
	background-size: cover;
	}

.object-fit_cover { object-fit: cover 
	width: 140%; height: 140%;
	}



/*(2)***************** Header Menu Definition for all sites ******************/
header { 
	height: 73px;
	background: url(../images/png/headingbuttons/respheads/tye_1920_75_hd_plain.png) no-repeat left 0px;
	}

header .hdlogo {
	display: block;
	position: absolute;
	backgroung-position: 0px 0px;
	background-repeat: no-repeat;
	}

header a.logout {
	display: block;
	position: absolute;
	backgroung-position: 0px 0px;
	background-repeat: no-repeat;
	}

header .myPic9090 {
	display: block;
	position: absolute;
	backgroung-position: 0px 0px;
	background-repeat: no-repeat;
	}

header .myPic100100 {
	display: block;
	position: absolute;
	backgroung-position: 0px 0px;
	background-repeat: no-repeat;
	}

header a.search {
	display: block;
	position: absolute;
	backgroung-position: 0px 0px;
	background-repeat: no-repeat;
	}
	
header .Search_textfield {
	position: absolute;
	backgroung-position: 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
							border: 0;
							width:  400px;
						 	height: 24px;
						 	top: 12px;
						 	right: 542px;
						 	font-size: 18px;
						  	background-color:#DDFFDD; 
						  	color: #664C00; 
						  	text-align:center;
						  	}
						  	
header .Search_selectList {
	position: absolute;
	backgroung-position: 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
							border: 0;
							width:  400px;
						 	height: 250px;
						 	top: 10px;
						 	right: 542px;
						 	font-size: 18px;
						  	background-color:black; 
						  	color: white; 
						  	text-align:left; 
						  	z-index:30;
						  	}

.content h1 { font-family:Arial, Helvetica, sans-serif; font-size: 46px;font-weight: bold; margin: 0 0 .5em 0; text-align:center; }
.content h2 { font-family:Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; margin: 0 0 .5em 0; }


/*(3)***************** Navigational Menu Definition for all sites ******************/
nav { width: 100%; display: block; position: absolute; background-color: none; }

             /*** Nav menu Definition for items on the header board itself ***/
#topnavhd_wrapper   		{ clear: both; position: absolute; top: 48px; padding: 0 320px; z-index: 22; }

#navmenuhd         			{ background-color:none; }
#navmenuhd, .sub1, .sub2 	{ list-style-type:none; line-height:20px; z-index:22; }
#navmenuhd li      			{ text-align:center; position:relative; float:left; border-width:0px; padding:0px; margin:0px; z-index:22; }

#topnavhd ul li:hover a:hover { background-color:none; z-index:22; }
#topnavhd li ul 	   		  { display:none; height:auto; margin:0; padding:0;	}				
#topnavhd ul li a    		  { float:left; padding:0px 25px; color:#ffff00; font-size:16px; font-weight:normal; }
#topnavhd a:link     		  { color:#ffff00; text-decoration:none;  }
#topnavhd a:hover    		  { color:#FFFFFF; text-decoration:none; }
#topnavhd a:active   		  { color:#0000FF; text-decoration:none; }
#topnavhd ul li:hover ul  	  { display:block; }

#topnavhd ul ul      { display:none; position:absolute; background-color:#95bf39; left:-1px; top:20px; width:352px; }
#topnavhd ul ul li   { display:block; text-align:left; width:352px; }
#topnavhd ul ul li a { width:300px; }

#Ttopnavhd li ul li   { background-color: #54879d;}
#Ttopnavhd li ul li a { border-left: 1px solid #1f5065; border-right: 1px solid #1f5065; border-top: 1px solid #74a3b7; border-bottom: 1px solid #1f5065; }
#Ttopnavhd li ul li a:hover {background-color: #366b82;}

#topnavhd li ul li   { background-color: #444F00;}
#topnavhd li ul li a { border-left: 1px solid grey; border-right: 1px solid #202340; border-top: 1px solid grey; border-bottom: 1px solid #202340; }
#topnavhd li ul li a:hover {background-color: #554C00;}
.darrowhd            { font-size:11pt; position:absolute; top:4px; color:#FFF; }


/*(4)*******************  Background decoration Definition all sites  **********************/
/*This is for page result display for Service Request data */
.displSRcontents 	 { padding-left:70px;}
.spacingSRtd 		 { padding-left:300px;}
.displDateBycontents { padding-left:100px;}
.displStaffcontents  { padding-left:100px;}

/*************** Inside the div/table ************************/
.bg_main_frontPage 	{ clear:both; width: 1920px; margin-right: auto; margin-left: auto; z-index: 10; }
.bg_main 			{ clear:both; width: 1200px; margin: auto; z-index: 10; }
.fg_main 			{ clear:both; width: 1920px; margin-right: auto; margin-left: auto; z-index: 10; }
.bg_main_grid		{ clear:both; width: 1000px; margin: auto; z-index: 10; }


/************************** This is the Grid THMB Nail OnPage display frames Definitions ************* #bbf6fe *******************/
.grid_pagecontentframecolor_OnPage	{ width:825px; height: 650px; background-color:#e8f6fe; margin-left: 0px; }
.grid_container_OnPage 				{ clear:both; background-image: url(../images/png/main/bg_container_825.png); width: 825px;  height: 650px; margin: 0px; position: relative; z-index: 30; }
.innergridbackground   				{ width:100%; height: 100%; background-color:#bbf6fe; margin: 0px 0px 0px 0px; }
.content_framesGroup2  				{ width:100%; height: 100%; background-color: #e8f6fe; margin-right:auto; margin-left:0px; }


/* Item for Billboard Banner */
.bg_container_main { background-image: url(../images/png/main/bg_container_1200x370.png); width: 1200px; height: 370px; background-size: cover;
					 margin-right: auto; margin-left: auto; position: relative; float:left; z-index: 10; }
.content2 { width: 100%; height: auto; background-size: contain; margin-right:auto; margin-left:auto; }

/* resize images */
.content2 img { width: 100%; height: auto; object-fit: contain; }

/* Item for pages contents */
.bg_container 	 { clear:both; background-image: url(../images/png/main/bg_container.png); width: 1180px;  height: auto; margin-right: auto; margin-left: 20px; position: relative; z-index: 10; }
.black_back		 { clear:both; background-color: black; width: 1180px;  height: auto; margin-right: auto; margin-left: auto; position: relative; z-index: 10; }
.bg_container_sm { clear:both; background-image: url(../images/png/main/bg_container_small.png); width: 1140px; margin-right: auto; margin-left: auto; position: relative; z-index: 10; }
.content  		 { width:100%; margin-right:auto; margin-left: 0px; }
.content_cnter	 { width:96%; margin-right:20px; margin-left: 20px; }
.content_err	 { width:98%; margin-right:20px; margin-left: 20px; }


/*************** Marquee Definitions ************************/
.crawlerMarq1Ads { 
		position: absolute;
		backgroung-position: 0px 0px;
	 	width:  1200px;
	 	top: 465px;
	 	left: 0px;
  	}
.crawlerMarq2Ads { 
		position: absolute;
		backgroung-position: 0px 0px;
	 	width:  1200px;
	 	top: 633px;
	 	left: 0px;
  	}
.crawlerMarq3Ads { 
		position: absolute;
		backgroung-position: 0px 0px;
	 	width:  1200px;
	 	top: 698px;
	 	left: 0px;
  	}
  	
.crawlerMarqTxt { 
		position: absolute;
		backgroung-position: 0px 0px;
	 	top: 557px;
	 	left: 0px;
  	}
  	
.advGeneratorTxt { 
		position: absolute;
		backgroung-position: 0px 0px;
	 	top: 675px;
 		left: 1240px;
 		color: white;
 		font-family:Castellar, serif;
 		font-style: normal;
 		font-weight: normal;
 		text-decoration: none;
 		font-size: 24pt;
 		z-index:10;
  	}
  	
.crawlerMarq1 	  { width: 1220px; font-family: "Minion Pro"; font-size: 10pt; }
.crawlerMarq1 img { width: 7.5%; height: auto; object-fit: contain; }

.crawlerMarq2 	  { width: 1220px; font-family: "Minion Pro"; font-size: 10pt; }
.crawlerMarq2 img { width: 7.5%; height: auto; object-fit: contain; }

.crawlerMarq3 	  { width: 1220px; font-family: "Minion Pro"; font-size: 10pt; }
.crawlerMarq3 img { width: 7.5%; height: auto; object-fit: contain; }


/* This is for portrays display (Description) ************************ */
.overlay { position:absolute; top:0; left:0; z-index:1; }

        /****************************************************************************************************************/
        /********** This section is for all menus option selection css.  For pages or columns display pages    **********/ 
.s1 		{ color: #5F638F; font-family:Castellar, serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 36pt; }
.s1_PlTy	{ color: #5F638F; font-family:serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 36pt; }
.s1_2pgs	{ color: #5F638F; font-family:Castellar, serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 36pt; padding-left: 250pt; }
.s2 		{ color: #F00; font-family:"Arial Rounded MT Bold", sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; margin-right: 105px; }
.seeRed 		{ color: red }		
.seeColor 		{ color: #AA0000 }
.seeColorRed 	{ color: #AA0000 }
.seeColorBlue 	{ color: #003366 }
.seeColorBlack 	{ color: #000000 }
.seeColorWhite	{ color: #FFFFFF }
.seeColorGreen 	{ color: green }
.seeColorYellow	{ color: yellow }
.seeColorOrange	{ color: orange }
.seeColorBrown	{ color: brown }
.no_p 		{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; margin:0pt; }
.no_h2		{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 16pt; }
ol.n		{ list-style-type: lower-alpha; }

/****image background*/
.imgbackground_topBottomBAR		{ width:100%; height: 3px; background-color: black; }
.imgbackground_insideBAR		{ width:99%; height: 3px; background-color: black; margin-left: 22px; }
.outerimgbackground    			{ width:100%; height: 4480px; margin-right:auto; margin-left: 0px; background-color: white; }
.outermusicbackground    		{ width:100%; height: 2300px; margin-right:auto; margin-left: 0px; background-color: white; }
.outervideobackground    		{ width:100%; height: 1100px; margin-right:auto; margin-left: 0px; background-color: white; }
.outerimgbackground h2 			{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 18pt; }
.outermusicbackground h2 		{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 18pt; }
.outervideobackground h2 		{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 18pt; }
.outerimgbackground .p, p 		{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; margin:0pt; }
.gotoTop	 		 			{ width:96%; height: 20px; margin: -40px 0px 20px 20px; }
.innerimgbackground  			{ width:96%; height: 100%; background-color: white; }
.imgbackgroundframe3columns 	{ width:100%; height: 800px; }
.imgbackgroundframe  			{ float:left; width:313px; height: 800px; margin:30px 0px 0px 30px; }

/**** additional music background*/
.musicbackgroundframe3columns 	{ width:100%; height: 350px; }
.musicbackgroundframe  			{ float:left; width:313px; height: 350px; margin:30px 0px 0px 30px; }

/**** additional video background*/
.videobackgroundframe3columns 	{ width:100%; height: 350px; }
.videobackgroundframe  			{ float:left; width:313px; height: 350px; margin:30px 0px 0px 30px; }

/*******common to all navigational menus ********   This is for display of text information on some of the menu buttons   *****/
/************************************************   like Services, About Us, Support , etc ...   ******************************/
.navbackground_topBottomBAR		{ width:100%; height: 3px; background-color: black; }

.tyeSloganMain  	 { 
						position: absolute;
						backgroung-position: 0px 0px;
						width:90%;
						height: 12px;
						top: 598px;	
					 }
.tyeSloganMain p     { color: green; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-align:left; text-decoration: none; font-size: 12pt; margin:0pt; padding-left: 3px; }
.tyeSloganPages	     { width:90%; height: 12px; }
.tyeSloganPages p    { color: green; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-align:left; text-decoration: none; font-size: 12pt; margin:0pt; padding-left: 20px; }
.tyeSlogan	         { width:98%; height: 20px; }
.tyeSlogan p         { color: green; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-align:right; text-decoration: none; font-size: 12pt; margin:0pt; }


/**** navigational menu items for 1/2 a page display. This is about 15 lines text ***************/
.outernavbackground_halfApage   	{ width:100%; height: 425px; margin-right:auto; margin-left: 0px; background-color: white; }
.outernavbackground_halfApage h2    { color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 18pt; }
.outernavbackground_halfApage .p, p	{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; margin:0pt; }
.outernavbackground_halfApage li 	{display: block; }


/**** navigational menu items for one page display. This is about 25 lines text ***************/
.outernavbackground_1page   	{ width:100%; height: 680px; margin-right:auto; margin-left: 0px; background-color: white; }
.outernavbackground_1page h2    { color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 18pt; }
.outernavbackground_1page .p, p	{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; margin:0pt; }
.outernavbackground_1page .p2	{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 32pt; margin:0pt; padding-left: 50pt; }
.outernavbackground_1page li 	{display: block; }


/*** These items below will be used for  T E R M S   A N D   C O N D I T I O N S. This is about 80 lines of text. It is also used for something less than a half page ***/
.outernavbackground_TAC   	 	{ width:100%; height: 1940px; margin-right:auto; margin-left: 0px; background-color: white; }
.outernavbackground_TAC h2   	{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 18pt; }
.outernavbackground_TAC .p, p	{ color: #5F638F; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; margin:0pt; }
.outernavbackground_TAC li 		{display: block; }

/*****/
        /******   All formats use this one line in their form code  Except 640px, 500px*********/
.innernavbackground   	{ width:94%; height: 98%; background-color: white; margin: 0px 0px 0px 20px; }

#l1OLD 			{padding-left: 0pt;counter-reset: c1 0; }
#l1OLD> li:before  {counter-increment: c1; content: counter(c1, decimal)". "; color: black; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }
#l2OLD 			{padding-left: 0pt; }
#l2OLD> li:before  {content: "��� "; color: black; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }
#l3OLD 			{padding-left: 0pt; }
#l3OLD> li 		{content: "��� "; color: black; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }

#l1 			{padding-left: 0pt;counter-reset: c1 0; }
#l1> li:before  {counter-increment: c1; content: counter(c1, decimal) ". "; color: black; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }

#l2 			{padding-left: 0pt;counter-reset: d1; }
#l2> li:before  {counter-increment: d1; content: counter(d1, lower-alpha) ". "; color: black; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }

#l3 			{padding-left: 0pt;counter-reset: c1 0; }
#l3> li:before  {counter-increment: c1; content: counter(c1, decimal) ". "; color: black; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 14pt; }

        /********** This is the end section for all menus option css display for all pages **********/ 
        /********************************************************************************************/

.content_framesGroup { width:1000px; height: 370px; margin-right:auto; margin-left:10px; }
.content_ijebu 		 { width:1024px; height: auto; margin-right: auto; margin-left: auto; }
.content_ijebu img	 { width: 100%; height: auto; object-fit: contain; }

fieldset { 
    display: block;
    margin-left: 2px;
    margin-right: 20px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px groove (internal value);
	}

/*************************  Two columns display div  *************************************************/
      /* This is for Contact Us menu item */
.wrapperTwoC { margin-left: 240px; }
.sidebarTwoC { float: left; width: 240px; margin-left: -240px; }
.contentTwoC { float: right; width: 100%; }
.clearedTwoC { clear: both; }

      /* This is for order request form */
      /* This is also for portfolio creation Cancel/Upload buttons */
.wrapperOReqTwoC { margin-left: 560px; }
.sidebarOReqTwoC { float: left; width: 560px; margin-left: -560px; }
.contentOReqTwoC { float: right; width: 100%; }

.wrapperOReqTwoC_Old { margin-left: 560px; }
.sidebarOReqTwoC_Old { float: left; width: 560px; margin-left: -560px; }
.contentOReqTwoC_Old { float: right; width: 100%; }


      /* This is for credit card confirmation form */
.wrapperCCATwoC { margin-left: 120px; }
.sidebarCCATwoC { float: left; width: 150px; margin-right: -90px; }
.contentCCATwoC { float: left; width: 90%; }


      /* This is for portfolio narrative's form */
.wrapperNarTwoC { margin-left: 400px; }
.sidebarNarTwoC { float: left; width: 400px; margin-left: -400px; }
.contentNarTwoC { float: right; width: 100%; }


      /* This is for Options Payment items */
.wrapperDoTwoC { margin-left: 260px; }
.sidebarDoTwoC { float: left; width: 260px; margin-left: -260px; }
.contentDoTwoC { float: right; width: 100%; }
.clearedDoTwoC { clear: both; }


/************************** This is the ProductBox Definitions ********************************/
/************************* The .productbox_main is used in conjuction with the footer_main on the main home page. ****************************/
.productbox_main					{ position: relative; top: 120px; width: 1920px; height: auto; }
.productboximagescolumnframes 		{ width: 1860px; height: auto; margin-left: 60px; }

.productboximagecolumns				{ float:left; width: 250px; height: 199px;  margin: 0px 60px 0px 0px; }
.productboximageinsideframe			{ width: auto; height: auto; background-size: contain; background-repeat:no-repeat; }

.productboxvideoClassProductType 	{ width: 250px; height: auto; }
.productbox_s1_ProductType			{ color: #5F638F; font-family:serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 12pt; }
#productDisplayTxt {opacity:.3;}
.productDisplayOpa {opacity:.5;}


/* CSS for image background setup for all sites. This is to display picture for background instead of video */
#imageh-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;
	z-index: -1; /* Put the video behind all other elements except the body background element. */
	width: 100%; height: 100%;
	background-color: black;
	background-image: url(../images/videos/background/PIC/nature1_bg_img.jpg);
	background-position: center center;
	background-size: cover;
	}





/*(5)*************************  Slider Two Definition all sites  ************************/
#slider2_wrapper { display:block; margin:auto; height:auto; width:100%; }
#container 		 { overflow:auto; }
#prev_slider2 {
	background-image:url(images/arrows/left_Arrow.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
	float:left;
	height:370px;
	width:80px;
	position:relative;
	z-index:10;
    opacity:.3;
	}
	
#next_slider2 {
	background-image:url(images/arrows/right_Arrow.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
	float:right;
	height:370px;
	width:80px;
	position:relative;
	z-index:10;
    opacity:.3;
	}
	
#slider2 { display:block; margin:auto; float:left; height:370px; width:1200px; overflow:hidden; position:absolute; }
#slider2 img { width: 100%; height: auto; min-height:370px; object-fit: contain; }


/**(5B)***************************  Spinner  Definition  **************************/
.spinner {
    position:     fixed;
    top:          109px;
    left:         400px;
    margin-left: -50px; /* half width of the spinner gif */
    margin-top:  -50px; /* half height of the spinner gif */
    text-align:   center;
    z-index:      1234;
    overflow:     auto;
    width:        100px; /* width of the spinner gif */
    height:       102px; /*hight of the spinner gif +2px to fix IE8 issue */
	}


/*(5C)*************************  FBF navigational links mover Definition all sites  ************************/
#fbf_content_left {
	position: absolute;
	width: 	80px;
	height: 50px;
	top:  	10px;
	left: 	0px;
	}

#fbf_content_right {
	position: absolute;
	width: 	80px;
	height: 50px;
	top:  	10px;
	right: 	0px;
	}



/*(6A)*************************  Top Pages Information Definition all sites   ********* USE THIS ONE *************/

a:link 	 { text-decoration: none; }
.submit_1H  { width: 8em;  height: 1.5em; text-align:center; font-size: 18px; color: #003366; } 
.submit  { width: 8em;  height: 1.5em; text-align:center; font-size: 18px; color: #003366; 
			  box-sizing: border-box;
			  border-left: 1px solid lightgrey;
			  border-top: 1px solid lightgrey;
			  border-right: 2px solid grey;
			  border-bottom: 2px solid grey;
		  }

/* ---------- */
                    /*****  Login Page Fields  ******/
.loginClickmePage_bgbar_arrows2sl {
	background-image: url(../images/png/login_monitor_RT_click_me/login_rec_arrows_2_sl.png); position: absolute; background-position: 0px 0px;
	width: 300px; height: 58px; top: 17px; z-index: 2;}

.loginClickmePage_bgbar_r7c2_280_260 {
	background-image: url(../images/png/login_monitor_RT_click_me/tye_login_click_me_r7_c2.png); position: absolute; background-position: 0px 0px;
	width: 280px; height: 260px; top: 75px; left: 10px; z-index: 2;}

.loginClickmePage_bgbar_r7c3_280_32 {
	background-image: url(../images/png/login_monitor_RT_click_me/tye_login_click_me_r7_c3_280_32.png); position: absolute; background-position: 0px 0px;
	width: 280px; height: 32px; top: 335px; left: 10px; z-index: 2;}



/* ---------- */
.loginPromptPage_bgbar_arrows2sl {
	background-image: url(../images/png/login_monitor_RT_prompts/login_rec_arrows_2_sl.png); position: absolute; background-position: 0px 0px;
	width: 300px; height: 58px; top: 17px; z-index: 2;}

.loginPromptPage_bgbar_r7c2_280_292 {
	background-image: url(../images/png/login_monitor_RT_prompts/tye1920_r7_c2_280_292.png); position: absolute; background-position: 0px 0px;
	width: 280px; height: 292px; top: 75px; left: 10px; z-index: 2;}
 	
#loginPageUserLabel     		{ position: absolute; background-position: 0px 0px; top: 105px; left: 20px; font-size: 18px; z-index: 4; }
.loginPageUserSelection 		{ position: absolute; background-position: 0px 0px; top: 125px; left: 20px; width: 360px; color: #000000; z-index: 4; }
#loginPagePassLabel     		{ position: absolute; background-position: 0px 0px; top: 160px; left: 20px; font-size: 18px; z-index: 4; }
.loginPagePassSelection 		{ position: absolute; background-position: 0px 0px; top: 180px; left: 20px; width: 360px; color: #000000; z-index: 4; }
#loginPageSubmit        		{ position: absolute; background-position: 0px 0px; border: 0px solid #1f5065; top: 219px; left: 70px; z-index: 5;
									  box-sizing: border-box;
									  border-left: 1px solid lightgrey;
									  border-top: 1px solid lightgrey;
									  border-right: 2px solid grey;
									  border-bottom: 2px solid grey;
						  			  border-radius: 2px;
								 }
								 
.loginPageForgotPw { position: absolute; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif;
	width: 160px; height: 30px; top: 295px; left: 65px; font-size: 16px; color: #1f5065; text-align:center;  z-index: 4;}

/* ---------- */
					/***  Add Customer creation Btn to Login page  ***/ 
.loginPageCustomerAccount_bgbar {
	background-image: url(../images/png/login_monitor_RT_prompts/create_an_account_2_sl.png); position: absolute; background-position: 0px 0px;
	width:  280px; height: 40px; top: 392px; left: 10px; z-index: 4;}

/* ---------- */
					/***  Add Error box for Login page  ***/ 
.error_click_me_msg_box		  { position: absolute; background-position: 0px 0px; top: 340px; left: 10px; width: 280px; height: 24px;  z-index: 4; }
.error_click_me_msg_box input { cursor:none; }
.error_click_me_msg_box li	  { list-style: none; background-color:white; border: 0; width: 280px; height: 24px;
							    top: 294px; left: 10px; color:red; text-align:center; font-weight: bold; }




/*(6B)*************************  View Codes Plus Decoration Definition all sites   **********************/
.lower_bar_10       {
	position: absolute;
	backgroung-position: 0px 0px;	
	width: 1920;
	background-image: url(../images/png/main/tye_bar_10px_sl.png);
	height: 10px;
	top: 578px;
	background-repeat: repeat-x;
	margin-left: 0px;
	}
	
.lower_bar_viewcode       {
	position: absolute;
	backgroung-position: 0px 0px;	
	background-image: url(../images/png/main/tye_bar_30px_sl.png);
	float:left;
	width:  1920px;
	height: 30px;
	top: 532px;
	background-repeat: repeat-x;
	margin-left: 0px;
	border-top:1px #C00 solid;
	border-bottom:1px #C00 solid;
	}
	
#viewCode { }

/**(6B)************************  Decoration Definition **********************/
.lower_bar_10       { width: 100%; }
.lower_bar_viewcode { width:  100%; height: 30px; }
.lower_bar          { height: 30px; }


.viewCodeClass      {
						position: absolute;
						backgroung-position: 0px 0px;	
						border: 0;
						width:  400px;
						height: 31px;
						top: 531px;
						left: 760px;
						font-size: 20px;
						color: #C00; 
						text-align:center;
						border-bottom:1px #C00 solid;
  						z-index: 4;
					}


.advbar_swallow {
	background-image: url(../images/png/main/tye_advbar_170px_sl.png);
	position: absolute;
	backgroung-position: 0px 0px;
    border: 0;
	width:  726px;
	height: 170px;
	background-repeat: repeat-x;
 	top: 605px;
 	left: 1194px;
	border-top:1px #C00 solid;
  	border-bottom:1px #C00 solid; 
  	z-index: 10;
  	}




/**(6BB)************************  Spacer Decoration Definition **********************/
.spacerh5   	{ clear:both; background-image: url(../images/png/main/spacer.gif); width: 100%; height: 5px; position: relative; }
.spacerh7   	{ clear:both; background-image: url(../images/png/main/spacer.gif); width: 100%; height: 7px; position: relative; }
.spacerhTen  	{ clear:both; background-image: url(../images/png/main/spacer.gif); width: 100%; height: 10px; position: relative; }
.spacerhTwelve  { clear:both; background-image: url(../images/png/main/spacer.gif); width: 100%; height: 12px; position: relative; }

.spacerh10  { heigh: 10px; }
.spacerh15  { height: 15px; }
.spacerh20  { clear:both; background-image: url(../images/png/main/spacer.gif); width: 100%; height: 20px; position: relative; }
.spacerh25  { height: 25px; }
.spacerh50  { height: 50px; }
.spacerh80  { height: 80px; }



/* ************************ Marquee Plugin ************************************************************/
.marq {
    background: linear-gradient(to bottom, #FFD65E 0%, #FEBF04 100%) repeat scroll 0 0 transparent;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    font-family: open Sans,Arial;
    font-size: 18px;
    font-weight: bold;
    height: 41px;
    padding-left: 10px;
}	
	
	
	
/*(7)**********************  Page Content Frame Head Setup Definition all sites  **********************/
/*** background-color:#D96D00;    #95bf39      #718d2c ***/
.pagecontentframeAcolor { width:100%; background-color:#DDFFDD; border:1px solid #444C00; }
#pagecontentframeAtop 	{ width:100%; height: 60px; background-color:#444C00; border:1px solid #444C00; text-align: center; padding:5px 0px 0px 0px; color:#ffffcc; }

.pagecontentframebcolor  { width:1200px; background-color:#DDFFDD; border:1px solid #444C00; }
#pagecontentframetop 	 { width:1170px; height: 30px; background-color:#444C00; border:1px solid #444C00; text-align: center; padding:5px 0px 0px 30px; color:#ffffcc; }
#pagecontentframetopR 	 { width:1170px; height: 30px; background-color:red; border:1px solid red; text-align: center; padding:5px 0px 0px 30px; color:#fffffc; }
#pagecontentframetopO 	 { width:1170px; height: 30px; background-color:orange; border:1px solid orange; text-align: center; padding:5px 0px 0px 30px; color:#ffffcc; }
#pagecontentframetopY 	 { width:1170px; height: 30px; background-color:yellow; border:1px solid yellow; text-align: center; padding:5px 0px 0px 30px; color:#ffffcc; }
#pagecontentframetopGold { width:1170px; height: 30px; background-color:#664C00; border:1px solid #664C00; text-align: center; padding:5px 0px 0px 30px; color:#ffffcc; }
#pagecontentframetopB 	 { width:1170px; height: 30px; background-color:blue; border:1px solid #664C00; text-align: center; padding:5px 0px 0px 30px; color:#ffffcc; }

#pagecontentframetopPLAN_A  { width:1170px; height: 30px; background-color:#fffffa; border:1px solid #664C00; text-align: center; padding:5px 0px 0px 30px; color:#202340; }
#pagecontentframetopPLAN_B  { width:1170px; height: 30px; background-color:#ffefff; border:1px solid #664C00; text-align: center; padding:5px 0px 0px 30px; color:#202340; }
#pagecontentframetopPLAN_C  { width:1170px; height: 30px; background-color:#eeffff; border:1px solid #664C00; text-align: center; padding:5px 0px 0px 30px; color:#202340; }
#pagecontentframetopPLAN_D  { width:1170px; height: 30px; background-color:#eeffee; border:1px solid #664C00; text-align: center; padding:5px 0px 0px 30px; color:#202340; }
#pagecontentframetopPLAN_E  { width:1170px; height: 30px; background-color:#eeeeee; border:1px solid #664C00; text-align: center; padding:5px 0px 0px 30px; color:#202340; }
#pagecontentframetopPLAN_F  { width:1170px; height: 30px; background-color:#ffeeee; border:1px solid #664C00; text-align: center; padding:5px 0px 0px 30px; color:#202340; }
#pagecontentframetopPLAN_PP { width:1170px; height: 30px; background-color:#ffffcc; border:1px solid #664C00; text-align: center; padding:5px 0px 0px 30px; color:#202340; }

*************/



/*(8)************************  Text Decoration Over Images all sites  *******************************/
.site_types_s {	clear:both; width: 1560px; margin-left: 0px; position: relative; }

.left_pic     { position: relative; width: 300px; height: 199px; margin-left: 75px; float:left; }
.middle_pic   { position: relative; width: 300px; height: 199px; margin-left: 75px; float:left; }
.right_pic    { position: relative; width: 300px; height: 199px; margin-left: 75px; float:left; }

.outer_middle { position: relative; width: 300px; height: 199px; margin-left: 450px; float:left; }
.outer_right  { position: relative; width: 300px; height: 199px; margin-left: 825px; float:left; }

.bottomleft   { position: relative; bottom: 0; left: 0.5em; width: 0px; font-weight: bold; color: #C00; }
.topright     { position: absolute; top: 0.05em; right: 0.05em; width: 120px; color: #fff; font-weight: bold; font-size: 16px; }

a.hovertext   { position: absolute; width: 300px; text-align: center; text-decoration: none !important; }
a.hovertext:after { content: attr(title); position: absolute; left: 0; bottom: 0; padding: 0.5em 20px;
    width: 260px; background: rgba(0,0,0,0.8);
    text-decoration: none;  /* !important; */
    color: #FFFF00; opacity: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; }
a.hovertext:hover:after, a.hovertext:focus:after { opacity: 1.0; }



/*(9)****************  Products/Types Headings Text Code Definition all sites  *********************/ 
.productTypes h1  { clear:both; font-family:Arial, Helvetica, sans-serif; font-size:46px; font-weight:bold;
					width:1200px; margin-left: 0px; position: relative; z-index: 10; }

.productTypes1 p	  { color: #664C00; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; 
				    width:1200px; text-align:center; text-decoration: none; font-size: 32pt; margin:0pt; }
				    
.productTypes p	  { color: #664C00; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; 
				    width:1200px; text-align:center; text-decoration: none; font-size: 32pt; margin-left: auto; margin-right: auto; }




/*(10)**************  Frames Headings Text Code Definition all sites  ************************/ 
.framesTypes1 h1   { clear:both; font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold;
					width:1200px; margin-left: 0px; position: relative; z-index: 10; }

.framesTypes1 p	  { color: #664C00; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; 
				    width:1200px; text-align:center; text-decoration: none; font-size: 32pt; margin-left: auto; margin-right: auto; }

.framesTypes h1   { clear:both; font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold;
					width:1200px; margin-left: 0px; position: relative; text-align:center; margin-left: auto; margin-right: auto;
    				color: #664C00; z-index: 10; }



/*(11)*********************  Background Page Video Media Setup Definition all sites  **********************/
.videoClass {
  width: 1140px; height: 757px;
}

.videoClassPlanType2 {
  width: 340px; height: 226px;
}

.videoClassPlanType {
  width: 313px; height: 207px;
}



/*(Last)**********************  Footers Setup Definition all sites  ******************************/
.footer 	{ 
    		display: block;
    		clear:both; width:100%; height:0px; background-image:url(../images/png/main/bg_footer.png);
			border-top:1px #C00 solid; margin-left: 0px; position: relative; z-index: 10; }

.footer p { color: #D96D00; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; 
		    text-align:center; text-decoration: none; font-size: 10pt; margin:0pt; }


/*******************************  Main Footer Definition all site's front page  **************************/
.footerMain     { 
				  position: absolute;
				  backgroung-position: 0px 0px;
				  top: 618px;	
				  clear:both;
				  width:100%;
				  height:0px;
				  background-image:url(../images/png/main/bg_footer.png);
				  border-top:1px #C00 solid; margin-left: 0px; z-index: 10; }

.footerMain p	{ color: #D96D00; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; 
				  text-align:center; text-decoration: none; font-size: 10pt; margin:0pt; }


.footerMainO     { clear:both; width:100%; height:0px; top: 790px; left: 0px; background-image:url(../images/png/main/bg_footer.png);
				  border-top:1px #C00 solid; margin-left: 0px;  position: absolute; background-position: 0px 0px; }

.footerMainO p	{ color: #1f5065; font-family:"Minion Pro", serif; font-style: normal; font-weight: bold; 
				  text-align:center; text-decoration: none; font-size: 10pt; margin:0pt; }



/************************** Decor **************************************/
#decor    { width:100%; background-color:#D96D00; }



/************************* Portfolio Warning css ***********************/
.portWarn     	{ width:100%; }
.portWarn p		{ color: #D96D00; font-family:"Minion Pro", serif; font-style: normal; font-weight: normal; 
				  text-align:left; text-decoration: none; font-size: 12pt; margin:0pt; }
.portFontWarn  	{ color: brown; font-size: 14pt; font-weight: bold; }



/************************************************************************************************/
/************************************************************************************************/
/*****  CSS Page Setup Definition for XXlarge layout *********** 
**(2)*************************************************************/
header { 
	height: 73px;
	background: url(../images/png/headingbuttons/respheads/tye_1920_75_hd_plain.png) no-repeat left 0px;
	}
	
header .hdlogo {
	width: 327px;
	height: 65px;
	top: 0px;
	left: 20px;
	background-image: url(../images/png/headingbuttons/respheads/tye_logo_1400.png);
	}
	
header a.logout {
	width: 110px;
	height: 33px;
	top: 6px;
	left: 1090px;
	background-image: url(../images/png/headingbuttons/respheads/logout_btn_XLarge110.png);
	}


 .bg_container_main { background-image: url(../images/png/main/bg_container_1200x370.png); width: 1200px; height: 370px;
	background-size: cover; margin-right: auto; margin-left: auto; position: relative; float:left; z-index: 10; }
.content2 { width: 100%; height: auto; background-size: contain; margin-right:auto; margin-left:auto; }
/* resize images */
.content2 img { width: 100%; height: auto; object-fit: contain; }

header .myPic9090 { width: 65px; height: 65px;
					background-size: cover; margin-right: auto; margin-left: auto; position: relative; float:left; z-index: 10;	
					top: 4px; left: 1220px; }
header .myPic9090 img { width: auto; height: 100%; object-fit: contain; }

header .myPic100100 { width: 100px; height: 100px;
					background-size: cover; margin-right: auto; margin-left: auto; position: relative; float:left; z-index: 10;	
					top: 0px; left: 1220px; }
header .myPic100100 img { width: auto; height: 100%; object-fit: contain; }
	
header a.search {
	width: 110px;
	height: 33px;
	top: 6px;
	left: 1419px;
	background-image: url(../images/png/headingbuttons/respheads/search_btn_XLarge110.png);
	}
	
header .Search_textfield {  border: 0;
							width:  400px;
						 	height: 24px;
						 	top: 12px;
						 	left: 1000px;
						 	font-size: 18px;
						  	text-align:center; 
							}
	
header .Search_selectList { border: 0;
							width:  600px;
						 	height: 240px;
						 	top: 10px;
						 	left: 800px;
						 	font-size: 18px;
						  	text-align:left; 
						  	z-index:30;
							}


/**(5)************************  Slider Two Definition  ************************/
#slider2_wrapper { height:370px; width:1200px; }
#prev_slider2 {
	height:370px;
	width:80px;
	}
	
#next_slider2 {
	height:370px;
	width:80px;
	}
	
#slider2 { height:370px; width:1200px; }



/**(5B)***************************  Spinner  Definition  **************************/
.spinner {
    top:          136px;
    left:         400px;
	}


/*
 **********  END of Definitions  ********** 
 ******************************************
*/