/* styled dropdowns
===================================================================================== */
/* dropdown and button, outermost containers */

.cnnDDBoxContainer
{ position:relative; z-index:3; }
.cnnDDBox
{ width:100%; position:absolute; top:-9px; right:13px; display:none; font-weight:bold; font-size:11px; }


/* overlay, outermost containers */

.cnnDDOvrBoxContainer
{ position:relative; z-index:3; }
.cnnDDOvrBox
{ width:100%; position:absolute; display:none; font-weight:bold; font-size:11px; }


/* dropdown button */

.cnnDDContainer .cnnDDBtn
{ cursor:pointer; height:23px; overflow:hidden; }
.cnnDDContainer .cnnDDBtn .cnnDDBtnLeft
{ width:4px; height:23px; }
.cnnDDContainer .cnnDDBtn img
{ display:block; padding:1px 4px 1px 15px; }
.cnnDDContainer .cnnDDBtn .cnnDDValueContainer
{ padding:4px 0 5px 0; }
.cnnDDContainer .cnnDDBtn .cnnDDValue
{ overflow:hidden; font-weight:bold; font-size:11px; line-height:14px; height:14px; color:#1d61ab; }

.cnnDDContainer .cnnWireBox
{ cursor:pointer; overflow:hidden; }
.cnnDDContainer .cnnWireBox .cnnBoxContent
{ height:15px; position:relative; z-index:1; }
.cnnDDContainer .cnnWireBox .cnnBoxContent .cnnDDValue
{ position:absolute; left:8px; top:0; overflow:hidden; font-weight:bold; font-size:11px; line-height:14px; height:14px; color:#1d61ab; }
.cnnDDContainer .cnnWireBox .cnnBoxContent img
{ position:absolute; top:-4px; right:6px; width:30px; height:23px; z-index:2; }

/* specificity */
#cnnRightCol  .cnnDDContainer .cnnWireBox
{ margin:0; }


/* dropdown and overlay content box */

.cnnDDBoxContent .cnnDDContent
{ margin:0 9px; background:#fff; border:1px solid #1d61ab; }

.cnnDDBoxContent .cnnDDOvrCloseContainer
{ position:relative; }
.cnnDDBoxContent .cnnDDOvrClose
{ position:absolute; top:7px; right:17px; color:#000; width:12px; height:12px; cursor:pointer; z-index:4; }
.cnnDDBoxContent .cnnDDOvrTitle
{ padding:10px 12px 4px 12px; overflow:hidden; }
.cnnDDBoxContent .cnnDDContent .cnnDDList
{ overflow:auto; }
.cnnDDBoxContent .cnnDDContent ul
{ margin:0; padding:0; overflow:hidden; }
.cnnDDBoxContent .cnnDDContent li
{ padding:0; margin:0; list-style:none; height:17px; line-height:17px; overflow:hidden; }
.cnnDDBoxContent .cnnDDContent li a
{ margin:0; display:block; height:17px; line-height:17px; padding:0 12px; color:#62307b; }
.cnnDDBoxContent .cnnDDContent li a:visited
{ color:#333; }
.cnnDDBoxContent .cnnDDContent li a:hover
{ background:#62307b; color:#fff; }
.cnnDDBoxContent .cnnDDContent .cnnDDSeparator span
{ margin:0; display:block; height:17px; padding:1px 12px 0 12px; color:#1d61ab; }


/* Transparent box borders */

.cnnDDBoxContent
{ width:100%; overflow:hidden; background:url(https://images.gocomics.com/images/ucg/siteAssets/shdw_center.png); }

.cnnDDBoxHeader
{ overflow:hidden; position:relative; width:100%; height:9px; background:transparent; }
.cnnDDBoxHeader .cnnDDBoxHeaderTL
{ margin-right:9px; height:9px; background:transparent url(https://images.gocomics.com/images/ucg/siteAssets/shdw_TL.png) 0 0 no-repeat; }
.cnnDDBoxHeader .cnnDDBoxHeaderTR
{ position:absolute; top:0px; right:0px; width:9px; height:9px; background:transparent url(https://images.gocomics.com/images/ucg/siteAssets/shdw_TR.png) 0 0 no-repeat; }

.cnnDDBoxFooter
{ overflow:hidden; position:relative; width:100%; height:9px; background:transparent; }
.cnnDDBoxFooter .cnnDDBoxFooterBL
{ margin-right:9px; height:9px; background:transparent url(https://images.gocomics.com/images/ucg/siteAssets/shdw_BL.png) 0 0 no-repeat; }
.cnnDDBoxFooter .cnnDDBoxFooterBR
{ position:absolute; top:0px; right:0px; width:9px; height:9px; background:transparent url(https://images.gocomics.com/images/ucg/siteAssets/shdw_BR.png) 0 0 no-repeat; }

/* end styled dropdowns
===================================================================================== */