@CHARSET "ISO-8859-1";

html						{height: 100%;}
body.REbody					{height: 100%; margin:0; padding:0; font-size:0.8em; font-family: Verdana, Arial, Helvetica, sans-serif;}
body.REUpload				{height: 200px; margin:0; padding:0; font-size:0.8em; font-family: Verdana, Arial, Helvetica, sans-serif;}

.fontBrand 					{font-size: 1.6em; color:#3e9ade; font-weight:bold;}
.fontREMessage				{font-size: 1.2em; color:#3e9ade; font-weight:bold;}
.fontItemNumber				{font-size: 1.2em; color:black; font-weight:bold;}
.fontItemText				{font-size: 1.2em; color:black; font-weight:normal;}
.fontWbTitle				{font-size: 1.2em; color:#3e9ade; font-weight:bold;}
.fontWbLabel				{font-size: 1.0em; color:white; font-weight:bold;}
.fontCopyright 				{font-size: 0.7em; color:black; font-weight:normal;}
.fontColumnHeader 			{font-size: 0.9em; color:black; font-weight:bold;}
.fontContentText 			{font-size: 0.9em; color:black; font-weight:normal;}
.fontDisplayBoxHeader		{font-size: 1.2em; color:black; font-weight:bold;}
.fontDisplayBoxLabel		{font-size: 1.0em; color:black; font-weight:bold;}
.fontDisplayBoxData			{font-size: 0.9em; color:black; font-weight:normal;}
.fontContentText 			{font-size: 0.9em; color:black; font-weight:normal;}
.fontTagline    			{text-align:center; font-size:0.7em; color: #3e9ade;}
.fontPostDateline  			{font-size:0.7em; color: #272C2E;}
.fontPostSubject  			{font-size:0.9em; color: #272C2E;}

/* Division styles */
div.REmain					{width:100%; height:100%; margin: 0,0,0,0; padding: 0,0,0,0; }
div.REBrand					{padding: 4px 4px 10px 4px; text-align:center; }
div.REDisplayBox			{margin-left:auto; margin-right:auto; margin-top:10px; border:1px solid #E1E3DC; background-color:#E6F5F4;}
div.REMiniForm				{margin-left:auto; margin-right:auto; margin-top:10px; border:1px solid #E1E3DC; background-color:#FAF6E3;}
div.REForm					{margin-left:auto; margin-right:auto; margin-top:10px; width:520px; border:1px solid #E1E3DC; background-color:#FAF6E3;}
div.REMessage				{margin-left:auto; margin-right:auto; vertical-align:middle; }
div.RECopyright				{text-align:center; vertical-align: middle; font-size: 0.7em; color:black; font-weight:normal; background-color:#E8F2FF; }
div.wbRoot			 		{margin: 0,0,0,0; padding: 2px;}
div.navRoot			 		{margin: 0,0,0,0; padding: 0;}
div.wbZone	 				{margin: 0,0,0,0; padding: 0;}
div.wbComponent 			{margin:0; padding:0; height:300px; max-height:300px;}
div.wbSelectorZone	 		{margin: 0,0,0,0; padding: 0;}
div.wbThumbnail		 		{margin-left:auto; margin-right:auto; padding: 0; height:74px; width:74px;}
div.wbPictureBox	 		{margin-left:auto; margin-right:auto; padding: 0; height:200px; width:200px; overflow:auto; }
div.wbPictureBoxLarge 		{margin-left:auto; margin-right:auto; padding: 0; max-height:400px; max-width:400px; overflow:auto; }
div.wbPictureBoxWide 		{margin-left:auto; margin-right:auto; padding: 0; max-height:300px; max-width:650px; overflow:auto; }

div.tst_carouselSlideDiv	{float:left; width:404px;}
div.tst_carouselExplDiv		{float:right; background-color:#FFFFF0;}
div.tst_scrollableDiv		{overflow: auto;}
div.wbTab					{margin:0; padding:0;}
div.navTab					{margin:0; padding:0;}
div.navTabView				{margin:0; padding:0;}
div.navTree					{margin:0; padding:0; overflow: auto;}

div.brHeader 				{}
div.wbHeader 				{clear:both; overflow:auto; width:100%; height:2.0em; vertical-align:top;}
div.wbHeaderTitle			{float:left; background-color:#E1E6F2; width:80%; height:1.4em; text-align:center;}
div.wbHeaderLabel			{float:right; width:19%; height:1.9em; text-align:center; vertical-align: middle;
							background: #9ABBC5 url(/engine/styles/yahoo/sprite.png) repeat-x scroll left -2170px; 
							border-color:#AFD4DE; border-style: solid; border-width: 1px; padding: 2px; }
/* BG color assignments */
.wbDisplayBox				{background-color:#E9EEF0; border:1px solid #E1E3DC;}
.wbTransparentDisplayBox	{border:1px solid #E1E3DC;}
.wbWhiteDisplayBox			{background-color:white; border:1px solid #E1E3DC;}
.wbDisplayBoxCallout		{background-color:#EDF5F2; border:1px solid #E1E3DC;}
.wbDisplayBoxData			{background-color:white;}
.wbMessageBox				{background-color:#F7FAF0;}
.wbControlBox				{background-color:#DFF0F7;}

/* Border assignments */
*.border					{border-style:solid; border-width: 1px; border-color: #3e9ade;}

/* Paragraph styles */
*.paraHanging				{text-indent: -40px; padding-left: 40px;}
*.paraIndent				{padding-left: 40px;}

/* Table styles */
table.RENormal				{padding: 0; margin:0; width:100%;}
table.REFactBox				{padding: 0; margin:0; width:100%; border-collapse: collapse; border:1px solid #E1E3DC;}
table.RETransparent			{padding: 0; margin:0; width:100%; background-color:transparent;}
td.wbHeaderTitle			{background-color:#E1E6F2; text-align:center;}
td.wbColumnHeader			{background-color:#F7FAF0; text-align:center;}
td.wbColumnHeaderLeft		{background-color:#F7FAF0; text-align:left;}
td.wbContentLeftNoPad		{text-align:left; padding: 0; margin:0; }
td.wbContentCenteredNoPad	{text-align:center; padding: 0; margin:0; }
td.wbContentRightNoPad		{text-align:right; padding: 0; margin:0; }
td.wbContentLeft			{text-align:left; padding:2px;}
td.wbContentCentered		{text-align:center; padding:2px;}
td.wbContentRight			{text-align:right; padding:2px;}
td.wbVAlignTop				{vertical-align:top;}
td.wbErrorMessage			{vertical-align: top; text-align: left; border:0; padding:0;
	            			background-color: #F3F7A8; color: black; font-size: 1em;
	            			margin: 0 0 1.5em 0; line-height: 1.1em; font-weight: bold; }
td.REMessage				{background-color:#E1E6F2; vertical-align: middle;}
td.dataLabel				{background-color: #F7FAF0; vertical-align: top; text-align: right; margin-left: 1px; margin-top: 0px; margin-right: 5px; margin-bottom:2px; font-weight: bold; color: black;}
td.wbAction					{text-align:center; background-color:#F7FAF0; border-collapse: collapse; border:1px solid #E1E3DC;}
td.wbMemo					{text-align:left; background-color:#F7FAF9; border-collapse: collapse; border:1px solid #E1E3DC;}
td.dataLabelLeft			{background-color: #F7FAF0; vertical-align: top; text-align: left; margin-left: 1px; margin-top: 0px; margin-right: 5px; margin-bottom:2px; font-weight: bold; color: black;}
td.data						{background-color: #FAF8D7; vertical-align: top; text-align: left;  margin-left: 1px; margin-top: 0px; margin-right: 5px; margin-bottom:2px; color: black;}
td.wbFactBoxHeading			{text-align:center; vertical-align:middle; background-color:#F7FAF0; border-collapse: collapse; border:1px solid #E1E3DC;}
td.wbFactBoxLabel			{text-align:right; background-color:#F2F9FA; border-collapse: collapse; border:1px solid #E1E3DC;}
td.wbFactBoxLabelCentered	{text-align:center; background-color:#F2F9FA; border-collapse: collapse; border:1px solid #E1E3DC;}
td.wbFactBoxLabelLeft		{text-align:left; background-color:#F2F9FA; border-collapse: collapse; border:1px solid #E1E3DC;}
td.wbFactBoxData			{text-align:left; background-color:white; border-collapse: collapse; border:1px solid #E1E3DC;}
td.wbFactBoxDataCentered	{text-align:center; background-color:white; border-collapse: collapse; border:1px solid #E1E3DC;}

td.brCompHdrImage			{text-align:center; vertical-align:top; height:40px; width:180px;}
td.brCompHdrTitle			{text-align:center; vertical-align:middle; background-color:#E1E6F2; height:80%;}
td.brCompHdrLabel			{width:150px; height:40px; text-align:center; vertical-align:middle; padding: 2px;
							border-color:#AFD4DE; border-style: solid; border-width: 1px; 
							background: #9ABBC5 url(/engine/styles/yahoo/sprite.png) repeat-x scroll left -2170px;}
td.brCompHdrFiller			{height:20%;}

/* Form styles */
label.wbFormLabel			{}
input.text, input.number, input.url, input.email, input.password, 
input.file, input.checkbox, textarea.textarea, select.select
							{font-size: 0.8 em;
    						border-top: 1px solid #7c7c7c;
    						border-left: 1px solid #c3c3c3;
    						border-right: 1px solid #c3c3c3;
    						border-bottom: 1px solid #ddd;
    						background: #fff url(/engine/images/fieldbg.gif) repeat-x top;
    						color: #333;}
input.text, input.number, input.url, input.email, input.password, input.file
							{padding: 1px;}
input.file					{width:350px;}
/* Field widths */

form .state					{width: 40px;}
form .small					{width: 70px;}
form .medium				{width: 140px;}
form .medium-large			{width: 220px;}
form .large 				{width: 350px;}
form .xlarge, form textarea.textarea{width: 500px;}
form .max {width: 640px;}
.maxWidth					{width: 100%;}

/* Image attributes */
img.wbThumbnail				{height:72px; width:72px; border-color:#AFD4DE; border-style: solid; border-width: 1px; margin-left:auto; margin-right:auto;}
img.wbPictureBox			{border-color:#AFD4DE; border-style: solid; border-width: 1px; margin-left:auto; margin-right:auto;}
img.tst_slideImg			{height:300px; width:400px;}
img.wbContainerRectangle	{height:250px; width:600px;}
img.brCompHdrImage			{height:40px; width:180px;}


/* organize this by re-usable component. There should be no custom css. Either it:
	defines behavior of a reusable component or sub-component, or it 
	defines behavior of a tag across the application */

/* what is the list of re-usable components? */