/* eHRM Desktop styles - (c) Novo Group 2001 
Author: Juha Jattu */

body {
  font-family: Arial, Helvetica, sans-serif; 
  color:  rgb(0, 0, 0); 
  MARGIN: 0pt 0pt 0pt 0pt;
}

.eHRMmargin{
	padding-left:50px;
	padding-right:40px;
	background-color : #ffffff; 
}

#ajaxStatus {
	position: relative; 
    color: #325b66;
    text-transform: uppercase;
}

#appVersion {
	white-space: nowrap;
	margin-bottom: 8px;
}
.tree4 a:link { color: #b2b2b2 !important; -ms-color:#b2b2b2 !important;}
.tree4 a:visited { color: #b2b2b2 !important; -ms-color:#b2b2b2 !important;}
.tree5 a:link { color: #b2b2b2 !important; -ms-color:#b2b2b2 !important;}
.tree5 a:visited { color: #b2b2b2 !important; -ms-color:#b2b2b2 !important;}
a { color: #ce6700; }
a:link { color: #1f6689 !important; }
a:active { color: #ce6700; }
a:visited { color: #1f6689 !important; }
a:hover { text-decoration: underline}

input.linkButton { 
	color: #2b3841; 
	border: none; 
	background-color: transparent; 
	font-family:'opensansregular', sans-serif  !important;
	font-size: 14px;
	line-height: 116%;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	width: auto;
	overflow: visible;
}

input.loginLinkButton { 
	color:  rgb(0, 0, 0); 
	border: none; 
	background-color: transparent; 
	font-family:'opensansregular', sans-serif  !important;
	font-size: 12px;
	line-height: 116%;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	width: auto;
	overflow: visible;
}

input.underlinedLinkButton, span.underlinedLink { 
	color: #ce6700; 
	border: none; 
	background-color: transparent; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 116%;
	cursor: pointer;
	padding: 0px;
	margin: 0px;
	width: auto;
	overflow: visible;
	text-decoration: underline !important;
}

input.linkButton:active { 
	text-decoration: none;
}

input.linkButton:hover { 
	text-decoration: underline;
}

form.loginLinkButton { 
	display: inline; 
}

input.loginLinkButton:active { 
	text-decoration: none;
}

input.loginLinkButton:hover { 
	text-decoration: underline;
}

form.linkButton { 
	display: inline; 
}
/* First line in startpage */
.appHead1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-weight: 600;
  color: #003366; 
}

/* Second line in startpage */
.appHead2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  font-weight: 600;
  color: #003366; 
}


/* page top header, use only 1 per page before the page form/contents begin*/
.head1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px; 
  color: #ffffff;  
  text-transform: uppercase;
}

@media print {
	/* subheader, use as titles of multiple sections on the same page*/
	.head2 {
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 14pt;
	  font-weight: 600;
	  color: #CE6700; 
	}
}

@media screen {
	/* subheader, use as titles of multiple sections on the same page*/
	.head2 {
	  font-family:'opensansregular', sans-serif  !important;
	  font-size: 90%;
	  font-weight: 600;
	  color: #CE6700; 
	}
}

@media print {
	/* paragraph or single line text, usage: <p class="text"... , <span class="text"... */
	.text {
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 10pt;
	  color: rgb(0,0,0); 
	  line-height: 116%;
	  text-decoration: none;
	}
}

.head3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 95%;
  font-weight: 600;
  color: #000000; 
}

/* paragraph or single line text, usage: <p class="text"... , <span class="textheader"... */
.textheader {
  font-family:'opensansregular', sans-serif  !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #464f52;	
}

@media screen {
	/* paragraph or single line text, usage: <p class="text"... , <span class="text"... */
	.text {
	  font-family:'opensansregular', sans-serif  !important;
	  font-size: 14px !important;
	  color: rgb(0, 0, 0); 
	  line-height: 116%;
	 }
}

@media screen {
	/* paragraph or single line text, usage: <p class="text"... , <span class="text"... */
	.vacationText {
	  font-family:'opensansregular', sans-serif  !important;
	  font-size: 14px !important;
	  color: rgb(0, 0, 0); 
	  line-height: 116%;
	  width: 800px !important;
	 }
}

/* Dropdown list style, usage: <select... class="selectlist"... */
.selectlist {
    font-family:'opensansregular', sans-serif  !important;
	font-size: 14px !important;
	border: #000000;
	color: rgb(0, 0, 0);
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px
}

/* links on page, usage: <a href="xxx" class="links"... */
.links {
	font-family:'opensansregular', sans-serif  !important;
	font-size: 14px !important;
	font-weight: normal !important;
	color: #1f6689 !important;
	line-height: 130%;
	text-decoration: none;
}

/* currently selected link on page, usage: <a href="xxx" class="linkselect"... */
.linkselect {
  font-family:'opensansregular', sans-serif  !important;
  font-size: 75%;
  font-weight: 600;
  line-height: 130%;
  text-decoration: none;
}

/* navigation menu first level, usage: <td class="menu1"... */
.menu1 {
  background-color: #DDE0E1;
}
.menu1 a:link, .menu1 a:visited {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  color: #000000;
  font-weight: 600;
  line-height: 167%;
  text-decoration: none;

}
.menu1 a:hover { text-decoration: underline}

.menuline { 
  text-decoration: underline
}

/* navigation menu second level, usage: <td class="menu2"... */
.menu2 {
  background-color: #EEF0F0;
}
.menu2 a:link, .menu2 a:visited {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 167%;
  text-decoration: none;
  color: #666666;
}
.menu2 a:hover { text-decoration: underline}

/* currently selected menu item first level, usage: <td class="menuselect1"... */
.menuselect1 {
  background-color: #DDE0E1;
}

.menuselect1 span{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
  font-weight: 600;
  line-height: 167%;
  text-decoration: none;
  color: #BC8000;
}

/* currently selected menu item second level, usage: <td class="menuselect2"... */
.menuselect2 {
  background-color: #EEF0F0;
}

.menuselect2 span{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height: 167%;
  text-decoration: none;
  color: #BC8000;
}
input[type=text] {
	font-family:'opensansregular', sans-serif  !important;
	font-size: 14px;
}

/* field title, usage: <td class="ftitle ... */
.ftitlemust {
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px;
  font-weight: 600;
  padding-right: 4px;
  color: rgb(0, 0, 0); 
  vertical-align: top;
}

.textareacharleft {
    font-family:'opensansregular', sans-serif  !important;
	font-size: 14px !important;
	font-weight: normal !important;
	padding-right: 4px;
	padding-left:230px;
	vertical-align: top;
	color: #000000;
	}

@media print {
	/* field title, usage: <td class="ftitle ... */
	.ftitlefree {
	/*!white-space: nowrap !important;
	width:340px !important;*/
    font-family:'opensansregular', sans-serif  !important;
	font-size: 14px !important;
	font-weight: normal !important;
	padding-right: 4px;
	vertical-align: top;
	color: #000000;
	}
}

@media screen {
	/* field title, usage: <td class="ftitle ... */
	.ftitlefree {
	/*white-space: nowrap !important;
	width:340px !important;*/
    font-family:'opensansregular', sans-serif  !important;
	font-size: 14px !important;
	font-weight: normal !important;
	padding-right: 4px;
	vertical-align: top;
	color: #000000;
	}
}

/* field title, usage: <td class="ftitle ... */
.ftitlemustPrint {
  font-family:'opensansregular', sans-serif  !important; 
  font-size: 100%;
  font-weight: 600;
  padding-right: 4px;
  color:  rgb(0, 0, 0); 
}

/* field title, usage: <td class="ftitle ... */
.ftitlefreePrint {
  font-family:'opensansregular', sans-serif  !important; 
  font-size: 100%;
  padding-right: 4px;
  color:  rgb(0, 0, 0); 
  vertical-align: top;
}


/* field data, use if form cell contains text, usage: <td class="fdata ... */
.fdata {
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px !important;
  color:  rgb(0, 0, 0); 
  padding-right: 4px;  
}
.fdataMargin {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color:  rgb(0, 0, 0); 
  padding:5px 30px 3px 40px;
}
.fdatamultiple {
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px !important;
  color:  rgb(0, 0, 0);  
  padding-right: 4px;
  overflow:scroll;  
  height:100px;
  border: 1px solid black;
}
/* field data, use if form cell contains text, usage: <td class="fdata ... */
.fdataPrint {
  font-family:'opensansregular', sans-serif  !important;
  font-size: 100%;
  color:  rgb(0, 0, 0); 
  padding-right: 4px;
}

.fieldshort {
/*equals Netscape <input size=8...> */
  width: 120px;
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px !important;
  color:  rgb(0, 0, 0); 
}

.fieldnormal {
/*equals Netscape <input size=19...> */
  width: 250px;
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px !important;
  color:  rgb(0, 0, 0); 
}

.fieldmax {
/*equals Netscape <input size=28...> */
  width: 360px;
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px !important;
  color:  rgb(0, 0, 0); 
  
}

.fieldmaxPrint {
/*equals Netscape <input size=28...> */
  width: 360px;
  font-family:'opensansregular', sans-serif  !important; 
  font-size: 100%;
  color: rgb(0, 0, 0); 
  
}

.fielddate { 
/*equals Netscape <input size=6...> */
  width: 85px; 
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px !important;
  color: rgb(0, 0, 0); 
}

.fieldnumber { 
/* usage: <input size="3" class="fieldnumber"... */
  width: 50px; 
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px !important;
  color: rgb(0, 0, 0); 
}

/* button row at the end of form, usage: <td class="buttons"> */
.buttons {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-size: 75%;
}

.buttonNotSized{
  font-family: Arial, Helvetica, sans-serif;	
  font-weight: 600;
  color: #676767;
  background-color: #F1F1F1;
  border: 1px solid #9A9A9A;
  overflow:visible;				
  font-size: 13px;
  filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType=0,StartColorStr='#fdfdfd',EndColorStr='#eaeaea');
  padding-right:5px;
  padding-left:5px;

}

.buttonSized{
  font-family: Arial, Helvetica, sans-serif;	
  font-weight: 600;
  color: #676767;
  background-color: #F1F1F1;
  border: 1px solid #9A9A9A;
  overflow:visible;				
  font-size: 13px;
  filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType=0,StartColorStr='#fdfdfd',EndColorStr='#eaeaea');
  padding-right:5px;
  padding-left:5px;
  width:145px;

}

.buttonNotSizeddummy {
  font-family: Arial, Helvetica, sans-serif;	
  font-weight: 600;
  background-color: #F1F1F1;
  border: 1px solid #9A9A9A;
  overflow:visible;				
  font-size: 13px;
  color: lightgrey;
  filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType=0,StartColorStr='#fdfdfd',EndColorStr='#eaeaea');
}

.dummy {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  background-color: #F1F1F1;
  border: 1px solid #9A9A9A;
  height: 20px;
  overflow:visible;				
  font-size: 13px;
  color: lightgrey;
    filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType=0,StartColorStr='#fdfdfd',EndColorStr='#eaeaea');  
}

