body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

.legalNoticeHead {
	font-weight:bold;
	font-size:1.5em;
}

.legalNoticeHead2 {
	font-weight:bold;
	font-size:1.2em;
	color:#c06000;
}

p, .paragraph {
	color: #666666;
	font-style: normal;
	font-weight: normal;
}

/* Links */
a {
	color: #006699;
}

img {
	border-style: none;
}

form {
	margin: 0;
	padding: 0;
}

h1 {
	padding-left: 0.25em;
	color: white;
}

h2 {
	padding-left: 0.25em;
	color: #003246; /* SlateGray */
	margin: 0.2em 0;				/* Some specific top and bottom margin */
}

h3 {
	padding-left: 0.25em;
	color: #708090; /* SlateGray */
	/* background-color: 	#F0FFFF; Azure  */
	vertical-align: middle;
	font-style: italic;
	/* text-decoration: underline; -- Not a good idea - similar to links */
}

h4 {
	padding-left: 0.25em;
	color: #4682B4; /* SteelBlue */
	vertical-align: middle;
}


.infoText {
	min-width: 100%;
	color: #008B8B;
	border-color: #008B8B;		/* Has to be specifically set for IE */
	/*padding-left: 0.5em;
	padding-right: 6em;
	top-margin: 1em;*/
}

table.termsTable {
	width: 60%;
}

.termsOfUseDim {
	width: 100%;
	height:	200px;
	overflow: scroll;
	color: #5588BB;
	background-color: transparent;
	/* 	border-style: hidden;		This declaration does not work in IE 6!!!  Force to use the following trick */
	border: 1px solid #8e8e8e;			/* Azure - Same color as for the table forms */
}

.errorText {
	margin-left: 0.5em;
	color: red;
	border-color: red;		/* Has to be specifically set for IE */
	background-color: #FFDAB9;
}

.redBorderedText {
	border: 1px solid red;
	color: red;
	font-weight: bold;
}


.CommonBlackItalic {
	font-style: italic;
	font-weight: normal;
	color: #000000;
	text-align: left;
}

.CommonBlackBold {	
	font-weight: bold;
	color: #000000;
	text-align: left;
}

.emphasisText {
	font-weight: bold;
	text-decoration: underline;
}

.emphasisTexRed {
	font-weight: bold;
	text-decoration: underline;
	color: red;
}

.clearLeft {
	clear: left;
}

/* The class "clear" is used to clear positioning */
.clear {
	clear: both;
}

.leftcontent {
	float:left;
	position: absolute;
	padding-left: 5px;
}

.rightcontent {
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	right: 0px;
	padding: 0;
	margin: 0;
	vertical-align:top;
	width: 100%;
	background-image: url(../images/bg_gray.gif);
	background-repeat: repeat-x;
	height: 1.6em;
	/* begin TAS : set the font size for top links */
	text-align: right;
	font-size: 0.8em;
	color: #006699;
}

.rightcontent a {
	padding-right: 0.5em;
	border-right: 1px solid #006699;
	text-decoration: none;
}

.information {
	border: 3px solid;	
}


#languageSelect {
	padding-right: 0.5em;
}

/* NEW INTRO START - androuta */

div#introBody {
	padding: 0 10px;
	width: 1200px;
	margin: 0 auto;	
}

div#introBody a {
	text-decoration: none;
}

div#introBody h2 {
	border-bottom: 3px solid #FFCC00;
    color: #002353;
    font-family: Trebuchet MS;
    padding: 10px 0 7px 39px;
    margin-bottom: 20px;
}

div#introBody h4 {
	color: #0387C1;
}

div#getStarted h2 {
	background: url(../images/infoIcon.jpg) no-repeat scroll 0 5px transparent;	
}

div#createAccount h2 {
	background: url(../images/noteBookIcon.jpg) no-repeat scroll 0 5px transparent;
}

div#help h2 {
	background: url(../images/helpIcon.jpg) no-repeat scroll 0 5px transparent;
}

div#rssNews h2 {
	background: url(../images/feedIcon.jpg) no-repeat scroll 0 5px transparent;
}

div#outsideReach h2 {
	background: url(../images/padIcon.jpg) no-repeat scroll 0 5px transparent;
}

span.newsDate {	
	font-style: italic;
	color: #999;
}

div#leftColumn {
    float: left;
    margin-right: 6px;
    padding: 10px;
    width: 38%;
}

div#leftColumn > div {
	margin-bottom: 30px;	
}

div#rightColumn > div {
	margin-bottom: 30px;	
}

div#rightColumn {
    display: inline-block;
    float: left;
    padding: 10px 0 10px 10px;
    width: 59%;
}

div#rightColumn div#top {
	overflow: visible;	
	height: 400px;
}

div#topLeft {
	float: left;
	width: 50%;	
}

div#topRight {
	margin-top: 30px;
	float: right;
	width: 50%;
	text-align: center;
}

div#topRight img {
	cursor: pointer;	
}

div#introBody ul {
	list-style-image: url(../images/listArrowIntro.png);
}

div#introBody li {
	line-height: 20px;
}

div#introBody div#login {
	padding: 1px 5px 10px;
	background: none #DCEAEF;
}

div#login h2 {
	border-bottom: none;
	background: url(../images/unlockedIcon.png) no-repeat scroll 14px 5px #E6EEF1;	
}

div#login table {
	background: none transparent;
	padding: 5px;
	border-spacing: 5px;
	width: 99%;
}

div#login td {
	color: #0387C1;
}

div#login td.commentText {
	color: #333;
}

div#login input[type="text"] {
	border: 1px solid #DCEAEF;
}

div#login input[type="password"] {
	border: 1px solid #DCEAEF;
}

div#login .inputField {
	background-color: #fff;
	padding: 1px;
}

div#login div#captchaBox {
	background-color: #FFFFFF;
    display: inline-block;
    padding: 1px;
}

div#login div#captchaBox img {
	border: 1px solid #DCEAEF;
}

div#login #controls {
	margin-top: 20px;
}

div#login #linkBox {
	width: 50%;
	display: inline-block;
}

div#login #buttonBox {
	width: 50%;
	display: inline;
	float: right;
	padding-top: 20px;
}

div#login #buttonBox input {
	float: right;
	background: none #fff;
	color: #0387C1;
	font-weight: bold;
	padding: 5px 10px;
	margin-right: 50px;
	border: none;
}

div#login .formFieldError {
	background: none transparent;
}

div#login .errorMessage {
	font-size: 12px;
	float: right;
	margin-right: 15px;	
}

/* NEW INTRO END - androuta */

div#body {
	position: relative;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: 0.5em;					/* Right margin to separate elements from page border */
	padding-top: 0.5em;
}


div#body.left-menu {
	margin-left: 0.0em;				/* Move body to the left because of menus */
}


div#body.scrollableBody {
	height: 400px;
	width: 100%;
	overflow: scroll;
}

div#rawbody {
	float: left;
	position: relative;
	top: -81px;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: 0.5em;					/* Right margin to separate elements from page border */
	padding-left: 1.5em ;
	padding-top: 0.5em;
	font-size: 0.85em;
}


div#information {
	background-color: #FFFFFF;
	margin-top: 0;						/* Top margin to show a border */
	margin-right: 0;					/* Right margin  to show a border */
	padding-left: 0.5em ;
	padding-top: 0.5em;
	position: relative;
	/* top: -60px; */ /*Petros 17 Apr*/
}


div#logo {
	margin: 0 0 3px 0;
	padding:0;
	width: 100%;
	position: relative;
	top: 20px;
	vertical-align: top;
	height: 81px;
	clear: both;
}



div#breadcrumbs {
	clear: both;
	position: relative;
	background-color: #D3F2F7; /* LightSteelBlue */
	color: #165163; /* dark blue*/
	padding: 2px 2px 2px 11em;
	font-size: 0.85em;
	font-family: Arial, Helvetica, sans-serif;
}

div#position {
	clear: right;
	background-color: #D3F2F7; /* LightSteelBlue */
	color: #165163; /* dark blue*/
	padding: 2px 2px 2px 1em;
	font-size: 0.85em;
}

div#position-over {
	background-color: #D3F2F7; /* LightSteelBlue */
	color: #165163; /* dark blue*/
	padding: 2px 2px 2px 1em;
	font-size: 0.85em;
	position: relative;
	top: -2px;
}

div#positionNoMenu {
	background-color: #D3F2F7; /* LightSteelBlue */
	color: #165163; /* dark blue*/
	padding: 0 1px 1px 0.5em;
	/* font-size: 0.85em; */
}

div.myposition {
	/*position: relative;*/
	top:-81px;
    background-color: #B0C4DE; /* LightSteelBlue */
	color: #165163; /* dark blue*/
	padding-top: 7px;
	padding-bottom: 7px;
}

