/*
	CSS of International Center for Alcohol Policies (ICAP)
	Version 1.0
	-------------------------------------------------------
	XHTML/CSS by Todor Iliev
	
	.homePage is a wrapper class used to overwrite home specific settings

	Example:	html div.homePage #header {background: url(../images/worldBanner.gif) no-repeat 0 0;}
				This specificity will place a backgroud image in the header.
*/


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: #4c4c4c;
	}
	
#Form {
	margin: 10px 0 0 0;
	}


/* ------------- Begin IE6 Tweaks ------------- */	
#IE6root {
	}	

#IE6root #header #leftSide {
	margin-left: 15px;
	}	

div.msg {
	padding: 8px 28px;
	margin: 0 0 10px 0;
	background: url(../images/error.gif) #ffffe1 no-repeat 8px 6px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #aca899;
	}
div.msg a:link, div.msg a:visited {
	color: #0066CC;
	text-decoration: underline;
	}
/* ------------- End IE6 Tweaks ------------- */	

	
/* ------------- Begin General Headings & Links ------------- */
h1, h2, h3 {
	font-weight: normal;
	}

h1 {
	color: #1f3b7e;
	font-size: 220%;
	margin: 0 0 10px 0;
	}
h2 {
	color: #555;
	font-size: 170%;
	margin: 20px 0 10px 0;
	}
h2 em {
	color: #999;
	font-size: 80%;
	font-style: normal;
	}
h3 {
	color: #999;
	font-size: 140%;
	margin: 20px 0 10px 0;
	}
#rightColumn h3 {
	color: #fff;
	margin: 30px 0 10px 10px !important;
	}
	
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
	
a:link, a:visited {
	color: #1f3b7e;
	}
a:hover {
	color: #3d558f;
	text-decoration: none !important;
	}
	
.hideContent {
	display: none;
	}
.shownContent {
	display: inline;
	}
/* ------------- End General Headings & Links ------------- */

	
#wrapper {
	width: 975px;
	margin: 0 auto;
	background: url(../images/contentBg.gif) #fff no-repeat 200px 160px;
	}
html div.homePage {
	background-image: none !important;
	}

/* ------------- Begin Header ------------- */
#header {
	}	
html div.homePage #header {
	background: url(../images/worldBanner.gif) no-repeat;
	}
	
#header #leftSide {
	width: 46%;
	float: left;
	margin: 15px 0 0 30px;
	}
#header #rightSide {
	width: 40%;
	float: right;
	margin: 15px 15px 0 0;
	text-align: right;
	}

#header #logo {
	}
#header #introStatement {
	clear: both;
	margin: 20px 0 0 0;
	display: none;
	}
/* Note: Display "Welcome to ICAP" text on the home page */
html div.homePage #header #introStatement {
	display: block;
	}
#header #introStatement h1 {
	font-size: 260%;
	color: #374083;
	margin: 0 0 5px 0;
	}
#header #introStatement p {
	line-height: 17px;
	}

#header #links,
#footer p.links {
	color: #ffa36f;
	}

/* Note: Most search object styles are in the skin.css file. */
#header #search {
	color: #888;
	clear: both;
	margin: 15px 0px 0 0;
	}
#header input {
	}
#header #search img {
	position: absolute;
	}

#header #dropDown {
	display: block;
	clear: both;
	text-align: right;
	margin: 0 0 2px 0;
	padding: 8px;
	background: url(../images/selectBg.png) repeat 0 0;
	}
#header #dropDown select {
	width: 185px;
	border: #ccc;
	color: #555;
	}

#translatedLinks {
	clear: both;
	color: #888;
	text-align: right;
	margin: 0 10px 10px 0;
	}
/* ------------- End Header ------------- */

/* Note: All navigation references are in the skin.css file.

#mainNavigation {
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #d9d9e9;
	}
#mainNavigation table {
	}
#mainNavigation table td {
	line-height: 38px;
	text-align: center;
	border-right: 1px solid #8d8d8d;
	border-left: 1px solid #d0d0d0;
	background: url(../images/mainNavigation.gif) repeat-x 0 0;
	}
#mainNavigation table td a:link, #mainNavigation table td a:visited {
	color: #4b4a4b;
	font-weight: bold;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	}
#mainNavigation table td:hover, #mainNavigation table td.active {
	background: url(../images/mainNavigationHover.gif) repeat-x 0 0;
	}*/