/* Dummy buttons, usage <input type="button" name="dummy" value="VALUE" class="dummybutton"></input>*/

.dummybutton {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  background-color: #F1F1F1;
  border: 1px solid #9A9A9A;
  height: 20px;
  overflow:visible;				
  font-size: 13px;
  color: lightgrey; 
    filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType=0,StartColorStr='#fdfdfd',EndColorStr='#eaeaea'); 
}


/* link to top and bottom of page, usage: <a href="xxx" class="jump"> */
.jump {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 70%;
  color: #003366;
  margin-top: 2px;
  text-decoration: none;
}

/* divider line, usage <td class="line">&nbsp;</td> */
.line {
  font-size: 0.1px;
  line-height: 0.1px;
  background-color: #DDE0E1;
}

@media print {
	/* table headings, usage: <td class="tablehead"> */
	.tablehead {
	  font-family: Arial, Helvetica, sans-serif;
	  font-size: 10pt;
	  font-weight: 600;
	  color: #BC8000;
	  background-color: #DDE0E1;
	  vertical-align: middle;
	  white-space:nowrap;
	  height: 10px;
	}
}

@media screen {
	/* table headings, usage: <td class="tablehead"> */
	.tablehead {
	  font-family: Arial, Helvetica, sans-serif;;
	  font-size: 12px;
	  font-weight: 600;
	  color: #BC8000;
	  background-color: #DDE0E1;
	  vertical-align: middle;
	  white-space:nowrap;
	  height: 10px;
	}
}

