/* BASE CSS DOCUMENT FOR ALL THOMLETS - v1.4
Prepared on June 27, 2005 for inclusion with the next release of T1WF.
Documentation can be found at: http://ueg.tfn.com/user_experience/ueg/styleguide/index.asp
New and modified classes appear at the beginning of this file.
*/


/*for images/icons that sit within buttons*/
.button img {   margin: 2 2 2 1}


/*for date selector - date format*/
.date {  
font-family: tahoma, arial, verdana; 
font-size: 125%; 
font-weight: bold; 
margin: 6px; 
display: block;
}


/*for dynamic menu normal state*/
.menu {
background-color: #9AB3EC;
color: #1F2A8E;
font-family: tahoma, arial;
font-size: 10px;
font-weight: bold;
border-top: 1px #D5E4FD solid;
border-left: 1px #D5E4FD solid;
border-bottom: 1px #455689 solid;
border-right:  1px #455689 solid;
padding: 3px;
display: block;
cursor:pointer;
margin-top: 0px;
text-align: left;
}

/*for dynamic menu mouseover state*/
.menuover {
background-color: #4F63D3;
color: #AEC8FA;
font-family: tahoma, arial;
font-size: 10px;
font-weight: bold;
border-top: 1px #AEC8FA solid;
border-left: 1px #AEC8FA solid;
border-bottom: 1px #455689 solid;
border-right:  1px #455689 solid;
padding: 3px;
display: block;
cursor:pointer;
margin-top: 0px;
text-align: left;
}


/* for white version of control row */
.controlwhite td, tr.controlwhite td	{
			FONT-SIZE: 70%;
			COLOR: #000000;
			VERTICAL-ALIGN: middle;
			PADDING-TOP: 2px;
			PADDING-BOTTOM: 2px;
			PADDING-LEFT: 3px;
			PADDING-RIGHT: 3px;
			BORDER: 0px;
			BACKGROUND-COLOR: #FFFFFF;
			}




/*Classes for hover and selected rows */
.hover td, td.hover				{
				FONT-SIZE: 70%;
        			COLOR: #FFFFFF;
        			BACKGROUND-COLOR: #98B5E2;
    				PADDING-TOP: 1px;
        			PADDING-BOTTOM: 2px;
        			PADDING-RIGHT: 3px;
				PADDING-LEFT: 3px;
				cursor:pointer
				}

.selected td, td.selected			{
				FONT-SIZE: 70%;
        			COLOR: #FFFFFF;
        			BACKGROUND-COLOR: #316AC5;
    				PADDING-TOP: 1px;
        			PADDING-BOTTOM: 2px;
        			PADDING-RIGHT: 3px;
				PADDING-LEFT: 3px
				}

/*Classes for search fragments that appear in selected rows. Needs to be white because background is dark*/
.selected .hotword, .hover .hotword
{
COLOR: #FFFFFF;
}

/*Class for general purpose, 1 pixel border*/
.border {  
margin: 0px; 
padding: 0px;
border: #dadada solid 1px;
}


/* border needed to be removed on odd row to make even and odd same height - breaking hover - horizontal lines can be inserted into print css */
.odd td, td.odd				{
					FONT-SIZE: 70%;
        				COLOR: #000000;
        				BACKGROUND-COLOR: #F3F3FB;
      					PADDING-TOP: 1px;
        				PADDING-BOTTOM: 2px;
        				PADDING-RIGHT: 3px;
					PADDING-LEFT: 3px;
					}


/* .popup creates bg COLOR and margins for popup - font family & size added here! */
.popup					{
					BORDER: 0px;
					MARGIN-TOP: 8px;
					MARGIN-BOTTOM: 8px;
					MARGIN-LEFT: 8px;
					MARGIN-RIGHT: 8px;
					FONT-WEIGHT: normal;
					BACKGROUND-COLOR: #CFCDCD;
					FONT-SIZE: 70%;
					font-family: tahoma, arial, verdana; 
					}
/* universal font style added */

body			{
					FONT-SIZE: x-small;
					COLOR: #000000;
					FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					MARGIN: 0px;
					BACKGROUND-COLOR: #FFFFFF;
					SCROLLBAR-ARROW-COLOR: #666666;
					SCROLLBAR-FACE-COLOR: #D4D4D4;
					SCROLLBAR-HIGHLIGHT-COLOR: #D4D4D4;
					SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
					SCROLLBAR-SHADOW-COLOR: #D4D4D4;
					SCROLLBAR-DARKSHADOW-COLOR: #BABABA;
					SCROLLBAR-TRACK-COLOR: #EFEFEF;
				}



/*****************************************************************************
CLASSES GOVERNING UNIVERSAL STYLES
*****************************************************************************/


body.rt					{
					MARGIN: 0px;
					BACKGROUND-COLOR: #141414
					}

td					{
					FONT-SIZE: x-small;
					COLOR: #000000;
					FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
					}

