/* ERROR MESSAGE FOR FORMS */
#err{
color:red;
margin:0px 0px 10px 0px
}

/* .SITE_Facebook {
width: 110px;
height:22px;
position: absolute;
top: 50px;
right: 15px;
margin:0px 0px 0px 20px;
} */

/* Start for Framed Box */
.framed_box {
display: none;
font-family:arial;
font-size:12px;
line-height:1.3em;
}
.framed_box h3{
font-size:1.4em;
}
/* End for Framed Box */


/*  START ICONS for content use */



.questionmark {
	position: relative;
	padding: 0px 8px 0px 18px;
	margin: 0px 0px 0px 0px;
	background-image: url(../icons/questionmark.svg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 14px 14px;
	background-image: url(../icons/questionmark.png)\9;
	background-position: 0px 0px\9;
}

.exit_disclaimer {
	position: relative;
	padding: 0px 8px 0px 8px;
	margin: 0px 0px 0px 0px;
	background-image: url(../icons/exit_page.svg);
	background-repeat: no-repeat;
	background-position: 3px 3px; /*left top */
	background-size: 10px 10px;
	background-image: url(../icons/exit_page.png)\9;
	background-position: 0px 0px\9;

}
/*  END ICONS  for content use */

/* START TOOLTIP CONTROL */

.ui-tooltip, .arrow:after {
	background: white;
	border: 1px solid white;
}
.ui-tooltip {
	padding: 10px 20px;
	color: black;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 100;
	line-height: 1.3em;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
	display: none\9;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}
/* END TOOLTIP CONTROL */

/* START CSS FOR VIDEO PLAY BUTTON OVERLAY */
.VideoPlayOverlay {
	position: absolute;
	top:50%;
	left: 50%;
	z-index: 1;
	width: 52px;
	height: 52px;
	margin:-42px 0px 0px  -26px;
	/* background: url(/redesign2012/images/play_overlay.png) no-repeat; */
	background: url(/redesign2012/images/play_overlay.png) no-repeat;
	pointer-events: none;
	cursor:pointer;
}
/* END CSS FOR VIDEO PLAY BUTTON OVERLAY */

/* START IMAGE FLOAT ELEMENTS */

 /*.IMG_floatRight, .IMG_floatLeft, .IMG_AlignCenter, .IMG_floatRight_nb, .IMG_floatLeft_nb, .IMG_AlignCenter_nb{
line-height:1px!important; 
}
*/
div.IMG_floatRight *, div.IMG_floatLeft *, div.IMG_AlignCenter *, 
div.IMG_floatRight_nb *, div.IMG_floatLeft_nb *, div.IMG_AlignCenter_nb *
 {
line-height:1.2em;
}

div.IMG_floatRight, div.IMG_floatRight img,
div.IMG_floatLeft, div.IMG_floatLeft img, 
div.IMG_AlignCenter, div.IMG_AlignCenter img, 
div.IMG_floatRight_nb, div.IMG_floatRight_nb img, 
div.IMG_floatLeft_nb, div.IMG_floatLeft_nb img, 
div.IMG_AlignCenter_nb, div.IMG_AlignCenter_nb img,  {
line-height:1px;

}

/* .IMG_floatRight img + *, .IMG_floatLeft img + *, .IMG_AlignCenter img + *, .IMG_floatRight_nb img + *, .IMG_floatLeft_nb  img + *, .IMG_AlignCenter_nb  img + *,
{
line-height:1.2em!important;
} */

.IMG_floatRight, .IMG_floatLeft, .IMG_AlignCenter {
padding: 8px 8px 8px 8px;
border: 1px solid #bbb;
border-radius: 6px;
position: relative;
}

.IMG_floatRight {
	float: right;
	margin: 0px 0px 20px 20px;
}

.IMG_floatRight img, .IMG_floatLeft img, .IMG_AlignCenter img{
	border: none;
	border-radius: 2px;
	clear:both;
	margin-bottom:-2px;
}

.IMG_floatLeft {
	float: left;
	margin: 0px 20px 20px 0px;
}

.IMG_AlignCenter {
	display: inline-block;
	margin: 0px 0px 10px 0px;
}

.IMG_floatRight_nb, .IMG_floatRight_nb img{
	position: relative;
	padding: 8px 8px 6px 8px;
	float: right;
	margin: 0px 0px 20px 20px;
}
.IMG_floatRight_nb > img, .IMG_floatLeft_nb > img{
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.IMG_floatLeft_nb, .IMG_floatLeft_nb img{
	position: relative;
	padding: 8px 8px 6px 8px;
	float: left;
	margin: 0px 20px 20px 0px;
}
.IMG_AlignCenter_nb, .IMG_AlignCenter_nb img{
	position: relative;
	padding: 8px 8px 6px 8px;
	margin: 0px 20px 20px 20px;
}
.FullSizeImage img {
	width: 100%;
	height: auto;
}
/* END IMAGE FLOAT ELEMENTS */

/* START STATIC DATA TABLES STYLES */
.data table {
	width: 100%;
	border-collapse: collapse;
}
.data caption {
	text-align: left;
	margin: 10px 0px 6px 0px;
	font-size: 1.6em;
	color: #444;
	line-height: 1.1em;
	font-weight: bold;
}
.data th {
	font-weight: 100;
	text-align: left;
	padding: 5px 5px 5px 6px;
}
.data td b {
	font-weight: bold;
}
.data th[scope=col], .data thead tr th {
	font-weight: bold;
	background: #eee;
	color: #444;
}
.data td, .data th {
	padding: 6px;
	border: 1px solid #bbb;
	text-align: left;
	vertical-align: top;
}
#TOPICS_content .data h3 {
	font-size: 1.6em;
	margin: 15px 0px 4px 0px;
	padding: 0px;
	color: #555;
	font-weight: 100;
}
/* END STATIC DATA TABLES STYLES */

/* START FAQ ELEMENTS */
.CORE_faq {
	margin-top: 20px;
}
.CORE_faqList {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}
.CORE_faqList > li {
	background: url(../images/faq_Q.png) no-repeat 0px 2px;
	line-height: 1.2em;
	margin-bottom: 8px;
	padding-left: 18px;
}
.CORE_faq h5 {
	margin: 10px 0 0 0;
	padding: 0;
}
.CORE_faq h5 + p {
	margin-top: 5px;
}
.CORE_faq p {
	/* font-size: 0.9em; */
}
.CORE_faqList > li {
	/* font-size: 0.9em; */
}
.CORE_faq h5 {
	font-size: 1.1em;
}
.CORE_faq h5 + p:first-letter {
	font-weight: bold;
	font-size: 1.1em;
}
/* END FAQ ELEMENTS */


/* START UTILITY BOX */
.UtilityBox {
	float: right;
	width: 260px;
	height: auto;
	border: 1px solid silver;
	border-radius: 6px;
	margin: 0px 0px 10px 20px;
	position: relative;
	padding: 1px;
}
.UtilityBox > h4 {
font-size:1.2em!important;
font-weight:bold!important;
}

.UtilityBox > h4 {
padding: 6px 10px !important;
margin: 0px 0px 9px 0px !important;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

color: #555;
text-shadow: 0px 1px 0px rgba(255,255,255,0.9);
text-transform: uppercase;
}
/* .UtilityBox > h4.blue {
padding: 6px 10px !important;
margin: 0px 0px 9px 0px !important;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
background: #0D3C77;
color: #ffffff;
text-shadow: 0px 1px 0px rgba(255,255,255,0.9);
text-transform: uppercase;
} */

.UtilityBox p {
	margin: 0px 0px 0px 0px;
	padding: 3px 10px 5px 10px;
}

.UtilityBox ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}

