body, html {
	height: 100%;
	margin: 0px;
	background-image: url(Images/bg.jpg);
    background-size:cover;
}

* {
    box-sizing: border-box;
}

#CustomerInfoTable {
    box-sizing: border-box;
}

table tr td a {
    display:block;
    height:100%;
    width:100%;
    color:#b00505;
}

table tr td a:visited {
    display:block;
    height:100%;
    width:100%;
    color:#b00505;
}

.navLabel:hover{
    color:#B2BABB;
}


#div_top {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 85px;
	z-index: 1;
	border: none;
    background-color:white;
}


#footer1 {
	position: fixed;
    display:block;
	left:0px;
	bottom:30px;
	width: 100%;
	height: 5px;
	z-index: 0;
	border: none;
	background:#000000;
	background-image:url(Images/shadowF.png);
	background-position:top center;
	background-repeat:no-repeat;
}
#footer_alt {
	position: fixed;
    display:block;
	left:0px;
	bottom:0px;
	width: 100%;
	height: 30px;
	z-index: 0;
	border: none;
	background:rgb(200, 200, 200);
	background-image:url(Images/shadowF.png);
	background-position:top center;
	background-repeat:no-repeat;
}

#logo {
	position: absolute;
	right:0px;
	top: 0px;
	width: 107px;
	height: 80px;
	z-index: 0;
	border: none;
}

#title {
	position: absolute;
    margin-left: 50%;
	left: -100px;
	top: 0px;
	width: 200px;
	height: 80px;
	z-index: 0;
	border: none;
}

#div_tit {
	position: absolute;
	top: 80px;
	width: 100%;
	height: 30px;
	z-index: 1000;
	border: none;
	background-color:#70695C;
}

#titlediv {
	position: fixed;
	top: 85px;
	width: 100%;
	height: 30px;
	z-index: 1;
	border: none;
	background-color:#b00505;
	
	background-position: top center;
	background-repeat:no-repeat;
}

#head_page {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    position: center;
    left: 350px;
    top: 20px;
    width:1541px;
    height: 38px;
    z-index: 0;
    }

.txt_login{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#FFFFFF;
}

.txt_login2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	width:180px;    
	color:#000000;
}

.txt_validate{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	width:180px;
  
	color: red;
}


.titlelabel{
	font-family:sans-serif, Geneva, Verdana;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
}

.navLabel{
	font-family:sans-serif, Geneva, Verdana;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
}

.subtitle{
	font-family:'Bodoni MT Black';
	font-size: 45px;
	font-weight: bold;
	width: 45px;
	color: #b00505;
	text-align:center;
	position:center;

	
}

#MyBalanceDiv {
	margin-top: -30px;
	min-height: 40px;
}

.headerlabel {
	font-family: 'Barlow';
	font-size: 50px;
	font-weight: bold;
	color: #b00505;
	top: 20px;
	text-align: center;
	position: relative;
}

.tablelabel {
    font-family:Verdana;
    font-size: 24px;
    font-weight:bold;
    color:#b00505;
}

#div_bodycontent {
	position: relative;
    margin-left:auto;
    margin-right:auto;
	width: 100%;
    height:100%;
	z-index: 1000;
	border: none;
}

#logoR {
	position: absolute;
	left:0px;
	top: 0px;
	width: 198px;
	height: 80px;
	z-index: 0;
	border: none;
}

#logoFoot {
	position: absolute;
	left:0px;
	bottom:0px;
	width: 198px;
	height: 30px;
	z-index: 0;
	border: none;
}



#logout_div {
	position: absolute;
	right: 0px;
	top: 5px;
	width: 160px;
	height: 20px;
	z-index: 0;
	border: none;
	text-align:right;
}


.customer_info_box {
    position:absolute;
    left: 5px;
    width: 500px;
    height: 240px;
    background-color:rgb(255, 255, 255);
}


#ACI_Container {
    position:relative;
    width:50%;
    left:20%;
    background-color:#99A3A4;
}

/*#########################################
  #                                       #
  #      Add New Interaction Styles       #
  #                                       #
  #########################################*/  

#InteractionTable{
    position:relative;
    width:50%;
    left:20%;
    background-color:#99A3A4;
}

#saveEntry {
    position:relative;
    width:50%;
    left:20%;
    background-color:#99A3A4;
}


/*#########################################
  #                                       #
  #           Add New Lead                #
  #                                       #
  #########################################*/  

#LeadInfoTable{
    position: relative;
    width: 30%;
    left: 30%;
    background-color:#99A3A4;
}
#TodosTable{
    position:relative;
    width:50%;
    left:20%;
    background-color:#99A3A4;
}

#StaticLeadTable{
    background-color:#99A3A4;
}
#StaticInfo {
    position: relative;
    width: 70%;
    left: 15%;
}
.StatusPanel {
    position:relative;
    left:5%;
    width:150%;
    height:50px;
}
.StatusLabel{
	font-family:Verdana, Geneva, sans-serif;
	font-size:42px;
    width:100%;
    font-weight:bold;
    color:#000000;
    background-color:#b00505;
}
.PhaseManagement {
    position: relative;
    width: 100%;
    left: 1%;
}
#PhaseStatusTable{
    position:relative;
    width:100%;
    height:150px
}
.MovePhaseButtons {
    position: relative;
    width: 100%;
}
.whiteBox{
    background-color:#000000;
}
.WinLostButtons {
    position:relative;
    left:5%;
    top:0;
}

