/* List Widgets Stylesheet
--------------------------------------------------------------------------------
   Provides re-usable list widgets like a horizontal unordered list or vertical
   lists with a clickable background image, etc.

   Copyright (c) 2007 Unbound Medicine, Inc.
   Author: Dan Kornegay
-------------------------------------------------------------------------------- */
	/* dl.roundedBox
--------------------------------------------------------------------------------
   A definition list which has a round cornered title bar
   followed by marketing text or a feature list.
-------------------------------------------------------------------------------- */
dl.roundedBox{
	width: 280px;
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
        background-color:#E3ECCE;
        margin-bottom:14px;
}

dl.smallRoundedBox {
        background-color:#E7DECF;
        border:1px solid #003030;
        margin:10px;
        text-align:left;
        width:190px;
}

dl.roundedBox dt {
        background-color:#81905F;
        font-family:Verdana,Arial,Helvetica,sans-serif;
        font-size:13px;
        font-weight:bold;
        padding:2px 0;
        line-height: 20px;
        color: #FFFFFF;
}

dl.smallRoundedBox dt {
        line-height: 20 px;
	font-weight: bold;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(../../../images/m/port_head.gif);
	background-color: #003030;
	color: #FFFF99;
        margin-bottom:0px;   
        padding: 3px 0px 5px 5px;
}

dl.smallRoundedBox dd {
        padding: 5px 5px 5px 5px;
	background-color: #E7DECF;
}

dl.roundedBox dd{
	padding: 10px 0px 0px 10px;
	border: 1px solid #cccccc;
	background-color: #f1f1f1;
}

/* Standard ul INSIDE of the rounded box */

dl.roundedBox ul {
        display: block;
        margin: 5px 0 0px 0;
	padding: 0 0 1px 0;
	text-indent: 0em; 
}

dl.smallRoundedBox li {
	margin: 0 0 3px 25px;
	list-style-type: disc;
        text-indent: 0em; 
}

dl.roundedBox li {
        margin: 0 0 0px 20px;
	list-style-type: disc;
        text-indent: 0em; 
}

a.bluelink {
        color:blue;
        text-decoration:underline;
}
a.markethead, a.markethead:visited {
        color:blue;
}

/* dl.squareBox
--------------------------------------------------------------------------------
   A definition list which has a square cornered title bar
   followed by marketing text or a feature list.
-------------------------------------------------------------------------------- */
dl.squareBox {
	width: 280px;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	list-style: none;
}

dl.squareBox dt {
	padding-left: 10px;
	line-height: 25px;
	font-size: 13px;
	font-weight: bold;
	background-color: #cccccc;
	color: #006699;
}

dl.squareBox dd {
	padding: 10px;
	border-width: 1px;
	border: 1px solid #cccccc;
	background-color: #f1f1f1;
}

dl.squareBox ul {
	margin: 5px 0 10px 0;
}

dl.squareBox li {
	margin: 0 0 3px 25px;
	background-repeat: no-repeat;
}

/*smaller version of square above*/
dl.smallSquareBox {
	width: 237px;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	list-style: none;
}

dl.smallSquareBox dt {
	padding-left: 10px;
	line-height: 25px;
	font-size: 13px;
	font-weight: bold;
	background-color: #cccccc;
	color: #006699;
}

dl.smallSquareBox dd {
	padding: 10px;
	border-width: 1px;
	border: 1px solid #cccccc;
	background-color: #f1f1f1;
	width:217;
}

dl.smallSquareBox ul {
	margin: 5px 0 10px 0;
}

dl.smallSquareBox li {
	margin: 0 0 3px 25px;
	background-repeat: no-repeat;
}

/* ul.categoryList - An unordered list of content indices 
-------------------------------------------------------------------------------- */
ul.categoryList {
	float: left;
	width: 420px;
	margin: 0 0 10px 0;
}

ul.categoryList li.categoryTitle {
	height: 25px;
	width: 400px;
	float: left;
	margin-top: 4px;
	font-size: 13px;
	font-family: verdana;
	font-weight: bold;
	padding-left: 0;
}

ul.categoryList li.categoryTitle a {
	display: block;
	float: left;
	height: 18px;
	margin-left: 8px;
	line-height: 18px;
	text-decoration: underline;
}

ul.categoryList li.categoryTitle a.catimage {
	width: 30px;
	text-align: center;
}

/* dl.cbi and ul.cbi
--------------------------------------------------------------------------------
   Definition List and Unordered Lists with Clickable Background Image
   Used for things like the content manager
-------------------------------------------------------------------------------- */
dl.cbi,ul.cbi {
	margin: 0;
	padding: 0;
	list-style: none;
}

