
/*////////////////////////       main.css     \\\\\\\\\\\\\\\\\\\\\*/

/*
Evision MGR Color Scheme:
dark blue= #2C549C
light blue= #B5D5FF
dark gray= #505050
medium gray= #ccc
light medium gray= #d7d7d7
light gray= #dedede
white gray= #efefef
*/

/*
The "Tool Box" section of code keeps you from having to repeat yourself and provides a set of commonly used classes.
This helps save time and keeps your CSS and HTML markup efficient.
*/


/* Tool Box */
HTML, BODY, P, DIV, UL, LI, SPAN, H1, H2, H3, H4, H5, H6, FORM, FORM FIELDSET, IMG, OBJECT, IFRAME, TABLE, TR, TD, INPUT.hidden {
	padding:0px;
	margin:0px;
	background:none;}

HTML, BODY {
  height:100%;
  font-family:arial;
  color:#505050;}

LI, UL{
	list-style:none;}

UL.bullets, UL.bullets LI {
	list-style:disc;}

	UL.bullets {
		margin-left:20px;}

.left {
	float:left;}

.right {
	float:right;}

.clear_left {
	clear:left;}

.clear_right {
	clear:right;}

.clearer {
	clear:both;
	width:100%;}

.hide {
	display:none;}

.no_border, TD.no_border {
	border:none;}

.border_bottom {
	border-bottom:1px solid #ccc;}

.border_bottom2 {
	border-bottom:1px solid #aaa;}

.border_top {
	border-top:1px solid #aaa;}

.bold {
	font-weight:bold;}

.italic {
	font-style:italic;}

.big, INPUT.text.big {
	font:bold 25px arial;}

.big-1, INPUT.text.big-1 {
	font:bold 25px arial;}

.medium, INPUT.text.medium {
	font:bold 18px arial;}

.red, .alert {
	color:#f00;}

	.green, DIV.box.home.quick LI A.quick_link.green {
		color:#0b0;}

	.orange {
		color:#a50;}

	.red, .green, .orange {
		font-weight:bold;}

	.yellow {
		color:#5a0;}

.highlight, .section.highlight, #web_service .section.highlight {
	background:#B5D5FF;}
/**/

/*Layout*/
BODY {
	background:#fff url(images/EMGR_bg.jpg) repeat-x;}

#main_container {
	position:relative;
	margin:0px auto;
	min-height:100%;
	width:900px;
	padding:20px;
	background:#fff/*url(images/EMGR_inner_bg.jpg) repeat-x*/;
	border:1px solid #ccc;
	border-width:0px 1px 1px 1px;}

	#main_buffer {
		margin:0px auto;
		padding:0px 0 0px 0;}

#main_footer {
	height:100px;
	background:#ccc;
	width:940px;
	margin:0px auto;
	border-top:5px solid #eee;}

#header {
	width:900px;}

	.header_content {
		width:694px;
		height:122px;
		margin-left:205px;
		border:1px solid #ccc;
		border-left:none;}

	.header_content P.quote {
		padding:25px 0 0 10px;
		width:200px;}

#content {
	clear:both;
	margin-top:45px;
	width:900px;}

.box.home {
	margin-bottom:20px;
	border:1px solid #ccc;}

.box_content {
	background:#dedede;
	margin:0px 0 20px 0;
	padding:20px;
	border:1px solid #505050;}

.box_content2 {
	background:#dedede;
	margin:0px 0 20px 0;
	padding:20px;
	border:1px solid #505050;}

DIV.section {
  	clear:both;
	margin:5px 0px;
	padding:5px 10px;
	border:1px solid #eee;}

HR {
	display:none;}
/**/

/*Text Styles*/


	H1.logo {
		color:#fff;
		padding:5px 0 3px 10px;
		height:114px;
		width:195px;
		background:url(images/header_logo2.png) no-repeat -5px -6px;
		border:1px solid #ccc;
		margin:0px;
		float:left;}

	H2, H2.home {
		font-size:15px;
		font-weight:bolder;
		background:#505050;
		color:#fff;
		border:1px solid #505050;
		border-bottom:none;}

		H2 {
			padding:2px 0px 3px 20px;}

		H2.home {
			padding:2px 0px 3px 10px;}

		H2.delete {
			color:#fff;}

	H3 {
		font-size:12px;
		border:none;
		font-weight:bold;
		margin:0 0 5px 0;}

		#login H3 {
			width:100px;}

		#site_list H3 {
			font-size:24px;}

		#system_time H3 {
			font-size:18px;
			margin-bottom:10px;}
	H3.navi {
		margin:-10px 0 10px 0;}

		#login H3 {
			width:100px;}

		#site_list H3 {
			font-size:24px;}

		#system_time H3 {
			font-size:18px;
			margin-bottom:10px;}


	H4 {
		font-size:11px;
		margin-bottom:3px;}

	H5 {
		font-weight:normal;
		font-size:12px;}

	H9 {
		font-weight:bold;
		font-size:12px;}

	P.quote {
		font-size:12px;
		margin:10px;
		background:none;
		font-weight:bold;}


		P.quote SPAN.author {
			font-style:italic;
			font-size:10px;
			border:none;
			background:none;
			font-weight:normal;}

TABLE FONT A, A FONT, CENTER A, UL.app_totals LI A, H3, #web_service H3 {
		color:#2c549c;
		text-decoration:none;}

		A:hover {
			text-decoration:underline;}

		UL.app_totals LI A {
			font-size:12px;
			padding-left:5px;}

	DIV {
		font-size:10px;}

	FONT {
		font-weight:bold;
		background:none;
		border:none;}

		TABLE FONT {
			font-weight:normal;}
/**/

/*Nav*/
#nav {
	border:1px solid #ccc;
	border-top:;
	clear:both;
	width:898px;
	position:absolute;
	top:144px;
	left:20px;
	background:#EFEFEF;
	margin-top:-1px;}

#nav UL{
  display:block;
  margin-left:-1px;}

#nav UL LI{
  display:block;
  float:left;
  padding:4px 5px;
  margin:0 1px;
	background:#EFEFEF;}

#nav UL LI.parent:hover{
  border:1px solid #ccc;
  border-width:0 1px;
  margin:0;
  background:#E1EAEF;
  padding-bottom:5px;
  margin-bottom:-1px;}