.LostLabel {
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
    width:100%;
    font-weight:bold;
    color:#000000;
    background-color:#b00505;
}


/*#########################################
  #                                       #
  #            ASP Panels                 #
  #                                       #
  #########################################*/  

.CRMPanels {
    width:800px;
    height:300px;
    background-color:#99A3A4;
}



/*#########################################
  #                                       #
  #        ASP HYPERLINK STYLES           #
  #                                       #
  #########################################*/  

.hyperlink:hover{
   color:#197575;
 
   cursor:pointer;
}

.hyperlink
{
 font-size:22px;
 color:#24221E;
}








/*#########################################
  #                                       #
  #        LOGOUT BUTTON STYLES           #
  #                                       #
  #########################################*/  

.btn_logout {
	background-image: url(Images/btn_logout.png);
	background-position:top right;
	background-repeat:no-repeat;
	background-size:cover;
	text-transform:uppercase;
	border:0px;
	font-family:Verdana, Geneva, sans-serif;
	width:120px;
	height:40px;
	background-color:#FFFFFF;
}

.btn_logout:hover{
	background-image: url(Images/btn_logout_hover.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	text-transform:uppercase;
	border:0px;
	font-family:Verdana, Geneva, sans-serif;
	width:120px;
	height:40px;
	cursor:pointer;
}






/*#########################################
  #                                       #
  #          LOGIN BOX STYLES             #
  #                                       #
  #########################################*/  

.cntr_box {
    width:300px;
    height:300px;
    background-color:#d9d9d9;
    position:fixed;
    margin-left:-150px; /* half of width */
    margin-top:-150px;  /* half of height */
    top:50%;
    left:50%;
}








/*#########################################
  #                                       #
  #          TEXT BOX STYLES              #
  #                                       #
  #########################################*/  

.form_Form {
	height:25px;
	width:180px;
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #000000, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #000000;
	font-size: 12px;
   
}


.form_Form2 {
	height:25px;
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color: #333;
	font-size: 12px;
}









/*#########################################
  #                                       #
  #         SUBMIT BOTTON STYLES          #
  #                                       #
  #########################################*/  

.botonForm {
    padding: 9px 17px;
   font-family: Verdana, Geneva, sans-serif;
   line-height: 1;
   color: #fff;
   border: none;
   width:175px;
   background-color: #b00505;
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.homeButton {
	padding: 9px 17px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1;
	color: #fff;
	border: none;
	width: 105px;
	background-color: #b00505;
	border: 1px solid #f1f1f1;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.homeButton:hover {
	background-color: rgb(73, 74, 84);
	cursor: pointer;
	color: #fff;
}
.botonForm:hover {
	background-color:rgb(73, 74, 84);
	cursor: pointer; 
	color: #fff;
}

.botonForm2 {
	padding: 9px 17px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1;
	color: #fff;
	border: none;
	width: 1px;
	background-color: #b00505;
	border: 1px solid #f1f1f1;
	border-radius: 10px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	display:flex;
	align-items: center;
	justify-content: center;
	white-space: normal;
	position:center;
	
}

.add_new_interaction {
    height:50px;
    width:50px;
}








  .Clicked
  {
      padding: 9px 17px;
   font-family: Verdana, Geneva, sans-serif;
   line-height: 1;
   color: #fff;
    border: 1px solid #f1f1f1;
   border-radius: 2px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
   
    float: left;
     display: block;
   background-color:#b00505;
    font-weight: bold;
  
  }







/*#########################################
  #                                       #
  #            GRID STYLES                #
  #                                       #
  #########################################*/  

.Grid {
	background-color: #FFF;
	margin: 5px 0 10px 0;
	border: solid 1px #c1c1c1;
	border-collapse:collapse;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color: #24221E;
	}

.hidden {
	vis: hidden;
	display: none;
}
	
.Grid a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	font-weight:bold;
	color: #24221e;
	text-decoration: none;
	}

.Grid a:hover {
	color: #000;
	text-decoration: underline;
	}

.Grid td {

      padding: 7px;

      border: solid 1px #c1c1c1; }

.Grid th  {

      padding : 4px 2px;

      color: #FFF;

      background: #B00505;

      border-left: solid 1px #c1c1c1;

      font-size: 0.9em; }


/*
.Grid .alt {

      background: #fcfcfc url(Images/grid-alt.png) repeat-x top; }

.Grid .pgr {background: #aba8a0 url(Images/grid-pgr.png) repeat-x top; }
*/

.Grid .pgr table { margin: 3px 0; }

.Grid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }  

.Grid .pgr a { color: #0F0; text-decoration: none; }

.Grid .pgr a:hover { color: #000; text-decoration: none; }







/*#########################################
  #                                       #
  #          DROP DOWN STYLES             #
  #                                       #
  #########################################*/     
                    
/* Style The Dropdown Button */
.dropbtn {
    background-color: #b00505;
    color: white;
    padding: .05rem;
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
    border: none;
    cursor: pointer;
    z-index:15;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;

}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	right:0;
	background-color: white;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

/* Links inside the dropdown */
	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #B2BABB}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content{
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #b00505;
}