/* CSS for MyKnowledgeMap content management website

basic layout */

body {
	font-size: 62.5%;
	margin: 0;
	background: #FFF;
	height: 100%; /* peekaboo fix */
	}

#allcontent {
	height: 100%; /* peekaboo fix */
	}

#center {
	clear: both;
	}

#search {
	background: #FFFFFF;
	padding: 10px;
	margin-top: 30px;
	float: right;
	}

#header {
	border-left: 0px solid #2B6165;
	border-right: 0px solid #014E84;
	border-top: 0px solid #2B6165;
	border-bottom: 0px solid #014E84;
	height: 92px;
	background: url(images/topbar.gif) top left repeat-x #1A70A3;
	}

#logo {
	float: left;
	background: url(images/logo2.gif);
	width: 201px;
	height: 92px;
	}

#strap {
	display: none;
	/*background: url(images/strap.gif) no-repeat;
	margin: 7px;
	height: 10px;
	width: 520px;
	padding: 3px;
	float: right;*/
	}

#leftcolumn {
	float: left;
	width: 202px;
	background: #FFF;
	border-right: 1px solid #134D77;
	border-bottom: 1px solid #134D77;
	border-top: 1px solid #265C82;
	padding-bottom: 10px;
	}

#rightcolumn {
	float: right;
	width: 202px;
	background: #FFF;
	border-left: 1px solid #134D77;
	border-bottom: 1px solid #134D77;
	border-top: 1px solid #265C82;
	padding-bottom: 10px;
	}

#contact, #userinfo, #login, #menu, #maintenance, #menu2, #news {
	margin-top: 20px;
	height: 100%; /* peekaboo fix*/
	margin-left: 5px;
	margin-right: 5px;
	}


#login_content, #news_content, #userinfo_content {
	padding: 5px;
	border-top: 1px solid #014E84;
	border-right: 1px solid #014E84;
	border-bottom: 1px solid #014E84;
	border-left: 1px solid #014E84;
	background: #1A70A3;
	}
	
#contact_content {
	padding: 5px;
	border-top: 1px solid #FBC432;
	border-right: 1px solid #FBC432;
	border-bottom: 1px solid #FBC432;
	border-left: 1px solid #FBC432;
	background: #FBC432;
	}

#menu_content, #menu2_content, #maintenance_content, #userinfo_content {
	padding: 5px;
	border-top: 1px solid #014E84;
	border-right: 1px solid #014E84;
	border-bottom: 1px solid #014E84;
	border-left: 1px solid #014E84;
	background: #218BCB;
	}

#login form {
	text-align: right;
	}	

#topmenu {
	width: 100%;
	display: block;
	}

#maincontent {
	display: block;
	border-top: 1px solid #265C82;
	margin-right: 203px;
	margin-left: 203px;
	}

#fck {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #004D84;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #FFFFFF;
	}

#news_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #004D84;
	}
	
#footer {
	clear: both;
	background: url(images/orangebar.gif) bottom left repeat-x #FFFFFF;
	border-top: 1px solid #2295D9;
	border-right: 0px solid #014E84;
	border-bottom: 0px solid #014E84;
	border-left: 0px solid #014E84;
	padding: 10px;
	height: 60px;
	}
	
#footer2 {
	display: none;
	/*padding: 3px;
	clear: both;
	background: #004146;
	border-top: 1px solid #2E6367;
	border-right: 1px solid #003236;
	border-bottom: 1px solid #003236;
	border-left: 1px solid #2E6367;*/
	}

.subsection {
	clear: both;
	}
	
.subsection span, .section span {
  background: #001372;
	border-top: 1px solid #0023C6;
	border-right: 1px solid #0023C6;
	border-bottom: 1px solid #0023C6;
	float: left;
	padding: 3px 30px 3px 30px;
	display: block;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	}
	
/* partners layout */
	
/* text styles */

#fck pre {
	margin-left: 20px;
	margin-right: 20px;
	}

#fck p {
	margin-left: 20px;
	margin-right: 20px;
	}
	
#fck fieldset {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px;
	}

.header {
	font-size: 1em;
	line-height: 1.5em;
	padding-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
	background: url(images/orangebar.gif) bottom left repeat-x #1A70A3;
	display: block;
	border: none;
	text-decoration: none;
	}
	
