﻿/* Styles for Cks home page */
#middleContainer
{
	position: relative;
	float: left;
	margin-top: -1px;
	margin-right: -200px;
	width: 100%;
}
#rightContainer
{
	position: relative;
	float: right;
	width: 200px;
	margin-top: -1px;
}
#introBox
{
	background: url(../Images/bg-iso.gif) bottom right no-repeat;
	margin-right: 200px;
	overflow: auto;
	padding: 0 5px;
}
#introBox h1, h2
{
	margin: 0;
	padding: 0;
	padding-top: 5px;
	line-height: 1.5em;
	font-size: 0.8em;
	color: #333333;
}
#introBox p
{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 0.8em;
	color: #333333;
}
#whatsNew
{
	margin: 1px 201px 40px 0;
	padding:0 5px;
}
#whatsNewTitle
{
	height: 30px;
	background: #0079C2;
}
#whatsNewTitle a
{
	font-size: 11px;
	color: #FFFFFF !important;
	font-weight: normal !important;
}
#whatsNewTitleRSS
{
	float: right;
	padding: 5px;
}
#whatsNew p
{
	margin: 0;
	font-size: 0.8em;
	color: #333333;
	line-height:1.5em;
}
#whatsNewTitle h2
{
	float: left;
	font-size: 13px;
	color: #FFFFFF;
	margin: 0 5px;
	line-height: 20px;
}
#whatsNew ul
{
	list-style-type: none;
	line-height: 1.5em;
	margin: 0;
	padding: 10px 10px 10px 10px;
	font-size: 0.8em;
}
#whatsNew ul ul
{
	list-style-type: none;
	line-height: 1.5em;
	margin: 0;
	padding: 10px 10px 10px 10px;
	font-size: 1em;
}
#whatsNew li
{
	background: url(../Images/bg-new-bullet.gif) 0 6px no-repeat;
	padding-left: 15px;
	color: #333333;
}
#whatsNew ul ul li
{
	background: url(../Images/bg-blue-arrow.gif) 0 4px no-repeat;
	padding-left: 15px;
	color: #333333;
}
#whatsNew a
{
	color: #004279;
	font-weight: bold;
}
#whatsNew a:hover
{
	color: #FF6600;
}
.rightBox
{
	padding-bottom: 10px;
	min-height: 190px;
	border-right: solid 1px #DDDDDD;
	border-left: solid 1px #DDDDDD;
	border-bottom: solid 1px #DDDDDD;
	padding: 0;
}
.rightBox h2
{
	margin: 0;
	padding: 0 5px 0 5px;
	display: block;
	line-height: 30px;
	height: 30px;
	background: #DDDDDD;
	font-size: 12px;
	color: #333333;
}
h2.evidenceTitle
{
	background: #0079C2 !important;
	color: #FFFFFF !important;
}
.rightBox p
{
	margin: 5px;
	line-height: 1.5em;
	font-size: 11px;
	color: #333333;
}
.rightBox a
{
	color: #004279;
}
.rightBox a:hover
{
	color: #FF6600;
}
.rightBox ul
{
	margin: 0;
	padding: 5px 5px 0 10px;
	font-size: 0.7em;
	list-style-type: none;
	color: #333333;
}
.rightBox li
{
	margin-top: 5px;
	background: url(../Images/bg-new-bullet.gif) 0 6px no-repeat;
	padding-left: 15px;
}
#topRightBox
{
	background: url(../Images/bg-top-right.gif) 3px 3px no-repeat;
}
#topRightBox p
{
	display: inline-block;
	margin: 45px 10px 0 45px;
	padding: 0;
}
#topRightBox a
{
	font-weight: bold;
}
#announceBox
{
	margin: 1px 201px 0 0;
	min-height: 190px;
	overflow: auto;
}
#announceBox h2
{
	margin: 0 0 0 -5px;
	padding: 0 5px 0 10px;
	display: block;
	line-height: 30px;
	background: #29365C;
	font-size: 0.8em;
	color: #FFFFFF;
}
#announceBox p
{
	font-size: 0.8em;
	padding: 0;
	margin: 10px 5px 0 200px;
	color: #333333;
}
#announceBox ul
{
	font-size: 0.8em;
	list-style-type: square;
	line-height: 1.5em;
	margin: 15px 5px 15px 230px;
	padding: 0;
}
.rssButton
{
	float: right;
	margin-top: -21px;
}

/* ##########################################

Browse menu */
.browseMenu
{
	float: left;
	background: #F6F6EA;
	width: 220px;
}
#browseTop
{
	width: 221px;
	height: 28px;
	background: #CACABE;
	border-bottom: solid 1px #989890;
}
#browseTopicContainer, #browsePatientContainer
{
	padding-top: 5px;
}
#browseTop a.browse
{
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	line-height: 30px;
	text-align: center;
	width: 85px;
}
#browseTop a.browseSelected
{
	float: left;
	display: block;
	height: 29px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	line-height: 28px;
	text-align: center;
	width: 87px;
	background: #F6F6EA url(../Images/bg-browse-tab.gif) no-repeat;
}
#browseTopic ul
{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-left: 5px;
	width: 190px;
}
#browsePatient ul
{
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding-left: 5px;
	padding-bottom: 40px;
	width: 172px;
}
#browseTopic li, #browsePatient li
{
	background: url(../Images/bg-browse-arrow.gif) no-repeat;
	line-height: 1.5em;
	font-size: 0.7em;
	padding-left: 10px;
	padding-right: 5px;
}
#browseTopic a, #browsePatient a
{
	color: #004279;
}
#browseTopic a:hover, #browsePatient a:hover
{
	color: #FF6600;
}
#topicAZ ul, #patientAZ ul
{
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 25px;
}
#topicAZ li, #patientAZ li
{
	background: url(../Images/bg-browse-AZ.gif) no-repeat;
	line-height: 12px;
	height: 17px;
	font-size: 10px;
	padding-left: 10px;
}
#topicAZ a, #patientAZ a
{
	color: #FFFFFF;
	display: block;
}
#topicAZ li:hover, #patientAZ li:hover
{
	background: url(../Images/bg-browse-AZ-hover.gif) no-repeat; /* Not for IE6 */
}
