/*
	LaWorks Layout Styles

	Styles contained within this document control the border regions of the webpage.
	Additional styling for the homepage pageConent DIV is found in style_Homepage.css
	Additional styling for text contained within the pageContent DIV is found in style_LaWorks.css

	Written: 2006-10-16 KMS
	Validated: 2006-11-15 KMS
Updates:
	Internal - Added minimum width for body, header & navigation 2007-05-09 KMS
	Internal - Changed minimum width for body to prevent scroll bars at 800x600 2007-05-10 KMS
	WO 4658 - Modified for 2008 Hurricane Awareness Logo  2008-05-22 LRA
	WO 5075 - Changes to Right Hand Column; links are now underlined on hover. All other
			normal links are now underlined and bold on hover and no longer turn 
			green. Text on left hand menu has also been altered to allow superior visibility
			by visually impaired visitors to our website. 2008-11-10 WDW
	WO 5201 - Added styles for ProgressReports link on homepage 2009-01-06 ADL		
	WO 5874 - Changed arrangment of links to: make Downloads link be Workforce Investment Council  laiken 2009-08-28
	WO I_20090918_IT - Corrected Positioning so pages will print laiken 2009-09-18
	WO 6062 - Made the Career_Vertical_Line vertical line longer on the WFD page 2009-11-02 ADL
	WO I_20091203_IT - Corrected the Navigation Menu of the Right Header so that it would not wrap when printed 2009-12-03 DES
	WO 7046 - Removed 'float:left;' in 'Body_Wrapper' for new browsers (IE8/FF2.0.0.1) 2010-09-13 laiken
	WR 26863 - Added 2 more logos to bottom pages 2011-12-14 laiken
	WO I_20121004_IT - Corrected height of CareerSolutions (and career_vertical_line) so that all links displayed 2012-10-04 BAC
	WO 45575 - replace youth works with LRS, made width/margin adjustments to nav_left and nav_right 2013-08-12 bac
	I_20130813_IT - added nowrap to #LWC_PortalMenu ul 2013-08-13 bac
	WO88495 - Corrected layout for ADA Compliance 2022-12-07 laiken
	WO I_20240524_Larry - Updated page for new style 2024-05-24 laiken
	WO I_20241014_Larry - Updated page for AAA compliance 669933 to 336333 2024-10-14 laiken
	WO I_20241014_Larry - Updated page for AAA compliance 339933 to 226622 2024-10-14 laiken

*/

/* REMOVED 6/1/2009 FOR NEW DESIGN laiken
body
{
	min-width:750px;
}
*/

#pageContent
{
	padding: 5px 10px 5px 10px;
	margin: 0px -2px -3px -2px;
	background-color:#ffffff;
}
			
#header,#navigation
{
	min-width:750px;
}


/*
	Appears only on the homepage to set the background of the right column
*/
#main
{
	background-image:url('../Images/Left_Green.gif');
	background-position:left;
	background-repeat:repeat-y;
	height:100%;
	width:100%;
}

/*
-----------------------------
Code below fixes page width in older browsers/mobile browsers. 10/21/2008 WDW
-------------------------------
*/

.PCwidth {
	min-width: 750px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
}
* html .PCminwidth {
	border-left: 750px solid #fff;
}
* html .PCcontainer {
	margin-left: -750px;
	position: relative;
}
/*\*/
* html .PCminwidth, * html .PCcontainer, * html  {
	height: 1px;
}


/*
LaWorks Page Header

Displays as:
|-------------|-------------|--------------|
| LaWorksLogo | headerImage | searchSurvey |
|-------------|-------------|--------------|

Absolutely positioned to prevent wrapping when window is resized.
Pixel font sizes to prevent wrapping when font size is increased.
headerImage is layered under LaWorksLogo & searchSurvey to prevent wrapping.
*/
#header
{
	background-image:url('../Images/Top_Background.gif');
	height:115px;
	left:0px;
	position:relative;
	text-align:center;
	top:0px;
	width:100%;
}
#LaWorksLogo
{
	background-color:#FFFFFF;
	height:115px;
	left:0;
	position:absolute;
	top:0;
	width:175px;
	z-index:1;
}
#YouthLogo
{
	right:65px;
	position:relative;
	/*top:320px; */
	padding:0 0 0 0;


}