#contact .header {
	font-size: 1em;
	line-height: 1.5em;
	padding-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #000000;
	background: url(images/orangebar.gif) bottom left repeat-x #FBC432 !important;
	border: none;
	text-decoration: none;
	display: block;
	}	
	
#menu p, #menu2 p, #news p, #contact p, #maintenance p {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #004D84;
	}

#login p, #userinfo p, .text{
	text-align: center;
	font-size: 1em;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}

#topmenu p {
	display: block;
	text-transform: uppercase;
	padding-right: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	}

#footer2 p {
	display: inline;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #004D84;
	margin-left: 30px;
	}
	
h1, h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1em;
	color: #FFFFFF;
	background: #1A6D9F;
	padding: 2px 10px 2px 10px;
	display: block;
	border-top: 1px solid #20A0FF;
	border-bottom: 1px solid #004D84;
	text-decoration: none;
	}

h3 {
	letter-spacing: 0.2em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1em;
	color: #FFFFFF;
	background: #1A6D9F;
	padding: 2px 10px 2px 60px;
	display: block;
	border-top: 1px solid #20A0FF;
	border-bottom: 1px solid #004D84;
	text-decoration: none;
	}
	
h4, h5, h6 {
	letter-spacing: 0.2em;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1em;
	color: #FFFFFF;
	background: #1A6D9F;
	padding: 2px 10px 2px 110px;
	display: block;
	border-top: 1px solid #20A0FF;
	border-bottom: 1px solid #004D84;
	text-decoration: none;
	}

#strap p, #logo h1 {
	display: none;
	}

#search p {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	display: inline;
	color: #6AB9E8;
	}

/* link styles */

#footer2 a {
	color: #004D84;
	}
	
.section a:link, .section a:visited {
	white-space: nowrap;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	color: #FFFFFF;
	background: #107DFE;
	padding: 0.3em 2em 0.3em 2em;
	border-top: 1px solid #20A0FF;
	border-right: 1px solid #014E84;
	border-bottom: 1px solid #014E84;
	text-decoration: none;
	}
	
.subsection a:link,  .subsection a:visited {
	white-space: nowrap;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	color: #6AB9E8;
	background: #004D84;
	padding: 0.3em 2em 0.3em 2em;
	border-top: 1px solid #2E6D9A;
	border-right: 1px solid #003B65;
	border-bottom: 1px solid #003B65;
	text-decoration: none;
	}

.section a:hover,  .section a:active, .section a.current:link, .section a.current:visited, .subsection a:hover, .subsection a:active, .subsection a.current:link, .subsection a.current:visited {
	white-space: nowrap;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	color: #004D84;
	background: #56AFE4;
	padding: 0.3em 2em 0.3em 2em;
	border-top: 1px solid #74BDE9;
	border-right: 1px solid #4287AF;
	border-bottom: 1px solid #4287AF;
	text-decoration: none;
	}
	
#menu a:link, #menu a:visited, #menu2 a:link, #menu2 a:visited, #userinfo a.lo:link, #userinfo a.lo:visited, #maintenance a:link, #maintenance a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #1A70A3;
	padding: 10px 10px 10px 10px;
	margin-top: 3px;
	margin-bottom: 3px;
	display: block;
	width: 158px; /* width added to keep the whole area active in IE */
	border-top: 1px solid #20A0FF;
	border-right: 1px solid #004D84;
	border-bottom: 1px solid #004D84;
	border-left: 1px solid #20A0FF;
	text-decoration: none;
	}

#menu a:hover, #menu a:active, #menu2 a:hover, #menu2 a:active, #userinfo a.lo:hover, #userinfo a.lo:active, #userinfo a.current:link, #userinfo a.current:visited, #menu2 a.current:link, #menu2 a.current:visited, #menu a.current:link, #menu a.current:visited, #maintenance a:hover, #maintenance a:active, #maintenance a.lo:hover, #maintenance a.lo:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	text-transform: uppercase;
	color: #004D84;
	background: #56AFE4;
	padding: 10px 10px 10px 10px;
	margin-top: 3px;
	margin-bottom: 3px;
	display: block;
	border-left: 1px solid #74BDE9;
	border-top: 1px solid #74BDE9;
	border-right: 1px solid #4287AF;
	border-bottom: 1px solid #4287AF;
	text-decoration: none;
	}