#nav UL LI.parent UL.drop_down{
  display:none;
  position:absolute;
  border:1px solid #ccc;
  border-top:0px;
  top:25px;
  margin-left:-6px;
	background:#E1EAEF;
	padding:0;}

#nav UL LI.parent:hover UL.drop_down{
  display:block;}

#nav UL LI.parent:hover UL.drop_down LI, #nav UL LI.parent:hover UL.drop_down LI:hover{
  float:none;
  padding:0;
  height:auto;
  margin:1px;
	background:#E1EAEF;}

#nav UL LI.parent:hover UL.drop_down LI A{
	display:block;
	width:150px;
	margin:5px 5px;
	padding:3px 4px;}

#nav UL LI.parent:hover UL.drop_down LI A:hover{
  color:#777;
	background:#ddd;
	border:1px solid #AAA;
	margin:5px 5px;
	padding:2px 3px;}

#nav UL LI, #nav UL LI A{
  text-decoration:none;
	color:#2C549C;
	cursor:pointer;
	font-size:14px;
	}
/**/

/*FORM Styles*/
INPUT, SELECT, TEXTAREA, #web_service INPUT, #web_service SELECT, #web_service TEXTAREA {
	display:inline;
	border:1px solid #505050;
	font-family:arial;
	font-size:10px;
	padding:2px 5px;}

	SELECT {
		overflow:auto;
		padding:0px;}

	INPUT.text {
		width:100%;
		margin-bottom:5px;}

	INPUT.hidden, #web_service INPUT.hidden {
		padding:0px;
		border:none;}
/**/

/*Button Style*/
DIV.button_box {
	background:#efefef;
	margin:-20px;
	margin-top:10px;
	padding:10px 20px 5px 20px;
	border-top:1px solid #ccc;
	clear:both;
	color:#fff;}

FORM INPUT.button, INPUT.button, A.app_detail_edit, #login INPUT.button {
	border:2px solid #fff;
	background:#2C549C;
	color:#fff;
	font-weight:bolder;
	padding:5px;
	margin:10px 10px 10px 0px;
	font-size:12px;}

