﻿.callout 
{
	width:180px;			
	margin:1em 0 0 0;		
	background:#fff;
}
.callout h3
{
	font-size: 110%;			
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #be0000;			
	font-weight: bold;
	font-style: normal;
	padding:7px 10px 7px 10px;		
	border-top:1px solid #b8b8b8;		
	border-right:1px solid #b8b8b8;		
	border-left:1px solid #b8b8b8;		
	border-bottom:1px solid #b8b8b8;		
	background:#e8e8e8;			
	margin:0;
	display:block;
}

/* new call out box to resemble the bea system */
.callout_360 {
	width:100%;			
	margin:.25em 0em 1em 0em;		
	background:#fff;
}

.callout_360 h3
{
	font-size: 110%;			
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #be0000;			
	font-weight: bold;
	font-style: normal;
	padding:7px 10px 7px 10px;		
	border-top:1px solid #b8b8b8;		
	border-right:1px solid #b8b8b8;		
	border-left:1px solid #b8b8b8;		
	border-bottom:1px solid #b8b8b8;		
	background:#e8e8e8;			
	margin:0;
	display:block;
}


ul
{
    list-style-type:square;
    margin:0;
    padding:0 0 0 1.5em;
}

ol
{
    margin:0;
    padding:0 0 0 2em;
}


.callout_dark_blue {
 	font-size: 100%;			
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #000;
	border-top:4px solid #005296;
	border-right:1px solid #b8b8b8;			
	border-left:1px solid #b8b8b8;		
	border-bottom:1px solid #b8b8b8;		
	padding:0 10px;		
}
.callout_dark_red {
	font-size: 100%;			
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #000;
	border-top:4px solid #c20006;
	border-right:1px solid #b8b8b8;		
	border-left:1px solid #b8b8b8;		
	border-bottom:1px solid #b8b8b8;		
	padding:0 10px;		
}
.callout_medium_blue {
	font-size: 100%;			
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #000;
	border-top:4px solid #80a6cb;
	border-right:1px solid #b8b8b8;			
	border-left:1px solid #b8b8b8;		
	border-bottom:1px solid #b8b8b8;		
	padding:0 10px;		
}
.callout_light_grey {
	font-size: 100%;			
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color: #000;
	border-top:4px solid #d8d9db;
	border-right:1px solid #b8b8b8;		
	border-left:1px solid #b8b8b8;		
	border-bottom:1px solid #b8b8b8;		
	padding:0 10px;		
}


/* Dotted Rows Table */

table.dottedRows 
{
    border-collapse:collapse;
}

table.dottedRows td
{
    border-bottom: 1px dotted #ccc;
    padding: .5em 1em;
    text-align:left;
    vertical-align:top;
}

table.dottedRows th
{
    white-space:nowrap;
    border-bottom: 1px dotted #ccc;
    padding: .5em 1em;
    text-align:right;
    vertical-align:top;
    font-weight:normal;
}

table.dottedRows tr.noborder td, tr.noborder th
{
    border-bottom: 0;
}


div.vidLink 
{
    background: #edc  url(/images/reel.gif) 5px 5px no-repeat;
    padding: 4px 10px 4px 24px;
    white-space: nowrap;
    float:right;
    margin:0 0 1em 1em;
    border: 1px solid #cba;
    
}

div.pdfLink 
{
    background: #fe9  url(/images/Adobe-acrobat.gif) 5px 5px no-repeat;
    padding: 4px 10px 4px 24px;
    white-space: nowrap;
    float:right;
    margin:0 0 1em 1em;
    border: 1px solid #fcc;
    
}


div.vidLink a
{
    color:#fc2a04;
    font-weight:bold;
    font-family:Arial;
}


a.extLink 
{
    background-image: url(/images/external.png);
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 12px;
    white-space: nowrap;
}