.inline a:link, .inline a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #1A70A3;
	padding: 10px 10px 10px 10px;
	display: block;
	border-top: 1px solid #20A0FF;
	border-right: 1px solid #004D84;
	border-bottom: 1px solid #004D84;
	border-left: 1px solid #20A0FF;
	text-decoration: none;
	}

.inline a:hover, .inline a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #56AFE4; 
	padding: 10px 10px 10px 10px;
	display: block;
	border-left: 1px solid #74BDE9;
	border-top: 1px solid #74BDE9;
	border-right: 1px solid #4287AF;
	border-bottom: 1px solid #4287AF;
	text-decoration: none;
	}

a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #004D84;
	}
	
a:active, a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background: #004D84;
	}

#login a:link, #login a:visited {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}
	
#login a:active, #login a:hover {
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	background: #004D84;
	color: #FFFFFF;
	text-decoration: none;
	}

/* applied style for the content background in the right hand column */
		
.rhs_bg {
	background: #FFFFFF;
	border-top: 1px solid #C5C5C5;
	border-left: 1px solid #C5C5C5;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
	}

/* applied style for form buttons */

.form_buttons {
	margin: 2px;
	font-size: 1em;
	background: #004D84;
	border-top: 1px solid #2E6D9A;
	border-right: 1px solid #003B65;
	border-bottom: 1px solid #003B65;
	border-left: 1px solid #2E6D9A;
	padding: 2px;
	text-decoration: none;
	color: #6AB9E8;
	text-transform: uppercase;
	}

/* misc */

#news_content img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-left: 1px solid #767676;
	border-top: 1px solid #767676;
	border-right: 1px solid #ADADAD;
	border-bottom: 1px solid #ADADAD;
	}
	
img, table img {
	border: 0;
	}

form {
	display: inline;
	}
	
ul li {
	list-style: square;
	}
	
/* news room */

.newsstory, .whoarewe, .partner, .resource, .border {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	border-top: 1px solid #014E84;
	border-right: 1px solid #56AFE4;
	border-bottom: 1px solid #56AFE4;
	border-left: 1px solid #014E84;
	}
	
.newsstory img {
	border: 1px solid #CCCCCC;
	}
	
.message {
	margin-left: 20px;
	margin-right: 20px;
	}
	
/*#maincontent*/ table {
	margin-left: auto;
	margin-right: auto;
	background: #1A70A3;
	border-top: 1px solid #56AFE4;
	border-right: 1px solid #014E84;
	border-bottom: 1px solid #014E84;
	border-left: 1px solid #56AFE4;
	}

/*#maincontent*/ th {
	padding: 10px;
	color: #FFFFFF;
	}
	
/*#maincontent*/ td {
	border-top: 1px solid #C5C5C5;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #C5C5C5;
	padding: 10px;
	background: #FFFFFF;
	}
	
.weekend {
	border-top: 1px solid #A8B8B9 !important;
	border-right: 1px solid #E1F1F2 !important;
	border-bottom: 1px solid #E1F1F2 !important;
	border-left: 1px solid #A8B8B9 !important;
	background: #DAEEEF !important;
	}
	
.forum_entry {
	margin-top: 10px;
	border: 1px solid #56AFE4;
	margin-left: 20px;
	margin-right: 20px;
	}

#diary_nav {
	text-align: center;
	}
	
.quote {
	float: right;
	padding: 10px;
	}
	
#forum {
	}
	
legend {
	font-weight: bold;
	}

#fckeditor {
	margin-left: 20px;
	}
	
/*inflow specific additions */
	
#footer img {
	display: none;
	}
	
.img_right {
	text-align: right;
	padding: 8px;
	}

table.calendarsmall tbody tr td {
  padding: 3px;
  text-align: center;
}

table.calendarbig tbody tr td {
  padding: 6px;
  text-align: center;
}

table tbody tr td.event {
  background-color: #FEE9B1;
}

p.calCaption {
  position: relative;
  display: block;
  text-align: center;
}