@CHARSET "ISO-8859-1";

h1,h2,h3,h4,p { margin:0; } 
h1 { font-size:1.9em; }
h2 { font-size:1.5em; }
h3 { font-size:1.3em;   }

form { margin:0; }

/* TOOLS */
*.float-divider  { clear:both; height:1px; font-size:1px; line-height:1px; }
*.screenreader-only { position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow: hidden; } 
*.hidden { position:absolute; top:-99999px; left:-99999px; width:1px; height:1px; overflow:hidden; }


/* LINKS */
a:hover			{color:black; text-decoration:underline; }
a:link,  a:visited, a:active { text-decoration:underline; color:purple; }  
/* a:link,  a:visited, a:active { text-decoration:none; color:purple; }  */

/* IMAGES */
img				{border-style: none;}

/* TEXT */
*.message    			{text-align:left; font-size:0.7em; }
*.tagline    			{text-align:center; font-size:0.7em; color: #3e9ade;}
*.link					{font-size: 0.8em; }
*.copyright  			{font-size: 0.7em; color: black;}
*.instruction  			{font-size: 0.9em; color: black;}
*.instruction-big		{font-size: 1.0em; color: black;}
*.postTitle				{font-size: 1.0em; color: black; font-weight: normal; }
*.stepDescription		{font-size: 1.0em; color: black; font-weight: normal; font-style: normal; background-color: white;}
*.instruction-heading	{font-size: 1.2em; color: #3e9ade; font-weight: bold;}
*.instructionLead		{font-size: 1.2em; color: black; font-weight: bold;}
*.instruction-heading2	{font-size: 1.0em; color: #3e9ade; font-weight: bold;}
*.instruction-link		{font-size: 1.0em; font-weight: bold; text-decoration:underline;}

/* ACTION BOX */
*.actionBox				{float: right; width:30%;}

/* HELP */
*.helpHeader			{width:100%; margin:4px 2px 4px 0px;}
*.helpTitle				{}

/* DEBATE POST */

*.postContainer			{
						background: #F5F5F5;
						border: 1px solid #EEEEEE;
						display: block;
						overflow: hidden;
}
*.postFormContainer		{
						background: #E6F0F5;
						border: 1px solid #EEEEEE;
						display: block;
						overflow: hidden;
						margin: 5px 0 0 0;
						padding: 2px 2px 2px 2px;
}
*.postParent			{
						margin: 5px 0 0 5px;
						}

*.postChild				{
						margin: 5px 0 0 10px;
						}

*.postTextContainer		{
						font-size: 1.0em;
						color: black; 
						font-weight: normal; 
						font-style: normal;
						display: block;
						margin: 3px 0 0 6px;
						}

*.postDatelineContainer	{
						display: block;
						margin: 3px 0 0 3px;
						}
*.debatePostDate		{
						font-size: 0.8em; 
						color: #3e9ade; 
						font-style: italic;
						display: in-line;
						margin: 3px 0 0 3px;
						}
*.debatePostAuthor		{
						font-size: 0.9em;
						color: #3e9ade;  
						display: in-line;
						margin: 3px 0 0 3px;
						font-weight: bold; 
						font-style: normal;
						}
*.postReply				{
						background:#FFFFFF none repeat scroll 0 0;
						border:1px solid #EEEEEE;
						display:block;
						float:right;
						font-size: 1.0em;
						font-weight:bold;
						margin:0 4px 4px 0;
						padding:0 6px 1px;
						text-align:right;
						}
*.postComment			{
						background:#FFFFFF none repeat scroll 0 0;
						border:1px solid #EEEEEE;
						display:block;
						float:left;
						font-size: 1.4em;
						font-weight:bold;
						margin:0 4px 4px 0;
						padding:0 6px 1px;
						text-align:right;
						}

/* SECTION COMPONENTS */
*.section    { margin-top:10px; font-size:0.8em; border:1px solid blue; }
*.section h3 { text-indent:10px; padding:2px 0; border-bottom:1px solid blue; 
               background:url("/engine/images/g1.jpg") repeat-x left bottom; position:relative; }
*.section p  { margin:5px 10px; }

*.infoBlock					{display: block; background-color: white;}
*.infoBlockTitle			{display: block; text-align: left; color: #3e9ade; }
*.infoBlockControl			{display: block; }

*.reportHeading				{background-color: #E6F0F5; vertical-align: top; text-align: left;  padding-left: 1px; padding-top: 0px; padding-right: 5px; padding-bottom:2px; color: #3e9ade;}
*.reportHeadingCentered		{background-color: #E6F0F5; vertical-align: top; text-align: center;  padding-left: 1px; padding-top: 0px; padding-right: 5px; padding-bottom:2px; color: #3e9ade;}
*.infoSection				{vertical-align: top; background-color: white;}
*.infoSectionCentered		{text-align: center; vertical-align: top; background-color: white; }
*.infoSectionSpacer			{vertical-align: top; background-color: white; height: 20px;}
*.infoSectionLabel			{width: 15%; text-align: right; vertical-align: top; color: #3e9ade; }
*.infoSectionContent		{width: 85%; margin: 0,0,0,0;}
*.infoSectionDivider		{border-style: none; height: 5px; background-color: #E3E8FA; color: #E3E8FA; }
*.infoSectionHanging		{text-indent: -10px; padding-left: 10px;}
*.infoElementLabel			{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;}
*.infoElementLabelLeft		{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;}
*.infoElementData			{background-color: #FAF8D7; vertical-align: top; text-align: left;  margin-left: 1px; margin-top: 0px; margin-right: 5px; margin-bottom:2px; color: black;}
*.infoElementDataCentered	{background-color: #FAF8D7; vertical-align: top; text-align: center;  margin-left: 1px; margin-top: 0px; margin-right: 5px; margin-bottom:2px; color: black;}
*.infoElementDataRight		{background-color: #FAF8D7; vertical-align: top; text-align: right;  margin-left: 1px; margin-top: 0px; margin-right: 5px; margin-bottom:2px; color: black;}
*.infoElementDataNumeric	{background-color: #FAF8D7; vertical-align: top; text-align: right;  margin-left: 1px; margin-top: 0px; margin-right: 5px; margin-bottom:2px; color: black;}
*.headingColor				{background-color: #E6F0F5; color: #3e9ade;}

/* DOCUMENT COMPONENTS */
*.docSectionLabel			{font-size: 1.0em; color: black; font-weight: bold;} 
*.docSectionText			{font-size: 0.8em; color: black; font-weight: normal;} 
*.docHangingPara			{text-indent: -40px; padding-left: 40px;}
*.docIndentPara				{padding-left: 40px;}


/* BUTTONS */
input.button         { background:url("/engine/images/button.gif") no-repeat left top; 
                   border:none; width:85px; height:26px; font-weight:bold; 
                   vertical-align:-2px; margin:0; padding:0; cursor:pointer;}
input.buttonShort    { background:url("/engine/images/buttonShort.gif") no-repeat left top; 
                   border:none; width:65px; height:21px; font-weight:bold; 
                   vertical-align:-1px; margin:0; padding:0; cursor:pointer;}

*.button:hover   { color:blue; position:relative; top:1px; left:1px; }


/* TABS */
ul.tabs       { float:left; width:100%; padding:0; margin:0; 
                border-bottom:1px solid blue; margin-bottom:10px; }

ul.tabs li    { float:left; width:30%; list-style-type:none;  }

ul.tabs *.tab-label { border:1px solid blue; margin:0; cursor:pointer; 
                      padding-bottom:2px; padding-top:2px; 
                      background:white url("/engine/images/g1.jpg") repeat-x left bottom;
                      font-weight:normal; text-align:center; font-size:1.1em; } 

ul.tabs li.selected *.tab-label { position:relative; border-bottom:none; 
           top:1px; padding-bottom:4px; 
           padding-top:2px; border-top:2px solid blue; margin-top:-2px; 
           background:white url("/engine/images/g2.jpg") repeat-x left top; font-weight:bold; }

ul.tabs { position:relative; }

ul.tabs *.tab-content { position:absolute; width:100%; height:14em;  
                        border:1px solid blue; border-top:none;
                        left:-99999px; overflow:auto; } 

ul.tabs li.selected *.tab-content { left:0; } 

ul.tabs li *.oi2 { margin:0; padding:10px; } 

ul.tabs *.hover  { text-decoration:underline; }



/* LISTS */
ul.block     { padding:0; padding-top:5px; margin:0; text-align:left; font-weight:bold;  }
ul.block li  { display:block; padding-left:10px;  }
ul.list      { padding:0; padding-left:20px; margin:0; text-align:left; font-weight:bold; }
ul.list  li  { padding:2px 0; }

ul.inline    { padding:0; margin:0; text-align:center; }
ul.inline li { display:inline; font-size:0.8em;  }



/********************************************************************
 *  PAGE COMPONENT LAYOUT
 ********************************************************************/

/* PAGE */
#page              		{ max-width:1000px; min-width: 650px; margin-left:auto; margin-right:auto; }


/* HOME PAGE */
#homepage              	{ max-width:850px; min-width: 650px; margin-left:auto; margin-right:auto; }
#home-header 			{float:left; width:100%;}
#home-header *.oi       {padding:5px 10px; }
#home-brand-and-tagline	{float:left; width:40%; text-align: center;}
#home-brand				{position:static; width:100%; text-align: center;}
#home-tagline			{position:static; width:100%; text-align: center;}
#home-login				{float:right; width: 270px;}
#home-overview			{float:left; width:100%; min-width:550px; margin-top:10px; }
#home-overview *.oi		{padding-right:10px; position:relative; height:16em; }

/* TOP BANNER */
#bannerHeader 			{float:left; width:100%;}
#bannerHeader *.oi      {padding:5px 10px; }
#bannerBrandTagline		{float:left; width:40%; text-align: center;}
#bannerBrand			{position:static; width:100%; text-align: center;}
#bannerTagline			{position:static; width:100%; text-align: center;}


/* Block property sets */
*.static				{position:static;}
*.inline				{display:inline;}
*.inline-block			{display:inline-block;}
*.block					{display:block;}
*.shrinkwrap			{width:auto; height:auto;}
*.horiz-centered		{text-align:center;}
*.vertical-centered		{vertical-align:middle;}
*.float-right			{float: right;}
*.float-left			{float: left;}
*.hanging-indent		{text-indent: -40px; padding-left: 40px;}
*.left-offset			{padding-left: 40px;}
*.clear 				{height: 0; font-size: 1px; margin: 0; padding: 0; line-height: 0; clear: both; }


/* HEADER */
#header            { float:left; width:100%; }
#header *.oi       { border:1px solid blue; padding:5px 10px; background:url("/engine/images/g4.jpg") repeat-x left top; }
  #title           { float:left; width:50%; margin-top:7px; }
  #title h1        { float:left; margin-right:40px; margin-bottom:5px;}

/* BODY */

        
 #navigatorDiv 		{ width: 100%; overflow: auto; vertical-align: top; horizontal-align: left; margin: 0,0,0,0; padding: 0,0,0,0; }
 #workbenchDiv 		{ width: 100%; vertical-align: top; horizontal-align: left; margin: 0,0,0,0; padding: 0,0,0,0; }    
 .wbTabDiv 			{ width: 100%; vertical-align: top; horizontal-align: left; margin: 0,0,0,0; padding: 0,0,0,0; }    
 .wbZone 			{ width: 100%; vertical-align: top; horizontal-align: left; margin: 0,0,0,0; padding: 0,0,0,0; }    
.wbDebatePost		{ width: 100%; vertical-align: top; horizontal-align: left; margin: 0,0,0,0; padding: 0,0,0,0; } 

/* FOOTER */
#footer              { clear:both; padding-top:10px; }

/* BUILDING BLOCKS */
div.relativePos 		{position:relative;}
div.leftFloat	 		{float:left;}
div.rightFloat 			{float:right;}
div.rightFloatVertCenter {float:right; vertical-align: middle;}
div.error		 		{}
div.roundTop	 		{}
div.roundTopLCorner		{}
div.roundTopRCorner		{}
div.imageBox			{max-width:600px;
						min-width: 400px;
						overflow: auto; 
						border-top: 	1px solid #c3c3c3;
						border-left: 	1px solid #c3c3c3;
						border-right: 	1px solid #c3c3c3;
						border-bottom: 	1px solid #c3c3c3;
						margin: 0,0,0,0; 
						padding: 0,0,0,0;}






/********************************************************************
 *  FORMS LAYOUT
 ********************************************************************/

form {font-size: .9em;}


form li.focused {
    background-color: #fff7c0 !important;
}

label.desc { 
    margin: 4px 0 3px 0;
    border: 0;
    color: #3e9ade;
    font-size: 0.9em;
    line-height: 1.0em;
    display: block;
    font-weight: bold;
}

label.radio { 
    margin: 4px 4px 3px 0;
    border: 0;
    color: #3e9ade;
    font-size: 0.9em;
    line-height: 1.0em;
    display: block;
    font-weight: bold;
}

label.radioItemLabel { 
    margin: 4px 4px 3px 0;
    border: 0;
    color: #3e9ade;
    font-size: 0.9em;
    line-height: 1.0em;
    display: inline;
    font-weight: normal;
}

label.checkbox { 
    margin: 4px 4px 3px 0;
    border: 0;
    color: #3e9ade;
    font-size: 0.9em;
    line-height: 1.0em;
    display: inline;
    font-weight: bold;
}

/* ----- ERRORS ----- */
p.error, li.error label.desc{
    color: red !important;
}

/* ----- Normal condition messaging ------*/
p.normal { color: #3e9ade; }

/* ----- REQUIRED ----- */
.req {
    font-size: 1em !important;
    color: #f90;
    font-weight: bold;
}


*.bg { background:url("/engine/images/bg.gif") top left repeat-x white; }

*.tl { background:url("/engine/images/rc.gif") top left     no-repeat;  }
*.br { background:url("/engine/images/rc.gif") bottom right no-repeat;  }
*.tr { background:url("/engine/images/rc.gif") top right    no-repeat;  }
*.bl { background:url("/engine/images/rc.gif") bottom left  no-repeat;  }

*.trc { background:url("/engine/images/rc-trc.gif") top right   no-repeat; }
*.blc { background:url("/engine/images/rc-blc.gif") bottom left no-repeat; }

*.pad { padding:10px; }

/* Legacy table defs */

            table.contentNoBG{
            	vertical-align: top;
            	text-align: left;
            	border:0,0,0,0;
	            padding: 0,0,0,0;
	            margin: 0,0,0,0;
            }
            
            table.content{
            	vertical-align: top;
            	text-align: left;
            	border:0,0,0,0;
	            padding: 0,0,0,0;
	            margin: 0,0,0,0;
	            background-color: white;
            }
			td.content{
            	vertical-align: top;
            	text-align: left;
            	border:0,0,0,0;
	            padding: 0,0,0,0;
	            margin: 0,0,0,0;
	            background-color: white;
            }

			td.oddRow{
            	vertical-align: top;
            	text-align: left;
            	border:0,0,0,0;
	            padding: 0,0,0,0;
	            margin: 0,0,0,0;
	            background-color: #FAF8D7;
            }

			td.contentRight{
            	vertical-align: top;
            	text-align: right;
            	border:0,0,0,0;
	            padding: 0,0,0,0;
	            background-color: white;
            }
			td.contentCentered{
            	vertical-align: top;
            	text-align: center;
            	border:0,0,0,0;
	            padding: 0,0,0,0;
	            background-color: white;
            }
            
			td.contentHCenterVBottom{
            	vertical-align: bottom;
            	text-align: center;
            	border:0,0,0,0;
	            padding: 0,0,0,0;
	            background-color: white;
            }
            
			td.borderedContent{
            	vertical-align: top;
            	text-align: left;
    			border-top: 	1px solid #c3c3c3;
				border-left: 	1px solid #c3c3c3;
				border-right: 	1px solid #c3c3c3;
				border-bottom: 	1px solid #c3c3c3;
	            padding: 0,0,0,0;
	            background-color: white;
            }
            td.borderedArticle{
            	vertical-align: top;
            	text-align: left;
    			border-top: 	1px solid #c3c3c3;
				border-left: 	1px solid #c3c3c3;
				border-right: 	1px solid #c3c3c3;
				border-bottom: 	1px solid #c3c3c3;
 	            padding: 0,0,0,0;
	            background-color: white;
            }
			td.blueShadedArticle{
            	vertical-align: top;
            	text-align: left;
            	border:0,0,0,0;
	            padding: 0,0,0,0;
	            background-color: #E9F2F5;
            }
            td.message{
            	vertical-align: top;
            	text-align: left;
            	border:0,0,0,0;
	            padding: 0,0,0,0;
	            background-color: #E4F2F7;
            }

			td.sectiontab{
            	vertical-align: top;
            	text-align: center;
            	border:0,0,0,0;
	            padding: 0,0,0,0;
	            background-color: #d7e9f5;
	            font-size: 1em;
				margin: 0 0 1.5em 0;
				line-height: 1.4em;
				font-weight: bold;
				color: #056DB2;
            }

            td.contentHeader{
            	vertical-align: top;
            	text-align: center;
            	border:0,0,0,0;
	            padding: 0,0,0,0;
	            background-color: #edf5ff;
            }
            td.contentHeaderLeft{
            	vertical-align: top;
            	text-align: left;
            	border:0,0,0,0;
	            padding: 0,0,0,0;
	            background-color: #edf5ff;
            }
 
 /* Log Window Settings */

#logWindow {width: 400px; height: 405px; vertical-align: top; horizontal-align: left; margin: 0,0,0,0; padding: 0,0,0,0; overflow: auto; font-family:verdana; background-color: #FFFFCC; } 
#logWindow .info {background-color:blue;}
#logWindow .warn {background-color:green;}
#logWindow .error {background-color:red;}
#logWindow .time {background-color:orange;}
#logWindow .window {background-color:yellow;}