@charset "utf-8";
/* 
	layout.css
	
	Project: Know Mo - Addictions and Mental Research
	
	iomer internet solutions - Apr 2009
	iomer.com



	Table of Contents
	-----------------
		
	=clearfix
	=container
	=header
	=content body
	=main navigation
	=sub navigation
	=footer
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ul, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }
body {width:100%; text-align:center; background:#c0bd8e; margin:0; padding:0;}
p{padding-bottom:10px;}

/* ------------------------- =clearfix ---------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

:focus { outline: 0 none; }


/* ------------------------- =container --------------------------- */
#kmo_container{
	width:897px; 
	margin:auto;
	text-align:left; 
	border-left:5px solid #d3d1b0; 
	border-right:5px solid #d3d1b0; 
	background:#fff;
}


/* -------------------------- =header ----------------------------- */
#kmo_mastHead{background:url(../images/kmo_mastHead.png) 0 0 no-repeat; display:block; width:897px; height:151px;}
#kmo_mastHead p{display:block; text-align:right; padding:5px 30px; border-bottom: 1px solid #fdfbfa;}
.homeLink{display:block; width:300px; height:100px; float:left; margin-top:40px; margin-left:100px;}


/* ------------------------- =content body ------------------------ */
#kmo_contentBody{padding:10px 30px;}
#kmo_leftColumn{float:left; display:block; width:274px;}
#kmo_mainColumn{float:left; display:block; width:543px; margin-left:20px; line-height:1.6em;}