/* table data row, toggle this and tabletext2 on every second row, usage: <td class="tabletext1"> */
.tabletext1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: rgb(0, 0, 0);
  background-color: #F3F3F3;
}

tr.tabletext1:hover { 
  background-color: #fad850;
}


/* table data row, toggle this and tabletext1 on every second row, usage: <td class="tabletext2"> */
.tabletext2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: rgb(0, 0, 0);
  background-color:transparent;
}

tr.tabletext2:hover { 
	background-color:transparent;
}

/* table data row, toggle this and tabletext1 on every second row, usage: <td class="tabletextY"> */
.tabletextY {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: rgb(0, 0, 0);
  background-color: #FFFF00;
}

/* table data row, toggle this and tabletext1 on every second row, usage: <td class="tabletextR"> */
.tabletextR {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: rgb(0, 0, 0);
  background-color: #FF0000;
}

/* table data row, toggle this and tabletext1 on every second row, usage: <td class="tabletextG"> */
.tabletextG {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: rgb(0, 0, 0);
  background-color: #00FF00;
}
/* table data row, toggle this and tabletext1 on every second row, usage: <td class="tabletextB"> */
.tabletextB {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: rgb(0, 0, 0);
  background-color: #728FCE;
}
.tabletext1 a, .tabletext2 a, .tabletextY a, .tabletextR a, .tabletextG a { text-decoration: none;}
.tabletext1 a:hover, .tabletext2 a:hover, .tabletextY a:hover, .tabletextR a:hover, .tabletextG a:hover { text-decoration: underline}