#headerImage
{
	height:90px;
	margin: 0 30px 0 0;
	position:relative;
	width:430px;
	z-index:0;
}
/*
DIV that contains a link to the site survey and a textbox and image button to search the website.

Displays as:
|----------------------------|
|           Survey           |
|----------------------------|
| searchText | btnSiteSearch |
|----------------------------|
*/
#searchSurvey
{
	height:30px;
	position:absolute;
	right:220px;
	text-align:center;
	top:10px;
	width:105px;
	white-space:nowrap;
	z-index:1;
	background-image:url('../Images/Survey_Button.gif');
	background-repeat:no-repeat;
}
#Survey
{
	font-family:Arial;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:30px;
	text-decoration:none;
	width:105px;
	position:absolute;
	top:2px;
	left:0px;
	margin: 0 -20px 0 0;
}
#Survey:hover{color:#99cc99;}
#searchGreen{color:#226622;}

#searchText
{
	position:absolute;
	top:0px;
	left:110px;
}
#txtSearch
{
	font-size:15px;
	height:16px;
	position:relative;
	top:0px;
	left:0px;
	width:170px;
}

#btnSiteSearch
{
	position:absolute;
	left:150px;
	top:4px;
}
/*
LaWorks Navigation Bar

Displays as:
|------|----------|------|-------------|------------|-----------|
| home | about us | FAQs | individuals | businesses | downloads |
|------|----------|------|-------------|------------|-----------|

Absolutely positioned to prevent wrapping when window is resized.
Pixel font sizes to prevent wrapping when font size is increased.

home, individuals, businesses, downloads not displayed on homepage;
	code to hide these links is located in homepage.asp
*/

/*
LaWorks Left Hand Column

Displays as:
|--------------------------|
|     Career Solutions     |
|--------------------------|
|    Services by Region    |
|--------------------------|
|      Stamp Out Fraud     |
|--------------------------|
| Labor Market Information |
|--------------------------|
|  Unemployment Insurance  |
|--------------------------|
|  Workforce Development   |
|--------------------------|
|  Workers' Compensation   |
|--------------------------|
*/

/*
LaWorks Right Hand Column

Displays As:
|                          |
|2008 Workforce Summits    |
|--------------------------|
|    Procurement           |
|    Opportunities         |              
|--------------------------|
|    Job Fairs & Events    |
|--------------------------|
|         Newsroom         |
|--------------------------|
|       newsArticles       |
|--------------------------|

Only displayed on the homepage
*/

/* Defines button styles */

#portalsRight
{
	font-family:Arial;
	background-color:#FFFFFF;
	background-image:url('../Images/Black_Box.gif');
	background-repeat:no-repeat;
	float:right;
	margin:20px 0 0 0;
	padding: 0 0 0 15px;
	position:relative;
	right:0;
	top:0px;
	width:205px;
	height:400px;
	z-index:0;
	text-align:center;

}
#portalsRight a
{
	color:#CC3333;
	display:inline;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
}


#portalsRight a:visited {color:#CC3333;}
#portalsRight a:hover {color:#003366;}

#portalWFS a
{
	text-align:left;
	color:#339999;
	display:block
}
.portalNormal
{
	font-weight:normal;
	font-size:1em;
}
.portalBoldLarge
{
	font-weight:bold;
	font-size:1.4em;
}
.portalBold
{
	font-weight:bold;
}
#portalWFS a:visited {color:#339999;}
#portalWFS a:hover 
{
color:#339999;
text-decoration:underline;
}

#portalCALofEVENTS a
{
	text-align:left;
	color:#339999;
	font-weight:bold;
	font-size:1.4em;
	display:block
}

#portalCALofEVENTS a:visited {color:#339999;}
#portalCALofEVENTS a:hover 
{
color:#339999;
text-decoration:underline;
}