.seticon {
	position: absolute;
	top:0px;
	top: 6px\9;
	right: 8px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 30px;
	height: 30px;
}
.icon_listserv {
position: absolute\9;
top: 9px!important\9;
right: 6px!important\9;
background-image: url(../icons/mail.svg);
background-repeat: no-repeat;
background-position: right;
background-origin: content-box;
background-size: 24px 16px; /* match PNG size */
background-image: url(../icons/mail.png)\9;
background-position: 0px 2px\9;
z-index: 1;
opacity: 0.5;
}
.icon_survey {
position: absolute\9;
top: 7px!important\9;
right: 2px!important\9;
background-image: url(../icons/survey.svg);
background-repeat: no-repeat;
background-position: right;
background-origin: content-box;
background-size: 24px 17px; /* match PNG size */
background-image: url(../icons/survey.png)\9;
background-position: 0px 0px\9;
z-index: 1;
opacity: 0.5;
}
.icon_calendar {
position: absolute\9;
top: 7px!important\9;
right: 8px!important\9;
background-image: url(../icons/calendar.svg);
background-repeat: no-repeat;
background-position: right;
background-origin: content-box;
background-size: 20px 19px; /* match PNG size */
background-image: url(../icons/calendar.png)\9;
background-position: 10px 0px\9;
z-index: 1;
opacity: 0.5;
}