/* ------------- Begin Content Columns ------------- */
#container {
	background: url(../images/rightColumnBg.gif) repeat-y right top;
	}
html div.homePage #container {
	background: #323c80;
	color: #fff;
	}

#leftColumn {
	float: left;
	width: 17%;
	}
html div.homePage #leftColumn {
	float: left;
	width: 45%;
	}

#middleColumn {
	float: left;
	width: 61%;
	}
html div.homePage #middleColumn {
	float: left;
	width: 35%;
	}

#rightColumn {
	float: right;
	width: 20%;
	}
html div.homePage #rightColumn {
	float: right;
	width: 20%;
	margin: 0 0 20px 0;
	}
html div.homePage #rightColumn #hideOnHomePage {
	display: none;
	}
/* ------------- End Content Columns ------------- */


/* ------------- Begin Publications Block ------------- */
#publications {
	margin: 25px 0 25px 30px;
	}
#publications #banner img {
	width: 88px;
	height: 114px;
	}
html div.homePage #publications {
	margin: 25px 0 25px 25px;
	padding: 25px;
	border: 1px solid #646ea3;
	}
#publications div#banner {
	width: 100px;
	height: 150px;
	background: url(/Portals/_default/Skins/icap_main/_design/images/publicationsShadow.gif) no-repeat 0 0;
	padding: 2px 0 0 3px;
	margin: 0 0 40px 0;
	}
html div.homePage #publications div#banner {
	background: none;
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
	}
#publications div#banner p {
	margin: 20px 0 0 0;
	}
html div.homePage #publications div#banner p {
	margin: 0;
	}
html div.homePage #publications img {
	float: left;
	margin: 0 15px 0 0;
	border: none;
	}
#publications h1 {
	display: none;
	}
html div.homePage #publications h1 {
	color: #fff;
	display: block;
	float: left;
	width: 255px;
	}
#publications p {
	color: #999;
	}
html div.homePage #publications p {
	color: #fff;
	line-height: 17px;
	}

/* ------------- End Publications Block ------------- */


/* ------------- Begin Main Content ------------- */
#content {
	margin: 25px 20px;
	}
html div.homePage #content h1 {
	font-size: 220%;
	color: #99a8cd;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
	}
#content a {
	text-decoration: underline;
	}
html div.homePage #content a {
	color: #fff;
	}
#content p {
	line-height: 17px;
	margin: 0 0 10px 0;
	}	
#content ul {
	margin: auto;
	padding: 10px 0 15px 30px;
	}
#content ul li {
	line-height: 17px;
	padding: 3px 10px;
	list-style-type: disc !important;
	}
#content ol {
	margin: auto;
	padding: 0 0 0 30px;
	}
#content ol li {
	line-height: 17px;
	padding: 3px 10px;
	list-style-type: decimal !important;
	}
	
#print {
	position: relative;
	z-index: 0;
	float:right; 
	width:50px; 
	margin-top:-70px;
	}
html div.homePage #print {
	display: none;
	}
/* ------------- End Main Content ------------- */


/* ------------- Begin Content Breadcrumbs ------------- */
#content span#dnn_dnnBREADCRUMB_lblBreadCrumb {
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	}
html div.homePage #content span#dnn_dnnBREADCRUMB_lblBreadCrumb {
	display: none;
	}
#content span#dnn_dnnBREADCRUMB_lblBreadCrumb a.breadcrumb {
	color:#999; 
	text-decoration: none;
	}
#content span#dnn_dnnBREADCRUMB_lblBreadCrumb a:hover {	
	text-decoration: none;
	}
/* ------------- End Content Breadcrumbs ------------- */


/* ------------- Begin Content Specific Styles ------------- */
a.toggleText {
	display: block;
	width: 50%;
	padding: 5px 15px;
	background: url(/Portals/_default/Skins/icap_main/_design/images/bullet_toggle_plus.png) no-repeat left center;
	}
