@charset "utf-8";
/* CSS Document */

/* IMPORTANT */
/**************/
/* journal color is set as the button color. Please find and replace #105e36 in the stylesheet with the appropriate journal color. */
/***************************/

/* ====================================*/

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  /*font-family: "Helvetica Neue","Helvetica",Helvetica,"Arial",Arial,sans-serif;*/
  font-family: "Tahoma";
  /* 1 */
 /* font-size: 100%;*/
  /* 2 
  margin: 0;*/
  /* 3 */ 
  vertical-align:middle;
  font-weight: 400;
  font-size: 11pt;
  /*height: 30px;*/
  border: 1px solid #CCC;
  border-radius: 2px;
 /* margin-top: 5px;
  margin-left: 5px;*/
  padding-left: 10px;
  /*padding-right: 10px;*/
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in; }
  

select
{
min-height: 30px;
vertical-align:middle;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
  /*vertical-align:top;*/
  height:30px;
   }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }


button,  input[type="button"],
input[type="reset"],
input[type="submit"]{
	/*width: 100%;*/
  background: #7b7b7b/*105e36*/;
  color: white;
  border: 0;
  border-radius: 2px;
  height: 30px;
  /*margin-top: 5px;*/
  margin-bottom: 5px;
  /*font-family: "Open Sans", Helvetica, sans-serif;*/
  font-family: "Tahoma";
  /*font-weight: 700;*/
  font-size: 0.8rem;
  /*text-transform: uppercase;*/
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ 
  border:none;}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }
  

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }


/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; 
 /* margin: 0 auto;*/
 
  }
  
  /*td{
	  padding-left:5px;
	  padding-right: 5px;}*/
  
  th{
	  padding:5px;
	  /*text-align:left;*/
  }
  
  caption{
	  padding:5px;}

/* SAMPLE typeScaleS:
1.067 - Minor Second
1.125 - Major Second
1.2 - Minor Third
1.250 - Major Third
1.333 - Perfect Fourth
1.414 - Augmented Fourth
1.5 - Perfect Fifth
1.618 - Golden Ratio
*/  
  
html {
  position: relative;
  min-height: 100%; }

html, body {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased; }

*, *:before, *:after {
  box-sizing: inherit; }  

body {
	/*font-family: 'Droid Sans',Helvetica,Arial,sans-serif;*/
	font-family: 'Tahoma';
	font-size: 11pt;
	color: #000;
	background: #e7e2de;
	margin: 0;
	padding: 0;
	/*text-align:center;*/ /* for older IE browser that do not support margin: auto */
	
}

a:link {
	color: #125AA7;
	text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #125AA7;
	text-decoration: none;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	/*text-decoration: none;*/
	color: #125AA7;
}


/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
 {
  outline: 0; }
a:hover{
	text-decoration:underline;
}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	/*padding: 0;
	margin: 0;*/
	/*padding-left:20px;*/
	
	
}
/*li{padding:2px;
line-height:1.5em;}*/
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	/*padding-left: 15px;*/ /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
	
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */




/* ~~ this fixed width container surrounds the other divs ~~ */

.container {
	/*width: 960px;*/
	background-color:#E7E2DE;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	border: 1px solid #ccc;
	/*text-align:center;*/
	
}

/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
	/*background-color: #ADB96E;*/
}

/* ~~ This is the layout information. ~~ 

1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

*/

.content {

	/*padding: 10px 0 0 0;*/
	clear: left;
	padding: 20px;
	
}

/* ~~ The footer ~~ */