dl.cbi dt {
	margin-bottom: 5px;
	line-height: 20px;
	padding-left: 5px;
	font-weight: bold;
}

dl.cbi dd,ul.cbi li {
	margin: 0 0 4px 7px;
	padding: 0;
	line-height: 18px; /* height of icon */
	background-repeat: no-repeat;
	background-position: 0 3px;
}

dl.cbi dd a,ul.cbi li a {
	padding-left: 21px; /* width of icon + whitespace */
	display: block;
	margin: 0 10px 0 0;
}

ul.cbi li ul {
	margin-left: 15px;
}

ul.big li {
	height: 30px;
	height: auto !important;
	background-position: 0 0;
	border: 0px solid #000;
}

ul.big li a {
	line-height: 11px;
	padding-left: 33px;
}

/* related content*/
dl.cbi dd.rel {
	margin: 0 0 4px 2px;
	padding: 0;
}

ul.rel {
	margin: 0px 0px 0px 16px;
	padding-left: 1px;
	line-height: 1.2em;
	list-style-type: disc;
}

ul.rel ul {
	margin: 0px 0px 0px 12px;
	padding-left: 1px;
	list-style-type: circle;
}

ul.rel li a {
	padding-left: 1px; /* width of icon + whitespace */
	padding-top: 3px;
	margin: 0 0 0 0;
}

ul.rel li a:hover {
	text-decoration: underline;
}

dl.cbi a.r {
	padding-left: 2px; /* width of icon + whitespace */
	margin: 0 0 0 0;
	line-heightt: 1.2em;
}

dl.cbi a:hover {
	text-decoration: underline;
}

/* =content manager
----------------------------------------------- 
*/
#cmanager dd {
	height: 22px;
	margin-left: 2px;
	margin-right: 2px;
	border: 1px solid #a8a6aa;
	background-color: #ebe7d7;
	background-position: 5px;
}

#cmanager dd a,#cmanager dd input {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	padding-left: 26px;
	color: #003465;
}

#cmanager dd input {
	background-color: transparent;
	border: none;
	height: 22px;
}

#cmanager dd input:hover {
	cursor: pointer;
	text-decoration: underline;
}

#arch form {
	margin: 0;
	padding: 0;
}

#arch form input {
	float: left;
	text-align: left;
	padding-left: 25px;
}

#dall {
	background-image: url(../../../images/m/cm_showall.gif);
}

#arch {
	background-image: url(../../../images/m/cm_archive.gif);
}

#smed {
	background-image: url(../../../images/m/cm_medline.gif);
}

#font {
	background-image: url(../../../images/m/cm_font.gif);
}

#print {
	background-image: url(../../../images/m/cm_print.gif);
}

a#fs,a#print {
	float: left;
	width: 55px;
	margin-right: 0;
}

a.prt {
	font-family: arial;
	font-size: 8px;
	font-weight: normal;
	line-height: 22px;
	display: block;
	float: left;
	border-right: 1px solid #a8a6aa;
	padding-left: 0;
	margin: 0;
	width: 35px;
}

dd#smed a {
	font-size: 11px;
}

a#small {
	height: 22px;
	display: block;
	float: left;
	margin: 0;
	background-image: url(../../../images/m/btn_font_small_0.gif);
	background-repeat: no-repeat;
	background-position: center;
	border-left: 1px solid #a8a6aa;
	cursor: pointer;
}

a#small.activeinput {
	background-image: url(../../../images/m/btn_font_small_1.gif);
}

a#medium {
	height: 22px;
	display: block;
	float: left;
	margin: 0;
	background-image: url(../../../images/m/btn_font_med_0.gif);
	background-repeat: no-repeat;
	background-position: center;
	border-left: 1px solid #a8a6aa;
	cursor: pointer;
}

a#medium.activeinput {
	background-image: url(../../../images/m/btn_font_med_1.gif);
}

a#large {
	height: 22px;
	display: block;
	float: left;
	margin: 0;
	background-image: url(../../images/m/btn_font_lrg_0.gif);
	background-repeat: no-repeat;
	background-position: center;
	border-left: 1px solid #a8a6aa;
	border-right: 1px solid #a8a6aa;
	cursor: pointer;
}

a#large.activeinput {
	background-image: url(../../images/m/btn_font_lrg_1.gif);
}

/* =horizontal nav list
----------------------------------------------- 
*/
ul.hnav {
	list-style: none;
}

ul.hnav li {
	float: left;
}

/* Horizontal List
-------------------------------------------------------------------------------- */
ul.hlist li {
	display: inline;
}