#portalProgressReport a:visited {color:#339999;}
#portalProgressReport a:hover 
{
color:#339999;
text-decoration:underline;
}
#portalProgressReport a
{
	text-align:left;
	color:#339999;
	display:block
}


#portalPCMT a
{
	text-align:left;
	color:#339999;
	font-weight:bold;
	font-size:1.4em;
	display:block
}

#portalPCMT a:visited {color:#339999;}
#portalPCMT a:hover 
{
color:#339999;
text-decoration:underline;
}

#portalNEWS 
{
	text-align:left;
	color:#000000;
	font-weight:normal;
	font-size:1em;
	display:block;

}
#portalNEWS a
{
	text-align:left;
	color:#000000;
	font-weight:normal;
	font-size:1em;
}
#portalNEWS a:visited 
{
color:#000000;
text-decoration:underline;
}
#portalNEWS a:hover 
{
color:#000000;
text-decoration:underline;
}

#portalMoreNews a
{

	color:#003366;
	font-weight:bold;
	text-align:right;
	font-size:1em;
	display:block
}

#portalMoreNews a:hover
{
text-decoration:underline;
}
#portalYouthWorks
{
	margin: 37px 0 0 0;
}
#portalLaGov
{
	margin: 25px 0 0 0;
}
/*
Body_Wrapper is a DIV that contains all non-navigational content
*/
#Body_Wrapper
{
	min-width: 740px;
/*	float:left;*/
	margin:0 0 0 0;
/*	position:relative;*/
	text-decoration:none;
	text-align: left;
	width:100%;
	overflow: hidden;
	display:block;
	font: normal 10pt Arial;
	background-color:#ffffff;

}
#Body_Wrapper a
{
	color:#003366;
	text-decoration:none;
	font: normal 10pt Arial;
	
}
#Body_Wrapper a:hover
{
	text-decoration:underline;
	font-weight:bold;
}

/*

LaWorks Page Footer

Displays as:
|-----------|------------|----------------|
| LaGovLogo | footerText | YouthWorksLogo |
|-----------|------------|----------------|

YouthWorksLogo only appears on the homepage
*/

#footerText
{
	background:#339999;
	clear:both;
	font-size:0.7em;
	letter-spacing:0.04em;
	padding:10px 0 0 0;
	position:relative;
	text-align:center;
	width:100%;
	color:#FFFFFF;
	z-index:0;
}
#footerText ul
{
	list-style:none;
	margin: 0 0 -8px 0;
	padding:0;
}
#footerText li
{
	border-right:1px solid #FFFFFF;
	padding:0 5px 0 7px;
	display:inline;
}
#footerText a 
{
	font-size:1.2em;
	color:#ffffff;
	text-decoration:none;
}
#footerText a:hover
{
	color:#003366;
}
#footerText a:visited
{
	color:#ffffff;
}
#footerText p {text-align:center;}
#footerText li.noBorder 
{
	border: none;
}
#LaHurricaneLogo
{
	left:11px;
	position:absolute;
	z-index:0;
}
#YouthWorksLogo
{

	position:absolute;
	right:0;

	z-index:0;
	vertical-align:bottom;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#wireframeauramenu
{
	top:0px;
	position:relative;
	z-index:2;
	font-weight: bold;
	font-size: 100%;
	width: 100%;
	background: url('../Images/Green_Line.gif'); /*no-repeat center;  background of menu item onMouseover*/
}

#wireframeauramenu ul
{
	border: 0px;
	padding: 9px 0 20px 0;
	margin: 0;
	text-align: center; /*set value to "left", "center", or "right"*/
	overflow: hidden;
	font-family:Arial;
	font-size: 14px;
	text-align: left;
}

#wireframeauramenu ul li
{
	display: inline;
}

#wireframeauramenu li a
{
	color: #FFFFFF;
	padding: 20px 0px 24px 0px;
	margin: 0;
	text-decoration: none;
	background: url('../Images/Navigation_Normal.gif') no-repeat center; /*background of menu item onMouseover*/
}

li#green a
{
color: #FFFFFF;
	padding: 20px 0px 24px 0px;
	margin: 0;
	text-decoration: none;
	background: url('../Images/Navigation_Normal.gif') no-repeat center;
}


li#green a:hover
{
color: #FFFFFF;
	background: url('../Images/Navigation_Rollover_green.gif') no-repeat center;
}

li#white a:hover
{
color: #FFFFFF;
	background: url('../Images/Navigation_Rollover.gif') no-repeat center;
}

.OuterBorder 
{
	border: 14px solid #FFFFFF;
	background-color:  #FFFFFF;
	height: 100%;
}
/* REMOVED 6/1/2009 FOR NEW DESIGN laiken
body 
{ 
	padding: 0;
	left:0;
	border: 14px solid #339999;
	margin: 0; 
}
*/

.Grn {
background-image:url('Top_Background.gif');
background-repeat: repeat-x;
}
.portalsLeft{
	background-color:#99cc99;
/*	background-color:#003366;*/
	float:left;
	position:relative;
	text-align:left;
	top:-7px;
	width:175px;
	z-index:1;
	padding: 0;
}

.portalsLeft hr 
{
	width:90%;
/*	color: #376333;*/
	color: #376333;
	text-align: center;
}

.portalsLeft ul{
list-style-type: none;
margin: 0 0 0 0;
padding: 15px 0 0 0;
border: 0;
}

.portalsLeft ul li a
{
	background: url(../images/Left_box.gif) no-repeat 0px center;	
	font: bold 12px Arial;
/*	color: #FFFFFF;*/
	color: #336666;
	display: block;
	width: auto;
	padding: 0 0 0 15px;
	text-decoration: none;
	border-bottom: 0;
}

* html .portalsLeft ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 155px;
}