.icon_rss {
position: absolute\9;
top: 7px!important\9;
right: 8px!important\9;
background-image: url(../icons/rss.svg);
background-repeat: no-repeat;
background-position: right;
background-origin: content-box;
background-size: 16px 16px; /* match PNG size */
background-image: url(../icons/rss.png)\9;
background-position: 10px 0px\9;
z-index: 1;
opacity: 0.5;
}

.icon_links{
position: absolute\9;
top: 7px!important\9;
right: 8px!important\9;
background-image: url(../icons/link.svg);
background-repeat: no-repeat;
background-position: right;
background-origin: content-box;
background-size: 16px 16px; /* match PNG size */
background-image: url(../icons/link.png)\9;
background-position: 10px 0px\9;
z-index: 1;
opacity: 0.5;
}

.icon_docs {
position: absolute\9;
top: 0px!important\9;
right: 5px!important\9;
background-image: url(../icons/document.svg);
background-repeat: no-repeat;
background-position: right;
background-origin: content-box;
background-size: 13px 18px; /* match PNG size */
background-image: url(../icons/document.png)\9;
background-position: 10px 0px\9;
z-index: 1;
opacity: 0.5;
}

.icon_report {
position: absolute\9;
top: 7px!important\9;
right: 8px!important\9;
background-image: url(../icons/report.svg);
background-repeat: no-repeat;
background-position: right;
background-origin: content-box;
background-size: 20px 17px; /* match PNG size */
background-image: url(../icons/report.png)\9;
background-position: 7px 0px\9;
z-index: 1;
opacity: 0.5;
}


.icon_info {
position: absolute\9;
top: 7px!important\9;
right: 8px!important\9;
background-image: url(../icons/info.svg);
background-repeat: no-repeat;
background-position: right;
background-origin: content-box;
background-size: 20px 20px; /* match PNG size */
background-image: url(../icons/report.png)\9;
background-position: 7px 0px\9;
z-index: 1;
opacity: 0.5;
}


.icon_location {
position: absolute\9;
top: 7px!important\9;
right: 6px!important\9;
background-image: url(../icons/location.svg);
background-repeat: no-repeat;
background-position: right;
background-origin: content-box;
background-size: 11px 18px; /* match PNG size */
background-image: url(../icons/location.png)\9;
background-position: 6px 0px\9;
z-index: 1;
opacity: 0.5;
}


.icon_time {
position: absolute\9;
top: 7px!important\9;
right: 8px!important\9;
background-image: url(../icons/time.svg);
background-repeat: no-repeat;
background-position: right;
background-origin: content-box;
background-size: 18px 18px; /* match PNG size */
background-image: url(../icons/time.png)\9;
background-position: 7px 0px\9;
z-index: 1;
opacity: 0.5;
}


.icon_phone {
position: absolute\9;
top: 7px!important\9;
right: 8px!important\9;
background-image: url(../icons/phone.svg);
background-repeat: no-repeat;
background-position: right;
background-origin: content-box;
background-size: 18px 18px; /* match PNG size */
background-image: url(../icons/phone.png)\9;
background-position: 7px 0px\9;
z-index: 1;
opacity: 0.5;
}