INPUT.button:hover, INPUT.button:hover, A.app_detail_edit:hover, #login INPUT.button:hover {
	cursor:pointer;
	background:#505050;
	font-weight:bolder;
	padding:5px;
	margin:10px 10px 10px 0px;
	font-size:12px;
	color:white;}

DIV.buttons {
	margin-bottom:10px;}

#login INPUT.button {}
/**/

/*LogIn*/
#login .left {
	margin:0px 20px 20px 0px;}
/**/

/*App View*/
#app_view {
	padding:20px;
	margin:0px;
	width:100%;
	border:1px solid #ccc;
	}

#app_view TABLE {
	width:auto;
	background:none;
	border:none;}

#app_view INPUT, #app_view SELECT {
	display:inline;
	font-size:10px;}

#app_view FONT {
	font-size:12px;}

#app_view H3 {
	padding:20px 0 0 0;
	font-size:18px;
	border-top:1px solid #bbb;}

#app_view TR.contact TD {
	padding-bottom:10px;}

#app_view TR TD H4 {
	margin-top:10px;}

#app_view TR TD TABLE {
	margin-top:0px;
	padding:5px;}

#app_view TR.driving_info TD TABLE, #app_view TR TD .employment TR TD {
	padding-right:10px;}

TD.pad_left {
	padding-left:20px;}
/**/

/*Traffic Stats*/
DIV#traffic_stats_provider_menu {
	padding-top:0px;}

	#traffic_stats_provider_menu UL LI {
		margin:0 0 0 20px;
		font-size:12px;}

	#traffic_stats_provider_menu H3 {
		margin-top:20px;}

#executive DIV.list {
	background:#fff;}

	#executive DIV.list UL LI {
		border-bottom:1px solid #ccc;
		padding:5px;
		font-size:12px;}

#quick_stats {
	border:1px solid #ccc;
	border-width:0px 1px;
	padding:0px 20px 0px 20px;}

	#quick_stats UL LI {
		list-style:disc;
		margin-left:20px;}

#time_frame {
	padding:0 20px;}

	#time_frame FORM SELECT {
		display:inline;}
/**/

/*Driver Criteria*/
#driver_criteria{
	width:100%}

	#driver_criteria TD{
		width:auto;}

	#driver_criteria TD TABLE{
		width:100%;}

	#driver_criteria TD TABLE INPUT{
		display:inline;}

	#driver_criteria TD INPUT, #driver_criteria TD SELECT{
		display:inline;}
/**/

/*System Time*/
TABLE TR TD#system_time {
		font-size:16px;
		background:#aaa;
		padding:10px;}

	TABLE TR TD#system_time SPAN {
			color:#2C549C;}
/**/
	.edit {
		width:95px;
		border-left:1px solid #aaa;
		border-right:1px solid #aaa;}

	.edit	A.app_detail_edit {
			padding:4px 4px 0px 4px;
			margin:18px 20px 0 5px;}

	.number SPAN {
		display:block;
		padding-top:15px;
		font-size:25px;
		float:right;}
/**/

#provider_form{
width: 100%;}

	#provider_form INPUT{
		display: inline;
		margin:0px;}

#approve{
width:200px;}

	#approve tbody tr td{
	padding-left: 10px;}

#provider_list {
	width:100%;}

	#provider_list TR TD, #site_list TR TD {
		border-bottom:1px solid #ccc;
		padding-top:10px;}

#site_list TR TD.no_border {
		width:20%;}

	#site_list TR.section TD {
		padding:2px;}

	#site_list h4 {
		width:30%;}

#add_site .section {
	padding:10px;
	margin-bottom:15px;
	width:;}

	#add_site .section INPUT {
		width:97%;}

	#add_site .section textarea {
		width:97%;}

	#add_site h3 {
		border-left:5px solid #2C549C;
		background:#c5c5c5;
		padding:5px;
		margin:-10px -10px 10px -10px;}

	#add_site h1 {
		color:#0b0;
		background:#eee;
		border:1px solid #fff;
		padding:5px;
		margin-bottom:10px;
		margin-top:21px;
		width:;}

	#add_site .section_r {
		clear:both;
		margin:5px 0px;
		padding:5px 10px 10px 10px;
		border:1px solid #eee;
		margin-bottom:15px;
		height:auto;
		width:330px;}

	#add_site .section_r h3 {
		margin-top:-5px;}

	#add_site .column_l {
		display:block;
		float:left;
		width:500px;}

	#add_site .column_r {
		display:block;
		float:left;
		width:340px;
		margin:63px 0px 0px 15px;}