.portalsLeft ul li a:visited, .portalsLeft ul li a:active
{
	color: #336666;
}

.portalsLeft ul li a:hover
{
	background: url(../images/Left_Arrow.gif) no-repeat 0px center;	
	color: #336666;
	margin: 0 -1px 0 1px;
}

/* Holly Hack for IE \*/
* html .portalsLeft ul li { height: 1%; }
* html .portalsLeft ul li a { height: 1%; }
/* End */


.portalHeader
{
	font-family:Arial Narrow;
	color:#376333;
	display:block;
	font-weight:bold;
	text-decoration:none;
	font-size:2.0em;
	padding: 15px 0 0 0;
}
#WorkerText
{
//	float:left;
	/*background: url(../images/Worker_People.gif) no-repeat 0px top;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
/*	position:relative;*/
	text-align:left;
	z-index:2;
	background-color:#ffffff;
}

#WorkerText ul
{
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	border: 0;
}

#WorkerText ul li
{
/*	position:relative;*/
	font: normal 12px Arial;
	color: #000000;
	width: auto;
	padding: 0 0 0 0;
	text-decoration: none;
	border-bottom: 0px;
	z-index:2;
	margin: 0 0 0 0;
}

#BusinessText
{
//	float:left;
	/*background: url(../images/Business_Skyscraper.gif) no-repeat 0px top;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
/*	position:relative;*/
	text-align:left;
	z-index:2;
	background-color:#ffffff;
}

#BusinessText ul
{
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
	border: 0;
}

#BusinessText ul li
{
/*	position:relative;*/
	font: normal 12px Arial;
	color: #000000;
	width: auto;
	padding: 0 0 0 0;
	text-decoration: none;
	border-bottom: 0px;
	z-index:2;
	margin: 0 0 0 0;
}

#portalLink_Bullet
{
	position:relative;
	margin: 0 0 -15px 0;
}
#portalLink_Bullet a
{
	color:#003366;
	text-decoration: none;
	font: bold 16px Arial;
	/*background: url(../images/Black_Circle.gif) no-repeat 0px top;*/
	width: auto;
	padding: 0 0 0 0;
	border-bottom: 0px;
	z-index:2;
	margin: 0 0 0 0;
}

#portalLink_Bullet a:hover
{
	text-decoration: underline;
	/*background: url(../images/Green_Circle.gif) no-repeat 0px top;*/
}