.icon_lock {
position: absolute\9;
top: 7px!important\9;
right: 8px!important\9;
background-image: url(../icons/lock.svg);
background-repeat: no-repeat;
background-position: right;
background-origin: content-box;
background-size: 16px 20px; /* match PNG size */
background-image: url(../icons/lock.png)\9;
background-position: 7px 0px\9;
z-index: 1;
opacity: 0.5;
}

/* END UTILITY BOX */

/* START FULL PAGE TWO COLUMN CSS TABLE */
.FULL_column_wrapper {
	width: 100%;
}
/* END FULL PAGE TWO COLUMN CSS TABLE */


.dotline {
border-bottom: 1px dotted #bbb;
margin-bottom: 10px;
padding-top: 10px;
clear:both;
}




/* start - unorder lists for page links */
#GENERAL_links_wrapper {
padding: 1px;
margin:0px 0px 10px 0px;
position:relative;
border:1px solid #EAEAEA;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}

div#GENERAL_links_wrapper > h3 {
font-size: 1.4em!important;
background: #eaeaea;
padding: 6px 0px 6px 10px;
margin:0px 0px 0px 0px;
position:relative;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
} 

#GENERAL_links_wrapper > ul > li > h4{
padding: 6px 0px 6px 10px;
margin:5px 0px 0px 0px;
position:relative;
}
#GENERAL_links_wrapper > ul > li > h4 {
font-size: 1.2em;
font-weight:100;
}

#GENERAL_links_wrapper > ul > li, #GENERAL_links_wrapper > ul > li > ul > li {
/* line-height:2.8em; */
border-top: 1px dashed #DBDBDB;
list-style-type: none;
padding: 0.9em 0px 0.9em 0px;
}

#GENERAL_links_wrapper > ul > li > ul {
margin: 0px 10px 0px -30px;
}


#GENERAL_links_wrapper > ul {
margin: 0px 10px 0px -30px;
}

#GENERAL_links_wrapper > ul > li {
/* line-height:2.8em; */
border-top: 1px dashed #DBDBDB;
list-style-type: none;
padding: 0.9em 0px 0.9em 0px;
}

#GENERAL_links_wrapper > ul > li:first-child {
border-top: 0px dashed #DBDBDB;
}

/* end - unorder lists for page links */

/* Start Expanding Code */
.expanding-clickme{
cursor:pointer;
}
.icon-close-open {
width:20px;
height:20px;
position:absolute;
top:5px;
right:7px;
background-image:url(../images/icon-close-open.png);
background-position: 0px 0px;
}

.icon-close-open.is-open {
background-position:0px 20px;
}

.expand_all{
font-size:0.8em;
margin:5px 0px 5px 0px;
}

/* End Expanding Code */


/* start layout styles */


/* START column CONTROL */

.TABLE_wrapper{
width:100%;
display:table;
padding:1% 0 1% 0;
position:relative;
}
.TABLE_row{
display:table-row;
}
.TABLE_cell{
display:table-cell;
padding:0px 1.5% 0px 1.5%;
text-align:left;
line-height:20.0px;
position:relative;
vertical-align:top;
}

.TABLE_cell:first-child{
padding:0px 1.5% 0px 0px;
}
.TABLE_cell:last-child{
padding:0px 0px 0px 1.5%;
}

/* 
 */
/* START CELL WIDTHS */
.cell_25pct {
  width: 21.5%;
}
.cell_25pct:first-child,
.cell_25pct:last-child {
  width: 20.25%;
}
/* .cell_25pct{width:22.5%;} */
.cell_33pct {
  width: 31.3%;
}
.cell_33pct:first-child,
.cell_33pct:last-child {
  width: 30.0%;
}
/* .cell_33pct{width:31.0%;} */
.cell_66pct{width:60.5%;}

.cell_50pct {
  width: 47.5%;
}