footer {
  background: rgba(223, 223, 223, 0.6);
  color: #606060;
  font-size: 0.8rem;
  position: absolute;
  bottom: 0;
  width: 100%;
  /*border:1px solid red;
  margin-top: 80px;*/
  overflow: hidden;
  padding: 10px 0 20px 0;
  height: 130px;
  /* Height of the footer */ }
  @media screen and (max-width: 1024px) {
    footer {
      height: 130px; } }
  @media screen and (max-width: 768px) {
    footer {
      height: 130px; } }
    @media screen and (min-width: 1025px) {
      footer .secondary-links {
        float: left;
        text-align: left; } }
  footer .secondary-links a {
    color: #606060; }

.footer-content {
  text-align: center;
  overflow: auto;
  padding-top: 5px;
  padding-bottom: 20px; }



.footer {
	padding: 10px 0 0 0;
	background-color: #CCC49F;
	
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}



/*#content {
	padding: 12px 12px 12px 25px;
	background: #fff;
	width: 100%;
}*/

h1 {
/*font-family: Arial, sans-serif;
font-size: 24px;
margin-top: 20px;
font-weight: 300;*/

font-family: 'franklin-gothic-urw-cond',Arial,Helvetica,sans-serif; /*'Franklin Gothic Medium Condensed',Arial,Helvetica,sans-serif;*/
/*font-family:"AIPFONT";*/
margin-top: 20px;
font-weight: 600;
font-size: 30px;
line-height: 1.2em;
/*margin-bottom: 20px;*/
letter-spacing: normal;
}

h2 {
	
font-family: 'franklin-gothic-urw-cond',Arial,Helvetica,sans-serif;
	font-size: 20px;
	margin-top: 0px;
}

/*a {
	text-decoration: none !important;
	color: #006699;
}

a:hover {
text-decoration: underline !important;
}*/
p{
	
	margin-bottom: 12px;
	padding: 0px;
	border: 0px none;
	outline: 0px none;
	vertical-align: baseline;
	font: inherit;
	/*line-height: 1.6em;*/
	
}

#topheader {
	background: white;/*#cacaca;*/
	border-bottom: 1px solid #333;
	font-size: 12px;
	/*margin: 0 auto;*/
	text-align:right;
	color: #000;
	/*width: 931px;*/
	height:35px;
	padding-top: 15px;
	padding-right:30px;
	padding-left: 30px;
	
}


#topheader a {
	color: #000;
	/*padding-left: 25px;*/
	padding-right: 10px;
	font-weight:700;
}  


#topheader li.left {
display: inline;
list-style-type: none;
float:left;
/*padding-left: 10px;*/
}

#topheader li.right {
display: inline;
list-style-type: none;
float: right;
padding-right: 10px;
}

#masthead {
	width: 100%;
	margin-bottom: 0px;
	background: #e7e2de;
	border-bottom:#999 1px solid;
	text-align:center;
}

#nav {
	width: 100%;
	margin: 0px;	
	/*padding: 8px 0px 8px 0px;*/
	background: #666;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 40px;
	padding-top:9px;
	text-align:center;
	
}


#nav a {
	color: #FFF;
	/*padding: 8px;*/
	margin: 0px !important;
	border-right: 1px solid #aaa;
	text-decoration:none;
	padding: 10px;
	
	font-size:10pt;
	font-weight:600;
	font-stretch::narrower;
}
#nav a.last{
	border-right:none;
}
#nav a:hover{
	background-color: #105e36;
	background-position: 0% 0%;
	
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
	}

/*
#nav a:hover {
background: #feda74;
text-decoration: none !important;
}
*/

#nav ul.left {
list-style-type: none;
margin: 0px;
padding: 0px;
float:left;
}

#nav ul.right {
list-style-type: none;
margin: 0px;
padding: 0px;
float:right;
}

#nav li {
	display: inline;
	list-style-type: none;
	margin: 0px !important;
	padding: 0px !important;
}

#form-container {
	/*width: 900px;*/
	padding: 20px;
	/*border-radius: 3px;*/
	background: #fff;
	/*text-align:center;
	border:1px solid #999;*/
	margin: 0 auto!important ;
}


/* footer */

#zone-footer-wrapper {
background: #ffffff;
}

#zone-footer-wrapper a {
text-decoration: none;
}  

#region-footer-first {
	text-align: center;
	vertical-align:baseline;
padding: 10px 0px 10px 0;
background: #666; /* Old browsers */
background: -moz-linear-gradient(left,  #fff 0%, #666 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#666666)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #fff 0%,#666 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #fff 0%,#666 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #fff 0%,#666 100%); /* IE10+ */
background: linear-gradient(to right,  #fff 0%,#666 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#666666',GradientType=1 ); /* IE6-9 */
color: #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.zone-footer-second {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e7e2de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e2de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e7e2de 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e7e2de 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e7e2de 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e7e2de 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e2de',GradientType=0 ); /* IE6-9 */
}

#region-footer-second {
  padding-top: 20px;
  padding-bottom: 5px;
}

#region-footer-second ul {
list-style-type: none;
}

#region-footer-second li {
margin-bottom: 0;
}

#footer-col1 {
clear: both;
float: left;
margin-left: 25px;
margin-right: 150px;
}

#techpartners img {
	margin-bottom: 0px;
}

.submit  {
background: #ff9500;
color: #000;
padding: 5px;
font-weight:200;
text-shadow: none;
border: 1px solid #333;
/*border-radius: 3px;*/	

}
.submit:disabled{
	
	background-color:#CCC;
	color: #666;
	padding: 5px;

text-shadow: none;
border: 1px solid #333;
}