/* tree level1, usage: <td class="tree1"> */
.tree1 {
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #F3F3F3;
}

/* tree level2, usage: <td class="tree2"> */
.tree2 {
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #FFFFFF;
}

/* tree level3, usage: <td class="tree3"> */
.tree3 {
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #FFFFFF;
}

tr.tree1:hover { 
	background-color: #fad850;
}

tr.tree2:hover { 
	background-color: #fad850;
}

.tree1 a, .tree2 a, .tree3 a { text-decoration: none;}
.tree1 a:hover, .tree2 a:hover, .tree3 a:hover { text-decoration: underline}

/* error message, usage <p class="error">...</p> */
.error {
  	font-family: Helvetica !important;
	font-size: 14px;
	font-weight: 400 !important;
	color: #a94442 !important;
	line-height: 116%;
	background-color: #f2dede !important;
	border-radius: 3px;
	padding: 10px;
	-webkit-text-stroke-color: #ebccd1;
	text-align: left;

}

.warning {
	font-family: Helvetica !important;
	font-size: 14px;
	font-weight: 400 !important;
	color: #3c763d !important line-height:  116%;
	background-color: #DFF0D8 !important;
	border-radius: 3px;
	padding: 10px;
	-webkit-text-stroke-color: #d6e9c6;
	text-align: left;
}

.matchselected {
  font-family: Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  background-color: #003366;
  vertical-align: middle;
}
p.break
{
  page-break-before: always; 
  height:0;
  line-height:0;
}

.formatted {
	white-space: pre;
}

.searchCompetenceCombobox {
  width: 540px;
}

.searchConditionCombobox {
  width: 67px;
}

.searchAndORLevelCombobox {
  width: 40px;
}
.vocExamCodesCombobox {
  width: 400px;
}
.selectMeasurementCombobox {
  width: 500px;
}
.selectLanguageLevelCombobox {
  width: 345px;
}
.reportMultipleChoiceList {
  width: 26em;
}

.assetReportTDHead {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  font-weight: 600;
  padding-left: 20px;
  color:  rgb(0, 0, 0); 
}

.assetReportTDFree {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 75%;
  padding-left: 20px;
  color:  rgb(0, 0, 0); 
}
.assetReportTDFree2 {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 75%;
  color:  rgb(0, 0, 0); 
}