div#position a {
	/*text-decoration: none;*/
	color: #165163; /* dark blue*/
	font-weight: normal;
}

div#position a.leftMost {
	margin-left: 0.5em;
}

div#position a:hover,  div#position h1 a:focus {
	color: #165163;
}

div#position li a {
	text-decoration: none;
	color: #165163;						/* SlateGray */
}

div#position li a:hover {
	color: #165163;						/* DarkSeaGreen  */
}

div#body form table, div#body div table {
	background-color: #FFFFFF;			/* White */
	border: 2px solid #FFFFFF; 
	border-style: none;
	table-layout: auto;
	/* width: 100%; 	Makes the table as large as the window */
	/* begin TAS */
	/* end TAS */
	border: 0px;
}

div#body form table.editTaskItem, div#common table.editTaskItem{
	width:100%;	
}

div#body form table.editTaskItem a.arrowLinkRight, div#body form table.editTaskItem a.arrowLinkLeft {
	padding: 2px;
	font-weight: bold;
	text-align: center;
	color: gray;			
}


div#body table tr.evenLine{
	background-color: #E6E6FA;	/* Lavender */
}

div#body table.bodyTable {
	/*border: 1px solid #D3D3D3; 	/* LightGrey */
	border-style:none;
	/* margin: 0 0.5em; */
}

div#body table.bodyTable thead {
	background-color: #D3D3D3;  /* LightGrey */
	color: #708090; /* SlateGray   */
	font-weight: bold;
	text-align: left;
}

div#body table.outerBorderTable {
	margin: 4px;
	background-color: #FFFFFF;
	border: 2px solid #DCEAED;	
	text-align: left;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	width: 100%;
}

div#body table.borderTable {
	margin-top: 5px;
	background-color: #FFFFFF;
	border: 1px solid #B0C4DE;	
	text-align: left;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	width: 100%;
}

div#body table.borderTable table.innerBorderTable {
	background-color: transparent;
}

div#body table.borderTable tr.header {
	background-color: #DCEAED;		
}

div#body table.borderTable tr.even {
	background-color: #FAFAFA;		
}

div#body table.borderTable tr.odd {
	background-color: #EEEEEE;		
}

div#body table.borderTable td.header {
	color:#006699;
	font-weight:bold;
	height: 20px;
	border-right: 1px solid #FFFFFF;
}

div#body table.borderTable td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color: transparent;	
}

div#body table.borderTableDropDown {
	background-color: transparent;	
}
div#body table.borderTableDropDownInvalid {
	background-color: transparent;	
}

div#body table.borderTableDropDownInvalid select {
	font-size: 0.8em;
	background-color: #ffb5a4;	
}

div#body table.borderTableDropDownWarning select {
	font-size: 0.8em;
	background-color: #FFEFD6;	
}

div#body table.borderTableDropDown select {
	font-size: 0.8em;	
}

div#body table.bodyTable thead td {
	padding: 0.25em 1em 0.25em 0.2em;
}

div#body table.bodyTable td {
	padding: 0.1em 1em 0.1em 0.2em;
}

div#body form table.radioButtons {
	background-color:  #F0F0F0;
}



div#body form table.radioButtons td{
	line-height: 30px;
}

div#body form table.trinidadRadioButtons label {
	line-height: 20px;
	padding: 5px;
}

table.allWidth  {
	width: 100% !important;
}


/* class navigationLinks added for pages which are navigation pages */
table.navigationLinks a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0.5em;
	margin: 0.1em 0;
	border-left: 4px solid #F0F8FF;
	color: #778899;	/* LightSlateGray  */
	/* border-color: transparent;		This declaration does not work in IE 6 */
}

table.navigationLinks a:hover /*, div#navigation a:focus */ {
	color: #887887;
	border-left: 4px solid #887887;
}

table.navigationLinks {
	table-layout: auto;
	width: 90%;		/* Makes the table as large as the window */
	color: #778899;	/* LightSlateGray  */
	padding-left: 1em;
	border-style: none;
}

table.navigationLinks td.links {
	width: 30%;
	text-align: left;
}

table.navigationLinks td.comment {
	padding-left: 0.5em;
}

div#userSession {
	position: relative;
	text-align: right;
	color: #FFFFFF;
	/* font-weight: bold;*/
	font-size: 0.8em;
	background-image: url(../images/bg_blue.jpg);
	background-repeat: repeat-x;
	height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 1px;
	padding: 1px 8px 1px 5px;
	clear: both;
}

div#userSession span {
	color: #B0C4DE; /* LightSteelBlue */
	font-style: italic;
}

div#userSession span.link a {
	color: #ff9b00; /* orange */
	font-style: normal;
	font-weight: bold;
	padding-left: 0.1em;
}

div.information {
	margin: 0 0.5em 0.5em 0;
}

div.information p#informationTitle {
	text-align: center;
	text-transform: uppercase;
	padding: 0.2em 0;
	margin: 0;
	font-weight: bold;
}

div.information p.errorType {
	margin: 0.5em 0 0 0;
	font-weight: bold;
}

div.information p.error {
	margin: 0;
	text-align: center;
	padding: 0.4em 0;
}

div.information p.info {
	margin: 0;
	text-align: center;
	padding: 0.4em 0;
}

span.fieldName {
	font-style: italic;
}

div#footer {
	text-align: right;
	border-top-style: none;
	position: relative;
	padding: 5px;
	margin-top: 0.1em;
	margin-right: 0.25em;
	margin-left: 0.25em;
	font-size: 0.85em;
	z-index: 1;
	float: right;
	width: 30%;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 40px;
	/*border-top: 1px solid gray;*/
}

.reqAsterisk {
	font-family: Arial, Helvetica, sans-serif; 
	color: #F68622; 
	font-weight: bolder;
	vertical-align: -2px;
}

.showDetailLink {
	font-family: Arial, Helvetica, sans-serif; 
	color: #F68622; 
	font-weight: bolder;
	vertical-align: 2px;
	text-decoration: none;
}

/*
 * Forms
 */

form label.labelSubHeadingText, label.labelSubHeadingText {
	font-weight: bold;
}

form label.labelSubHeadingValidationText {
	font-weight: bold;
}

div#submitArea {
	background-color: #DCEAED;
	text-align: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 30px;
}

div#submitArea input, input.submitArea {
	color: #006699;
	background-color: #A6C9F1;
	border-top:1px solid #A8B4E6;
	border-left:1px solid #A8B4E6;
	border-bottom:1px solid #7088E7;
	border-right: 1px solid #7088E7;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	/* width: 75px; */
	font-size: 12px;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

div#submitArea input[disabled], input.disabled {
 color: #AAAAAA;
 background-color: #EEEEEE;
 border-top:1px solid #CCCCCC;
 border-left:1px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
}

div#submitArea input:hover {
	color: #478AAA;
}

input[disabled]:hover {
 color: #AAAAAA !important;
}

div.submitArea {
	background-color: #DCEAED;
	text-align: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 30px;
}

