header h1, #column-middle .page-title{
	font-size: 22px;
	font-family: arial;
	font-weight: bold;
}


.monitoring_fields_tool h3{
/* this is here to make sure OTE websites display the heading the same as CI */

	font-size:14px;
	font-family: arial;
	font-weight:bold;
}

ul, ul li{
	list-style: none;
	list-style-type: none;
}

/* making sure .clear, .left, .right classes are present in the css. Some ote sites DON'T have them :( */
.clear{ clear: both; }
.left{ float: left; }
.right {float: right; }


/* overwrite middle.column, right-column left-borders */
#column-middle, #column-right{
	border: 0; 
}

#column-right ul{
	margin-left: 5px;
}

/* New Alerts Notification Area */


.alert_table_container.controllers-container{
	min-height: 100px !important;
}

.alert_table_container .controllers-content{
	padding-top: 5px !important;
}

.alert_no_box {
	margin: 0px 10px 0px 0px; 
	float: left;
	width: 112px;
	height: 90px;
}

.no_alerts .alert_no_box{
	background: url('/assets/shared/img/common/csid/alert_notification_none.png') top left no-repeat !important;
}

.with_alerts .alert_no_box{
	background: url('/assets/shared/img/common/csid/alert_notification_new.png') top left no-repeat !important;
}

.alert_no_box span.alert_no{
	position: absolute;
	display:block;
	/*text-align:center;*/
	width:45px;
	margin-left: 18px;
	margin-top:26px; 
	font-size: 38px;
	letter-spacing: -0.1em;
	font-weight: bold; 
	color: #151515;
	line-height: 38px !important;
}

.alert_info {
	float:left;
	margin: 0px 0px 0px 10px;
	width: 470px;
}

.alert_notification h3{
	font-size: 26px;
	color: #B42B33;
}

.alert_notification.no_alerts h3{
	color: #41b54d;
	margin-bottom: 5px !important;
}
.alert_notification h5{
	color: #151515;
	font-size: 14px;
}
.alert_notification p, p.report_intro{
	font-size: 13px; 
	color: #636363;
	line-height: 135%;
}
/* End of New Alerts Notification Area */


/* Alerts and Report Table */

.alert_table, .report_table{
	width: 100%;
}
.alert_table th{
	font-size:11px;
	color: #888;
	padding: 5px 0px;
	font-weight: bold;
	text-align: left;
}

.alert_table tr{
	padding: 5px 0px;
}


.title_col, .name_col, .address_col, .image_col, .zip_col{
	vertical-align: middle;
	padding: 5px 0px;
	overflow: hidden;

}
.title_col{
	width: 280px;
}
.name_col{
	width: 160px;
}
.address_col{
	width: 100px;
}
.zip_col {
	width: 40px;
}

.image_col{
	width: 30px !important;
	text-align: left;
	padding:0;
}
.address_col, .zip_col{
	font-size: 13px;
}