.error{
	color: red;
	font-weight:bold;
}

#footer {
	width:710px;
	color:#666;	
	padding: 15px;
	font-size:8pt;	
	/*border:1px solid red;
	text-align:center;*/
	margin: 0 auto;
	
	
}

#footer-left{
	float:left;
	color:#666;
	/*text-align:center;
	width:550px;*/
	text-align:left;
	verticle-align:middle;
}

#footer-right{
	float: right;
	color:#666;
	/*text-align:center;*/
	
	
	
}


.messageBox{

	background:#E1E1E1;
	font-size:12px;
	color:#000;
	padding:20px;
	text-align:justify;
}

.TTS{
	
}

.TRS{
	/*padding:10px;*/
}

input[type=submit], input[type=reset]{
	padding: 5px 30px;	
	
}

.pagecontainer {
  position: relative;
  min-height: 100%;
  font-size: 14px; }


.pagecontainer {
  background: white;
  max-width: 1050px;
  /*padding: 40px 50px 80px 50px;*/
  margin: 10px auto 50px;
  min-width: 1000px;
 /* max-width: 9999px !important;
width: 1050px !important;*/
display: table;
height:500px; /* need to use height instead of min-height if display = table*/
    /*box-shadow: 0px 0px 20px rgba(15,15,15,.1);*/ }
  @media screen and (max-width: 1150px) {
    .page {
      margin-left: 40px;
      margin-right: 40px;
      padding-left: 30px;
      padding-right: 30px; } }
  @media screen and (max-width: 768px) {
    .page {
      margin-top: 140px !important; } }
	  
	  .pagecontainer-login {
  background: white;
  max-width: 710px;
  /*padding: 40px 50px 80px 50px;*/
  margin: 10px auto 50px;
  min-width: 550px;
  text-align:center;
 /* max-width: 9999px !important;
width: 1050px !important;*/
display: table;
    /*box-shadow: 0px 0px 20px rgba(15,15,15,.1);*/ }
	 @media screen and (max-width: 1150px) {
    .page {
      margin-left: 40px;
      margin-right: 40px;
      padding-left: 30px;
      padding-right: 30px; } }
  @media screen and (max-width: 768px) {
    .page {
      margin-top: 140px !important; } }
	  
.page--login {
	background: white;
  max-width: 710px !important;
  margin: 0 auto;
  margin-top: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto; 
  text-align: center;}
  @media screen and (max-width: 900px) {
    .page--login {
      margin-left: 40px;
      margin-right: 40px;
      padding-left: 30px;
      padding-right: 30px; } }
  .page--login p {
    text-align: center;
    max-width: 500px;
    margin: 0 auto; }


/* apply a natural box layout model to all elements, but allowing components to change */
.login input[type=reset], .login #manuscript-home, .login .logout {
  display: none; }

.login table, .login tbody, .login tr, .login td {
  display: block;
  width: 100% \9;
  /*float: left\9;*/
  margin-left: 0 auto\9;
  padding-left: 1.5% \9; }
  
  .login tr, .login td {
  float: left\9;
  }
.login tr {
  height: auto; }

.login table {
  max-width: 500px;
  margin: 0 auto; }

.login td {
  width: 100%;
  text-align: left; }

#login-separator {
  width: 100%;
  max-width: 500px;
  height: 1px;
  background: #efefef;
  margin: auto;
  margin-top: 5px; }

.login #page {
  margin-top: 70px; }

.login a em {
  padding-top: 5px;
  display: inline-block;
  font-size: 12px; }

.login #page p {
  max-width: 500px;
  text-align: center;
  margin: 0 auto; }

.login .lede {
  padding-bottom: 20px; }


.btn {
  display: inline-block;
  background: #3a8dba;
  color: white;
  border: 0;
  border-radius: 2px;
  padding: 11px 22px;
  /*font-family: "Open Sans", Helvetica, sans-serif;*/
  font-family: "Tahoma";
  font-weight: 700;
  font-size: 0.8rem;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  text-transform: uppercase;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap; }
  .btn i {
    font-size: 1.65em; }
  .btn .icon-search {
    position: relative;
    left: -5px; }
  .btn .icon-arrow-right {
    padding-left: 0px;
    float: right;
    position: relative;
    top: -1px;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in; }

.btn:hover {
  text-decoration: none;
  color: white !important; }
  .btn:hover .icon-arrow-right {
    padding-left: 7px;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in; }