#YouAreHere
{
	margin: 10px 0 0 40px;
}
#YouAreHere a
{
	text-align:left;
	color:#003366;
	font-weight:normal;
	font-size:1em;
}

#YouAreHere a:visited {color:#376333;}
#YouAreHere a:hover 
{
	color:#003366;
	font-weight:bold;
}

.CareerSolutionsBoldLarge
{
	font-family:Arial Narrow;
	color:#376333;
	display:block;
	font-weight:bold;
	text-decoration:none;
	font-size:2.0em;
	padding: 15px 0 0 0;
}

/*Necessary styles and divs for proper display of Career Solutions page. Added 10/17/2008 WDW */


#CareerSolutionsText
{
//	float:left;
	/*background: url(../images/Business_Skyscraper.gif) no-repeat 0px top;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
/*	position:relative;*/
	text-align:left;
	z-index:2;
	background-color:#ffffff;
}

#CareerSolutionsText ul
{
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	border: 0;
}
	/*increased CareerSolutions height to accommodate more links on left hand side 2012-10-04 BAC*/	
#CareerSolutions 
{
	float:left;
	margin: -20px 0 0 0;
	position:relative;
	text-align:left;
	margin-left:0px;
	min-width:560px;
	height:360px;
	overflow: hidden;
        display:block;
}
	/*increased Career_Vertical_Line height to accommodate more links on left hand side 2012-10-04 BAC*/	
#Career_Vertical_Line
{
	width:2px;
	height:320px;
	background-color:#003366;
	float:left;
}
		
#CareerSolutions_Column_Left
{
	width:280px;
	height:500px;
	float:left;
	padding-right:0px;
	margin-top:6px;
	margin-left:-15px;
}

#CareerSolutions_Column_Right
{	
	height:500px;
	min-width:300px;
	float:left;
	margin-top:6px;
	margin-left:-10px;
}
		
.CareerSolutions_heading 
{
	font: bold 9pt Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
	font-size:9.8pt;
	padding-left:24px;
	text-decoration: none;
}
		
#CareerSolutions ul
{
	margin: 0 0 0 40px;
}

#LWC_PortalMenu 
{
	top:0px;
	position:relative;
	z-index:2;
	font-weight: bold;
	font-size: 100%;
	width: 100%;
	background-color: #31434f;
}

#LWC_PortalMenu ul
{
	border: 0px;
	padding: 9px 0 10px 0;
	margin: 0 -5px 0 -1px;
	text-align: center; /*set value to "left", "center", or "right"*/
	overflow: hidden;
	font-family:Arial;
	font-size: 14px;
	text-align: left;
	//white-space: nowrap;
}

#LWC_PortalMenu ul li
{
	display: inline;
	
}

#LWC_PortalMenu li a
{
	color: #FFFFFF;
	padding: 10px 0 14px 0px;
	margin: 0 0 0 0;
	text-decoration: none;
}

li#white a:hover
{
	background-color: #00a024;
}

#LWC_TopRow
{
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0 0px;
	height:20px;
	position:relative;
}

#LWC_TopLeft
{
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	width: 90px;
	height:20px;
	position:relative;
}

#LWC_TopCenter
{
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 45px;
	width: 180px;
	height:20px;
	position:relative;
}

#LWC_TopRight
{
	float:right;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 0px 0px;
	width: 45px;
	height:20px;
	position:relative;
}

#LWC_FormText
{
	font-size:10px;
}


#Nav_Left
{
	width:180px;
	/*height:60px;*/
	float:left;
	padding: 0 0 0 0;
	margin: 0 0 0 -70px;
	display: inline-block;
}

#Nav_Left ul
{
	list-style:none;
}

#Nav_Left li
{	
	margin: 0 0 0 0;
}
		

#Nav_Center
{	
	width:180px;
	/*height:60px;*/
	float:left;
	padding: 0 0 0 0;
	margin: 0 0 0 -35px;
	display: inline-block;
}
#Nav_Center ul
{	
	list-style:none;
}
#Nav_Center li
{	
	margin: 0 0 0 0;
}
		
