﻿/* 0 BASIC TAGS */
.mousehand
{
	cursor: hand;
}
body
{
	background-color: #656565;
	background-image: url(Images/background.gif);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

table {
	border-collapse: separate;
	text-indent: initial;
	border-spacing: 2px;
}

td, th {
	padding: 3px;
}

/* 1 HEADER */

.header
{
	background-image: url(Images/header.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
	height: 76px;
	margin: 0 auto 5px auto;
}
.HeaderTopGreen
{
	background-image: url(Images/HeaderTopGreen.gif);
	background-repeat: repeat;
	position: relative;
	width: 100%;
	height: 201px;
}
.HeaderTopBlue
{
	background-image: url(Images/HeaderTopBlue.gif);
	background-repeat: repeat;
	position: relative;
	width: 100%;
	height: 201px;
}
.HeaderTopOrange
{
	background-image: url(Images/HeaderTopOrange.gif);
	background-repeat: repeat;
	position: relative;
	width: 100%;
	height: 201px;
}
.HeaderTopBlueWeb
{
	background-image: url(Images/HeaderTopBlueWeb.gif);
	background-repeat: repeat;
	position: relative;
	width: 100%;
	height: 201px;
}
.headerlogin {
	/*background-image: url(Images/TAI.gif);*/
	background-image: url('Images/CompanyLogo.png');
	background-size: contain;
	background-position-x: center;
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
	height: 317px;
	background-color: #f0f0f0;
}
.lock
{
	background-image: url(Images/j_login_lock.jpg);
	background-repeat: repeat;
	position: relative;	
	width: 152px;
	height: 137px;
}
.headerlogintext
{
	position: absolute;
	left: 80px;
	top: 180px;
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	color: #ffffff;
}
.headerlogintext1
{
	position: absolute;
	left: 120px;
	top: 210px;
	font-size: 16px;
	font-family: Verdana;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
}
.headerlogintext2
{
	position: absolute;
	left: 300px;
	top: 315px;
	font-size: 20px;
	font-family: Verdana;
	text-align: left;
	font-style: italic;
	color: #ffffff;
}
.VTSDLogo
{
	/*background-image: url(Images/VTSDLogo.gif);
	background-repeat: no-repeat;
	position: absolute;
	width: 280px;
	height: 135px;
	top: 15px;
	left: 10px;*/
}
.mcslogo
{
	/*background-image: url(Images/mcslogo.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 433px;
	height: 85px;
	top: 18px;
	float: right;*/
}
.VTSDLogoSys {
	background-image: url(Images/CompanyLogo1.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	width: 100%;
	height: 7.7rem;
	
}
.mcslogosys
{
	/*background-image: url(Images/mcslogo.gif);
	background-repeat: repeat;
	position: relative;
	width: 433px;
	height: 85px;
	top: 20px;
	right: 5px;*/
}
.HelpLine
{
	background-image: url(Images/HelpLine.png);
	background-repeat: no-repeat;
	position: relative;
	width: 48px;
	height: 48px;
	top: 6px;
}

.HelpLineText
{
	position: relative;
	font-size: 12px;
	font-family: Verdana;
	top: 10px;
	color: #FFFFFF;
}
.Homebutton {
	position: relative;
	top: -1.6rem;
}

.logoutbutton {
	position: relative;
	top: -1.7rem;
}
.idnumber
{
	position: relative;
	left: 0px;
	top: 16px;
	font-size: 12px;
	font-family: Verdana;
}
.loginbody-color
{
	background-color: #D9DEC2;
}

/* 2 PAGE */
.bodystyle
{
	text-align: center;
	background-color: #ffffff;
	color: Black;
}
/* 2.1 ALL PAGES */



/* 3 FOOTER */

.footerbg
{
	width: auto;
	height: 50px;
	text-align: center;
}

.footer
{
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	width: 1024px;
	height: 50px;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
}
.footer1
{
	/*background-image: url(Images/Footer-Sys.gif);
	background-repeat: repeat;*/
	position: relative;
	height: 51px;
    
}
.footertext
{
	position: relative;
	top: 16px;
	font-size: 12px;
	font-family: Verdana;
	color: #000000
}

a
{
	color: #993300;
	text-decoration: none;
}
a:active
{
	border-bottom: 2px dotted Red;
}
a:hover
{
	color: #993300;
	text-decoration: none;
}


.wrap
{
	width: 100%;
	height: 100%;
}



input
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	
}
input
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;	
}
select
{
	font-family: arial, verdana, helvetica,sans-serif;
	font-size: 11px;
}
textarea
{
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
}

/* MESSAGE Modal Popup CSS*/
.mpBg
{
	background-color: #cccccc;
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.mp
{
	background-color: #D8DDC1;
	border-width: 0px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	font-size: 14px;
	font-family: Verdana;
}
.mpHd
{
	border-color: White;
	border-width: 1px;
	color: White;
	font-weight: bold;
	width: 100%;
	height: 20px;
	font-size: 16px;
	font-family: Verdana;
}
.mpClose
{
	text-align: center;
	width: 100%;
}
.mpCloseButton
{
	right: 4px;
	width: 17px;
	height: 18px;
}
/****LOADING POPUP*****/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=60);
	opacity: 0.60;
}
.updateProgress
{
	border-width: 1px;
	border-style: solid;
	background-color: #FFFFFF;
	position: absolute;
	width: 130px;
	height: 50px;
}
.updateProgressMessage
{
	margin: 3px;
	font-family: Trebuchet MS;
	font-size: small;
	vertical-align: middle;
}
/*Page Context*/
.caption
{
	background-color: #f6f6f6;
	text-align: right;
	width: 140px;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}