.assetReportTDMust {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 75%;
  font-weight: 600;
  padding-left: 20px;
  color:  rgb(0, 0, 0); 
}
.specialDiningList {
  size: 3;
}	
.spantext1 {
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px;
  color: rgb(0, 0, 0);
  background-color: #09F235;
}

.spantext2 {
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px;
  font-weight: 600;
  color: rgb(0, 0, 0);
}

.mainheaderbar {
	text-decoration:none;
	background:url(../pics/background-image.gif) repeat-x;
	height: 70px;
}

.arrow{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 130%;
  text-decoration: none;
  color : #464f52;
}

.head4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  font-weight: 600;
  text-transform: uppercase;
}

.textbox {
	font-family:'opensansregular', sans-serif  !important;
	font-size: 14px;
	color: rgb(0, 0, 0);
	background-color: #F9F9F9;
	border: 1px solid #9A9A9A;
	height: 23px;
	width: 150px;
}

.table{
    border: 1px solid #EAEAEA;
}


TR.tabletext2:hover, TR.tabletext2.hover, TR.tabletext1:hover, TR.tabletext1.hover{ 
  background: #fad850;
}

.logcolor1{
background: #FFFFFF;
}

.logcolor2{
background: #E31937;
}

.logcolor3{
background: #F2F3F4;
}

/* field title, usage: <td class="ftitle ..." without vertical-align: top */
.ftitlemust1 {
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px !important;
  font-weight: 600;
  padding-right: 4px;
  color:  rgb(0, 0, 0); 
}

/* Moss 4496 */
.helpText{
	font-family: Arial;
  	font-size: 13px;
}

/* Moss 2524 */
pre { 
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap !important; /* 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+ */
  margin: 0px 0px 0px 0px;
  padding:5px 5px 3px 5px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}


.helpTextMargin{
  white-space: -moz-pre-wrap !important; /* 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+ */
  margin: 0px 0px 0px 0px;
  padding:5px 30px 3px 40px;
  text-align : justify;	
  font-size: 14px;
  font-family: 'opensansregular', sans-serif !important;
}

/* table data row, toggle this and shifttabletext2 on every second row, usage: <td class="shifttabletext1"> */
/* Moss 5208 */	
TR.shifttabletext1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: rgb(0, 0, 0);
  background-color: #F3F3F3;
}
/* table data row, toggle this and shifttabletext1 on every second row, usage: <td class="shifttabletext2"> */
/* Moss 5208 */
.shifttabletext2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: rgb(0, 0, 0);
  background-color: #FFFFFF;
}

.fieldshort1 {
/*equals Netscape <input size=8...> */
  width: 120px;
  font-family:'opensansregular', sans-serif  !important; 
  font-size: 14px !important;
  color: #C0C0C0; 
}

.fieldshort2 {
  width: 70px;
  font-family:'opensansregular', sans-serif  !important; 
  font-size: 14px !important;
  color:  rgb(0, 0, 0); 
}

@media print {
	/* paragraph or single line text, usage: <p class="textvalign"... , <span class="textvalign"... */
	.textvalign {
	  font-family:'opensansregular', sans-serif  !important;
	  font-size: 10pt;
	  color:  rgb(0, 0, 0); 
	  line-height: 116%;
	  vertical-align: top;
	}
}

@media screen {
	/* paragraph or single line text, usage: <p class="textvalign"... , <span class="textvalign"... */
	.textvalign {
	  font-family:'opensansregular', sans-serif  !important;
	  font-size: 14px;
	  color:  rgb(0, 0, 0); 
	  line-height: 116%;
	  vertical-align: top;
	}
}
.toViewMutipleChoiceList{
color: white;
 background-color: #F1F1F1;
}
.field{
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px !important;
  color:  rgb(0, 0, 0); 
}

.questionnaireRegistryFields {
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px !important;
  color: rgb(0,0,0);
}

.ftitlefree1  {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
    word-break: break-all;
	word-wrap: break-word;
	font-family:'opensansregular', sans-serif  !important;
	font-size: 14px !important;
	font-weight: normal !important;
	padding-right: 4px;
	vertical-align: top;
	color: #000000;
	}
	