div.submitArea input {
	color: #006699;
	background-color: #A6C9F1;
	border-top:1px solid #A8B4E6;
	border-left:1px solid #A8B4E6;
	border-bottom:1px solid #7088E7;
	border-right: 1px solid #7088E7;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	/* width: 75px; */
	font-size: 12px;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

div.submitArea input[disabled] {
 color: #AAAAAA;
 background-color: #EEEEEE;
 border-top:1px solid #CCCCCC;
 border-left:1px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
}

div.submitArea input:hover {
	color: #478AAA;
}

.submitArea {
	background-color: #DCEAED;
	text-align: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 30px;
}

.submitArea input {
	color: #006699;
	background-color: #A6C9F1;
	border-top:1px solid #A8B4E6;
	border-left:1px solid #A8B4E6;
	border-bottom:1px solid #7088E7;
	border-right: 1px solid #7088E7;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	/* width: 75px; */
	font-size: 12px;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.submitArea input[disabled] {
 color: #AAAAAA;
 background-color: #EEEEEE;
 border-top:1px solid #CCCCCC;
 border-left:1px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
}

.submitArea input:hover {
	color: #478AAA;
}

span.submitArea {
	background-color: #DCEAED;
	text-align: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 30px;
}

span.submitArea input {
	color: #006699;
	background-color: #A6C9F1;
	border-top:1px solid #A8B4E6;
	border-left:1px solid #A8B4E6;
	border-bottom:1px solid #7088E7;
	border-right: 1px solid #7088E7;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	/* width: 75px; */
	font-size: 12px;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

span.submitArea input[disabled] {
 color: #AAAAAA;
 background-color: #EEEEEE;
 border-top:1px solid #CCCCCC;
 border-left:1px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
}

span.submitArea input:hover {
	color: #478AAA;
}

div.trTable input.trButton {
	color: #006699;
	background-color: #A6C9F1;
	border-top:1px solid #A8B4E6;
	border-left:1px solid #A8B4E6;
	border-bottom:1px solid #7088E7;
	border-right: 1px solid #7088E7;
	font-family : Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	/* width: 75px; */
	font-size: 11px;
}

div.trTable input[disabled] {
 color: #AAAAAA;
 background-color: #EEEEEE;
 border-top:1px solid #CCCCCC;
 border-left:1px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
}

div.trTable input:hover {
	color: #478AAA;
}

/*
 * Setting borders on select is not supported by most browsers
 * It is supported by Firefox 1.5
 */
input.inputText, select, textarea.inputText {
	border: 1px solid #D3D3D3; /* LightGrey */
	color: #267DA7; /* changed to blue on 17-Apr */
	background-color: white;
	margin: 0;
	padding-left:0.5em;
}

input.inputTextReadonly, selectReadonly, textarea.inputTextReadonly {
	border: 1px solid #D3D3D3; /* LightGrey */
	background-color: #F0F0F0; 		/*Grey94 */
	color: #5588BB;
}


input.inputTextValidation {
	color: #5588BB;
	border-width: 0;
	border-bottom: 1px solid #D3D3D3; /* LightGrey */
	background-color: transparent;
}

textarea.inputTextValidation {
	color: #5588BB;
	border: 1px solid #D3D3D3; /* LightGrey */
	background-color: transparent;
}

input.inputTextView,  textarea.inputTextView, span.inputTextView, span.inputTextView textarea {
	color: #5588BB;
	background-color: transparent;
	/* 	border-style: hidden;		This declaration does not work in IE 6!!!  Force to use the following trick */
	border: 0px solid #F0FFFF !important;
	overflow: visible;
	font-size: 1em;
}

td.simpleBlueText {
	background-color:transparent;
	border:0px solid #F0FFFF;
	color:#5588BB;
}


label.requiredText, span.requiredText{
	font-weight: normal;
}

label.question {
	color: #5588BB;
	font-weight: bold;
	text-align: center;
}


div#body table.noBorder {	
	border-style: none;
}

div#body table.noBorder input{	
	color: #006699;
	background-color: #A6C9F1;
	border-top:1px solid #A8B4E6;
	border-left:1px solid #A8B4E6;
	border-bottom:1px solid #7088E7;
	border-right: 1px solid #7088E7;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	/* width: 75px; */
	font-size: 12px;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

div#body table.noBorder input[disabled] {
 color: #AAAAAA;
 background-color: #EEEEEE;
 border-top:1px solid #CCCCCC;
 border-left:1px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
}

div#body table.noBorder input:hover {
	color: #478AAA;
}

div#body table.noSpace {	
	padding: 0px;
	margin: 0px;
}

div#body table.buttonTable {
	background-color: #DCEAED;
	text-align: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 30px;
}

div#body table.buttonTable input {
	color: #006699;
	background-color: #A6C9F1;
	border-top:1px solid #A8B4E6;
	border-left:1px solid #A8B4E6;
	border-bottom:1px solid #7088E7;
	border-right: 1px solid #7088E7;
	font-family : Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	/* width: 75px; */
	font-size: 12px;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.buttonClass {
	color: #006699;
	background-color: #A6C9F1;
	border-top:1px solid #A8B4E6;
	border-left:1px solid #A8B4E6;
	border-bottom:1px solid #7088E7;
	border-right: 1px solid #7088E7;
	font-family : Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	/* width: 75px; */
	font-size: 12px;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

div#body table.buttonTable input[disabled] {
 color: #AAAAAA;
 background-color: #EEEEEE;
 border-top:1px solid #CCCCCC;
 border-left:1px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
}

div#body table.buttonTable td {
	text-align: left;
}

div#body table.buttonTable td.buttonRight {
	text-align: right;
	padding-left: 0px;
	padding-right: 30px;
}

div#body table.buttonTable input:hover {
	color: #478AAA;
}


div#body table.buttonTableBorder {
	background-color: #FFFFFF;
	text-align: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 30px;
	border: 1px solid #DCEAED;
	width: 100%;
}

div#body table.buttonTableBorder td.buttonRight {
	text-align: right;
	padding-left: 0px;
	padding-right: 30px;
}

div#body table.buttonTableBorder input {
	color: #006699;
	background-color: #A6C9F1;
	border-top:1px solid #A8B4E6;
	border-left:1px solid #A8B4E6;
	border-bottom:1px solid #7088E7;
	border-right: 1px solid #7088E7;
	font-family : Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	/* width: 75px; */
	font-size: 12px;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

div#body table.buttonTableBorder input[disabled] {
 color: #AAAAAA;
 background-color: #EEEEEE;
 border-top:1px solid #CCCCCC;
 border-left:1px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
}

div#body table.buttonTableBorder td {
	text-align: left;
}

div#body table.buttonTableBorder td.buttonRight {
	text-align: right;
	padding-left: 0px;
	padding-right: 30px;
}

div#body table.buttonTableBorder input:hover {
	color: #478AAA;
}

tr.firstField input {
	color: #006699;
	background-color: #A6C9F1;
	border-top:1px solid #A8B4E6;
	border-left:1px solid #A8B4E6;
	border-bottom:1px solid #7088E7;
	border-right: 1px solid #7088E7;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	/* width: 75px; */
	font-size: 12px;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

tr.firstField input[disabled] {
 color: #AAAAAA;
 background-color: #EEEEEE;
 border-top:1px solid #CCCCCC;
 border-left:1px solid #CCCCCC;
 border-bottom:1px solid #CCCCCC;
 border-right: 1px solid #CCCCCC;
}
 
tr.firstField input:hover {
	color: #478AAA;
}

div#body table.page td.left {
	width: 15%;
	text-align: left;
}

/* Style pageNavigation created to have links to previous and next pages when too many items in a list */

div#body table.pageNavigation td.center {
	text-align: center;
}

div#body table.pageNavigation td.right {
	width: 15%;
	text-align: right;
}

/*
 * Forms which include a table
 *  Styles for the table <table>
 */

form table {
	background-color: white;	
	/*border: 1px solid #D3D3D3; 	 LightGrey */
	border-style: none;
	table-layout: auto;
	/* width: 100%; */ 	/* Makes the table as large as the window */
}


/*
 * Forms which include a table
 *  Styles for the rows <tr>
 */

form tr td, div tr td {
	color: #333333;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	margin: 0;
	padding: 0;
}

/*
 * Forms or div which include a table
 *  Styles for the cells <td>
 */
 
tr.commentRow td{
	border-top: 0px none #FFFFFF !important;
}

.formFieldError {
	color: #333333;
	background-color: #F0F0F0;
	text-align: left;
	white-space: nowrap;
	padding-left: 5px;
	/*empty-cells:hide;*/
	text-indent: 11.5em;
}

.formFieldLabel, .listFieldLabel {
	color: #333333;
	background-color: #F0F0F0;
	text-align: left;
	white-space: nowrap;
	width: 150px;
	padding-left: 5px;
	border-top: 1px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
}

.formFieldLabelLarge {
	width: 250px;	
}

.formFieldLabel table, .listFieldLabel table {
	color: #333333;
	background-color: #F0F0F0 !important;
	text-align: left;
	white-space: nowrap;
	padding-left: 5px;
	border-bottom: 1px solid #FFFFFF;
}

.formFieldLabelNextTd, .formFieldLabelNextTd table{
	background-color: #F0F0F0 !important;
	border-top: 1px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	width:75%;
}

.formFieldLabelWrapped {
	color: #333333;
	background-color: #F0F0F0;
	text-align: left;
	width: 150px;
	padding-left: 5px;
	border-top: 1px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
}

.formFieldLabelLeft {
	padding: 0 0.5em;
	text-align: left;
}


.formFieldInput {
	color: #333333;
	background-color: #F0F0F0;
	padding: 0.1em 0.5em 0.1em 0.2em;
	
	/* begin TAS */
	width: 450px;
	border-top: 1px solid #FFFFFF;
	/* end TAS */
}

.formFieldInput table{
	color: #333333;
	background-color: #F0F0F0 !important;
	border-bottom: 1px solid #FFFFFF;
}

.formFieldInputPreviousTd{	
	background-color: #F0F0F0;
	border-bottom: 1px solid #FFFFFF;
}

.formFieldInput input {
	margin: 0;
	border: 1px solid #D3D3D3;
}

.formFieldInput input[disabled] {
	margin: 0;
	border: 0px solid #D3D3D3;
}

.formFieldInputShadow {
	color: #808080;
	padding-left: 0em;
	padding-right: 0.5em;
}

.block {
	display: block;
}

form tr td.formFieldInputComment {
	padding-top: 0;					/* A cell with comment has no top padding */
}