.alert_table td.title_col, .alert_table td.name_col{
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

.alert_table .new_alert td.title_col{
	color: #B42B33; /* red */
}


.alert_table .date_col{
	width: 95px;
	text-align:right;
	padding-left:0;
	padding-right:0;
	margin:0;
}

td.date_col{
	font-size: 13px;
}

.expand_col{
	width: 25px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	
}
.alert_table .expand_col a{
	width: 23px;
	height: 23px; 
	display:block;
	margin-top:0px;
	margin-bottom: 5px;
	background: url('/assets/shared/img/common/csid/btn_expand_sprite.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none; 
}

.expand_col a.minus{
	background-position: 0px -23px;
}

.image_col{
	vertical-align: middle;
	height:30px;
}


.alert_detail{
	display:none;
}

.alert_detail > td {
	padding-bottom: 20px;
}


.alert_image_small{
	width: 30px;
	height: 37px;
}

.alert_image_large{
	min-width: 220px;
}


.report_table td{
	padding: 5px 3px;
	margin-bottom: 10px;
}
.report_table .cell_label{
	width:85px; 
	float:left; 
	margin-right: 10px;
	display:block;
	font-weight:bold;
	overflow:hidden;
}
.report_table tr.odd td{
	background-color: #fafafa;
}

.report-center-row p{
	margin:7px;
}

/* credit alerts and reports */

.credit_alert_table{
	width: 100%;
}

.credit_alert_table th{
	color: #222;
	font-weight: bold;
	text-align: left;
}

.credit_alert_table th, .credit_alert_table td{
	font-size: 12px;
	vertical-align: top;
	padding: 5px 0px;
}

.credit_alert_table tr{
	border-bottom: 1px solid #bbb;
}
.credit_alert_table tr:last-child{
	border-bottom: 0px; /* no border for last row */
}

.new_col{
	width: 50px;
}

.new_label td{
	font-weight: bold !important;
}

.viewed_indicator{
	display:block;
	width: 33px;
	height: 19px;
	background: url('/assets/shared/img/common/csid/btn_viewed.png') top left no-repeat;
}

.new_label .viewed_indicator{
	background: url('/assets/shared/img/common/csid/btn_new.png') top left no-repeat;
}

.credit_alert_title_col {
	width: 220px;
}
.credit_alert_date_col, .credit_alert_link_col{
	width: 100px;
}

.credit_alert_link_col{
	text-align: right;
	padding-right: 20px !important;
}
.credit_alert_link_col a{
	text-decoration:none;
}


div.full-col{
	padding-left: 40px;
}
div.left-col, div.right-col{
	width:40%;
	padding-left: 40px; 
	float:left; 
}
div.left-col{
	margin-right: 25px;
	clear:left;
}

.alert_detail span.label{
	font-weight:bold;
	float:left; 
	display: block;
	margin-right: 10px;
}
.alert_detail h3{
	clear:left;
	font-size: 16px;
	margin-top: 20px;
}
.alert_detail h4{
	font-size: 13px;
	margin: 15px 0px 0px 0px;
}



.alert_detail p {
	line-height: 160%;
}
.alert_detail hr{
	border: 0;
	width: 100%;
	display: block;
	margin-left: 40px;
	border-top: 1px solid #aaa;
	margin: 5px 0px 10px 0px;
}

.alert_detail td{
	border-top: 1px solid #aaa;
	padding: 10px 0px 25px 0px;
}

.alert_detail fieldset{
	border: 1px solid #ddd;
	border-width: 1px 1px 0px 0px;
	padding:5px;
	margin-left: 35px; 
	margin-bottom: 10px;
}
.alert_detail legend{
	margin-left: 40px;
	font-weight: bold;
}


fieldset > .left-col{
	padding-left:0;
}


/* Monitoring Fields Tool */


.monitoring_introduction p{
	font-size: 13px;
	color: #555;
	letter-spacing: -0.1px;
	line-height: 125%;
	padding-top: 10px;
}


.monitoring_types{ 
	width:218px;
	float:left;
	margin-right: 10px;
	padding-bottom: 30px;
	margin-left:-15px;
}

.mt_btn{
	display:block;
	width: 218px;
	height: 35px;
	background-position: 0px 0px;
	background-color:#f2f2f2;
	
	
}

.mt_btn:hover, .mt_btn.active{
	background-position: 0px -35px !important;
	cursor: pointer;
	background-image: linear-gradient(#e6e6e6, #d9d9d9);
	
	text-decoration: none;
}

.mt_btn a{
	width: 100%;
	height: 100%;
	display: block;
	outline: 0;
	text-decoration: none;
}

.mt_btn_style a{
	padding:10px 0 0 10px;;
}
.mt_btn_style i, a, span {
	color:#3e91b3;
	font-size:16px;
	font-weight:bold;
}

.monitoring_fields_tool{
	width: 368px;
	float:left; 
}

.monitoredFieldsTable{
	width: 100%;
}
.monitoredFieldControls{
	text-align:right;
}
.monitoredFieldControls img{
	width: 18px;
	height: 18px;
	margin-right: 3px;
}
.monitoredFieldsTable td, .monitoredFieldsTable th {
	vertical-align: middle;
	padding:4px 0px;
	background-color: #fafafa;
	border-width: 0px 0px 4px 0px;
	border-style: solid;
	border-color: #f3f3f3;
}
.monitoredFieldsTable th{
	background-color: transparent;
}

.fieldPartValue{
	display:block;
	font-size: 14px;
	color: #333;
 	font-weight: bold;
 	text-align:center;
}

.monitoredFieldsTable input[type=text]{
	width:90%;
	text-align:center;
	border:0;
	display:block;
	margin:0 auto;
	padding: 4px 2px;
	font-size: 12px;
	border: 1px solid #aaa;
	font-style:italic
}


.monitoredFieldsTable form td{
	padding: 4px 0px;
}

.monitoredFieldValue{
	text-align:center;
}

.monitoredFieldValue input.grayedOut{
	color: #888;
	background-color: transparent;
	border: 1px solid transparent;
}

.upto{
	padding-top:10px;
	color: #aaa;
	font-size: 13px;
}

/* End of Monitoring Tool */


/* ID SCORE & TREND REPORT */
.id-score-wrapper { float:left; width:337px; margin:0; padding:0 0 0 12px;height:160px; }
.id-score-wrapper h5 { padding:5px 0;}
.trend-report-wrapper { float:left; margin:0; padding:15px 0 10px 0;}
.trend-report-wrapper h5,.trend-report-wrapper h6 { padding-left:12px;}
.monitoring-wrapper { height:170px; width:300px; float:left; margin:0; border-right:2px solid #e3e3e3; padding:32px 5px 0 0; }
.trend-report-wrapper img { width:650px;height:220px; }


.trend-report { padding:20px; }

/* BAR GRAPH */
.bargraph  { height:270px; width:586px; position:relative; margin:20px; background:url("/assets/shared/img/common/csid/img_trend_background.png") no-repeat 0 0; }
.bargraph ul.bars { list-style-type:none; margin:0; padding:0; }
.bargraph ul.bars li { width:25px; background: url(/assets/shared/img/common/csid/img_chart_bar.png) #eee repeat-y 0% 100%; bottom:9px; font-size:13px; font-weight:bold; line-height:1.5em;
margin:0; padding:0; position:absolute; text-align:center; z-index:99; border:1px solid  #ccc; cursor: pointer; }
.bargraph .x-axis  { bottom:-12px; list-style-type:none; margin:0; padding:0; position:absolute; }
.bargraph .x-axis li { width:47px; float:left; font-size:11px; overflow:hidden; text-align:center; padding:0; }
.bargraph ul.y-axis  { width:40px; bottom:0; left:-45px; list-style-type:none; margin:0; padding:0; position:absolute; text-align:right; }
.bargraph ul.y-axis li { height:26px; font-size:12px; line-height:26px; text-align:right; padding:0; }
.bargraph ul.bars li p { position:relative; left: 0px; bottom: 0; top: -20px; text-decoration:none; }


a.noTrendReport {cursor: pointer;}


.dash_col15{
	width: 19.999%;
}
.dash_col25{
	width: 39.999%;
}
.dash_col35{
	width: 59.999%;
}
.dash_col45{
	width: 79.999%;
}
.dash_col13{
	width: 33.333332%;
}
.dash_col23{
	width: 66.666667%;
}
.dash_col12{
	width: 49.99999%;
}

ul.list_style_disc, ul.list_style_disc li{
	list-style:disc !important;
	list-style-type:disc !important;
}
ul.list_style_disc{
	margin-left: 20px;
	padding-left: 0px;
}