#Nav_Right
{	
	width:150px;
	/*height:60px;*/
	float:left;
	padding: 0 0 0 0;
	margin: 0 0 0 -35px;
	white-space:nowrap;
	display: inline-block;
}

#Nav_Right ul
{	
	list-style:none;
}
		
#Nav_Right li
{	
	margin: 0 0 0 0;
}
		
#Nav_Left li.LWC_liborder, #Nav_Center li.LWC_liborder, #Nav_Right li.LWC_liborder
{	
	border-bottom: 1px solid #00a024;
}
				
#Nav_Left a, #Nav_Center a, #Nav_Right a
{	
	font-family: Arial;
	font-weight: normal;
	color:#000000;
	text-decoration: none;
	font-size:7pt;
}

#Nav_Left a:hover, #Nav_Center a:hover, #Nav_Right a:hover
{	
	font-family: Arial;
	font-weight: normal;
	color:#00a024;
	text-decoration: none;
	font-size:7pt;
}

/*
	Replacing TABLEs for all page footers
*/
.TBLcontainer {display: table;max-width:750px;}
.TBLrow {display: table-row;}

.TBLtopleft {display: table-cell;text-align: left;border-bottom: 3px solid #000000;width:225px;padding-bottom:0px;}
.TBLleft {display: table-cell;text-align: left;border-bottom: 3px solid #000000;width:225px;padding-bottom:10px;}
.TBLcenter {display: table-cell;text-align: center;border-bottom: 10px solid #FFFFFF;}
.TBLright {display: table-cell;text-align: right;border-bottom: 10px solid #FFFFFF;}
.TBLleft p, .TBLright p, .TBLcenter p {margin: 1px 1px;}

.TBLleft_NoBdr {display: table-cell;text-align: left;border-bottom: 0px;padding-bottom:10px;}
.TBLcenter_NoBdr {display: table-cell;text-align: center;border-bottom: 0px;padding-bottom:10px;}
.TBLright_NoBdr {display: table-cell;text-align: right;border-bottom: 0px;padding-bottom:10px;}
.TBLleft_NoBdr p, .TBLright_NoBdr p, .TBLcenter_NoBdr p {margin: 1px 1px;}

/*
top=Top Row & <blank>=All Other Rows
left=Align Left & center=Align Center & right=Align Right
O=Odd(has white background) & E-Even(has gray background)
B=Beginning & M=Middle & E=End
*/

.TBLtopleftB {display: table-cell;color: #ffffff;text-align: left;font-size: 12px;border-bottom: 3px solid #000000;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #03C03C;padding: 0px 5px 0px 2px;}
.TBLtopleftM {display: table-cell;color: #ffffff;text-align: left;font-size: 12px;border-bottom: 3px solid #000000;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #03C03C;padding: 0px 5px 0px 2px;}
.TBLtopleftE {display: table-cell;color: #ffffff;text-align: left;font-size: 12px;border-bottom: 3px solid #000000;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #03C03C;padding: 0px 5px 0px 2px;}
.TBLtopcenterB {display: table-cell;color: #ffffff;text-align: center;font-size: 12px;border-bottom: 3px solid #000000;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #03C03C;padding: 0px 5px 0px 2px;}
.TBLtopcenterM {display: table-cell;color: #ffffff;text-align: center;font-size: 12px;border-bottom: 3px solid #000000;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #03C03C;padding: 0px 5px 0px 2px;}
.TBLtopcenterE {display: table-cell;color: #ffffff;text-align: center;font-size: 12px;border-bottom: 3px solid #000000;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #03C03C;padding: 0px 5px 0px 2px;}
.TBLtoprightB {display: table-cell;color: #ffffff;text-align: right;font-size: 12px;border-bottom: 3px solid #000000;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #03C03C;padding: 0px 5px 0px 2px;}
.TBLtoprightM {display: table-cell;color: #ffffff;text-align: right;font-size: 12px;border-bottom: 3px solid #000000;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #03C03C;padding: 0px 5px 0px 2px;}
.TBLtoprightE {display: table-cell;color: #ffffff;text-align: right;font-size: 12px;border-bottom: 3px solid #000000;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #03C03C;padding: 0px 5px 0px 2px;}
.TBLleftOB {display: table-cell;text-align: left;font-size: 12px;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #ffffff;padding: 0px 5px 0px 2px;}
.TBLleftOM {display: table-cell;text-align: left;font-size: 12px;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #ffffff;padding: 0px 5px 0px 2px;}
.TBLleftOE {display: table-cell;text-align: left;font-size: 12px;border-right: 2px solid #ffffff;padding-bottom:1px;background: #ffffff;padding: 0px 5px 0px 2px;}
.TBLcenterOB {display: table-cell;text-align: center;font-size: 12px;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #ffffff;padding: 0px 5px 0px 2px;}
.TBLcenterOM {display: table-cell;text-align: center;font-size: 12px;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #ffffff;padding: 0px 5px 0px 2px;}
.TBLcenterOE {display: table-cell;text-align: center;font-size: 12px;border-right: 2px solid #ffffff;padding-bottom:1px;background: #ffffff;padding: 0px 5px 0px 2px;}
.TBLrightOB {display: table-cell;text-align: right;font-size: 12px;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #ffffff;padding: 0px 5px 0px 2px;}
.TBLrightOM {display: table-cell;text-align: right;font-size: 12px;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #ffffff;padding: 0px 5px 0px 2px;}
.TBLrightOE {display: table-cell;text-align: right;font-size: 12px;border-right: 2px solid #ffffff;padding-bottom:1px;background: #ffffff;padding: 0px 5px 0px 2px;}
.TBLleftEB {display: table-cell;text-align: left;font-size: 12px;border-right: 2px solid #ffffff;padding-bottom:1px;background: #DCDCDC;padding: 0px 5px 0px 2px;}
.TBLleftEM {display: table-cell;text-align: left;font-size: 12px;border-right: 2px solid #ffffff;padding-bottom:1px;background: #DCDCDC;padding: 0px 5px 0px 2px;}
.TBLleftEE {display: table-cell;text-align: left;font-size: 12px;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #DCDCDC;padding: 0px 5px 0px 2px;}
.TBLcenterEB {display: table-cell;text-align: center;font-size: 12px;border-right: 2px solid #ffffff;padding-bottom:1px;background: #DCDCDC;padding: 0px 5px 0px 2px;}
.TBLcenterEM {display: table-cell;text-align: center;font-size: 12px;border-right: 2px solid #ffffff;padding-bottom:1px;background: #DCDCDC;padding: 0px 5px 0px 2px;}
.TBLcenterEE {display: table-cell;text-align: center;font-size: 12px;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #DCDCDC;padding: 0px 5px 0px 2px;}
.TBLrightEB {display: table-cell;text-align: right;font-size: 12px;border-right: 2px solid #ffffff;padding-bottom:1px;background: #DCDCDC;padding: 0px 5px 0px 2px;}
.TBLrightEM {display: table-cell;text-align: right;font-size: 12px;border-right: 2px solid #ffffff;padding-bottom:1px;background: #DCDCDC;padding: 0px 5px 0px 2px;}
.TBLrightEE {display: table-cell;text-align: right;font-size: 12px;border-right: 2px solid #DCDCDC;padding-bottom:1px;background: #DCDCDC;padding: 0px 5px 0px 2px;}

/*
FRMOBA=Frame & O=Outside & B=Border & all=Whole Area
FRMOBL=Frame & O=Outside & B=Border & L=Left column
FRMOBR=Frame & O=Outside & B=Border & R=Right column
*/
.FRMOBA {float: left;text-align: center;padding: 5px 4px 5px 0px;width:100%;max-width: 750px;margin: -4px 0px 2px -2px;background-color:#ffffff;}
.FRMOBL {float: left;text-align: center;padding: 0px 0px 5px 5px;width: 345px;margin: 0px 0px 0px 0px;background-color:#ffffff;display:inline-block;}
.FRMOBR {float: left;text-align: center;padding: 0px 0px 5px 5px;width: 345px;margin: 0px 0px 0px 0px;background-color:#ffffff;display:inline-block;}