form tr td.information, span.information {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

form tr td.subHeadingInForm, div tr td.subHeadingInForm {
	color:#006699;
	border-top: 2px solid #FFFFFF;
	font-weight: bold;
}

form1 tr td.subHeadingInForm, div tr td.subHeadingInForm {
	background-color:#DCEAED;
	border-top:1px solid white;
	color:#006699;
	font-weight:normal;
	padding:0.2em;
}

/* OLD STYLE
form1 tr td.subHeadingInForm, div tr td.subHeadingInForm {
	padding: 0.2em 0.2em 0.2em 0.2em;				 Compact the top and bottom heading (compared with the inherited values 
	color:#006699;
	background-color: #DCEAED;
	
}*/

form tr td.disp-list{
	padding-top: 0.5em;			/* Some top padding to the sub-heading section */
	padding-bottom: 0.5em;
	/*border-bottom: 1px solid #8e8e8e;  LightGrey */
}

tr.mainHeading td, th.mainHeading {
	text-align: left;
	vertical-align: top;
	padding: 0.2em 0.2em 0.2em 0.2em;				 /*Compact the top and bottom heading (compared with the inherited values */
	background-color: #DCEAED;
	
	color:#006699;
	font-weight:bold;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

.secondHeading {
	color: #8E8E8E;
	font-weight:bold;
	font-size: 1em;
	padding-left:12px;
	padding-right:15px;
}


tr.mainHeadingInForm td {
	text-align: left;
	vertical-align: top;
	padding: 0.2em 0.2em 0.2em 0.2em;				 /*Compact the top and bottom heading (compared with the inherited values */
	background-color: #DCEAED;
	
	color:#006699;
	font-weight:bold;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

tr.mainHeadingText {
	font-weight: bold;
}

td.mainHeadingText {
	text-align: left;
	vertical-align: middle;
	padding: 0.1em 0;				/* Compact the top and bottom heading (compared with the inherited values */
	background-color: #FFFFFF; 		/* LightGrey */
	border-bottom: 1px solid #8e8e8e;
	color:#8e8e8e;
	font-weight: bold;
}

tr.h2HeadingInForm td {
	text-align: left;
	vertical-align: middle;
	padding: 0.1em 0;				/* Compact the top and bottom heading (compared with the inherited values */
	background-color: #EEEEEE; 		/* LightGrey */
	border-bottom: 1px solid #D3D3D3;
	border-top: 1px solid #D3D3D3;
}


tr.normalText  td {
	text-align: left;
	background-color: transparent;
	vertical-align: middle;
	border-bottom: 1px solid #D3D3D3;
}

tr.h2HeadingText {
	font-weight: bold;
}

td.centeredText {
	text-align: center;
}

.mainHeadingValidationText {
	font-weight: bold;
}

form tr td.commentText {
	color: #808080;
}

form tr td.formSectionInformation {
	padding-top: 0.75em;				/* Add some top and bottom padding */
	padding-bottom: 0.75em;
}

form tr td.formInformationText {
	color: #808080;
}

form tr td.formControlInformation {
	color: #6F6F6F;
	padding: 0.75em 1em;
	margin: 0;
}

form tr td.alignTop {
	padding-top: 0;
	vertical-align: top;
}

.registrantsTable tr td{
	padding-top: 0;
	vertical-align: top;
}

.aligntop{
	vertical-align: top;
}


.positionTop {
	padding-top: 0;
	vertical-align: top;
}

textarea#terms {
	margin-left: 0.5em;		/* Just a trick to have a space between the border and the textarea */
}

a.formFieldInputHelp, span.formFieldInputHelp {
	border-top: 1px solid #8F91F1;
	border-left: 1px solid #8F91F1;
	border-bottom: 1px solid #7088E7;
	border-right: 1px solid #7088E7;	/* Blue */
	color: #006298;
	background-color: #A6C9F1; 			/* Blue */
	font-weight: bold;
	padding: 0 0.2em;
	text-decoration: none; 	
}

a.formFieldInputHelpManualClose, span.formFieldInputHelpManualClose {
	border-top: 1px solid #8F91F1;
	border-left: 1px solid #8F91F1;
	border-bottom: 1px solid #7088E7;
	border-right: 1px solid #7088E7;	/* Blue */
	color: #006298;
	background-color: #A6C9F1; 			/* Blue */
	font-weight: bold;
	padding: 0 0.2em;
	text-decoration: none; 	
}

a.formFieldInputHelpManualCloseLinks {
	border-top: 1px solid #8F91F1;
	border-left: 1px solid #8F91F1;
	border-bottom: 1px solid #7088E7;
	border-right: 1px solid #7088E7;	/* Blue */
	color: #006298;
	background-color: #A6C9F1; 			/* Blue */
	font-weight: bold;
	padding: 0 0.2em;
	text-decoration: none; 	
}

div.clueTipHelpContent {
	display: none;
}

a.formFieldInputFormat, span.formFieldInputFormat {
	border-width: 1px;
	border-style: solid;
	border-color: #A52A2A;		/* Brown */
	color: #A52A2A;				/* Brown */
	font-weight: bold;
	padding: 0 0.2em;
	text-decoration: none; 	
}

a.formFieldInputFormat span {
	display: none;
}

a.formFieldInputFormat:hover, a.formFieldInputHelp:focus {
	color: #ee6f10;
	border-color: #ee6f10;
}

a.formFieldInputFormat:hover span,  a.formFieldInputFormat:focus span {
	display: block;
	position: absolute;
	border: 1px solid #ee6f10;
	padding: 5px 5px 5px 5px;
	margin-top: 2px; 			/* Separate from above input field in Firefox */
    background-color: #EEEEEE;
    text-align: left;
    color: #ee6f10;
    width: 18em;
}

a.formFieldInputHelp span {
	display: none;    
}

a.formFieldInputHelpManualClose span {
	display: none;    
}

.importantTextEmphasided {
	color: #808080;
	font-style: italic;
}

.importantText {
	color: #808080;
}

.blueBoldText {
	color: #6699FF;	
	font-weight: bold;
}

ul#tabs, ul#steps {
	margin: 0;
	border: 0;					/* Top and bottom padding */
	font-weight: normal;
	border-width: 0;
	border-bottom: 1px solid #006699;
	padding-top: 0.6em;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}

ul#tabs li, ul#steps li {
	list-style: none;
	display: inline; 					/* Put the list elements horizontally */
	padding: 3px 0.5em;
	margin-left: 5px;					/* Some vertical space to separate menu - Same background as body */
	border-bottom: none;
	/* Use unselected style */
	color: #B0C4DE; 
	background-color: #006699;
	border: 1px solid #006699;
}

ul#tabs li a, ul#steps li a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

ul#tabs li a:hover, ul#steps li a:hover {
	color: orange;
}

ul#tabs li.previousStep, ul#steps li.previousStep {
	color: #FFFFFF;
	background-color: #006699;
	font-weight: bold;
}

ul#tabs li.currentStep, ul#steps li.currentStep {
	border-bottom: 2px solid #FFFFFF;
	color: #006699;
	background-color: #FFFFFF;
	font-weight: bold;
}

ul#tabs li.nonSelectable, ul#steps li.nonSelectable {
	color: #FFFFFF;
	background-color: #CCCCCC;
}

ul#tabs li.disabledLink {
	color:	#bbb5b4;
	background-color: #878f91;
	border-top: 1px solid #FFFFFF;
}

ul#tabs.rightButton, ul#steps.rightButton {
	position: absolute;
	right: 0;
}

ul.links {
	margin: 0;
	border: 0;
	padding: 0.3em 0.25em 0.3em 0;
	font-weight: normal;
	/*float: right;*/
}

ul.links li {
	display: inline; /* Put the list elements horizontally */
	padding-left: 0.25em;
}

ul.list li, ol.list li {
	padding-top: 0.25em;	/* Some space before the bullets */
}

a.stepsNavigation  {
	background-color: transparent;
	text-decoration: none;
}

div#tab-navigation  {
	position: relative;
	font-size: 12px;
}

div#tab-navigation-extView  {
	/* position: relative; */
	top: -31px;
}

a.tab-navigation  {
	background-color: transparent;
	text-decoration: none;
}

.submissionNumber {
	font-weight: bold;
}

div#bodyLeftContent {
	float:left;
	width:55%;
}

div#bodyRightContent {
	float:right;	
	color: black;
	margin: 0; padding: 0;
}

input.inputTextRight {
	color: #00EE00;
	background-color: transparent;
	/* 	border-style: hidden;		This declaration does not work in IE 6!!!  Force to use the following trick */
	border: 0px solid #F0FFFF;			/* Azure - Same color as for the table forms */
}

form tr td.formFieldLabelRight,  form tr td.listFieldLabelRight,  div tr td.formFieldLabelRight,  div tr td.listFieldLabelRight {
	padding: 0 0.5em;
	text-align: right;
}