#gathering_percentages {
	width:10%;}

	#gathering_percentages TR TD {
		border-bottom:1px solid #999;
		padding-top:10px;
		border:none;}

#stats_menu TR TD UL LI, #traffic_stats TR TD UL LI, #traffic_stats_provider_menu UL LI {
	list-style:disc;}

#number_from_each_state INPUT, #by_day INPUT {
	display:inline;}

#page .section .left {
	width:200px;}

	#page INPUT.medium {
		width:100%;
		margin-bottom:10px;}

	#page H5 {
		margin-bottom:10px;}

	#page H3 {
		margin-top:0px;
		font-weight:bold;}

	#page .row .section {
		width:45%;}

	#page INPUT.checkbox {
		margin-left:0px;}

	#add_site .box_content .section input.checkbox {
	margin-left:0px;
		width:15px;}
/**/

/*Home Page Styles*/
#column_left {
	width:650px;
	float:left;}

	#column_left DIV.box {
		padding:20px;}

#column_right {
	width:230px;
	float:left;
	margin:0px 0px 20px 20px;}

A.quick_link {
	margin-top:5px;
	font-size:14px;
	color:#2C549C;
	display:block;}

	A.quick_link:hover {
		color:#777;}

	UL.app_totals {
		margin-bottom:10px;
		background:#ddd;}

			UL.app_totals LI.a SPAN, UL.app_totals LI.b SPAN {
				color:#2C549C;
				font-weight:bold;}

			UL.app_totals LI A SPAN {
				color:#2C549C;
				float:none;
				display:inline;
				border:none;
				margin:0px;}

	LI.a {
			background:#eee;
			padding:5px 5px 5px 10px;}

	LI.b {
		background:#fff;
		padding:5px 5px 5px 10px;}
/**/

/*Table Styles*/
FORM TABLE, TABLE FORM, TABLE FORM TABLE, FORM TABLE TABLE, TABLE TABLE TABLE {
	border:none;}
/**/

#states_list, #states_list2 {
		font-size:10px;
		width:100%;}


/* Gary */
.helpBubble-tip {
	color: #FFF;
	width: 200px;
	z-index: 13000;
	border:1px solid #003377;}

.helpBubble-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #003377;
	padding: 5px;
	background: #88BBFF;
	border-bottom: 1px solid #003377;}

.helpBubble-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #3C66AA;}

.helpBubble-text SMALL {
  color:yellow;}

#approve_app DIV.single_app {
  }

#approve_app DIV.single_app H4 {
  color:#6D90B3;
  padding-right: 5px;}

#approve_app P.activeEdit {
  text-align:right;}

#approve_app P.activeEdit TEXTAREA {
  height:100px;
  width:845px;
  display:block}

#approve_app SPAN.edit_button {
  margin-left:5px;
  font-size:12px;
  cursor:pointer;}

 /*Admin Email Blast*/
#app_service .column.wide {
	width:840px;
	margin-right:20px;}

#app_service .column.wide .row .section {
		width:375px;
		height:66px;}

/*Link Manager*/

.rec-links {
	color:#0b0;
	font-weight:bold;}

