/*
This file inherits all the styles from DefaultStyle.css
Please make sure that the following import link is present if you want to inherit default styles.
Any changes in fonts, colours, layout, etc. can be done via overriding CSS style elements after the import statement.

Good CSS guide is located at

http://www.htmlhelp.com/reference/css/

*/
@import url(DefaultStyle.css);

/* put your changes below this comment */
body
{
 background-image: url(images/BG.gif);
 background-color: none;
 background-position: left top;
 background-repeat: no-repeat;
 color: #000000;
 padding: 0;
 margin: 0;
 font-size: 13px !important;
 font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
td {
	font-size: 13px !important;
 font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	padding:10px 0 10px 0;
}
input[type=text]{
	border:0;
	border-bottom: 1px solid #C0272D;
}
#OuterContentPane 
{
	padding: 15px 30px 20px 30px;
	background: none;
	border-left: 0px solid;
	border-left-color: #ffffff;
	border-right: 0px solid;
	border-right-color: #ffffff;
}

#pagehead
{
	height: 204px;
	border-bottom: 0px solid #000000;
}

#topbar1
{
	color: #ffffff;
	background: none url(images/TopR.gif) no-repeat top left;
	height: 204px;
}

#topbar2
{
	color: #ffffff;
	background: url(images/Top.gif) no-repeat top left; 
	height: 204px;
}
#topbar2 img
{
	width: 320px;
	height:auto;
	margin:30px 0 0 30px;
}

.loginBox
{
	border: 1px solid #dfdfdf;
	background: #fff;
	color: #000000;
	padding: 20px 20px 20px 20px;
	width: 300px;
}

.loginBox input[type="text"], .loginBox input[type="password"]
{
	width: 290px;
	margin-bottom:20px;
	border:0;
	border-bottom: 1px solid #C0272D;
	height: 25px;
}

.loginBox a, .loginBox a:visited
{
	color: #000000;
}

.loginBox a:hover
{
	color: #000000;
}

#PasswordReminder {
	line-height: 40px;
}

.LoginInstruction
{
	position: absolute;
	border: 1px solid #dfdfdf;
	background: url(images/BoxBg.gif) repeat-x top left;
	color: #000000;
	padding: 15px;
	left: 334px;
	top: 220px;
	right: 16px;
	height: 322px;
}

#LoginStatusString
{
	text-align: right;
	color: #00A4E4;
	background: none;
	top: 113px;
	right: 0px;
}

#menu
{
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-decoration: none;
	background: none;
	text-align: center;
	font-size: 13px;
	font-variant: normal;
	line-height: 26px;
	margin: 0 0 0 30px;
	padding: 0;
	list-style-type: none;
	color: #C0272D;
	font-weight: 400;
	display: block;
	/*text-transform: uppercase;*/
	position:relative !important;
}

#menu li 
{
	width: 124px;
	height: 30px;
	color: #ffffff;
	text-decoration: none;
	background: #C0272D;
	border: 1px solid #C0272D;
	width: 8em;
	float: left;
	height: 2.5em;
	text-align: center;
	line-height: 36px;
	
}
	 
#menu a, #menu a:visited
{
	color: #C0272D;
	background: #ffffff;
	width: 8em;
	height: 2.5em;
	text-decoration: none;
	display: inline-block;
	
}

#menu a:hover  
{
	color: #C0272D;
	text-decoration: none;
	background: #ffffff;
}
#Title {
	clear:both;
	margin-top: 60px;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	
}
.DetailsTable 
{ 
	padding: 0px;
	font-size: 11px;
}

.DetailsHeader
{
	color: #005596;
	font-size: 13px;
	vertical-align: middle;
	line-height: 24px;
}

.DetailsHeader td
{
	background-image: url(images/MButt.gif);
	background-repeat: repeat;
	background-position: top left;
	background-size: cover;
}

.DetailsHeader a
{
	color: #005596;
	font-weight: Normal;
}

.DetailsHeader a:hover
{
	color: #000000;
}

a,
a:visited
{
	color: #000000;
	background: inherit;
}

a:hover
{
	color: #000000;
	background: inherit;
}

select, input
{
	font-size: 13px;
}

.ContentSection
{
	padding-left: 0px; 
	margin-top: 10px;
	padding-bottom: 0px;
	background: none;
}

.DetailsCell
{
	color: #000000;
	background: none;
}

.DetailsAlternatingCell
{
	color: #000000;
	background: #ebf9fe;
}

.TimeLineLegend
{
	display: inline-block;
	font-weight: bold;
	background: none;
	color: #000000;
	text-align: center;
	padding: 5px 5px 5px 5px;
	border: solid 1px gray;
}

.TimeLineOverdue
{
	background: #ffb6c1;
	color: #000000;
	white-space: nowrap;
	text-align: center;
}

.TimeLinePending
{
	background: #FFFF00;
	color: #000000;
	white-space: nowrap;
	text-align: center;
}

.TimeLineCompleted
{
	background: #98fb98;
	color: #000000;
	white-space: nowrap;
	text-align: center;
}

.TimeLineCompletedLate
{
	background: #ffcc99;
	color: #000000;
	white-space: nowrap;
	text-align: center
}

.TimeLineEstimate
{
	font-style: italic;
	color: #000000;
	background: inherit;
	white-space: nowrap;
	text-align: center;
}

.Button.FilterStripGroup_none
{
	background-color: #ffffff;
}
input[type=submit] {
	background: #C1272C;
	color: white;
	border: 0;
	padding: 10px 32px;
	text-align: center;
    text-decoration: none;
	border-radius: 10px;
}
 input[type=button] {
	background: url("Images/cal.gif") !important;
	background-size: 16px 18px !important;
	border: 1px solid #fff;
}

td.EDocsDownload
{
    width: 60px;
}

td.EDocsDownload.HasEDocs
{
    background: url(images/page.png) no-repeat center left;
    background-position-x: 3px;
}

#pagefooter
{
    text-align: left;
	padding-top: 14px;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
	margin-left: 10px;
	margin-right: 30px;
	height: 30px;
	color: #000000;
	font-size: 9px;
	padding-left: 24px;
	background: #fff;
}

#PageFooter a,
#PageFooter a:visited
{
	color: #000000;
	font-size: 10px;
}

#PageFooter a:hover
{
    color: #000000;
    font-size: 10px;
}

#LanguageSelection
{
    position:relative;
    display: block;
	margin-top:20px;
}

@media only screen and (max-width: 991.98px) {
    .table-wrapper {
        overflow: auto;
    }
}

#contact-lists {
    font-size: 13px;
}

#contact-lists table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    margin: 15px 0;
}

#login-contact-lists table tbody tr {
    cursor: pointer;
}

#contact-lists table th {
    background-color: #ededed;
    text-align: left;
}

#contact-lists table tr:nth-child(2n) td {
    background-color: #f5f5f5;
}

#contact-lists table th,
#contact-lists table td {
    padding: 8px 10px;
}

#contact-lists table tr.selected td {
    background-color: #e6ffe6;
}

#contact-lists table tr.selected td:first-child {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='20' height='20'><path fill='%23009900' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'></path></svg>");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#contact-lists table tr td:first-child input[type=radio] {
    visibility: hidden;
}