div#bodyRightContent table.bodyRightContent {
	background-color: #EEEEEE;			/* Grey */
	border: 1px solid #D3D3D3; 	/* LightGrey */
	table-layout: auto;
	/* width: 100%; 	Makes the table as large as the window */
}

div#context-action  {
	background-color: #FFFFFF;			
	color: #ff9b00;						
	position: absolute;
	right:0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em; 
	margin: 0;
	font-weight: bold;
}

table.tab-table {
	background-color: #DEDEDE;
	width :100%;
	padding: 0px;
}

form table.data-table{
	border: none;
}

.defaultTableHeader {
	padding: 0.25em 0.3em 0.25em 0.3em;
	background-color: #BBBBBB;		
	font-weight: bold;
}

div table tr.defaultTableEvenRow{
	background-color: #eeeeee;	
}

div table tr.defaultTableOddRow{
	background-color: #eeeeee;					
}

ul#table_action_links {		
	padding: 0;
	margin: 0;
}

ul#table_action_links li {
	list-style: none;
	display: inline; 					/* Put the list elements horizontally */
	margin-left: 5px;					/* Some vertical space to separate menu - Same background as body */
}

ul#table_action_links li a:hover {
	color: orange;
}

.invalidEntry {
	color: red;	
}

.unreadMessage {
	color: #666666
}

/* - TRINIDAD CLASSES - */

.notifications {
}

table.notifications td {
}

.folderLink {
	font-family: Arial, Helvetica, sans-serif;
}

.currentFolder {
	color:#8e8e8e;
	font-weight: bold;
}

div.trTable {
	border: 1px solid #B0C4DE;
	margin-top: 10px;
	width: 100%;
}

div#body form table.submitArea {
	background-color: #DCEAED;	
}

table.halfsize {	
	width: 50%;
}

div.halfsize {	
	width: 50%;
}

div.noTopMargin {
	margin-top: 0px;
}

div#body div.trTable table {	
	width: 100%;		
}

div.trTableOnlyWidth table {	
	width: 100%;		
}

div.trTable tBody {	
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	width:99%;		
}

div.trTable tr {
	text-align: left;
	color: #006699;
	background-color: #DCEAED;
}

div.trTable th {		
	border: 1px solid white;
	white-space: nowrap;
}

div.tableHeadersWrapped th {
	white-space: normal;
}

div.trTable td {
	background-color: white;
	border: 1px solid white;
}


div#body div.trTable .panelGrid {
	border-style: dotted;
	border: 1px dotted #B0C4DE;	
}


div#body div.trTable .panelGrid td {
	background-color: white !important;
}

/* view_notifications.jsp, Left column of "display message" pane */
div#body div.trTable .panelGrid td.left {
	vertical-align: middle;
}

/* view_notifications.jsp, Left column of "display message" pane */
div#body div.trTable .panelGrid td.left_message {
	vertical-align: middle;
	width: 14%;		
}

/* view_notifications.jsp, Right column of "display message" pane */
div#body div.trTable .panelGrid td.right {
	vertical-align: middle;		
}

/* view_notifications.jsp, Right column of "display message" pane */
div#body div.trTable .panelGrid td.right_message {
	vertical-align: middle;	
	padding-bottom: 0.4em;
	padding-top: 0.4em;
}

.p_OraHiddenLabel {
	display: none
}

.left {
	width: 20%;	
}

div.trTable td.af_column_cell-text {
	padding: 2px;
	background-color: #eeeeee;
	
}

div.trTable td.af_column_cell-text span.memberStatusFlagBlue{
	color: #0200BF;
}

div.trTable td.af_column_cell-text span.memberStatusFlagGreen{
	color: #006F05;
}

div.trTable td.af_tableSelectMany_cell-icon-format, div.trTable td.af_tableSelectOne_cell-icon-format {
	text-align: center;
	background-color: #eeeeee;
}

div.trTable td.af_tableSelectMany_cell-icon-format-band, div.trTable td.af_tableSelectMany_cell-icon-format-band {
	text-align: center;
	background-color: #FAFAFA;
}

div.trTable td.af_tableSelectOne_cell-icon-format-band, div.trTable td.af_tableSelectOne_cell-icon-format-band {
	text-align: center;
	background-color: #FAFAFA;	
}

div.trTable td.af_column_cell-text-band {
	padding: 2px;
	background-color: #FAFAFA;	
}

div.trTable td.af_column_cell-text-band span.memberStatusFlagBlue{
	color: #0200BF;
}

div.trTable td.af_column_cell-text-band span.memberStatusFlagGreen{
	color: #006F05;
}

div.trTable td.oddSubstanceRow {
	background-color: #FFEFF0;
	padding:2px;
}

div.trTable td.evenSubstanceRow {
	background-color: #EFFFFF;
	padding:2px;
}

div.trTable th.af_table_column-footer {
	background-color: white;
}

div.folderList {
	position: relative;
	left: -0.2em;
	z-index: 0;
}

td.displayFolders {
	vertical-align: top;
	width: 17%;
}

ul.folders {
	list-style-image: url(/reach/images/folder.gif);
	padding: 0px;
}

display.help.inline {
	display: inline;
}

ul.folders li {
	display: inline;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: solid;
	border-right-color: #165163;
}

ul.folders li a {
	font-weight: normal;
	color: #165163;
	text-decoration: none;
}

ul.folders li a.selectedFolder {
	font-weight: bold;
}

ul.folders li a:hover {
	text-decoration: underline;
}

.iconImage {
	padding-right: 5px;
}

div#body form table.blueTable, div#body div table.blueTable {
	background-color: #F4F7FF;
	border: 1px solid #B0C4DE;
}

.grayHeader {
	background-color:#bbbbbb;
}

form tr td.boldLabel {
	color: black;
	font-weight: bold;
}

/* -- trinidad shuttle -- */

div#body form table.shuttle, div#body div table.shuttle {
	border: 1px solid #E2E2E2;
	background-color: #EFEFEF;
	margin: 3px;
}

div#body form table.af_selectManyShuttle_box, div#body div table.af_selectManyShuttle_box {
	background-color: #F2F2F2;
	border: 1px solid #E2E2E2;		
}

div#body form table.shuttle td.OraShuttleHeader, div#body div table.shuttle td.OraShuttleHeader {
	padding-top: 10px;
	font-weight: bold;
	text-align: center;
}

div#body form table.shuttle a.OraLink, div#body div table.shuttle a.OraLink {	
	padding: 2px;
	font-weight: bold;
	text-align: center;
	color: gray;
}

div#body form table.shuttle a.OraLinkDisabled, div#body div table.shuttle a.OraLinkDisabled {	
	padding: 2px;
	font-weight: bold;
	text-align: center;
	color: #DBDBDB;
}

div#body form table td.af_inputDate_label {
	color: #5588BB;
	background-color: #F0F0F0;
	/* border-style: hidden;		This declaration does not work in IE 6!!!  Force to use the following trick */
				/* border: 0px solid #F0FFFF;Azure - Same color as for the table forms 
	font-size: 80%;
	overflow: visible;*/
}

.dateFormat {
	color: #5588BB;
	background-color: transparent;
}

.orangeLink {
	color: #FFC251;	
	font-weight: bold;
}

.simpleLink {	
	font-weight: bold;
}

.boldLink {
	font-weight: bold;
}


span.big {
	border-width: 1px;
	border-style: solid;
	border-color: #0000FF;	/* Blue */
	color: #0000FF;			/* Blue */
	font-weight: bold;
	padding: 0 0.2em;
}

form table.searchCriteria {
	border: 1px solid #DCDCDC !important;	/* Override global style on div#body form table */
	background-color: #F8F8FF !important;	
}

form table.details {
	border: 1px solid #DCDCDC !important;	/* Override global style on div#body form table */
	background-color: #F8F8FF !important;	
}

.hiddenButton {
	display: none;
}

.oddSubstanceRow {
	background-color: red
}

.evenSubstanceRow {
	background-color: blue
}

.errorMessage, .errorMessageNoBorder {
	color: #AF0000;
	font-weight: bold;
	display: block;
}

.errorErrorPage {
	color: red;
	font-weight: bold;
	background-color: #FFDDDD;
	border: 1px solid red;
	padding: 10px;
	text-align:center;
}

.infoMessage {
	color: #256d1a;
	font-weight: bold;
	display: block;
	background-color: #CDFFC9;
	border: 1px solid #A8DBB1;
	padding-left: 5px;	
}

.infoMessageNoBorder {
	color: #256d1a;
	font-weight: bold;
	display: block;	
	padding-left: 5px;	
}

.maxResultsMessage {
	color: #256d1a;
	background-color: #9BFF8B;
	font-weight: bold;
	display: block;
	padding: 5px;
}

.warnMessage {
	color: yellow;
	font-weight: bold;
}