a.toggleText:hover {
	background: url(/Portals/_default/Skins/icap_main/_design/images/bullet_toggle_minus.png) no-repeat left center;
	}

#content sub,
#content sub a,
#content sup,
#content sup a  {
	font-size:xx-small;
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	}

.citation {
	color: #777;
	font-style: italic;
	padding: 5px;
	border: 1px dotted #999;
	background: #eee;
	}

.moduleSummary {
	background: #a7b0de;
	padding: 12px;
	margin: 0 0 20px 0;
	border: 1px dotted #8f9ad1;
	}
.moduleSummary ul {
	margin-bottom: 0px;
	}
	
.policyOptions {
	background: #b6bde4;
	padding: 12px;
	margin: 0 0 20px 0;
	border: 10px solid #a7b0de;
	}
.policyOptions ul {
	margin-bottom: 0px;
	}

.highlightText {
	background: #a7b0de;
	padding: 12px;
	border: 1px dotted #8f9ad1;
	}
.highlightText ul {
	margin-bottom: 0;
	padding-bottom: 0;
	}
.summaryActionPoints,
.highlightTextBorder {
	border: 10px solid #a7b0de;
	padding: 10px;
	}
.summaryActionPoints h2,
.highlightTextBorder h2 {
	margin: 0 0 15px 0;
	padding: 0;
	}
	
.pageTop {
	display: block;
	font-size: 90%;
	text-decoration: none;
	text-align: right;
	}
.pageTop a {
	display: block;
	width: 100px;
	margin: -30px 0 0 440px;
	padding: 0 12px 0 0;
	background: url(/Portals/_default/Skins/icap_main/_design/images/upArrow.gif) no-repeat right center;
	}
.policyOptions .pageTop a {
	margin: -30px 0 0 400px !important;
	}

#content img.imgLeft {
	float: left;
	border: 1px solid #fff;
	margin: 0 15px 0 0;
	}
#content img.imgRight {
	float: right;
	border: 1px solid #fff;
	margin: 0 0 0 15px;
	}
/* ------------- End Content Specific Styles ------------- */


/* ------------- Begin Left Navigaton ------------- */
ul.leftNav {
	margin: 25px 0 0 30px;
	display: none;
	}
html div.homePage ul.leftNav {
	display: none;
	}
ul.leftNav li {
	list-style: none;
	margin: 7px 0;
	}
.leftNav li a:link, .leftNav li a:visited {
	text-decoration: none;
	display: block;
	font-size: 120%;
	line-height: 17px;
	height: 17px;
	background: url(../images/leftNavArrow.gif) no-repeat 0 0;
	padding: 0 0 0 25px;
	}
.leftNav li a:hover,  .leftNav li a.active {
	color: #a2afcd;
	background: url(../images/leftNavArrowHover.gif) no-repeat 0 0;
	}	
/* ------------- End Left Navigaton ------------- */


/* ------------- Begin Right Navigaton ------------- */
html div.homePage ul.rightNav {
	margin: 15px 0 0 0;
	}
ul.rightNav li {
	background: url(../images/rightNavBg.gif) repeat-x;
	margin: 0;
	padding: 0;
	}
.rightNav li a:link, .rightNav li a:visited {
	color: #fff;
	font-size: 100%;
	text-decoration: none;
	font-weight: bold;
	display: block;
	line-height: 26px;
	height: 26px;
	background: url(../images/arrow.gif) no-repeat 165px center;
	padding: 0 0 0 10px;
	}
.rightNav li a:hover {
	color: #a2afcd;
	background: url(../images/arrowHover.gif) no-repeat 170px center;
	}
/* ------------- End Right Navigaton ------------- */


/* ------------- Begin Footer ------------- */
#footer {
	background: #fff;
	color: #323b80;
	border-top: 1px solid #323c80;
	}
#footer p {
	line-height: 35px;
	padding: 0 10px;
	}
#footer p.copyright {
	float: left;
	width: 55%;
	}
#footer p.links {
	float: right;
	width: 40%;
	text-align: right;
	}