.ftitletext {
	font-family:'opensansregular', sans-serif  !important;
	font-size: 14px !important;
	font-weight: normal !important;
	padding-right: 4px;
	vertical-align: top;
	color: #000000;
	}
	
span.tab{
    padding: 0 80px;
}

span.tab2{
    padding: 0 160px;
}

/* New Login Page Style Sheets*/

/* Changed Styles related to Login Page */
@import url('http://fonts.googleapis.com/css?family=Open+Sans');

body {
	background-color: #FFFFFF;
	font-family: 'opensansregular', sans-serif  !important;
	font-size: 14px;
	color:  rgb(0, 0, 0);
	margin: 10px 0px 0px 0px;
}

a {
	color: #1f6689;
	text-decoration: none;
}

a:hover {
	cursor: pointer;
	text-decoration: underline;
}

div.marginals {
	width: 100%;
	min-width: 675px;
}

div.main_container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1260px;
	margin-bottom: 12px;
}

div.header_container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1260px;
	background-color: white;
}

div.page_container {
	float: left;
	width: 100%;
	min-width: 675px;
}

div.footer_container {
	height: 24 px;
	border-bottom: 1px solid white;
}

div.navigationbar {
	float: left;
	width: 100%;
	height: 36px;
	padding-top: 6px;
	background-color: white;
	border-bottom: 5px solid #aec6d2;
	margin-bottom: 12px;
}

div.navigationbar_text {
	float: left;
	margin-left: 16px;
}

div.statusbar {
	float: left;
	width: 96%;
	background-color: white;
	padding: 3px;
	margin-bottom: 12px;
	height: 38px;
	margin-left: 2%;
	margin-right: 2%;
	min-width: 587px;
}

div.statusbar_copyright {
	float: left;
	padding-top: 0px;
	margin-top: 3px;
	background-color: transparent !important;
	margin-left: 10px;
}

div.statusbar_application {
	float: left;
	font-size: 22px;
	color: #325b66;
	margin-top: 7px;
	margin-left: 20px;
	font-family: "opensanslight", sans-serif !important;
}

div.statusbar_version {
	float: left;
	font-size: 15px;
	color: #325b66;
	margin-left: 2%;
	padding-top: 12px;
	font-family: 'opensansregular', sans-serif;
}

div.statusbar_action {
	float: right;
	margin-right: 1%;
	margin-top: 10px;
	padding-top: 2px;
	vertical-align: middle;
	font-family: 'opensansregular', sans-serif;
	font-size: 14px;
	color: #325b66;
}

div.buttons {
	width: 98%;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 8px;
	margin-bottom: 2px;
}

input.BUTTON {
	float: right;
	background-color: white;
	font-size: 14px;
	font-weight: 600;
	color: #1F6689;
	border: 1px solid #a7b8c3 !important;
	margin-left: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 5px 5px 5px 5px;
	font-family: "opensansregular", sans-serif;
	background: #ffffff !important;
	height: 30px;
}

input.TextBox{
	border: 1px solid #a7b8c3 !important;
	font-family: 'opensansregular', sans-serif !important;
	border-radius: 3px;	
	height: 20px;
	width: 190px;
}

input[disabled].BUTTON {
	color: InactiveCaption;
}

input.button_active {
	float: right;
	background-color: white;
	font-size: 14px;
	font-weight: 600;
	color: #1f6689;
	border: 1px solid LightGray;
	margin-left: 1em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 3px 3px 3px 3px;
}

input[disabled].button_active {
	color: InactiveCaption;
}

input.LOGBTN {
	border: 1px solid grey;
	font-weight: 600;
}

.customerLogoORNameStyle {
	font-size: 22px;
	color: #E31937;
	padding-left: 50px;
	font-family: "opensanslight", sans-serif !important;
	vertical-align: middle;
	padding-top: 4px !important;
}

.customerLogoORNameStyleForLabel {
	font-size: 22px;
	color: #E31937;
	padding-left: 50px;
	font-family: "opensanslight", sans-serif !important;
	vertical-align: middle;
	padding-top: 14px !important;
}

.customerAppNameStyle {
	font-family: opensanslight, sans-serif !important;
	font-size: 22px;
	padding-left: 10px;
	padding-top: 14px;
	color: RGB(16, 97, 135);
	float: left;
	margin-left: 0px;
}