.captiongrid
{
	background-color: #DEE0C8;
	text-align: right;
	width: 140px;
	color: #72725F;
	font-weight: bold;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}
.captionexport
{
	background-color: #f6f6f6;		
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}
.controltitle
{
	color: #878986;
	font-weight: bold;
	font-size: 18px;
}
.controlsubtitle
{
	color: #60ADF4;
	font-weight: bold;
	font-size: 18px;
}
.controltitleorange
{
	color: #F75303;
	font-weight: bold;
	font-size: 18px;
}
.icontitle
{
	color: #666;
	font-weight: normal;
	font-size: 12px;
}
.subtitle
{
	color: #0B55C4;
	font-weight: bold;
	text-align: left;
}
.subtitleHay
{
	color: #505151;
	font-weight: bold;
	text-align: left;
}
/*LOADING*/
.overlay
{
	background-color: #cccccc;
	filter: alpha(opacity=30);
	opacity: 0.3;
	border-right: black 1px solid;
	padding-right: 5px;
	border-top: black 1px solid;
	padding-left: 5px;
	z-index: 100;
	padding-bottom: 5px;
	border-left: solid 1px black;
	width: 100px;
	padding-top: 5px;
	border-bottom: black 1px solid;
	position: absolute;
	-moz-opacity: 0.75;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
}
/*TOOL INFO*/
.toolinfo
{
	background-color: Gray;
}
.emaillogo
{
	position: relative;
	background-image: url(Images/Email.png);
	background-repeat: no-repeat;
	position: relative;
	width: 23px;
	height: 23px;
	top: 0px;
}
.dbnamelogo
{
	position: relative;
	background-image: url(Images/dbname.png);
	background-repeat: no-repeat;
	position: relative;
	width: 23px;
	height: 23px;
	top: 0px;
}
.usernamelogo
{
	position: relative;
	background-image: url(Images/User.png);
	background-repeat: no-repeat;
	position: relative;
	width: 23px;
	height: 23px;
	top: 0px;
}
.IDlogo
{
	position: relative;
	background-image: url(Images/ID.png);
	background-repeat: no-repeat;
	position: relative;
	width: 23px;
	height: 23px;
	top: 0px;
}
.EDClogo
{
	position: relative;
	background-image: url(Images/EDC.png);
	background-repeat: no-repeat;
	position: relative;
	width: 23px;
	height: 23px;
	top: 0px;
}
.tdwith
{
	width: 150px;
}