.warningMessageNoBorder {
	color: #FFC459;
	font-weight: bold;
	display: block;	
	padding-left: 5px;	
}

.errorTable {
	background-color: #FFB5A4;
	padding: 5px;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
}

.infoTable {
	background-color: #9bff8b;	
	padding: 5px;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
}

.warningTable {
	background-color: #FFEFD6;	
	padding: 5px;
	margin: 7px;	
	width: 98%;
	text-align: center;
}

.informTable {
	background-color: #FFEFD6;	
	padding: 5px;
	margin: 7px;
	border: 1px solid #FFDFA8;
	text-align: center;
	font-size: 0.85em;
}

span.textBold {
	font-weight: bold;
}

.compositeSubstanceTable {	
	width: 99%;
	margin-top: 10px;
}

.compositeSubstanceTable tBody {	
	color: black;
	width: 99%;		
}

.compositeSubstanceTable thead tr {
	text-align: left;
	color: black;
}

.compositeSubstanceTable tbody tr {
	background-color: #FFFFD0;
	text-align: left;
	color: black;
}

.compositeSubstanceTable tbody td {
	border: 1px solid black;
}


.compositeSubstanceTable th {		
	border: 1px solid white;
	padding-left: 5px;
	padding-right:10px;
	padding-top: 5px;
	white-space: nowrap;
}

.compositeSubstance {
	background-color: #FFFFD0;
	border: 1px solid #DCDCDC;
	width: 99%;
}

.compositeSubstanceProperties {
	background-color: #FFFFD0;
	width: 99%;
}

.compositeSubstanceProperties tr {
	background-color: #FFFFD0;	
}

.compositeSubstanceProperties tbody td {
	border: none;
}

.oddColumn {
	width: 15%;
	text-align: right;
}

.evenColumn {
	width: 85%;
	text-align: left;
}

.evenRow {
	background-color: #EEEEEE;
}

.oddRow {
	background-color: #F0FFF0;
}

.compositeSubstanceChemicalNames {
	width: 99%;
}

.compositeSubstanceChemicalNames thead tr {
	background-color: #BBBBBB;
}

.compositeSubstanceChemicalNames tbody td {
	border: none;
}

.compositeSubstanceChemicalNames tbody .evenRow {
	background-color: #EEEEEE;
}

.compositeSubstanceChemicalNames tbody .oddRow {
	background-color: #F0FFF0;
}

/* Style for the validation substance identity */

.substanceContainer {
	width: 100%;
	text-align: center;
}

.constituentTable {
    width: 98%
}

.constituentTable thead th {
    padding: 5px;
    text-align: left;
    border: 1px solid black;
}

.constituentTable tbody td {
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.constituentTable table {
    width: 100%;
}

.constituentTable table tbody td {
    border: none;
}

.columnLabel{
    width: 15%;
    text-align: left;
}

.columnValue{
    width: 85%;
    text-align: left;
}


.evenRow table td {
	background-color: #EEEEEE;
}

.evenRow table {
	border-spacing: 0;
}

.oddRow table td {
	background-color: #F0FFF0;
}


.oddRow table {
	border-spacing: 0;
}

.compositeSubstanceRemoveLink {
	width: 100%;
	text-align: right;
}


.bottomLine {
	border-bottom: 1px solid #DCDCDC;
}

div.highlight {
	background-color: #DCF4DC;
}

div.highlight p {
	color: #778899;
	padding: 0.5em 1em;
	font-weight: bold;
}

.substanceName {
	color: #708090; /* SlateGray */
	font-weight: bold;
}

.buttonSubmitNewDesign {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #A6C9F1;
	color: #006699;
	vertical-align: middle;
	border-top:1px solid #A8B4E6;
	border-left:1px solid #A8B4E6;
	border-bottom:1px solid #7088E7;
	border-right: 1px solid #7088E7;
	text-align: center;
}

.buttonSubmitNewDesign:hover {
	color: #478AAA;
}

.nested {
	margin: 0 0.5em 0 0.5em;
}

.spaceBefore {
	margin-top: 1em;
}

.action-link {
	font-weight: bold;
}

.action-link a:hover {
	color: orange;
}

.panel {
	background-color: #F0F0F0;
	border: 1px none black;
	width: 100%;
	padding: 0.3em;
}

.panelTable {
	width: 99%;
	background-color: #FFFFD0;
}

ul#anchorLinks {
	margin: 0;
	border: 0;
	padding: 0.5em 0 3px 0;					/* Top and bottom padding */				
}

ul#anchorLinks li {
	list-style: none;
	display: inline; 					/* Put the list elements horizontally */
}

ul#anchorLinks li a {
	color: #466291; /* dark blue*/
	padding-right: 0.5em;
}

.similarSubstancesTable {
	background-color: #F0F0F0;
	width: 90%;					/* IE displays 100% tables incorrectly, use 99% instead */
	border: none;
}

div#body form table.similarSubstancesTable {
	background-color: #F0F0F0;
	width: 90%;					/* IE displays 100% tables incorrectly, use 99% instead */
	border: none;
}

.similarSubstancesOddColumn {

}

.similarSubstancesEvenColumn {
	width: 100%;
}

.validateOuterTable {
	background-color: #FFFFD0;
	width: 100%;
	border: none;
	padding: 0px;
}

.validateOuterTable table {
	margin-top: 10px;
	width: 100%;
}

.validateOuterTable table td {
	background-color: #FFFFD0;
	border: 1px solid black;
}

.validateInnerTable {
	background-color: #FFFFD0;
	width: 100%;
	border: none;
	padding: 0px;
}

.validateInnerTable td {
	border: 1px solid black;
}

.validateInnerTable table {
	width: 100%;
}

.validateInnerTable table td {
	border: none;
}

.chemicalNamesTable {
	width: 100%;
	border: none;
}

.chemicalNamesTable thead td {
	background-color: gray;
}

.breadCrumbs {
	margin-left: 0.5em;
}

.bcArrow {
	margin-left: 0.3em;
	margin-right: -0.5em;
}

.alternativeHoverLink, div.trTable th.af_column_sortable-header-text:hover {
	text-decoration: underline;
	color: #6699FF;
	cursor:pointer;
}

div#body form table tr.hoverHighlite:hover, div#body div table tr.hoverHighlite:hover {
	background-color: #F2F2F2;
}

div#body form div.confirmation {
	width: 99%;
}

td.preRegNameColumn {
	width: 50%;
}

td.preRegRefNumbColumn {
	width: 10%;
}

.small-action-link {
	font-weight: bold;
}

/* 
*** Styling related to upload progress bar ***
*/

.progressBarDiv {
	text-align:left;
}

/***
 *** Styling for the overall information table  
 ***
*/
.ovrlinfhd {
	text-align: left;
	vertical-align: middle;
	padding: 0.1em 0;				/* Compact the top and bottom heading (compared with the inherited values */
	background-color: #FFFFFF; 		/* LightGrey */
	border-bottom: 1px solid #8e8e8e;
	color:#8e8e8e;
	font-weight: bold;
}

.ovrleft {
	padding: 0 0.5em;
	text-align: right;
	white-space: nowrap;
	padding-top: 0;
	padding-bottom: 0.5em;
}

.ovrlright {
	padding-left: 0em;
	padding-right: 0.5em;
	color: #5588BB;
	background-color: transparent;
	border: 0px solid #F0FFFF;			
	overflow: visible;
	padding-top: 0;
	padding-bottom: 0.5em;
}

.submitLeft {
	width: 50%;
	text-align: left;
	padding-left: 30px;
}

.submitRight {
	width: 50%;
	text-align: right;
	padding-right: 30px;
}

.ovrldatarea {
	font-family: Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-style: solid;
	border-color: #D3D3D3; /* LightGrey */
	color: #5588BB;
	background-color: white;
	margin: 0;
}


a.formFieldInputInfo, span.formFieldInputInfo {
	border-width: 1px;
	border-style: solid;
	border-color: #0000FF;	/* Blue */
	color: #0000FF;			/* Blue */
	font-weight: bold;
	padding: 1px 6px 1px 6px;
	text-decoration: none;
	text-align: center;
}

a.formFieldInputInfo:focus {
	color: #ee6f10;
	border-color: #ee6f10;
}

a.formFieldInputInfo span {
	display: none;
}

a.formFieldInputInfo:hover, a.formFieldInputInfo:focus {
	color: #ee6f10;
	border-color: #ee6f10;
}

a.formFieldInputInfo:hover span,  a.formFieldInputInfo:focus span {
	display: block;
	position: absolute;
	border: 1px solid #ee6f10;
	padding: 1px 1px 5px 5px;
	margin-top: 2px; 			/* Separate from above input field in Firefox */
    background-color: #FFFFD0;
    text-align: left;
    color: #ee6f10;
    width: 36em;
}