.closeTextStyle {
	font-family: opensansregular, sans-serif !important;
	font-size: 16px;
	color: RGB(91, 116, 133);
	text-decoration: none;
	padding-top: 7px;
	
}

.closeIconStyle {
	height: 20px;
	margin-right: 20px;
	border: none;
	border-color: white;
	padding-top: 7px;
}

.parent_div {
	width: 100%;
	height: 100%;
	background: url(../pics/background_design_net.png) !important;
	background-color: RGB(208, 223, 229);
	background-repeat: repeat !important;
	min-width: 675px;
}

.red_image_div {
	width: 100%;
	height: 9px;
	background-color: RGB(217, 0, 38);
	min-width: 675px;
}

.customer_logo_div {
	width: 100%;
	height: 55px;
	background-color: #ffffff;
}

.login_main_container {
	height: 256px;
	background-color: white;
	vertical-align: middle;
	border: 1px solid #cdcdcd;
	border-bottom: 10px solid #aec6d2;
	margin: auto;
	margin-left: auto;
	margin-right: auto;
	width: 496px;
}

.login_container {
	float: left;
	background-color: white;
	padding: 16px;
	padding-left: 40px;
	padding-right: 4 0px;
	padding-bottom: 5px;
}

.login_groupbar {
	float: left;
	width: 100%;
	height: 30px;
	background-color: RGB(91, 116, 133);
	color: white;
	text-align: center;
}

.language_specific_tabs {
	margin-left: 26%;
	padding-top: 16px;
}

.login_text {
	float: left;
	width: 100%;
	padding-top: 8px;
	font-weight: 400;
	text-align: center;
	font-size: 14px;
	font-family: "opensansregular", sans-serif !important;
}

.group_column1_left {
	float: left;
	width: 27%;
	height: 42px;
	background-color: white;
	padding-top: 5px;
	font-family: "opensansregular", sans-serif !important;
	font-size: 14px;
	white-space: nowrap;
	overflow: visible;
}

.group_column1_right {
	float: left;
	width: 70%;
	height: 42px;
	background-color: white;
	padding-top: 5px;
}

select{
	font-family:'opensansregular', sans-serif  !important;
	font-size: 14px;
}

textarea{
	font-family:'opensansregular', sans-serif  !important;
	font-size: 14px;
}

.registrationLink { 
	text-decoration: underline;
}

.tree4 {
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px;
  background-color: #F3F3F3;
}

.tree5 {
  font-family:'opensansregular', sans-serif  !important;
  font-size: 14px;
  background-color: #FFFFFF;
}

.tree4  a {  color: #CCCCCC;text-decoration: none;}
.tree5  a {  color: #CCCCCC;text-decoration: none;}

 select.fixWidthStyle
{
	width: 200px;
	height: 68px;
}

.rolePersonStyle
{
	float: left;
	margin-left:10px;
}
.selectPersonStyle
{
	float: left;
	margin-right:10px;
}

.textPre {
	font-family: 'opensansregular', sans-serif !important;
	font-size: 14px !important;
	color: #202020;
	line-height: 116%;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap !important; /* 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+ */
}


span.tab3{
    padding: 0 95px;
}

table tr td
{
	padding:3px;
}

.buttonSized1{
  font-family: Arial, Helvetica, sans-serif;	
  font-weight: 600;
  color: #676767;
  background-color: #F1F1F1;
  border: 1px solid #9A9A9A;
  overflow:visible;				
  font-size: 13px;
  filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType=0,StartColorStr='#fdfdfd',EndColorStr='#eaeaea');
  padding-right:5px;
  padding-left:5px;
  width:155px;

}

.widthStyleForButton
{
  width:165px;  font-family: Arial, Helvetica, sans-serif;	
  font-weight: 600;
  color: #676767;
  background-color: #F1F1F1;
  border: 1px solid #9A9A9A;
  overflow:visible;				
  font-size: 13px;
  filter:progid:DXImageTransform.Microsoft.Gradient
   (GradientType=0,StartColorStr='#fdfdfd',EndColorStr='#eaeaea');
  padding-right:5px;
  padding-left:5px;
  width:165px;
}