#footer p.address {
	clear: both;
	float: left;
	width: 200px;
	line-height: 12px;
	font-size: 90%;
	color: #777;
	border-bottom: 10px solid #fff;
	}
#footer p.contact {
	float: left;
	width: 200px;
	line-height: 12px;
	font-size: 90%;
	color: #777;
	}
/* ------------- End Footer ------------- */

#adminPannel {
	background: #323576;
	}
#adminPannel h1 {
	color: #fff;
	font-size: 150%;
	padding: 10px 25px;
	}
table.ControlPanel {
	margin: 0 0 10px 0;
	}

/* ------------- Begin DNN Calendar Events ------------- */	
table.Event {
	margin: 10px 0;
	width: 100%;
	background: #eaeaea;
	border: 1px solid #fff;
	}
table.Event td.EventTitle table td {
	background: url(../images/mainNavigationHover.gif) repeat-x 0 0;
	line-height: 30px;
	color: #4e5691 !important;
	}
table.Event td.EventNextPrev a {
	color: #4e5691 !important;
	text-decoration: none !important;
	}
table.Event td.EventNextPrev a:hover {
	color: #fff !important; 
	}
table.Event td.EventDayHeader {
	background: #cbcde0;
	text-align: center;
	color: #646b9f;
	}	
table.Event td.EventOtherMonthDay  {
	background: #dcdde9;
	}
table.Event td.EventDay {
	padding: 3px;
	color: #555 !important;
	}
table.Event td.EventDay a {
	color: #003366 !important;
	}
table.Event td.EventDay a:hover {
	color: #003366 !important;
	}
table.Event td.EventTodayDay  {
	background: #a6aac9 !important;
	border: 2px solid #969bbf;
	}
table.Event td div.EventDayScroll {
	}
/* ------------- End DNN Calendar Events ------------- */	


/* ------------- Begin DNN Conferences ------------- */	

#dnn_ctr378_Events_UP {
	}
#dnn_ctr378_Events_UP table.ListDataGrid {
	}
#dnn_ctr378_Events_UP table.ListDataGrid p,
#dnn_ctr378_Events_UP table.ListDataGrid li  {
	line-height: normal !important;
	margin: 10px 0 0 0  !important;
	padding: 0;
	}
#dnn_ctr378_Events_UP table.ListDataGrid td.ListHeader {
	border-bottom: 1px solid #4e5691;
	background: url(../images/mainNavigationHover.gif) repeat-x 0 0;
	line-height: 30px;
	color: #4e5691 !important;
	font-size: 90%;
	}
#dnn_ctr378_Events_UP table.ListDataGrid td {
	line-height: 25px;
	border-bottom: 1px solid #cbcde0;
	padding: 0 4px;
	color: #888;
	}
#dnn_ctr378_Events_UP table.ListDataGrid td.ListDate {
	border: 1px solid #ccc;
	}	
#dnn_ctr378_Events_UP table.ListDataGrid tr.ListAlternate {
	background: #dcdde9;
	}
#dnn_ctr378_Events_UP table.ListDataGrid td.ListTitle {
	border: 1px solid #ccc;
	}
#dnn_ctr378_Events_UP table.ListDataGrid td.ListTitle a {
	display: block;
	}
#dnn_ctr378_Events_UP table.ListDataGrid td.ListDescription p {
	line-height: 25px;
	margin: 0;
	padding: 0;
	color: #333;
	} 
#dnn_ctr378_Events_UP table.ListDataGrid td.ListDate {
	} 
	
#dnn_ctr378_Events_UP table td.SubHead {
	padding: 0 15px 15px 0;
	}
/* ------------- End DNN Conferences ------------- */	



/* ------------- Begin Guide ------------- */
#content ul#guide {
	margin: 40px 0;
	padding: 0;
	}
#content ul#guide ul {
	margin: 0;
	padding: 0;
	}
ul#guide li {
	width: 245px;
	float: left;
	margin: 0 30px 30px 0;
	padding: 0;
	list-style-type: none !important;
	}