.cell_100pct{width:98.0%;}
/* END CELL WIDTHS */
/* START Borders */
.cellBorderLeft{border-left: 1px dotted #aaa;}
.cellBorderRight{border-right: 1px dotted #aaa;}
.cellBorderTop{border-top: 1px dotted #aaa;}
.cellBorderBottom{border-bottom: 1px dotted #aaa;}
/* END Borders */


/* */.TABLE_wrapper h3, .TABLE_wrapper h4, .TABLE_wrapper h5, .TABLE_wrapper h6,
.TABLE_row h3, .TABLE_row h4, .TABLE_row h5, .TABLE_row h6,
.TABLE_cell h3, .TABLE_cell h4, .TABLE_cell h5, .TABLE_cell h6
{ margin:0px 0px 5px 0px;} 

.TABLE_cell p
{margin:3px 0px 8px 0px;}

/* END column CONTROL */


/* START THIS IS USED IN FANCY BOX VIDEO BOXES */
.cell_imgx100pct img{
width:100%!important;
min-width:100%!important;
height:auto;
margin:0px;
}
.cell_imgx100pct H3{
display:block;
color:#345376!important;
font-size:16px!important;
font-weight:100!important;
margin:5px 5px 0px 5px;
padding:0px 0px 5px 0px;
white-space:normal;
clear:both;
}
/* START THIS IS USED IN FANCY BOX VIDEO BOXES */

/* START USE FOR LISTS IN CELLS */
.cell_100pct ul.TOPICS_uLists, .cell_66pct ul.TOPICS_uLists, .cell_50pct ul.TOPICS_uLists{
padding:0px;
margin:10px 0px 0px 20px;
}

.cell_33pct ul.TOPICS_uLists, .cell_25pct ul.TOPICS_uLists{
padding:0px;
margin:10px 0px 0px 20px;
}
/* END USE FOR LISTS IN CELLS */



/* START FLOATING COLUMNS */
.floatleft-col1 {
float: left;
width: 490px;
margin:-10px 0px 20px 0px;
padding:0px 0px 0px 0px;
}

.floatright-col2 {
float: right;
display:block;
width: 230px;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
}


/* END FLOATING COLUMNS */

/* START SIDE BOX ELEMENTS */
.sidebox_table{
width:100%;
display:table;
padding:0px;
position:relative;
border:0px solid #ffffff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px;
/* box-shadow: 0px 0px 1px rgba(0,0,0,0.5); */
margin:0px 0px 15px 0px;
}

.sidebox_row{
display:table-row;
}

.sidebox_cell{
display:table-cell;
padding:3% 3% 3% 3%;
text-align:left;
line-height:20.0px;
position:relative;
vertical-align:top;
}

.col30{width:30.0%;}
.col70{width:65.5%;}
.col100{width:95.5%;}

.col70 h4, .col100 h4{
padding:0px;
margin:0px;
}


.blue_background{
background:#0D3C77;
-webkit-border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
-o-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
}
.gray_background{
background:#F0F0F0;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
-o-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
}

.gray_background_full{
background:#F0F0F0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

/* START LARGE WHITE ICONS */

.mail-icon {
	background-image: url(../icons/mail_icon_white.png);
	background-position: center;
	background-repeat: no-repeat;
}

.search-icon {
	background-image: url(../icons/search_icon_white.png);
	background-position: center;
	background-repeat: no-repeat;
}

.location-icon {
	background-image: url(../icons/location_icon_white.png);
	background-position: center;
	background-repeat: no-repeat;
}

.document-icon {
	background-image: url(../icons/document_icon_white.png);
	background-position: center;
	background-repeat: no-repeat;
}

.pdf-icon {
	background-image: url(../icons/document_icon_white.png);
	background-position: center;
	background-repeat: no-repeat;
}

.people-icon {
	background-image: url(../icons/people_icon_white.png);
	background-position: center;
	background-repeat: no-repeat;
}

.dollar-icon {
	background-image: url(../icons/dollar_icon_white.png);
	background-position: center;
	background-repeat: no-repeat;
}

.calendar-icon {
	background-image: url(../icons/calendar_icon_white.png);
	background-position: center;
	background-repeat: no-repeat;
}

.cart-icon {
	background-image: url(../icons/cart_icon_white.png);
	background-position: center;
	background-repeat: no-repeat;
}

.info-icon {
	background-image: url(../icons/info_icon_white.png);
	background-position: center;
	background-repeat: no-repeat;
}
.tools-icon {
	background-image: url(../icons/tools_icon_white.png);
	background-position: center;
	background-repeat: no-repeat;
}

/* END LARGE WHITE ICONS */




/* END SIDE BOX ELEMENTS */


.triangle-right{
display:block;
float:left;
position:relative;
top:3px;
width: 7px;
height: 0;
border-top: 6px solid transparent;
border-left: 7px solid gray;
border-bottom: 6px solid transparent;
margin:0px -2px 0px 10px;
}

/* end layout styles */

.NOTE_bluebox{
display:block;
background:#C2ECFC;
border:1px solid gray;
padding:10px;
margin:0px 0px 10px 0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.NOTE_bluebox h3{
margin:0px 0px 6px 0px;
}
.NOTE_bluebox h4{
margin:0px 0px 6px 0px;
}


/*  controls the home page ol items */

#bigdot{}
#bigdot div > ol {
counter-reset:li; /* Initiate a counter */
margin-left:0; /* Remove the default left margin */
padding-left:0; /* Remove the default left padding */
}
#bigdot div > ol > li {
position:relative; /* Create a positioning context */
margin:0 0 22px 40px; /* Give each list item a left margin to make room for the numbers */
padding:4px 8px; /* Add some spacing around the content */
list-style:none; /* Disable the normal item numbering */


}
#bigdot div > ol > li:before {
content:counter(li); /* Use the counter as content */
counter-increment:li; /* Increment the counter by 1 */
/* Position and style the number */
position:absolute;
top:0px;
left:-40px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
width:34px;
height:34px;
/* Some space between the number and the content in browsers that support
generated content but not positioning it (Camino 2 is one example) */
margin-right:8px;
padding:4px;
border-top:0px solid #666;
/* color:#646263;
background:#8AD6D2; */
background:#cccccc;
color:#ffffff;
font-weight:bold;
font-size:22px;
font-family:"Helvetica Neue", Arial, sans-serif;
text-align:center;
}
#bigdot li ol,
li ul {margin-top:6px;}
#bigdot ol ol li:last-child {margin-bottom:0;}

#bigdot li > ol > li {
margin-left:0px;

}

/* START QUOTEBOX CSS */

.QuoteBox {
clear:both;
float: right;
width: 100%;
height: auto;
border: 1px solid silver;
border-radius: 6px;
margin: 2px 0px 10px 20px;
position: relative;
padding: 0px;
border-right:0px transparent;
border-top:4px solid #496689;
border-bottom:2px solid #adadad;
border-left:0px transparent;
border-radius:0px;
}
#TOPICS_content div.QuoteBox > h4 {
font-size:1.2em;
padding: 5px 0px 2px 0px;
margin: 0px 0px 0px 0px;
color:#828282;
}
.QuoteBox p {
font-style:italic;
letter-spacing:1px;
display:block;
width:75%;
padding: 0px 10px 0px 10px;
margin:10px 25px 0px 20px;
color:#282828;
}
.QuoteBox em{
float:right;
display:block;
margin: 10px 10px 10px 10px;
color:gray;
text-align:right;
font-size:0.9em;
}
.startquote{
float:left;
font-size:34px;
font-weight:900;
display:block;
width:20px;
height:20px;
padding:5px;
/* color:#b4b4b4; //grey */
color:rgba(73,102,137,0.5);
margin:-5px 0px 0px 0px;
}

.endquote{
float:right;
font-size:34px;
font-weight:900;
display:block;
width:20px;
height:20px;
padding:5px 5px 5px 5px;
/* color:#b4b4b4; //grey */
color:rgba(73,102,137,0.5);
margin:-28px 0px 0px 0px;
}
/* END QUOTEBOX CSS */