.currentL {
	font-size:1.20em;
	border-bottom:1px solid #dedede;
	border-left:1px solid #fff;
	margin:0px 0 0px 0;
	padding:0 3px 0 5px;
	padding-top:4px;
	padding-bottom:4px;
	background:#ededed;}

.currentLr {
	padding:0 3px 0 6px;
	border-bottom:1px solid #dedede;
	font-size:1.20em;
	padding-top:4px;
	padding-bottom:4px;
	background:#fff;}

h3.Lr {
	border-left:5px solid #2C549C;
	margin:-11px 0 -10px 0;
	padding:6px;
	font-size:13px;
	background:#c5c5c5;}

.Lf {
	text-decoration:none;
	color:#535353;}

.Ls {
	padding:0px;
	background:#e4e4e4;
	clear:both;
	margin:12px 0px;
	padding:0px;}

.Le,.Ld {
	color:#535353;}

.Ler,.Ldr {
	font-weight:bold;
	color:#0b0;}

/*Calendar (by Ryan - copied from Sales Manager)*/
.calendar a{
        text-decoration:none;
}

.calendar a:hover{
        text-decoration:underline;
}

.calendar td{
        text-align:center;
}

.calendar-small a{
        text-decoration:none;
        font-family:arial;
        font-size:small;
}

.calendar-small a:hover{
        text-decoration:underline;
        font-family:arial;
        font-size:small;
}

.calendar-small td{
        text-align:center;
        font-family:arial;
        font-size:small;
}

.type_value{
	border: 1px solid white;
	width: 99%;
	position:relative;
	margin-bottom:3px;
	text-align: left;
	font-size: 18pt;
	padding:4px;
}
	

/*Link_Campaign*/

#link_campaign {
	font-size:12px;}

#link_campaign h2 {
	margin:-20px -20px 10px -20px;}
	
#link_campaign h3 {
	width:878px;
	margin:-10px 0 0 -20px;
	background:#fff;
	padding:9px 10px 9px 10px;}
	
#link_campaign h3 a {
	color:#2C549C;
	background:#B5D5FF;
	padding:10px;
	margin:-1px 0 -1px 0;}
	
#link_campaign .link_bar {
	width:878px;
	margin:-13px 0 0 -20px;
	padding:10px;
	font-size:12px;
	background:#2C549C;}	
	
#link_campaign .link_bar a {
	color:#fff;}
	
#link_campaign .link_bar a:active {
	color:#fff;}
	
#link_campaign .link_bar b b {
	color:#B5D5FF;}	
	
#link_campaign h4 {
	display:inline;
	font-size:14px;
	text-transform:uppercase;
	color:#dedede;}
	
#link_campaign table.link_list {
	font-size:13px;}

#link_campaign .link_request_overview {
	margin-bottom:15px;}	

#link_campaign .send_new_email {
	font-size:12px;}
	
#link_campaign .send_new_email input {
	font-size:12px;}
	
#link_campaign .send_new_email iframe {
	background:#fff;
	font-family:Arial;
	font-size:11px;}
	
#link_campaign .send_new_email textarea {
	font-size:11px;}
	
#link_campaign .send_new_email td.send_email_field {
	color:#2C549C;
	font-weight:bold;}
	
	
#link_campaign .send_new_email span.send_email_field {
	color:#444;
	padding:2px 5px 2px 3px;
	background:#B5D5FF;
	font-weight:bold;
	border:1px solid #444;
	border-right:none;}
	
#link_campaign .send_new_email .font_up {
	font-size:12px;
	margin:10px 0 10px 0;}
	
#link_campaign .send_new_email .field_blue {
	color:#2C549C;}
	
#lc_got_link h4 {
	color:#2C549C;}
	
#add_site h4 {
	color:#2C549C;}
	
#lc_followup h4 {
	color:#2C549C;}

/*ADDED BY SANDRA*/
.medium_14 {
	font:bold 14px arial;
}

.label
{
	width: 200px;
	float: left;
	text-align: right;	
	margin-right: 0.5em;
	display: block
}

.categorize_label
{
	width: 150px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
	
}

.link_stats{
	border: 1px solid #AAAAAA; 
	width: 400px;
}

.link_stats_table{
	border:1px solid #AAAAAA;
	font-size:12px; 
	width: 350px;
	vertical-align: top;
	float: left;
}

.link_stats_table_header{
	background-color: #3C66AA;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
}
.header{
	font-size:12px; 
	border-bottom:1px solid black;
	#background-color:#3C66AA; 
	#color:white;
}
.header td{
	text-decoration: underline;
	font-weight: bold;
}

DIV.Expander .show{
	dislay:inline;
}
DIV.Expander.open .show{
	display:none;
}

DIV.Expander .hide{
	display:none;
}
DIV.Expander.open .hide{
	display:inline;
}

/*CAPTIONS*/
DIV.captions{
	border:5px solid #045ddb;
	background:#072f68;
	color:#FFF;
	font-weight:bold !important;
	font-size:18px !important;
	padding:5px;
	border-radius:5px 5px 5px 5px;
}

/*Panels*/
#Pop{
	border:5px solid #333;
	padding:5px;
	background:#FFF;
	border-radius:10px;
	box-shadow:0px 10px 20px 0px #333
}

#SendMailoutMessage{
	width:300px;
}
 */