a:link					{COLOR: #1F2A8E; TEXT-DECORATION: underline}
a:hover					{COLOR: #999999; TEXT-DECORATION: none}
a:visited				{COLOR: #999999; TEXT-DECORATION: underline}
a:visited:hover 			{COLOR: #999999; TEXT-DECORATION: none}

.rt a:link				{COLOR: #AEC8F9; TEXT-DECORATION: underline}
.rt a:hover				{COLOR: #BFCBCB; TEXT-DECORATION: none}
.rt a:visited			{COLOR: #BFCBCB; TEXT-DECORATION: underline}
.rt a:visited:hover 		{COLOR: #BFCBCB; TEXT-DECORATION: none}

/*Depreciated*/
a.rtlink:link				{COLOR: #AEC8F9; TEXT-DECORATION: underline}
a.rtlink:hover				{COLOR: #BFCBCB; TEXT-DECORATION: none}
a.rtlink:visited			{COLOR: #BFCBCB; TEXT-DECORATION: underline}
a.rtlink:visited:hover 			{COLOR: #BFCBCB; TEXT-DECORATION: none}



a.dynamic:link				{COLOR: #1F2A8E; TEXT-DECORATION: underline}
a.dynamic:hover				{COLOR: #999999; TEXT-DECORATION: none}
a.dynamic:visited			{COLOR: #1F2A8E; TEXT-DECORATION: underline}
a.dynamic:visited:hover 		{COLOR: #999999; TEXT-DECORATION: none}

a.rtdynamic:link			{COLOR: #AEC8F9; TEXT-DECORATION: underline}
a.rtdynamic:hover			{COLOR: #AEC8F9; TEXT-DECORATION: none}
a.rtdynamic:visited			{COLOR: #AEC8F9; TEXT-DECORATION: underline}
a.rtdynamic:visited:hover 		{COLOR: #AEC8F9; TEXT-DECORATION: none}






/*****************************************************************************
CLASSES GOVERNING FORMS/BUTTONS
*****************************************************************************/
input					{
					FONT-SIZE: 11px;
					FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
					}

select					{
					FONT-SIZE: 11px;
					FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
					}			



/*****************************************************************************
CLASSES GOVERNING 100% TABLE WIDTHS
*****************************************************************************/
table.contenttable			{
					WIDTH: 100%;
					BORDER: 0px;
					PADDING: 0px
					}



/*****************************************************************************
CLASSES GOVERNING ROW STYLES
*****************************************************************************/
.title td, td.title			{
                    			FONT-SIZE: 70%;
                    			FONT-WEIGHT: bold;
                    			COLOR: #FFFFFF;
					BACKGROUND-COLOR: #7B84BE;
                    			FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#7B84BE', EndColorStr='#666EA5');
                    			PADDING-LEFT: 4px;
                    			PADDING-RIGHT: 4px;
                    			PADDING-TOP: 1px;
                    			PADDING-BOTTOM: 1px;
                    			BORDER-BOTTOM: 1px solid #666EA5
                    			}


.title a:link          {COLOR: #FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: underline}
.title a:hover         {COLOR: #FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none}
.title a:visited       {COLOR: #FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: underline}
.title a:visited:hover {COLOR: #FFFFFF; FONT-WEIGHT: normal; TEXT-DECORATION: none}
					
td.rttitle				{
                    			FONT-SIZE: 70%;
                    			FONT-WEIGHT: bold;
                    			COLOR: #FFFFFF;
					BACKGROUND-COLOR: #313894;
					FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#313894', EndColorStr='#182073');
                    			PADDING-LEFT: 4px;
                    			PADDING-RIGHT: 4px;
                    			PADDING-TOP: 1px;
                    			PADDING-BOTTOM: 1px;
                    			BORDER-BOTTOM: 1px solid #182073
    					}
			


.subtitle td, td.subtitle		{
					FONT-SIZE: 70%;
                       			FONT-WEIGHT: bold;
                        		COLOR: #FFFFFF;
					BACKGROUND-COLOR: #979EC8;
                    			FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#979EC8', EndColorStr='#868CB3');
                        		PADDING-LEFT: 4px;
                        		PADDING-RIGHT: 4px;
                        		PADDING-TOP: 1px;
                        		PADDING-BOTTOM: 1px;
                        		BORDER-BOTTOM: 1px solid #868CB3
                        		}



.columnheader td, td.columnheader	{
                        		COLOR: #777777;
                        		FONT-SIZE: 65%;
                        		BACKGROUND-COLOR: #FFFFFF;
                        		FONT-WEIGHT: bold;
                        		PADDING-TOP: 2px;
                        		PADDING-BOTTOM: 1px;
                        		PADDING-LEFT: 3px;
                        		PADDING-RIGHT: 3px;
					VERTICAL-ALIGN: bottom;
                        		BORDER-BOTTOM: 1px solid #777777
                        		}

.topcolumnheader td, td.topcolumnheader	{
                        		COLOR: #777777;
                        		FONT-SIZE: 65%;
                        		BACKGROUND-COLOR: #FFFFFF;
                        		FONT-WEIGHT: bold;
                        		PADDING-TOP: 2px;
                        		PADDING-BOTTOM: 1px;
                        		PADDING-LEFT: 3px;
                        		PADDING-RIGHT: 3px;
					VERTICAL-ALIGN: middle;
                        		BORDER-BOTTOM: 1px solid #FFFFFF
                        		}


.columnheader a:link			{COLOR: #777777; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
.columnheader a:hover			{COLOR: #777777; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.columnheader a:visited			{COLOR: #777777; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
.columnheader a:visited:hover 		{COLOR: #777777; FONT-WEIGHT: bold; TEXT-DECORATION: none}

a.sort:link				{COLOR: #777777; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
a.sort:hover				{COLOR: #777777; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.sort:visited				{COLOR: #777777; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
a.sort:visited:hover 			{COLOR: #777777; FONT-WEIGHT: bold; TEXT-DECORATION: none}

.even td, td.even			{
        				FONT-SIZE: 70%;
       					COLOR: #000000;
        				BACKGROUND-COLOR: #FFFFFF;
        				PADDING-TOP: 1px;
        				PADDING-BOTTOM: 2px;
        				PADDING-RIGHT: 3px;
					PADDING-LEFT: 3px
					}





.footnote td, td.footnote		{
                    			FONT-SIZE: 65%;
                    			TEXT-ALIGN: left;
                    			COLOR: #666666;
                    			BACKGROUND-COLOR: #EFEFEF;
                    			PADDING-TOP: 1px;
                    			PADDING-BOTTOM: 1px;
                    			PADDING-LEFT: 3px;
                    			PADDING-RIGHT: 3px;
                    			BORDER-TOP: #FFF 1px solid;
                    			BORDER-BOTTOM: #999999 1px solid;
                    			BORDER-LEFT: #FFF 1px solid;
                    			BORDER-RIGHT: #999 1px solid
                    			}


.total td, td.total			{
					HEIGHT: 1.97em;
					VERTICAL-ALIGN: top;
					FONT-SIZE: 70%;
					COLOR: #000000;
					FONT-WEIGHT: bold;
					PADDING-RIGHT: 3px;
					PADDING-LEFT: 3px;
					PADDING-TOP: 2px;
					BORDER-TOP: #CCCCCC 1px solid;
					BACKGROUND-COLOR: #FFFFFF
					}


.totalnum				{
					BORDER-BOTTOM: #000000 3px double;
					FONT-SIZE: 95%;
					}

.spacer td, td.spacer			{
					HEIGHT: 25px
					}




.rtodd td, td.rtodd		   	{
    					COLOR: #FFFFFF;
					BACKGROUND-COLOR: #141414;
    					FONT-SIZE: 70%;
    					PADDING-TOP: 1px;
    					PADDING-BOTTOM: 2px;
    					PADDING-RIGHT: 3px;
    					PADDING-LEFT: 3px;
    					VERTICAL-ALIGN: top;
    					BORDER-RIGHT: 0px solid #666666;
					BORDER-LEFT: 0px solid #B2B2B2;
    					BORDER-BOTTOM: 0px solid #666666;
    					BORDER-TOP: 0px solid #B2B2B2;
    					}



.rteven td, td.rteven		        {
    					COLOR: #FFFFFF;
					BACKGROUND-COLOR: #1C1C1C;
    					FONT-SIZE: 11px;
    					PADDING-TOP: 1px;
    					PADDING-BOTTOM: 2px;
    					PADDING-RIGHT: 3px;
    					PADDING-LEFT: 3px;
    					VERTICAL-ALIGN: top;
    					BORDER-RIGHT: 0px solid #666666;
    					BORDER-LEFT: 0px solid #B2B2B2;
    					BORDER-BOTTOM: 0px solid #666666;
    					BORDER-TOP: 0px solid #B2B2B2;
    					}


.rtcolumnheader td, td.rtcolumnheader	{
    					COLOR: #999999;
					BACKGROUND-COLOR: #222222;
					FONT-WEIGHT: bold;
    					FONT-SIZE: 70%;
    					PADDING-TOP: 2px;
    					PADDING-BOTTOM: 1px;
    					PADDING-RIGHT: 3px;
    					PADDING-LEFT: 3px;
    					VERTICAL-ALIGN: top;
    					BORDER-RIGHT: 0px solid #666666;
   					BORDER-LEFT: 0px solid #B2B2B2;
    					BORDER-BOTTOM: 0px solid #666666;
    					BORDER-TOP: 0px solid #B2B2B2;
    					}

.rtcolumnheader a:link			{COLOR: #999999; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
.rtcolumnheader a:hover			{COLOR: #999999; FONT-WEIGHT: bold; TEXT-DECORATION: none}
.rtcolumnheader a:visited		{COLOR: #999999; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
.rtcolumnheader a:hover 		{COLOR: #999999; FONT-WEIGHT: bold; TEXT-DECORATION: none}

a.rtsort:link				{COLOR: #999999; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
a.rtsort:hover				{COLOR: #999999; FONT-WEIGHT: bold; TEXT-DECORATION: none}
a.rtsort:visited			{COLOR: #999999; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
a.rtsort:hover 				{COLOR: #999999; FONT-WEIGHT: bold; TEXT-DECORATION: none}




td.search, .search td			{
					PADDING-TOP:2px;
					PADDING-BOTTOM: 2px;
					FONT-SIZE: 70%;
					PADDING-LEFT: 5px;
					PADDING-RIGHT: 5px;
					COLOR: #000000;
					DISPLAY: block
					}



/*****************************************************************************
CLASSES GOVERNING TEXT STYLES
*****************************************************************************/
.changedown				{
					COLOR: #E94140;
					LIST-STYLE-POSITION: outside;
					LIST-STYLE-IMAGE: url(icons/images/thomlet/arrow_down_red.gif);
					}
.rtchangedown				{
					COLOR: #E94140;
					}	


.changeup				{
					COLOR: #008001;
					LIST-STYLE-POSITION: outside;
					LIST-STYLE-IMAGE: url(../icons/images/thomlet/arrow_up_gr.gif);
					}

.rtchangeup				{
					COLOR: #46E46B;
					}



/*****************************************************************************
CLASSES GOVERNING THE HEADER OVERVIEW
*****************************************************************************/
td.vertdivider				{
					BACKGROUND-IMAGE: url(images/divider.gif);
					BACKGROUND-REPEAT: repeat-Y;
					BACKGROUND-POSITION: center;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 2px;
					PADDING-LEFT: 6px;
					PADDING-RIGHT: 6px;
					BORDER-TOP: #FFFFFF 5px solid;
					BORDER-BOTTOM: #FFFFFF 5px solid
					}

.headerlabel				{
					FONT-SIZE: 80%;
					FONT-WEIGHT: bold;
					COLOR: #1F2A8E;
					PADDING-TOP: 1px;
					PADDING-BOTTOM: 2px;
					PADDING-LEFT: 3px;
					PADDING-RIGHT: 7px;
					BORDER: 0px;
					}

.headerdata				{
					FONT-SIZE: 80%;
					COLOR: #333;
					PADDING-TOP: 1px;
					PADDING-BOTTOM: 2px;
					PADDING-LEFT: 3px;
					PADDING-RIGHT: 3px;
					BORDER: 0px;
					}



/*****************************************************************************
CLASSES GOVERNING THE !REALTIME! HEADER OVERVIEW
*****************************************************************************/
.rtvertdivider				{
					BACKGROUND-IMAGE: url(images/rtdivider.gif);
					BACKGROUND-REPEAT: repeat-Y;
					BACKGROUND-POSITIon: center;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 2px;
					PADDING-LEFT: 6px;
					PADDING-RIGHT: 6px;
					BORDER-TOP: #FFFFFF 5px solid;
					BORDER-BOTTOM: #FFFFFF 5px solid
					}

.rtheaderlabel				{
					FONT-SIZE: 80%;
					FONT-WEIGHT: bold;
					COLOR: #AEC8F9;
					PADDING-TOP: 1px;
					PADDING-BOTTOM: 2px;
					PADDING-LEFT: 3px;
					PADDING-RIGHT: 1px;
					BORDER: 0px
					}

.rtheaderdata				{
					FONT-SIZE: 80%;
					COLOR: #FFFFFF;
					PADDING-TOP: 1px;
					PADDING-BOTTOM: 2px;
					PADDING-LEFT: 1px;
					PADDING-RIGHT: 3px;
					BORDER: 0px;
					}



/*****************************************************************************
CLASSES GOVERNING SECTIONED REPORT HEADER STYLES
*****************************************************************************/

.tearcompany td, .tearcompany		{
					COLOR: #000000;
					FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					FONT-SIZE: 100%;
					FONT-WEIGHT: bold;
					BORDER: 0px;
					PADDING-RIGHT: 4px;
					PADDING-LEFT: 4px;
					PADDING-BOTTOM: 2px;
					PADDING-TOP: 1px;
					BACKGROUND-COLOR: #FFFFFF
					}
					
 .tearsymbol				{
					COLOR: #000000;
					FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					FONT-SIZE: 70%;
					FONT-WEIGHT: bold;
					BORDER: 0px;
					PADDING-RIGHT: 3px;
					PADDING-LEFT: 3px;
					PADDING-BOTTOM: 4px;
					PADDING-TOP: 2px;
					BACKGROUND-COLOR: #FFFFFF
					}
					
.tearaddy td, td.tearaddy		{
        				FONT-SIZE: 80%;
       					COLOR: #000000;
        				BACKGROUND-COLOR: #FFFFFF;
        				PADDING-TOP: 4px;
        				PADDING-BOTTOM: 5px;
        				PADDING-RIGHT: 3px;
					PADDING-LEFT: 3px
					}
							
				

/*****************************************************************************
CLASSES GOVERNING CONTROL ROW STYLES
*****************************************************************************/
.control td, td.control			{
					FONT-SIZE: 70%;
					COLOR: #AEC8F9;
					VERTICAL-ALIGN: middle;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 2px;
					PADDING-LEFT: 3px;
					PADDING-RIGHT: 3px;
					BORDER: 0px;
					BACKGROUND-COLOR: #1F2A8E
					}

.control a:link				{COLOR: #AEC8F9; TEXT-DECORATION: underline}
.control a:hover			{COLOR: #AEC8F9; TEXT-DECORATION: none}
.control a:visited			{COLOR: #AEC8F9; TEXT-DECORATION: underline}
.control a:visited:hover 		{COLOR: #AEC8F9; TEXT-DECORATION: none}

a.breadcrumb:link			{COLOR: #AEC8F9; TEXT-DECORATION: underline}
a.breadcrumb:hover			{COLOR: #AEC8F9; TEXT-DECORATION: none}
a.breadcrumb:visited			{COLOR: #AEC8F9; TEXT-DECORATION: underline}
a.breadcrumb:visited:hover 		{COLOR: #AEC8F9; TEXT-DECORATION: none}


/*****************************************************************************
CLASS GOVERNING BUTTON STYLES
*****************************************************************************/
input.button				{
					BACKGROUND-COLOR: #4F63D3;
					BORDER: 1px outset #88B2FE;
					COLOR: #AEC8FA;
					FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					FONT-SIZE: 11px;
					FONT-WEIGHT: bold;
					PADDING-LEFT: 3px;
					PADDING-RIGHT: 2px;
					HEIGHT: 19px;
					cursor:pointer;
	    				MARGIN: 2px;
					vertical-align: middle;
					overflow: visible
					}	

button					{
					BACKGROUND-COLOR: #4F63D3;
					BORDER: 1px outset #88B2FE;
					COLOR: #AEC8FA;
					FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					FONT-SIZE: 11px;
					FONT-WEIGHT: bold;
					PADDING-LEFT: 3px;
					PADDING-RIGHT: 2px;
					HEIGHT: 19px;
					cursor:pointer;
    					MARGIN: 2px;
					vertical-align: middle;
					overflow: visible
					}
				
.graybutton   				{
    					BACKGROUND-COLOR: #B7B7B7;
    					BORDER-TOP: #E4E4E4 1px solid;
					BORDER-BOTTOM: #999999 1px solid;
					BORDER-LEFT: #E4E4E4 1px solid;
					BORDER-RIGHT: #999999 1px solid;
    					COLOR: #E4E4E4;
    					FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    					FONT-SIZE: 11px;
    					FONT-WEIGHT: bold;
					PADDING-RIGHT: 3px;
    					PADDING-LEFT: 4px;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 2px;			
    					MARGIN: 2px;
					HEIGHT: 19px;
					CURSOR: default;
					vertical-align: middle;
					overflow: visible
    					}


/*****************************************************************************
CLASSES GOVERNING SUB-TAB NAVIGATION STYLES - RT=REALTIME
*****************************************************************************/
td.rttab				{
					FONT-SIZE: 70%;
					BACKGROUND-COLOR: #000963;
					PADDING-TOP: 1px;
					PADDING-BOTTOM: 2px;
					PADDING-LEFT: 3px;
					PADDING-RIGHT: 3px;
					TEXT-ALIGN: center;
					BORDER-TOP: 0px;
					BORDER-BOTTOM: #1F2A8E 1px solid;
					BORDER-LEFT: 0px;
					BORDER-RIGHT: #1F2A8E 1px solid
					}

td.rtselecttab				{
					FONT-SIZE: 70%;
					COLOR: #AEC8F9;
					BACKGROUND-COLOR: #141414;
					PADDING-TOP: 1px;
					PADDING-BOTTOM: 2px;
					PADDING-LEFT: 3px;
					PADDING-RIGHT: 3px;
					TEXT-ALIGN: center;
					BORDER-TOP: 0px;
					BORDER-BOTTOM: 0px;
					BORDER-LEFT: 0px;
					BORDER-RIGHT: #1F2A8E 1px solid
					}
				
a.rttablink:link			{COLOR: #AEC8F9; TEXT-DECORATION: underline}
a.rttablink:hover			{COLOR: #AEC8F9; TEXT-DECORATION: none}
a.rttablink:visited			{COLOR: #AEC8F9; TEXT-DECORATION: underline}
a.rttablink:visited:hover 		{COLOR: #AEC8F9; TEXT-DECORATION: none}


td.lighttab				{
					FONT-SIZE: 70%;
					BACKGROUND-COLOR: #88B2FE;
					PADDING-TOP: 1px;
					PADDING-BOTTOM: 1px;
					PADDING-LEFT: 3px;
					PADDING-RIGHT: 3px;
					TEXT-ALIGN: center;
					BORDER-TOP: 0px;
					BORDER-BOTTOM: #4455B5 1px solid;
					BORDER-LEFT: 0px;
					BORDER-RIGHT: #4455B5 1px solid
					}

td.selectlighttab			{
					FONT-SIZE: 70%;
					COLOR: #000000;
					BACKGROUND-COLOR: #FFFFFF;
					PADDING-TOP: 1px;
					PADDING-BOTTOM: 1px;
					PADDING-LEFT: 3px;
					PADDING-RIGHT: 3px;
					TEXT-ALIGN: center;
					BORDER-TOP: 0px;
					BORDER-BOTTOM: 1px solid #FFFFFF;
					BORDER-LEFT: 0px;
					BORDER-RIGHT: #4455B5 1px solid
					}
				
.lighttab a:link			{COLOR: #1F2A8E; TEXT-DECORATION: underline}
.lighttab a:hover			{COLOR: #1F2A8E; TEXT-DECORATION: none}
.lighttab a:visited			{COLOR: #1F2A8E; TEXT-DECORATION: underline}
.lighttab a:visited:hover 		{COLOR: #1F2A8E; TEXT-DECORATION: none}

a.lightlink:link			{COLOR: #1F2A8E; TEXT-DECORATION: underline}
a.lightlink:hover			{COLOR: #1F2A8E; TEXT-DECORATION: none}
a.lightlink:visited			{COLOR: #1F2A8E; TEXT-DECORATION: underline}
a.lightlink:visited:hover 		{COLOR: #1F2A8E; TEXT-DECORATION: none}

td.darktab				{
					FONT-SIZE: 70%;
					BACKGROUND-COLOR: #000963;
					COLOR: #AEC8F9;
					PADDING-TOP: 1px;
					PADDING-BOTTOM: 2px;
					PADDING-LEFT: 3px;
					PADDING-RIGHT: 3px;
					TEXT-ALIGN: center;
					BORDER-BOTTOM: #1F2A8E 1px solid;
					BORDER-LEFT: 0px;
					BORDER-RIGHT: #1F2A8E 1px solid
					}

td.selectdarktab			{
					FONT-SIZE: 70%;
					COLOR: #AEC8F9;
					BACKGROUND-COLOR: #1F2A8E;
					PADDING-TOP: 1px;
					PADDING-BOTTOM: 2px;
					PADDING-LEFT: 3px;
					PADDING-RIGHT: 3px;
					TEXT-ALIGN: center;
					BORDER-TOP: 0px;
					BORDER-BOTTOM: 0px;
					BORDER-LEFT: 0px;
					BORDER-RIGHT: 0px
					}
				
a.darktablink:link			{COLOR: #AEC8F9; TEXT-DECORATION: underline}
a.darktablink:hover			{COLOR: #AEC8F9; TEXT-DECORATION: none}
a.darktablink:visited			{COLOR: #AEC8F9; TEXT-DECORATION: underline}
a.darktablink:visited:hover 		{COLOR: #AEC8F9; TEXT-DECORATION: none}
		



/*****************************************************************************
CLASSES GOVERNING ERROR/INFORMATION SCREEN STYLES
*****************************************************************************/
body.message				{
					BACKGROUND-COLOR: #FFFFFF;
					MARGIN: 20px
					}

.messagetext				{
					FONT-SIZE: 80%;
					COLOR: #666666
					}
				

.messagebold				{
					FONT-WEIGHT: bold;
					COLOR: #000000;
					PADDING-BOTTOM: 4px
					}

table.errorarea				{
					WIDTH: 100%;
					BORDER: #999999 1px solid;
					BACKGROUND-COLOR: #FFFFCC;
					BACKGROUND-IMAGE: url(images/erroricon.gif);
					BACKGROUND-REPEAT: no-repeat;
					PADDING-TOP: 6px;
					PADDING-BOTTOM: 6px;
					PADDING-LEFT: 40px;
					PADDING-RIGHT: 6px
					}

table.infoarea				{
					WIDTH: 100%;
					FONT-SIZE: 75%;
					COLOR: #666666;
					BORDER: #999999 1px solid;
					BACKGROUND-COLOR: #EFEFEF;
					BORDER: #999999 1px solid;
					BACKGROUND-IMAGE: url(images/infoicon.gif);
					BACKGROUND-REPEAT: no-repeat;
					PADDING-TOP: 6px;
					PADDING-BOTTOM: 6px;
					PADDING-LEFT: 40px;
					PADDING-RIGHT: 6px
					}



/*****************************************************************************
CLASSES GOVERNING COLLAPSABLE NAVIGATION TREE
*****************************************************************************/

body.tree				{
					MARGIN: 0px;
					BACKGROUND-COLOR: #000963
					}

body.lttree				{
					MARGIN: 0px;
					BACKGROUND-COLOR: #4455B5}


/*DARK (NORMAL) TREE MENU CLASSES - USED FOR for NAV/WORKFLOW TREE ON LEFT SIDE WILL LATER BE A FIXED SERVICE */

.treeheaderrow td, .treeheaderrow	{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					BORDER-TOP: #1F2A8E 1px solid;
					PADDING-TOP: 3px;
					PADDING-BOTTOM: 5px;
					PADDING-LEFT: 5px;
					PADDING-RIGHT: 5px
					}

.treeheaderrowover td, .treeheaderrowover	{
					COLOR: #F7D001;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					BORDER-TOP: #1F2A8E 1px solid;
					PADDING-TOP: 3px;
					PADDING-BOTTOM: 5px;
					PADDING-LEFT: 5px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}
		
.tree1off td, .tree1off			{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 25px;
					PADDING-RIGHT: 5px
					}

.tree1over td, .tree1over		{
					COLOR: #F7D001;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 25px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}

.tree1on td, .tree1on			{
					COLOR: #F7D001;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #1F2A8E;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 25px;
					PADDING-RIGHT: 5px
					}

.tree1folder td, .tree1folder		{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 15px;
					PADDING-RIGHT: 5px
					}

.tree1folderover td, .tree1folderover	{
					COLOR: #F7D001;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 15px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}

.tree2off td, .tree2off			{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 35px;
					PADDING-RIGHT: 5px
					}

.tree2over td, .tree2over		{
					COLOR: #F7D001;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 35px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}

.tree2on td, .tree2on			{
					COLOR: #F7D001;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #1F2A8E;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 35px;
					PADDING-RIGHT: 5px
					}

.tree2folder td, .tree2folder		{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 25px;
					PADDING-RIGHT: 5px
					}

.tree2folderover td, .tree2folderover	{
					COLOR: #F7D001;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 25px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}

.tree3off td, .tree3off			{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 45px;
					PADDING-RIGHT: 5px
					}

.tree3over td, .tree3over		{
					COLOR: #F7D001;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 45px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}

.tree3on td, .tree3on			{
					COLOR: #F7D001;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #1F2A8E;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 45px;
					PADDING-RIGHT: 5px
					}

.tree3folder td, .tree3folder		{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 35px;
					PADDING-RIGHT: 5px
					}

.tree3folderover td, .tree3folderover	{
					COLOR: #F7D001;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 35px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}

.tree4off td, .tree4off			{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 55px;
					PADDING-RIGHT: 5px
					}

.tree4over td, .tree4over		{
					COLOR: #F7D001;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 55px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}

.tree4on td, .tree4on			{
					COLOR: #F7D001;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #1F2A8E;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 55px;
					PADDING-RIGHT: 5px
					}

.tree4folder td, .tree4folder		{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 45px;
					PADDING-RIGHT: 5px
					}

.tree4folderover td, .tree4folderover	{
					COLOR: #F7D001;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #000963;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 45px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}

/* END DARK TREE MENU CLASSES */

/* START LIGHT TREE MENU CLASSES - ONLY USED WHEN TREE IS LINKED TO A SPECIFIC THOMLET */

.lttreeheaderrow td, .lttreeheaderrow	{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4F63D3;
					BORDER-TOP: #4F63D3 1px solid;
					PADDING-TOP: 3px;
					PADDING-BOTTOM: 5px;
					PADDING-LEFT: 5px;
					PADDING-RIGHT: 5px
					}

.lttreeheaderrowover td, .lttreeheaderrowover	{
					COLOR: #FFFFFF;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4F63D3;
					BORDER-TOP: #4F63D3 1px solid;
					PADDING-TOP: 3px;
					PADDING-BOTTOM: 5px;
					PADDING-LEFT: 5px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}

.lttree1off td, .lttree1off		{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 25px;
					PADDING-RIGHT: 5px
					}

.lttree1over td, .lttree1over		{
					COLOR: #FFFFFF;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 25px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}

.lttree1on td, .lttree1on		{
					COLOR: #FFFFFF;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 25px;
					PADDING-RIGHT: 5px
					}

.lttree1folder td, .lttree1folder	{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 15px;
					PADDING-RIGHT: 5px
					}

.lttree1folderover td, .lttree1folderover	{
					COLOR: #FFFFFF;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 15px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}

.lttree2off td, .lttree2off		{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 35px;
					PADDING-RIGHT: 5px
					}

.lttree2over td, .lttree2over		{
					COLOR: #FFFFFF;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 35px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}

.lttree2on td, .lttree2on		{
					COLOR: #FFFFFF;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 35px;
					PADDING-RIGHT: 5px
					}

.lttree2folder td, .lttree2folder	{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 25px;
					PADDING-RIGHT: 5px
					}

.lttree2folderover td, .lttree2folderover	{
					COLOR: #FFFFFF;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 25px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}

.lttree3off td, .lttree3off		{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 45px;
					PADDING-RIGHT: 5px
					}

.lttree3over td, .lttree3over		{
					COLOR: #FFFFFF;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 45px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}

.lttree3on td, .lttree3on		{
					COLOR: #FFFFFF;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 45px;
					PADDING-RIGHT: 5px
					}

.lttree3folder td, .lttree3folder	{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 35px;
					PADDING-RIGHT: 5px
					}

.lttree3folderover td, .lttree3folderover	{
					COLOR: #FFFFFF;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 35px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}

.lttree4off td, .lttree4off		{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 55px;
					PADDING-RIGHT: 5px
					}

.lttree4over td, .lttree4over		{
					COLOR: #FFFFFF;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 55px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}

.lttree4on td, .lttree4on		{
					COLOR: #FFFFFF;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 55px;
					PADDING-RIGHT: 5px
					}

.lttree4folder td, .lttree4folder	{
					COLOR: #AEC8F9;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 45px;
					PADDING-RIGHT: 5px
					}

.lttree4folder td, .lttree4folder	{
					COLOR: #FFFFFF;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 45px;
					PADDING-RIGHT: 5px
					}

.lttree4folderover td, .lttree4folderover	{
					COLOR: #FFFFFF;
    					FONT-SIZE: 10px;
					FONT-WEIGHT: bold;
					BACKGROUND-COLOR: #4455B5;
					PADDING-TOP: 2px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 45px;
					PADDING-RIGHT: 5px;
					cursor:pointer
					}


			
/*****************************************************************************
CLASSES GOVERNING MODAL POPUPS
*****************************************************************************/



/* .contentarea creates bg COLOR and margins for main content area of popups above button area. For popup with tab navigation on the top*/
.contentarea				{
					FONT-SIZE: 11px;
					FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					COLOR: #000000;
					BORDER-TOP: #888888 0px solid;
					BORDER-BOTTOM: #888888 1px solid;
					BORDER-LEFT: #888888 1px solid;
					BORDER-RIGHT: #888888 1px solid;
					PADDING-TOP: 4px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 4px;
					PADDING-RIGHT: 4px;
					MARGIN-TOP: 0px;
					BACKGROUND-COLOR: #E2E2E2;
					DISPLAY: block;
					WIDTH: 100%;
					}
					
/* .contentnottab creates bg COLOR and margins for main content area for popups that DONT have tab navigation on top */
.contentnottab				{
					FONT-SIZE: 11px;
					FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					COLOR:#000000;
					BORDER-TOP: #888888 1px solid;
					BORDER-BOTTOM: #888888 1px solid;
					BORDER-LEFT: #888888 1px solid;
					BORDER-RIGHT: #888888 1px solid;
					PADDING-TOP: 4px;
					PADDING-BOTTOM: 4px;
					PADDING-LEFT: 4px;
					PADDING-RIGHT: 4px;
					MARGIN-TOP: 0px;
					BACKGROUND-COLOR: #E2E2E2;
					DISPLAY: block;
					WIDTH: 100%;
					}
					
/* .buttonarea creates margins around button area on bottom of popup */
.buttonarea				{
					PADDING-TOP: 6px;
					TEXT-ALIGN: right;	
					}

/* .popupcell is for table cells inside popups holding majors sections of content */
.popupcell				{
					COLOR: #000000;
					FONT-SIZE: 11px;
					VERTICAL-ALIGN: top;
					PADDING-TOP: 0px;
					PADDING-BOTTOM: 0px;
					PADDING-LEFT: 0px;
					PADDING-RIGHT: 0px;
					}

/* fieldset is for sections on a popup that have the outline etched around them */
fieldset				{
					BORDER: 2px groove;
					PADDING-TOP: 4px;
					PADDING-BOTTOM: 8px;
					PADDING-LEFT: 6px;
					PADDING-RIGHT: 6px;
					MARGIN-LEFT: 4px;
					MARGIN-RIGHT: 4px;
					MARGIN-BOTTOM: 4px;
					FONT-WEIGHT: normal;
					DISPLAY: block;
					WIDTH: 100%;
					}

/* legend is for title of fieldset */
legend					{
					FONT-SIZE: 11px;
					FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					FONT-WEIGHT: normal;
					COLOR: #2C38A4;
					PADDING-LEFT: 2px;
					PADDING-RIGHT: 2px;
					PADDING-BOTTOM: 3px;
					PADDING-TOP: 0px;
					}

/* .section is for sections on a popup that DO NOT have the outline etched around them */
.section				{
					PADDING-TOP: 0px;
					PADDING-BOTTOM: 0px;
					MARGIN-LEFT: 10px;
					MARGIN-RIGHT: 10px;
					MARGIN-TOP: 4px;
					MARGIN-BOTTOM: 4px;
					FONT-WEIGHT: normal;
					DISPLAY: block;
					WIDTH: 100%;
					}
/* td.small is for typical cells within popups */
td.small				{
					FONT-SIZE: 11px;
					FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					PADDING-TOP: 1px;
					PADDING-BOTTOM: 1px;
					PADDING-LEFT: 2px;
					PADDING-RIGHT: 2px;
					}

/* Tabs */
td.popuptab				{
					FONT-SIZE: 11px;
					FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					BACKGROUND-COLOR: #AEC8FA;
					PADDING-TOP: 1px;
					PADDING-BOTTOM: 1px;
					PADDING-LEFT: 8px;
					PADDING-RIGHT: 8px;
					TEXT-ALIGN: center;
					BORDER-TOP: #888888 1px solid;
					BORDER-BOTTOM: #888888 1px solid;
					BORDER-LEFT: #888888 1px solid;
					BORDER-RIGHT: #888888 1px solid;
					}

td.selectpopuptab			{
					FONT-SIZE: 11px;
					FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif;
					COLOR: #000000;
					BACKGROUND-COLOR: #E2E2E2;
					PADDING-TOP: 1px;
					PADDING-BOTTOM: 1px;
					PADDING-LEFT: 8px;
					PADDING-RIGHT: 8px;
					TEXT-ALIGN: center;
					BORDER-TOP: #888888 1px solid;
					BORDER-BOTTOM: 0px solid #E2E2E2;
					BORDER-LEFT: #888888 1px solid;
					BORDER-RIGHT: #888888 1px solid
					}
	
td.emptypopuptab			{
					FONT-SIZE: 11px;
					COLOR: #000000;
					PADDING-TOP: 1px;
					PADDING-BOTTOM: 1px;
					PADDING-LEFT: 3px;
					PADDING-RIGHT: 3px;
					TEXT-ALIGN: center;
					BORDER-TOP: #888888 0px solid;
					BORDER-BOTTOM: #888888 1px solid;
					BORDER-LEFT: #888888 0px solid;
					BORDER-RIGHT: #888888 0px solid
					}
					
table.tabtable				{
					BORDER-COLLAPSE: collapse;
					WIDTH: 100%;
					}
		
.popuptab a:link			{COLOR: #1F2A8E; TEXT-DECORATION: underline}
.popuptab a:hover			{COLOR: #1F2A8E; TEXT-DECORATION: none}
.popuptab a:visited			{COLOR: #1F2A8E; TEXT-DECORATION: underline}
.popuptab a:visited:hover 		{COLOR: #1F2A8E; TEXT-DECORATION: none}



/*Table Class defining gray vertical border between columns*/

.vertical, tr.vertical td			{
					BORDER-RIGHT: 1px #999 solid;
					}
/*****************************************************************************
RELEASE 2 STYLES
*****************************************************************************/

textarea				{
					FONT-SIZE: 11px;
					FONT-FAMILY: Tahoma, Verdana, Arial, Helvetica, sans-serif
					}


.required				{
					COLOR: #E94140
					}
					

.disabled				{
					BACKGROUND-COLOR: #EFEFEF;
					PADDING-LEFT: 2px;
					COLOR: #333333
					}


.hotword				{
					COLOR: #4F63D3;
					FONT-WEIGHT: bold;
					}
	
/* Class is for borders on popups when fieldset isn't appliable DO NOT USE FOR OTHER PURPOSES*/
.border					{
					BORDER: #999999 1px solid;
					}

.menuodd 				{
					COLOR: #000000;
					BACKGROUND-COLOR: #BFCBCB;
					FONT-SIZE: 70%;
					}

.menueven 				{
					FONT-SIZE: 70%;
					COLOR: #000000;
					BACKGROUND-COLOR: #AEC8E9;
					}

.menuoddlt 				{
					FONT-SIZE: 70%;
					COLOR: #000000;
					BACKGROUND-COLOR: #EFEFEF;
					}

.menuevenlt 				{
					FONT-SIZE: 70%;
					BACKGROUND-COLOR: #999999;
					}


/*CALENDAR POPUP*/

table.calendar				{
					WIDTH: 100%;
					BORDER-COLLAPSE: collapse
					}

td.thismonth				{
					COLOR: #000;
					FONT-SIZE: 70%;
					PADDING-TOP: 1px;
					PADDING-BOTTOM: 2px;
					PADDING-LEFT: 3px;
					PADDING-RIGHT: 3px;
					BORDER: #CCCCCC 1px solid;
					cursor:pointer;
					}

td.othermonth				{
					BACKGROUND-COLOR: #efefef;
					FONT-SIZE: 70%;
					PADDING-TOP: 1px;
					PADDING-BOTTOM: 2px;
					PADDING-LEFT: 3px;
					PADDING-RIGHT: 3px;
					BORDER: #CCCCCC 1px solid;
					}
									

td.today				{
					COLOR: #4F63D3;
					FONT-SIZE: 70%;
					FONT-WEIGHT: bold;
					PADDING-TOP: 1px;
					PADDING-BOTTOM: 2px;
					PADDING-LEFT: 3px;
					PADDING-RIGHT: 3px;
					BORDER: #CCCCCC 1px solid;
					BACKGROUND-COLOR: #FFFFFF;
					cursor:pointer;
					}
.headline1 {
	FONT-FAMILY: tahoma, arial, verdana;
	FONT-SIZE: 15px;
	FONT-WEIGHT: bold;
	COLOR: #000066;
	DISPLAY: block;
	MARGIN-BOTTOM: 20px;
	text-decoration: underline;
	background-position: left center;

}

a.selectable:link		{PADDING: 2px; COLOR: #1F2A8E; TEXT-DECORATION: none}
a.selectable:hover		{PADDING: 2px; COLOR: #FFFFFF; TEXT-DECORATION: none; BACKGROUND-COLOR: #98B5E2}
a.selectable:active		{PADDING: 2px; COLOR: #FFFFFF; TEXT-DECORATION: none; BACKGROUND-COLOR: #316AC5}
a.selectable:visited		{PADDING: 2px; COLOR: #1F2A8E; TEXT-DECORATION: none}
a.selectable:visited:hover 	{PADDING: 2px; COLOR: #FFFFFF; TEXT-DECORATION: none; BACKGROUND-COLOR: #98B5E2}
a.selectable:visited:active	{PADDING: 2px; COLOR: #FFFFFF; TEXT-DECORATION: none; BACKGROUND-COLOR: #316AC5}


.eventree td, td.eventree		{
        				FONT-SIZE: 70%;
       					COLOR: #000000;
        				BACKGROUND-COLOR: #FFFFFF;
        				PADDING-TOP: 1px;
        				PADDING-BOTTOM: 2px;
        				PADDING-RIGHT: 3px;
					PADDING-LEFT: 3px;
					BORDER-BOTTOM: 1px solid #F3F3FB;
					VERTICAL-ALIGN: top
					}


.oddtree td, td.oddtree			{
					FONT-SIZE: 70%;
        				COLOR: #000000;
        				BACKGROUND-COLOR: #F3F3FB;
      					PADDING-TOP: 1px;
        				PADDING-BOTTOM: 2px;
        				PADDING-RIGHT: 3px;
					PADDING-LEFT: 3px;
					BORDER-BOTTOM: 1px solid #FFFFFF;
					VERTICAL-ALIGN: top
					}


.indent1				{
					TEXT-INDENT: 25px;
					}
.indent2				{
					TEXT-INDENT: 50px;
					}
.indent3				{
					TEXT-INDENT: 75px;
					}
.indent4				{
					TEXT-INDENT: 100px;
					}
.indent5				{
					TEXT-INDENT: 125px;
					}
.indent6				{
					TEXT-INDENT: 125px;
					}

.tooltip				{
					CURSOR: help;
					BORDER-BOTTOM: 1px dotted #999999;
					}