pre.areaForPre {
	color: #333333;
	background-color: transparent;
	/* 	border-style: hidden;		This declaration does not work in IE 6!!!  Force to use the following trick */
	/*border: 0px solid #F0FFFF;			/* Azure - Same color as for the table forms */
	overflow: visible;
	font-family: Arial, Helvetica, sans-serif;
}

.areaForPre2 {
	color: #5588BB;
	background-color: transparent;
	/* 	border-style: hidden;		This declaration does not work in IE 6!!!  Force to use the following trick */
	border: 0px solid #F0FFFF;			/* Azure - Same color as for the table forms */
	overflow: visible;
	font-family: Arial, Helvetica, sans-serif;
}

.areaForPre3 {
	color: #5588BB;
	background-color: transparent;
	/* 	border-style: hidden;		This declaration does not work in IE 6!!!  Force to use the following trick */
	/*overflow: visible;*/
	font-family: Arial, Helvetica, sans-serif;
}

.DossierContentHead1 {
	text-align: left;
	vertical-align: middle;
	padding: 0.1em 0.2em;				/* Compact the top and bottom heading (compared with the inherited values */
	background-color: #FFFFFF;
	border-bottom: 1px solid #8e8e8e;
	color:#8e8e8e;
	font-weight: bold;
	/*border-top: 1px solid #D3D3D3;*/}
	
.DossierContentHead2 {
	text-align: left;
	vertical-align: middle;
	padding: 0.1em 0;				/* Compact the top and bottom heading (compared with the inherited values */
	background-color: #FFFFFF;
	border-bottom: 1px solid #8e8e8e;
	color:#8e8e8e;
	font-weight: bold;
	white-space: nowrap;
	/*border-top: 1px solid #D3D3D3;*/}

.DossierContentHead3 {
	text-align: left;
	vertical-align: middle;
	padding: 0.1em 0;				/* Compact the top and bottom heading (compared with the inherited values */
	background-color: #FFFFFF;
	border-bottom: 1px solid #8e8e8e;
	color:#8e8e8e;
	white-space: nowrap;
	/*border-top: 1px solid #D3D3D3;*/}

.DossierContentHead4 {
	text-align: left;
	vertical-align: middle;
	padding: 0.1em 0;				/* Compact the top and bottom heading (compared with the inherited values */
	background-color: #FFFFFF;
	border-bottom: 1px solid #8e8e8e;
	color:#8e8e8e;
	white-space: nowrap;
	/*border-top: 1px solid #D3D3D3;*/}


.p_OraTreeDisclosedSymbol {
	display: none
}

.p_OraTreeIcon {
	display: none
}

div#sectionTreeNav td {
	background-color: #B0C4DE !important;
}

div#sectionTreeNav div.submenu2 {				/* Settings for top-level menus */
	/*position: relative;*/
	top: -30px;
	padding: 10px 4px 10px 4px;
	background: #B0C4DE;
	color: #4682B4 !important;
	font-family: Arial, Helvetica, sans-serif;

}

div#sectionTreeNav {	
	/*position: relative;*/
	top:-48px;
	float: left;
	padding: 4px 4px 4px 4px;
	background: #B0C4DE;
	color: #4682B4 !important;
	width: 16em;						/* CHANGE ADD */ /* Set menu width */
	font-family: Arial, Helvetica, sans-serif;
}

div#sectionTreeNav a.submenu3{
	color: #4682B4 !important;
	margin-top: 20px;
	margin-bottom: 20px;
}

div#sectionTreeNav a.submenuMain{
	color: #4682B4 !important;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

span.dataProtect {
	color: #FF0000;
	background-color: transparent;
	/* 	border-style: hidden;		This declaration does not work in IE 6!!!  Force to use the following trick */
	border: 0px solid #F0FFFF;			/* Azure - Same color as for the table forms */
	overflow: visible;
}

ul.sectionTabs {
 	background-color: #DEDEDE;
	margin: 0;
	border: 0;
	padding: 0.5em 0 3px 0;					/* Top and bottom padding */				
	font-weight: bold;
	border-width: 0;						
	border-bottom: 1px solid #8e8e8e;
}

ul.sectionTabs li {
	list-style: none;
	display: inline; 					/* Put the list elements horizontally */
	padding: 3px 0.5em;
	margin-left: 5px;					/* Some vertical space to separate menu - Same background as body */
	border: 1px solid #8e8e8e;
	border-bottom: none;
	background: #8e8e8e;
}

ul.sectionTabs li a {
	text-decoration: none;
	color: #FFFFFF;
	white-space: nowrap;
}

ul.sectionTabs li a:hover {
	color: orange;
}

ul.sectionTabs li.currentStep {
	border: 1px solid #8e8e8e;
	border-bottom: 2px solid #FFFFFF;
	color: #8e8e8e;
	background-color: #FFFFFF;
	white-space: nowrap;
}

ul.sectionTabs li.nonSelectable{
	border: 1px solid #8e8e8e;
	border-bottom: none;
	color: #8e8e8e;
	background-color: #CCCCCC;
	white-space: nowrap;
}

.FlexibleHead2 {
	text-align: left;
	vertical-align: middle;
	padding: 0.1em 0;				/* Compact the top and bottom heading (compared with the inherited values */
	background-color: #FFFFFF;
	border-bottom: 1px solid #8e8e8e;
	color:#8e8e8e;
	white-space: nowrap;
	width: 1%;
}

.FlexibleHead3 {
	text-align: left;
	vertical-align: middle;
	padding: 0.1em 0;				/* Compact the top and bottom heading (compared with the inherited values */
	background-color: #FFFFFF;
	border-bottom: 1px solid #8e8e8e;
	color:#8e8e8e;
	font-weight: bold;
	white-space: nowrap;
	width: 1%;
}

.FlexibleHead4 {
	text-align: left;
	vertical-align: middle;
	padding: 0.1em 0;				/* Compact the top and bottom heading (compared with the inherited values */
	background-color: #FFFFFF;
	border-bottom: 1px solid #8e8e8e;
	color:#8e8e8e;
	white-space: nowrap;
	width: 1%;
}

.richTextView {
	width: 95%;
	height:	100px;
	overflow: scroll;
	color: #5588BB;
	background-color: transparent;
	/* 	border-style: hidden;		This declaration does not work in IE 6!!!  Force to use the following trick */
	border: 1px solid #8e8e8e;			/* Azure - Same color as for the table forms */
}

.richTextView p{
	padding: 0px 0px 0px 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
}

/* Petros */

.tab-childDiv {
	clear: right;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	vertical-align: text-top;
}
.tab-childCurrent {
	color: #000000;
	font-weight: bold;
	float: left;
	padding: 8px 5px;
	text-decoration: none;
	white-space: nowrap;
}
.tab-childLink {
	color: #777;
	font-weight: bold;
	float: left;
	padding: 8px 5px;
	text-decoration: none;
	white-space: nowrap;
}
.tab-childLink:hover {
	color: #333;
}

.rawListbox select {
	border: 1px solid #777777;
	margin-right: 5px;
}

.tab-childTableTabs {
	padding:0px;
	margin:0px;
	height:30px;
	background-color: #DEDEDE;
	vertical-align: bottom;
}

.tab-childTableSelect {
	padding:0px;
	margin:0px;
	background-color: #DEDEDE;
	border-bottom-width:1px;
	border-bottom-style: solid;
	border-bottom-color: #8E8E8E;
}

.DossierContentData {
	text-align: left;
	vertical-align: middle;
	background-color: white; /*#C9DBF0;*/
	color:#777777;
	width: 100%;
	border: 1px solid #777777;
	height: 24px;
}

.DossierContentDataConfidentiality {
	text-align: left;
	vertical-align: middle;
	background-color: #F7D8B8;
	color:#777777;
	margin: 3px;
	padding: 0px;
}

.DossierContentDataConfidentiality td{
	background-color: #F7D8B8;
	padding-left: 6px;
}

.DossierContentDataConfidentialityBorder {
	vertical-align: middle;
	background-color: #F7D8B8;
	width: 100%;
	border: 1px solid #777777;
}

.DossierContentDataInput input {
	text-align: left;
	vertical-align: middle;
	background-color: white;
	color:#777777;
	border: 1px solid #777777;
	padding: 4px;
}

input.DossierContentDataInput {
	text-align: left;
	vertical-align: middle;
	background-color: white;
	color:#777777;
	border: 1px solid #777777;
	padding: 4px;
}

.DossierContentDataInput div {
	text-align: left;
	vertical-align: middle;
	color:#777777;
	padding: 4px;
}

.DossierContentDataInput {
	text-align: left;
	vertical-align: middle;
	color:#777777;
	padding: 0px;
}

