
BODY      {
	color:#000;	
	font-family: Roboto;
	font-weight: 300;
	font-size: 14px;
	background-color:#ffffff;
	margin:0px 0px 0px 0px;;
	padding:0px;			
	height: 100%;
			
}


input{ 
	/*border: 1px solid #5C99DC; */
	border: 1px solid #C3C3C3;
	background-color: #ffffff; 
	color: #000; 
	font-size:11px;
	line-height:16px;
	padding: 2px 4px;
	font-family:verdana;
}
	
	
td { font-size: 11px;font-family:verdana; }
select {font-size: 11px;padding: 2px 4px;font-family:verdana;}

textarea {font-size: 11px;font-family:verdana;}
A {
	FONT-FAMILY: verdana,tahoma,arial
}
A:link {
	TEXT-DECORATION: none
}
A:visited {
	TEXT-DECORATION: none
}
A:active {
	TEXT-DECORATION: underline
}
A:hover {
	TEXT-DECORATION: underline
}
A.nav {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FFFFFF
}
A.nav:hover {
	COLOR: #ff0000
}
A.cell {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #608db7; TEXT-DECORATION: underline dotted;
}
A.cell:hover {
	COLOR: #ff0000
}
A.headnav {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff
}
A.navitem {
	FONT-SIZE: 11px; COLOR: #ffffff
}
A.navitem:hover {
	COLOR: #FFFFFF
}
A.link {
	COLOR: #608db7
}
A.ltlink {
	COLOR: #608db7
}
A.button {
	CURSOR: pointer
}
A.gt {
	COLOR: #000000
}
a:link, a:visited, a:active  { color:#000 }
a:hover                      { text-decoration:underline }

#css_mn_item:hover { color:#1660E9; }
		
.buttongrey {
	padding: 8px 20px 8px 20px;
	border:#898989 1px solid;
	background-color:#F0F0F0;
	color:#000;
	-border-radius: 2px;
	text-align:center;
	cursor:hand;cursor:pointer;
	font-size: 12px;
	font-weight: bold;
	border-radius: 3px;
	cursor: pointer;
}

.btn {
	font-weight: 600;
	display: inline-block;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	/*border: 0px solid transparent;*/
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 15px;
	line-height: 1.7;
	border-radius: 4px;
	-o-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

/* button : warning */
.btn-warning {
	color: #ffffff;
	background-color: #ef4836;
	box-shadow: inset 0 -2px 0 #e02612;
	text-decoration:none;
}
.btn-warning:hover {
	color: #ffffff;
	background-color: #ea2813;
}

/* button : success */
.btn-success {
	color: #ffffff;
	background-color: #26a65b;
	box-shadow: inset 0 -2px 0 #1c7d44;
	text-decoration:none;
}
.btn-success:hover {
	color: #ffffff;
	background-color: #1e8549;
}

/* button : blue */
.btn-blue {
	color: #ffffff;
	background-color: #4184f3;
	box-shadow: inset 0 -2px 0 #327AF1;
	text-decoration:none;
}
.btn-blue:hover {
	color: #ffffff;
	background-color: #006BD7;
}

/* button : orange */
.btn-orange {
	color: #ffffff;
	background-color: #FF8C1A;
	box-shadow: inset 0 -2px 0 #FF8811;
	text-decoration:none;
}
.btn-orange:hover {
	color: #ffffff;
	background-color: #F47A00;
}

/* button : grey */
.btn-grey {
	color: #ffffff;
	background-color: #BABEC7;
	box-shadow: inset 0 -2px 0 #AFB5BC;
	text-decoration:none;
	
}
.btn-grey:hover {
	color: #ffffff;
	background-color: #9CA3AD;
	
}

/* button large */
.btn-lg {
	padding: 10px 26px;
	font-size: 19px;
	line-height: 1.33;
	border-radius: 6px;
}

.btn-valign {
	height: auto;
	font-weight: 600;
	min-height: 60px;
	display: table-cell;
	height: 60px;
	vertical-align: middle;
	font-size: 18px;
	margin: 20px auto;
	padding: 0 16px;
}



#buttonband  { font-size:12px; font-weight:bold; line-height:150%; color:#FFFFFF; height: 28px; background-color: #AAB9CF; }
#title  { font-size:12px; font-weight:bold; line-height:150%; color:#FFFFFF; height: 28px; background-color: #ABB5D0; padding-left:5px;}
#titleLight  { font-size:12px; font-weight:bold; line-height:150%; color:#000000; height: 28px; background-color: #D1DCEB; }
#titleDark { padding: 5px; 
			color: #ffffff;
			background-color:#7C91B0;
			border-top:1px solid #8AA1C3; 
			border-left:1px solid #8AA1C3;
			border-right:1px solid #546278;
			border-bottom:1px solid #546278;
			font-weight:bold;
			}
.tableborder { border:1px solid #ABB5D0;background-color:#FFF; }
.tableborderDark { border:1px solid #ABB5D0;}
.tdrow1 { background-color:#DEE6F1;
          border-bottom:1px solid #D1DCEB;
          border-right:1px solid #D1DCEB ;
          border-top:1px solid #FFF;
          border-left:1px solid #FFF;
        }				
.tdrow2 { background-color:#EEF5FC;
		  border-bottom:1px solid #D1DCEB;
          border-right:1px solid #D1DCEB;
          border-top:1px solid #FFF;
          border-left:1px solid #FFF;
        }
.tdrow3 { background-color:#F4F7FB;
		  border-bottom:1px solid #BEC7D2;
          border-right:1px solid #BEC7D2;
          border-top:1px solid #FFF;
          border-left:1px solid #FFF;
        }
.tdrow4 { background-color:#ffffff;
		  border-bottom:1px solid #dedede;
		  padding: 4px;
          
        }
.tdrow5 { background-color:#D1D9E4;
          border-bottom:1px solid #AEB8C4;
          border-right:1px solid #AEB8C4 ;
          border-top:1px solid #FFF;
          border-left:1px solid #FFF;
          /*color:#455E83;
          font-weight:bold;*/
        }
.tdrow6 { background-color:#d9e2eb;
		  border-bottom:1px solid #D1DCEB;
          border-right:1px solid #D1DCEB;
          border-top:1px solid #FFF;
          border-left:1px solid #FFF;
        }
.tdrowGREY { background-color:#CFD6DF;
          border-bottom:1px solid #BBBBBB;
          border-right:1px solid #BBBBBB ;
          border-top:1px solid #DDDDDD;
          border-left:1px solid #DDDDDD;
        }
.tdrowDARKGREY { background-color:#abb0b8;
          border-bottom:1px solid #a1a1a1;
          border-right:1px solid #a1a1a1 ;
          border-top:1px solid #cfcece;
          border-left:1px solid #cfcece;
		  color:#fff;
        }
.tdrowLIGHTERGREY { background-color:#ececec;
	border-bottom:1px solid #bbb;
	border-right:1px solid #bbb ;
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
}
.tdrowLIGHTGREY { background-color:#e5e2e2;
          border-bottom:1px solid #d8d8d8;
          border-right:1px solid #d8d8d8 ;
          border-top:1px solid #DDDDDD;
          border-left:1px solid #DDDDDD;
        }
.tdrowRED { background-color:#FF0000;
		  color:#ffffff;
          border-bottom:1px solid #CE0000;
          border-right:1px solid #CE0000 ;
          border-top:1px solid #FF9191;
          border-left:1px solid #FF9191;
        }
.tdrowORANGE { background-color:#FFB401;
          border-bottom:1px solid #DE9D01;
          border-right:1px solid #DE9D01 ;
          border-top:1px solid #FFF4DB;
          border-left:1px solid #FFF4DB;
        }
.tdrowLIGHTORANGE { background-color:#FFDD8A;
          border-bottom:1px solid #DCB760;
          border-right:1px solid #DCB760 ;
          border-top:1px solid #FFF4DB;
          border-left:1px solid #FFF4DB;
        }
.tdrowXORANGE { background-color:#FFF2C7;
          border-bottom:1px solid #EBD074;
          border-right:1px solid #EBD074 ;
          border-top:1px solid #ffffff;
          border-left:1px solid #ffffff;
        }
.tdrowDARKORANGE { background-color:#db9201;
          border-bottom:1px solid #b67a1b;
          border-right:1px solid #b67a1b ;
          border-top:1px solid #FFF4DB;
          border-left:1px solid #FFF4DB;
		  color:#fff;
        }     
.tdrowLIGHTGREEN { background-color:#52da4b;
	/* 52da4b */
          border-bottom:1px solid #4bc745;
          border-right:1px solid #4bc745 ;
          border-top:1px solid #82eb7d;
          border-left:1px solid #82eb7d;
		  color:#fff;
        } 
.tdrowBROWN { background-color:#db5501;/*db5501*/
          border-bottom:1px solid #b6511b;
          border-right:1px solid #b67a1b ;
          border-top:1px solid #ffe6db;
          border-left:1px solid #ffe6db;
		  color:#fff;
        }  
#submenu   { border:1px solid #BCD0ED;background-color: #CFD6DF;font-size:12px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
.sectionHeader {
			color: #798EC8;
			font: bold 16px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
			margin-bottom:20px;
		}
.sectionContainer {
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border: 1px solid #D3E0E9;
			padding: 6px;
		}
.example { FONT-SIZE: 9px; COLOR: #808080; FONT-FAMILY: verdana,tahoma,arial; font-weight:normal; background-color:#DDDDDD;}

.sbcopy {
	FONT-SIZE: 10px; COLOR: #426c96; FONT-FAMILY: verdana,tahoma,arial; LETTER-SPACING: -1px
}
.sbxcopy {
	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana,tahoma,arial; LETTER-SPACING: -1px
}




/*
#button   { border:1px solid #4C77B6;background-color: #DFE6EF; font-family:Verdana, Arial; font-size:11px; font-weight: bold; CURSOR: pointer;}				
#editbutton   { background-color: #DDDDDD; color: #000; font-family:Verdana, Arial; font-size:9px }
*/

#button {
	padding: 5px 20px;
	border:#6788B4 1px solid;
	background-color:#DFE6EF;
	color:#000;
	font-weight:bold;
	-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-align:center;
	cursor:hand;cursor:pointer;
}

#editbutton {
	#button;
	background-color: #DDDDDD;
}


form { display: inline; }



/* ******************************************************************************** */

#tooltip {
	position: absolute;
	width: 150px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


/* ************************************************************************************** */

.pullquote {
	width: 30%;
	float:right;
	font-size:165%;
	line-height:150%;
	font-weight:bold;
	font-family: arial;
	color:#191970;
	margin:10px;
	background: url(../_sys/images/closequote.gif) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 25px 5px 0px;
}
.pullquote:first-letter {
	background: url(../_sys/images/openquote.gif) no-repeat left top !important;
	padding:10px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}
.highlight {font-weight:bold;color:#ff0000;}

/*****************************************************************/

.modalBackground
{
   filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
   width: 100%; height: 100%; background-color: #999999;
   position: fixed;
   z-index: 500;
   top: 0px; left: 0px;
}
.modalContainer
{
    position: absolute;
    width: 300px;
    left: 50%;
    top: 50%;
    z-index: 750;
}
.modal
{
    background-color: white;
    border: solid 4px black; position: relative;
    top: -150px;
    left: -345px;
    float:relative;
    z-index: 1000;
    width: 500px;
    height: 295px;
    padding: 0px;
}
.modalTop
{
    
    background-color: #000099;
    padding: 4px;
    color: #ffffff;
    
}
.modalShadow
{
   filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
   width: 510px; height: 300px; background-color: #000;
   position: relative;
   top: 10px;
   left: 10px;
}
/* */
.modalNew {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.modalXTopHeader {
	padding: 2px 16px;
	background-color: #000099;
	color: white;

}
.modalBody {padding: 2px 16px;}

.modalFooter {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}
.modalContent {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */
  }
/* The Close Button */
.modalClose {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}  
.modalClose:hover,
.modalClose:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}
/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0} 
	to {top:0; opacity:1}
}  
@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

.dbtabactive {
	color:#000;font-weight: bold;
	background-color: #fff;
	border-right:#3d3737 1px solid;
	border-top:#3d3737 1px solid;
	border-left:#3d3737 1px solid;
	cursor:pointer;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.dbtabinactive {
	color:#555252;font-weight: bold;
	background-color: #b7c2c9;
	border-left:#9aa1a5 1px solid;
	border-right:#9aa1a5 1px solid;
	border-top:#9aa1a5 1px solid;
	border-bottom:#3d3737 1px solid;
	cursor:pointer;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.dbtabfiller {
	/* background-color: #b7c2c9;*/
	background-color: #f0f4f7;		
	border-bottom:#3d3737 1px solid;
}

/* ---------------------------------------------------------------------- */

.funnel_outer{width:420px;float: left;position: relative;padding:0 10%;}
.funnel_outer *{box-sizing:border-box}
	.funnel_outer ul{margin:0;padding:0;}
	.funnel_outer ul li{float: left;position: relative;margin:2px 0;height: 50px;clear: both;text-align: center;width:100%;list-style:none}
	.funnel_outer li span{ border-top-width: 50px;border-top-style:  solid; border-left: 25px solid transparent; border-right:25px solid transparent; height: 0;display: inline-block;vertical-align: middle; } 
	.funnel_step_1 span{width:100%;border-top-color: #8080b6;}
	.funnel_step_2 span{width:calc(100% - 50px);border-top-color: #669966}
	.funnel_step_3 span{width:calc(100% - 100px);border-top-color: #a27417}
	.funnel_step_4 span{width:calc(100% - 150px);border-top-color: #ff66cc}
	.funnel_step_5 span{width:calc(100% - 200px);border-top-color: #0099ff}
	.funnel_step_6 span{width:calc(100% - 250px);border-top-color: #027002}
	.funnel_step_7 span{width:calc(100% - 300px);border-top-color: #ff0000;}
.funnel_outer ul li:last-child span{border-left: 0;border-right: 0;border-top-width: 40px;}
.funnel_outer ul li.not_last span{border-left: 5px  solid transparent;border-right:5px  solid transparent;border-top-width:50px;}
.funnel_outer ul li span p{margin-top: -30px;color:#fff;font-weight: bold;text-align: center;}