/*****PAGE HEADER USER*****/
.SysAdmin1 /****System Administration Tools***/
{
	position: relative;
	background-image: url(Images/UserAdmin.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 70px;
	height: 70px;
	top: 0px;
}
.controltitleSysAdmin 
{
	color: #60ADF4;
	font-weight: bold;
	font-size: 18px;
}
.Client  /****Client***/
{
	position: relative;
	background-image: url(Images/TakeOn.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 70px;
	height: 70px;
	top: 0px;
}
.controltitleClient
{
	color: #BA3E01;
	font-weight: bold;
	font-size: 18px;
}
.EDC  /****EDC***/
{
	position: relative;
	background-image: url(Images/TakeOn.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 70px;
	height: 70px;
	top: 0px;
}
.controltitleEDC
{
	color: #F75303;
	font-weight: bold;
	font-size: 18px;
}


.UserAdd
{
	position: relative;
	background-image: url(Images/UserAdd.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 50px;
	height: 50px;
	top: 0px;
}
/*********VALIDATION***************************/
.validatorCalloutHighlight
{
	background-color: #F6F5CA;
}
/****************NEWS*****************/
.News
{
	background-image: url(Images/Newspaper-64.png);
	background-repeat:no-repeat;
	position: relative;
	width: 64px;
	height:64px;
}
.AddRecord
{
	background-image: url(Images/Add-32.png);
	background-repeat:no-repeat;
	position: relative;
	width: 32px;
	height:32px;
}
.divbor
{
	background-image:url(Images/haybar.gif);
	background-repeat:repeat;
	position: relative;
	width: 100%;
	height:25px;
	color:#ffffff;
}
.divFrame {
    border: solid 1px #aeaeae;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color:#ffffff;
}

/* System Info Messages */
#system-message dd.info ul { background: #C3D2E5 url(Images/notice-info.png) 4px center no-repeat;}

/* System Standard Messages */
#system-message dd.message ul { background: #C3D2E5 url(Images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message1 dd.error ul { background: #E6C0C0 url(Images/notice-alert.png) 4px center no-repeat;}

/* System Warning Messages */
#system-message2 dd.warning ul {background: #FF4500 url(Images/notice-note.png) 4px center no-repeat;}

/* System Notice Messages */
#system-message3 dd.notice ul { background: #90EE90 url(Images/suc.png) 4px center no-repeat; }



/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Messages */
#system-message1    { margin-bottom: 10px; padding: 0;}
#system-message1 dt { font-weight: bold; }
#system-message1 dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message1 dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Messages */
#system-message2    { margin-bottom: 10px; padding: 0;}
#system-message2 dt { font-weight: bold; }
#system-message2 dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message2 dd ul { color: #FF4500; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #FF4500; border-bottom: 3px solid #FFA500;}

/* System Messages */
#system-message3    { margin-bottom: 10px; padding: 0;}
#system-message3 dt { font-weight: bold; }
#system-message3 dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message3 dd ul { color: #008000; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #3CB371; border-bottom: 3px solid #3CB371;}


/* System Info Messages */
#system-message dt.info { display: none; }
#system-message dd.info {  }

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Warning Messages */
#system-message2 dt.warning { display: none; }
#system-message2 dd.warning ul { color: #FF4500; background-color: #FFA500; border-top: 3px solid #FF4500; border-bottom: 3px solid #FF4500;}

/* System Notice Messages */
#system-message3 dt.notice { display: none; }
/*#system-message3 dd.notice ul { color: #0055BB; background: #EFE7B8; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}*/


/* System Error Messages */
#system-message1 dt.error { display: none; }
#system-message1 dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}