.DossierContentDataInputSelectDiv {
	text-align: left;
	vertical-align: middle;
	background-color: white;
	color:#777777;
	border: 1px solid #777777;
	width:300px;
	height:150px;
	overflow: auto;
}

.DossierContentDataInputMultipleSelect select {
	text-align: left;
	color:#777777;
	padding: 4px;
	background-color: white;
	border: none;
	width: 1200px;
}

.DossierContentDataInput select {
	text-align: left;
	vertical-align: middle;
	background-color: white;
	color:#777777;
	border: 1px solid #777777;
	padding: 4px;
	width:300px;
}

select.DossierContentDataInput {
	text-align: left;
	vertical-align: middle;
	background-color: white;
	color:#777777;
	border: 1px solid #777777;
	padding: 4px;
	width:300px;	
}

.DossierContentDataInputSmall select {
	text-align: left;
	vertical-align: middle;
	background-color: white;
	color:#777777;
}

.DossierContentDataInput textarea {
	text-align: left;
	vertical-align: middle;
	background-color: white;
	color:#777777;
	border: 1px solid #777777;
	padding: 4px;
	width: 60%;
}

.DossierContentTitle {
	text-align: left;
	vertical-align: middle;
	padding: 0.1em 0.2em;
	background-color: #FFFFFF;
	color:#8e8e8e;
	font-weight: bold;
}

.DossierContentSection {
	text-align: left;
	vertical-align: middle;
	padding: 0.1em 0;
	padding-top: 14px;
	background-color: #FFFFFF;
	border-top: 1px solid #777777;
	color:#8e8e8e;
	font-weight: bold;
	white-space: nowrap;
}

.DossierContentSubSection {
	text-align: left;
	vertical-align: middle;
	padding: 0.1em 0;
	padding-top: 6px;
	background-color: #FFFFFF;
	border-top: 1px solid #777777;
	color:#8e8e8e;
	white-space: nowrap;
}

.DossierContentSectionNested {
	text-align: left;
	vertical-align: middle;
	padding: 3px 0px 3px 5px;
	color:#8e8e8e;
	font-weight: bold;
	white-space: nowrap;
}

.DossierContentSubSectionNested {
	text-align: left;
	vertical-align: middle;
	padding: 0.1em 0;
	padding-top: 6px;
	padding-left: 20px;
	color:#8e8e8e;
	font-weight: bold;
	white-space: nowrap;
}

.DossierContentWhitebox {
	width: 96% !important;
	border: 1px dotted #777777 !important;
	padding:5px !important;
	margin-bottom: 10px;
	margin-left: 18px;
}
.DossierContentGraybox {
	width: 96% !important;
	background-color:#DEDEDE !important;
	border:1px none #777777 !important;
	padding:2px !important;
	margin-left:20px !important;
	margin-right:10px !important;
}
.DossierContentGrayboxWhite {
	width: 96% !important;
	background-color:#FFFFFF !important;
	border:1px dotted #777777 !important;
	padding:2px !important;
	margin-left:20px !important;
	margin-right:10px !important;
}
.DossierContentBoxBottom {
	border-bottom: 1px solid #777777 !important;
}
.DossierContentNestedDPGray {
	background-color:#F0F0F0 !important;
}
td.DossierCellRight {
	color: #333333;
	background-color: #F0F0F0;
	text-align: left;
	white-space: nowrap;
	width: 75%;
	padding-left: 5px;
	border-top: 1px solid #FFFFFF;
}

td.DossierCellLeft {
	color: #333333;
	background-color: #F0F0F0;
	text-align: left;
	white-space: nowrap;
	width: auto;
	padding-left: 5px;
	border-top: 1px solid #FFFFFF;
}

td.DossierButton {
	width:1%;
	background-color: #F0F0F0;
	padding-top: 2px;
	padding-left: 2px;
}

.DossierRemoveImage {
	width: 23px;
	height: 23px;
	float: right;
	margin-right: 3px;
}

table.DossierRightNested {
	margin-bottom: 3px;
	margin-top: 2px;
	width: 98%;
}

span.ErrorTextBackground {
	background-color: transparent;
	font-weight: bold;
	color: red;
}
table.ErrorTextBackground, table.DossierContentDataInput{
	background-color: #F0F0F0 !important;
}
span.ErrorTextBackground input{
	background-color: #FFB5A4;
}

span.ErrorTextBackground select{
	background-color: #FFB5A4;
}

.ErrorTextBackground {
	background-color: #FFB5A4;
}

select.ErrorTextBackground {
	background-color: #FFB5A4;
}

.AFErrorIconStyle {
	display: none;
}
table.ErrorTextBackground tbody tr td input{
	background-color: #FFB5A4;
}
input.ErrorTextBackground{
	background-color: #FFB5A4;
}
input.InfoTextBackground {
	background-color: #9bff8b;
}

/* start TAS */
div#pageButton{
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}
/* end TAS */

tr.matchingField td {
	background-color: #FFDDDD;
}

td.valignMiddle {
	vertical-align: middle;
	background-color: #F0F0F0;
	padding: 2px;
}

td.picklistValueContainer input{
	margin-left: 10px;
}

td.templateTextLinksContainer a{
	margin-left: 10px;
	margin-right: 10px;
}

div#popuptab-nav  {
	position: relative;
	top: -10px;
}

.tabBackColour {
    background-color: #F0F0F0;
}

div.trTable td.infoMessageCell {
	background-color: #CDFFC9;
}

div.trTable td.warnMessageCell {
	background-color: #FFEFD6;
}

div.trTable td.errorMessageCell {
	background-color: #FFDDDD;
}

div.trTable span.ecNumberMatch {
	color: #FF0000;
	font-weight: bold;
}

div.trTable span.nonEcNumberMatch {
	color: #5588BB;
}
div.trTable span.tableNotice {
	color: #333333;
	font-style: italic;
}

div.trTable span.processStepFailed, p.leadFailed {
	color: #FF0000;
	font-weight: bold;
}

div.trTable span.processStepAborted {
	color: #FF0000;
	font-weight: bold;
}

div.trTable span.processStepNotPerformed {
	color: #0000FF;
	font-weight: bold;
}

div.trTable span.processStepSkiped {
	color: #0000FF;
	font-weight: bold;
}

div.trTable span.paymentSkiped {
	color: #0000FF;
	font-weight: bold;
}

div.trTable span.processStepStarted, p.leadStarted {
	color: #0000FF;
	font-weight: bold;
}

div.trTable span.processStepSucceeded, p.leadSucceeded {
	color: #00FF00;
	font-weight: bold;
}

div.trTable span.processStepSuspended {
	color: #FFCC33;
	font-weight: bold;
}

/* styles for error page */
.mainMessage {
	margin-top: 20px;
	width: 50%;
	height: 35%;
	background-color: #F2F2F2;
	border: 1px solid #D8D8D8;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #333333;
}

.title {
	height: 12%;
	background-color: #F9F9F9;
	font-size: 1.3em;
	font-weight: bold;
	padding: 5px;
	color: #CCCCCC;
	border-bottom: 1px solid #D8D8D8;
}
.embedLightGrey/* error page END */

 {
	background-color:#F0F0F0;
}

span.buttonCenter {
	text-align: center;
}

.tdLongTextWrap{
	width: 400px;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

div.trTable td table td.addNamesCell{
	background-color:#F0F0F0 !important;
}

.wrappedText {
	white-space: normal;
}

.smallFont {
	font-size: 0.8em;
}

.smallLink {
	font-size: 0.95em;
}

.paddingLeft {
	padding-left: 15px;	
}

.standardTableColor {
	background-color: #F0F0F0;
	border-top:1px solid #FFFFFF;
}

.areaTextView {
	color: #5588BB;
	background-color: transparent;
	/* 	border-style: hidden;		This declaration does not work in IE 6!!! --> Force to use the following trick */
	border: 0px solid #F0FFFF;			/* Azure - Same color as for the table forms */
	/*begin TAS
	font-size: 80%;
	end TAS*/
	width: 95%;
	height: 150px;
	overflow: scroll;
}


td#content div form table.radionHelpSupport td {
	white-space: nowrap;	
}

table.radionHelpSupport td {
	padding: 5px;
}

table.radionHelpSupport td label {
	padding: 5px;
}

.selectColumn {
	width: 1%;
	white-space: nowrap;
	text-align: center;
}

.width210_word_wrap {
	width: 210px;	
	word-wrap: break-word;
}

.readOnlyView {
	border: 1px solid #D0D0D0;
	color: #9F9F9F; 
	background-color: white;
	margin: 0;	
}

/* styles for task item priorities */
.taskItemReminderOn{
	color: orange;
	font-style: italic;
}

.taskItemOverdue{
	color: red;
	font-weight:bold;
}
/* End of Styles for task item priorities */ 	

.nowrap {
	white-space: nowrap;
}

div.topAlignTable table tr td {
	vertical-align: top;
}