ul#guide li li {
	float: none;
	margin: 15px 0;
	color: #4a4a4a;
	}
ul#guide li h3 {
	background: url(../images/rightNavBg.gif) repeat-x;
	margin: 0;
	padding: 0;
	}
ul#guide li h3 a:link, ul#guide li h3 a:visited {
	color: #fff;
	font-size: 100%;
	font-weight: none;
	text-decoration: none;
	display: block;
	line-height: 44px;
	height: 44px;
	background: url(../images/arrow.gif) no-repeat 205px 15px;
	padding: 0 0 0 15px;
	}
ul#guide li h3 a:hover {
	color: #a2afcd;
	background: url(../images/arrowHover.gif) no-repeat 205px 15px;
	}
ul#guide li li.text {
	height: 150px;
	overflow: hidden;
	color: #777;
	padding: 0 0 0 10px;
	border-left: 1px dotted #9aa3ca;
	}
ul#guide li li.dropDown {
	height: 20px;
	}
ul#guide li li.dropDown select {
	width: 90%;
	font-size: 11px;
	}
/* ------------- End Guide ------------- */


/* ------------- Begin Sr. Employees/Advisors ------------- */
ul#employees a.toggleText {
	display: block;
	width: 100%;
	padding: 5px 15px;
	background: url(/Portals/_default/Skins/icap_main/_design/images/bullet_toggle_plus.png) no-repeat left center;
	}
ul#employees a.toggleText:hover {
	background: url(/Portals/_default/Skins/icap_main/_design/images/bullet_toggle_minus.png) no-repeat left center;
	}

ul#employees {
	margin: 0;
	padding: 0;
	}
ul#employees li {
	list-style-type: none !important;
	clear: both;
	}
ul#employees li img {
	float: left;
	margin: 0 20px 0 0;
	display: none;
	}
ul#employees li ul {
	float: left;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	}
ul#employees li ul li {
	padding: 0;
	line-height: 18px;
	}
ul#employees li ul li.name {
	font-weight: bold;
	}
ul#employees li ul li.title {
	font-style: italic;
	}
ul#employees li ul li.region {
	color: #999999;
	}
ul#employees li ul li.shortBio {
	margin: 10px 0 0 0;
	}
/* ------------- End Sr. Employees/Advisors ------------- */


ul#bookSeries {
	margin: 0;
	padding: 0;
	}
ul#bookSeries li {
	list-style-type: none !important;
	clear: both;
	}
ul#bookSeries li img {
	float: left;
	margin: 0 20px 0 0;
	}
ul#bookSeries li ul {
	width: 420px;
	float: left;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	}
ul#bookSeries li ul li {
	padding: 0;
	line-height: 18px;
	}


/* ------------- Begin Sortable Table ------------- */
table.tbl {
	width: 100%;
	margin: 10px 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #f1f1f1;
	}
table.tbl th {
	color: #fff;
	font-weight: bold;
	background: #717bad;
	border-bottom: 1px solid #646ea3;
	}
table.tbl th,
table.tbl td {
	padding: 5px 7px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
table.tinyText td,
table.tinyText th {
	padding: 2px !important;
	}
table.tinyText {
	font-size: 90%;
	}

/* Violet Table Theme */
.arc90_altrows-Violet {
	border-collapse: collapse;
	border: 1px solid #646ea3;
}
.arc90_altrows-Violet th {
	text-align: left;
	color: #fff;
	background: #717bad;
	border-bottom: 1px solid #646ea3;
	cursor: pointer;
	}
.arc90_altrowsViolet0 {
	background: #adb2cd;
	}
.arc90_altrowsViolet1 {
	background: #e5e7f1;
	}

/* Gray Table Theme */
.arc90_altrows-Gray {
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.arc90_altrows-Gray th  {
	text-align: left;
	background: #ddd;
	border: 1px solid #ccc;
	cursor: pointer;
	}
.arc90_altrows-Gray td  {
	border: 1px solid #ccc;
	}
.arc90_altrowsGray0 {
	background: #eee;
	}
.arc90_altrowsGray1 {
	background: #fff;
	}
/* ------------- End Sortable Table ------------- */