hr {margin: 1em 0; border: 0 none; border-top: 1px solid #633D03;}
hr.dotted {border-style:dotted;}

/* lists */
ol{padding-left:24px; margin-left: 1em;}
ul{padding-left:20px; margin-left: 1em;}

ul.kmo_noBullets {
    list-style: none;
    padding: 0;
}


/* breadcrumb */
#kmo_breadcrumb{padding-bottom:30px;}

/* welcome message */
#kmo_welcomeMsg{margin-bottom:30px;}

/* left column content boxes */
.leftColBoxHeader{	
	margin-bottom:0px;
	background:url(../images/kmo_sectionHeaderBkgd.png) 0 0 no-repeat; 
	display:block; 
	padding-top:20px;
	padding-left:20px;
	padding-bottom:14px;
}
.leftColBox,
.leftColBox_red {padding:15px 23px 23px 20px; margin-bottom:20px;}

.leftColBox {background:url(../images/kmo_leftCol_shadowBox.png) bottom;}
.leftColBox_red {background:url(../images/kmo_leftCol_shadowBox_red.png) bottom;}

.leftColBox table td { border: 0 none; padding: 2px 0; }
/* the check boxes for searching */
.leftColBox table td input { margin: 0 3px 0 0; padding: 0; }

.leftColBox .kmo_leftColTextField {
    width: 100%;
    margin: 2px 0;
    padding: 2px 0;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    color: #555;
}
	
/* highlight box */
.highlightBox{
	width:260px; 
	margin-right:10px;
	padding:10px 0px; 
	float:left; 
	border-top:8px solid #ecebdd; 
	border-bottom:8px solid #ecebdd;
	color:#633d03;
}


/* ------------------------ =main navigation ---------------------- */
span.kmo_navBottomBar{
	display:block; 
	height:8px; 
	background:#fff; 
	clear:both; 
	border:none;
}

/* RadMenu skin */
.RadMenu_kmo .rmHorizontal{list-style:none; display:block; margin:0; padding:0; border-top:2px solid #cecba7;}
.RadMenu_kmo .rmHorizontal .rmItem {display:block; float:left; height:40px; margin:0; padding:0;}
.RadMenu_kmo .rmHorizontal a.rmLink{
	display:block;
	padding:0;
	line-height:40px;
	height:40px;
	color:#633d03;
	text-decoration:none;
	font-size:12px;
	font-family:Georgia, Times, serif;
	text-transform:uppercase;
	border-right:1px solid #cecba7;
	border-left:1px solid #cecba7;
	text-indent:40px;
}
.RadMenu_kmo .rmHorizontal a.rmLink:link,
.RadMenu_kmo .rmHorizontal a.rmLink:visited{background:url(../images/kmo_navBkgd.png) 0 0 repeat-x;}

/* fixed width for ff text scaling */
.rmLink1{width:118px;}
.rmLink2{width:280px;}
.rmLink3{width:286px;}
.rmLink4{width:205px;}

/*.RadMenu_kmo .rmHorizontal a.rmLink1:link,
.RadMenu_kmo .rmHorizontal a.rmLink1:visited{background:url(../images/kmo_redNavBkgd.png) 0 0 repeat-x; color:#fff;}*/

/*.RadMenu_kmo .rmHorizontal a.rmLink:hover,
.RadMenu_kmo .rmHorizontal a.rmLink:active,
.RadMenu_kmo .rmHorizontal a.selectedItem:link,
.RadMenu_kmo .rmHorizontal a.selectedItem:visited,
.RadMenu_kmo .rmHorizontal a.selectedItem:hover,
.RadMenu_kmo .rmHorizontal a.selectedItem:active{background:url(../images/kmo_redNavBkgd.png) 0 0 repeat-x; color:#fff;}*/

.RadMenu_kmo .rmHorizontal a.rmLink1:hover,
.RadMenu_kmo .rmHorizontal a.rmLink1:active{background:url(../images/kmo_redNavBkgd.png) 0 0 repeat-x; color:#fff;}
.RadMenu_kmo .rmHorizontal a.rmLink2:hover,
.RadMenu_kmo .rmHorizontal a.rmLink2:active{background:url(../images/kmo_greenNavBkgd.png) 0 0 repeat-x; color:#fff;}
.RadMenu_kmo .rmHorizontal a.rmLink3:hover,
.RadMenu_kmo .rmHorizontal a.rmLink3:active{background:url(../images/kmo_blueNavBkgd.png) 0 0 repeat-x; color:#fff;}
.RadMenu_kmo .rmHorizontal a.rmLink4:hover,
.RadMenu_kmo .rmHorizontal a.rmLink4:active{background:url(../images/kmo_orangeNavBkgd.png) 0 0 repeat-x; color:#fff;}


/* ------------------------ =sub navigation ---------------------- */
/* RadPanelbar skin */
.RadPanelBar_kmo{font-size:12px;}
.RadPanelBar_kmo ul.rpRootGroup,
.RadPanelBar_kmo ul.rpGroup{list-style:none none none; margin:0; padding:0;}

.RadPanelBar_kmo li.rpItem{display:block; margin:0 0 1px; padding:0;}

.RadPanelBar_kmo a.rpLink{display:block; padding:5px;}

.RadPanelBar_kmo ul.rpRootGroup a.rpLink:link,
.RadPanelBar_kmo ul.rpRootGroup a.rpLink:visited{ text-decoration:none;}

.RadPanelBar_kmo ul.rpRootGroup a.rpLink:hover,
.RadPanelBar_kmo ul.rpRootGroup a.rpLink:active,
.RadPanelBar_kmo ul.rpLevel1 a.rpLink:hover,
.RadPanelBar_kmo ul.rpLevel1 a.rpLink:active,
.RadPanelBar_kmo ul.rpLevel2 a.rpLink:hover,
.RadPanelBar_kmo ul.rpLevel2 a.rpLink:active{background-color:#c0bd8e; color:#fff;}

.RadPanelBar_kmo ul.rpGroup a.rpLink{text-indent:1em; background-color: #F7F8E9;}

.RadPanelBar_kmo div.rpSlide { display: none; }

/* the following rule is a shortcut to not have to declare an override every level */
.RadPanelBar_kmo ul.rpRootGroup a.rpSelected,
.RadPanelBar_kmo ul.rpRootGroup a.rpExpanded {background-color:#c0bd8e; color:#fff;}

.RadPanelBar_kmo ul.rpGroup a.rpSelected{ background: #F7F8E9 url(../images/kmo_bullet.gif) 5px 50% no-repeat scroll; color: #BA4634; }


/* ------------------------ =footer ---------------------- */
#kmo_footer{
	background:#fff; 
	width:897px; 
	margin:auto;
	padding:30px 0px 10px; 
	display:block; 	
	border-left:5px solid #d3d1b0; 
	border-right:5px solid #d3d1b0;
	border-bottom:5px solid #d3d1b0;
	text-align:right;
}
#kmo_footer p{margin-right:30px;}

/* ------------------------ =table ---------------------- */
table { border-collapse:collapse; }
table thead { background-color: #CADEEA; }
table th {font-size:90%; text-transform:uppercase; font-weight:normal;color:#633D03; padding: 2px 5px;}
table td {border-bottom: 1px solid #DDCAB1; padding: 2px 5px 8px; vertical-align:top;}

/* ------------------------ =submit button ---------------------- */
/*
.kmo_searchButton {
	border: 0 none;
	margin: 0;
	padding: 0;
	width: 117px;
	height: 36px;
	/*background: transparent url(../images/kmo_searchButton.gif) 0 0 no-repeat scroll;
	text-indent: -9999px;
	cursor: pointer;
	}
*/

/* ------------------------ =up/down arrow for collapsing/expanding search result details ---------------------- */
.kmo_resultToggleLinkUp { padding-right: 13px; background: transparent url(../images/kmo_arrowUp.gif) 100% 55% no-repeat scroll; float:right;}
.kmo_resultToggleLinkDown { padding-right: 13px; background: transparent url(../images/kmo_arrowDown.gif) 100% 55% no-repeat scroll; float:right; }

/* ------------------------ =search results tabs ---------------------- */
ul.kmo_twoTabs {
	list-style: none;
	margin: 4px auto 10px;
	padding: 0;
	display: block;
	width: 98%;
	text-align: center;
}

ul.kmo_twoTabs li {
	display: inline-block;
	width:50%;
	padding: 0;
	float: left;
}

ul.kmo_twoTabs li a,
ul.kmo_twoTabs li a:link,
ul.kmo_twoTabs li a:visited {
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color:#633D03;
	font-family:Georgia,Times,serif;
	font-size:12px;

	display: block;
	margin: 0;
	padding: 5px 0;
	
	background-color: #ecebdd;

	border: 1px solid #ecebdd;
	border-bottom: 1px solid #C0BD8E;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-right-radius: 6px;
}

ul.kmo_twoTabs li.selected a {
	background: transparent url(../images/kmo_navBkgd.png) 0 0 repeat-x scroll;
	border: 1px solid #C0BD8E;
	border-bottom-color: #CECBA7;
	cursor: default;
}


ul.kmo_twoTabs li a:hover, ul.kmo_twoTabs li a:active {	background: #C0BD8E none; color: #fff; }

.kmo_resultWrapper { border-bottom: 1px dotted #C0BD8E; margin-bottom: 20px; padding-bottom: 5px; clear: both; }

.kmo_resultGroupHeader { padding-top: 3px; padding-bottom: 3px; border-top: 1px dotted #633D03; border-bottom: 1px dotted #633D03; margin-bottom: 15px; }


div.rgEditForm table
{
    width: 100%;
}

div.rgEditForm table .reWrapper
{
    width: 100% !important;
}

/*
    for the list items -- temp / perhaps extended
*/
#kmo_mainColumn .sf_expandedList {
    list-style: none;
    margin: 0;
}
#kmo_mainColumn .sf_expandedList li {
    margin-left: 0;
}

/* Custom news display for homepage */
#kmo_mainColumn ul.kmo_newsList {   
    list-style: none;
    margin: 0;
    padding: 0;
}
#kmo_mainColumn ul.kmo_newsList li {
    display: block;
    width: 48%;
    margin: 0 0 20px;
}
#kmo_mainColumn ul.kmo_newsList li.kmo_newsListItemLeft {
    float: left;
    clear: both;
}
#kmo_mainColumn ul.kmo_newsList li.kmo_newsListItemRight {
    float: right;
}
#kmo_mainColumn ul.kmo_newsList li.kmo_newsListRowbreak {
    clear:both;
    line-height: 1px;
    font-size: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    width:100%;
}
#kmo_mainColumn ol.kmo_libraryList {
    list-style: none;
    margin: 0;
    padding: 0;
}

#kmo_mainColumn ol.kmo_libraryList li  {
    margin: 0 0 20px;
}
#kmo_mainColumn ol.kmo_libraryList .kmo_fileExtension { text-transform: uppercase; font-size: 90%; }
#kmo_mainColumn ol.kmo_libraryList dd { margin: 4px 0; }

.kmo_inline { display: inline; }



/*
    Used for the Glossary list
*/

ul.kmo_expandableList {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}
ul.kmo_expandableList li {
    margin: 0 0 10px;
    padding: 0;
}
ul.kmo_expandableList h3.kmo_listItemTitle a,
ul.kmo_expandableList h3.kmo_listItemTitle a:link,
ul.kmo_expandableList h3.kmo_listItemTitle a:visited {
    color: #633d03;
    text-decoration: none;
}

ul.kmo_expandableList h3.kmo_listItemTitle a:hover,
ul.kmo_expandableList h3.kmo_listItemTitle a:active {
    color: #633d03;
    text-decoration: underline;
}

/* Used for the 'Ask an Expert' Forum list */

ul.kmo_expandedList {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

ul.kmo_expandedList h3.kmo_listItemTitle {
    margin-top: 15px;
}
ul.kmo_expandedList div.kmo_listItemBody {
    margin: 15px 0 0;
    padding:  0 0 15px;
    border-bottom:8px solid #633d03;
}

/* Used for the 'Resource Library' filter lists (by topic, by format) */

.leftColBox ul.kmo_mimicNav {
    margin-left: 0;
    padding-left: 0;
}

.leftColBox ul.kmo_mimicNav li {
    padding: 2px 0;
}