.btn-secondary {
  background: #7a7a7a; }

.btn-inline {
  border-radius: 0 4px 4px 0;
  margin-left: -10px;
  height: 40px;
  position: relative;
  top: -2px; }

#submit_login {
  width: 100%;
  background: #7b7b7b/*105e36*/;
  color: white;
  border: 0;
  border-radius: 2px;
  height: 40px;
  margin-top: 35px;
  margin-bottom: 7px;
  /*font-family: "Open Sans", Helvetica, sans-serif;*/
  font-family: "Tahoma";
  font-weight: 700;
  font-size: 0.8rem;
  text-transform: uppercase;
  
  }
  

#submit_login:hover {
  cursor: pointer; }


  
  input[type=text], input[type=password], input[type=number], input[type=email], input[type=search] {
 /* font-family: "Helvetica Neue", "Helvetica", Helvetica, "Arial", Arial, sans-serif;*/
  font-family: "Tahoma";
  font-weight: 400;
  /*font-size: 1rem;*/
  height: 30px;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  /*margin-top: 5px;*/
  padding-left: 10px;
  padding-right: 10px;
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in; }
  
  #login, .pagecontainer-login input{
  /*font-family: "Helvetica Neue", "Helvetica", Helvetica, "Arial", Arial, sans-serif;*/
  font-family: "Tahoma";
  font-weight: 400;
  font-size: 1rem;
  height: 40px;
  line-height:2em;
  border: 2px solid #dfdfdf;
  border-radius: 2px;
  /*margin-top: 5px;*/
  padding-left: 10px;
  padding-right: 10px;
  width: 100%; 
 
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in; }

#login {
  width: 100%; 
  }

#login:focus, input[type=password]:focus, input[type=text]:focus {
  border-color: #105e36;
  outline: 0;
  -webkit-transition: border-color 0.25s ease-in;
  -moz-transition: border-color 0.25s ease-in;
  -o-transition: border-color 0.25s ease-in;
  transition: border-color 0.25s ease-in; }

#login {
  margin-bottom: 20px;
    }

#emailPassword table{
	border-color:white;
	padding:5px;
	}

.notificationBox{
	
	border:2px solid #FFF;
	background-color:#105e36;
	 display: none;
  position:absolute; /*fixed;*/
  z-index: 100;
  top: 145px;
  right: 15px;
  max-width: 550px;
  line-height: 1.5;
  font-size: 95%;
 padding:10px 20px; 
  color: #0f0f0f;
 
  }
  



.notificationBox h2,.notificationBox p,.notificationBox ul {
        color:#FFF;
}

.notificationBox a {
        text-decoration: underline;
        color: #FFF;
}

.notificationBox a:hover {
        text-decoration: none;
}

/***************************************************************/
/* styles that were previously declared in the start.html file */
/***************************************************************/

.REDN {
	/*font-size:11pt;
	font-family: times;*/
	color: #FF0000;
	font-weight: normal;
    }
	
	
.APTOP {
       color: #000000;
       background-color: #999999;
       
       font-family: Verdana, Arial, Helvetica, sans-serif;
       }
.APLIST {
        border:2px solid white;
        font-family: VErdana, Arial, Helvetica, sans-serif;
        background-color: #EAEAEA;
       }
	   
.MBC1 {
	font-size:20pt;
	
	background-color: #D30101;
	color: #FFFFFF;
    }
.MBC11 {
	font-size:30pt;
	
	background-color: #D30101;
	color: #FFFFFF;
    }
.MBC2 {
	font-size:8pt;
	
	background-color: #D30101;
	color: #FFFFFF;
    }	
	   
/********************************************************/
/* Overwritting the tvs_sumit.css styles */
/**********************************************************/

.tvs_limit, .tvs_error{
	font-size:11pt!important;
	font-family:Tahoma!important;
}

.tabPage {
    font-size: 11pt!important;
}
	
input[name=dummypass]{
	top:-1000px!important;
	left:-1000px!important;
}
.even_odd td, .even_odd th{
		padding: 3px 5px;
		/*border: 1px solid grey;*/
}
.even_odd td{
	line-height:1.2 em;
}
.folder_table td{
	padding: 5px 3px ;
}

	
/********************************************************/
/* Overwritting the sticknote style */
/**********************************************************/
	
.stickynote{
	height:auto;
	padding-bottom:20px;
}
	


table[id*="chase_table"] td:nth-child(2), th[data-header-type="ms_nm"] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.autocomplete {
    z-index: 20;
}