/*#######################################################
 -------------------------------------------------------------------------------------------------------------
	CIVICVIEW SKIN
	This stylesheet contains global styles for the civicview skin set
  -------------------------------------------------------------------------------------------------------------
#######################################################*/

/*#######################################################
	STRUCTURAL CSS
	These relate to the structure of the page and should not contain design rules. 
	The Structural CSS should always reside in the portal skins's own css file to avoid 
	inheritance issues
#######################################################*/ 
/*#######################################################
 -------------------------------------------------------------------------------------------------------------
	DEFAULT SKIN
	This stylesheet contains styles specific to the Default Skin (e.g. Layout & skin.css overrides)
	Global Styles are contained in skin.css
 -------------------------------------------------------------------------------------------------------------	
#######################################################*/

/*#######################################################
	STRUCTURAL CSS
	These relate to the structure of the page and should not contain design rules. 
#######################################################*/ 
/*
BODY
*/
	body {
		margin: 0 5% 10px 5%;
		min-width: 1000px;
	}
/*
PAGE BODY
*/
	div#pageBody {
		margin: 0;
		padding: 0;
	}
/*
CONTENT BODY
*/		
	div#contentBody {}
/*
HEADER
*/
	div#header { 
		float: left;
		clear: both;
		padding: 0;
		margin: 0;
		width: 100%;
	}
/* 
TOP PANE
*/
	div.topPane {	
		clear: both;
		margin: 0px;
		padding: 0px;
	}

/* 
SIDE COLUMN
*/
	div#sideColumn { 
		float: right;
		width: 250px;
		margin: 0;
		padding: 0;
	}

	div#sideColumn.threeColumn {
		width: 550px;
	}
	
	/* 
RIGHT PANE
*/	
	div#sideColumn div.rightPane {}
	div#sideColumn.threeColumn div.rightPane {
		float: left;
		width: 240px;
	}
/* 
LEFT PANE
*/		
	div#sideColumn div.leftPane {}
	div#sideColumn.threeColumn div.leftPane {
		float: left;
		width: 300px;
	}
/* 
CONTENT COLUMN
*/
	div#contentColumn { 
		margin: 0 250px 0 0;
	}
	
	div#contentColumn.threeColumn  { 
		margin: 0 550px 0 0;
	}
/* 
BOTTOM PANE
*/
	div.bottomPane {
		margin: 0px;
		clear: both;
	}
/* 
FOOTER
*/	
	div#footer {
		margin: 0 0 10px 0;
	}

/*#######################################################
	DESIGN CSS
	These control the design of the site and its modules
#######################################################*/ 
	


/*#######################################################
	DESIGN CSS
	These control the design of the site and its modules
#######################################################*/ 
body {
	font-family: Arial, Sans-serif;
	color: #4D4D4D;
	background: #d1d9e6;
}

/* SET FONT SIZE */
body, table { font-size: 10pt; line-height: 1.3em; }

/* HEADINGS */
H1, H2, H3, H4, H5, H6 { font-family: Arial, Sans-Serif; font-weight: bold; color: #333333; }

H6 {
	background: #434343;
	padding: 4px 5px;
	color: white;
	margin: 0 0 5px 0;
}

form {
	margin: 0;
	}

div#pageBody {
	background-color: #ffffff;
}
	
div#contentBody {}

div#siteOptions {
	border-bottom: 3px solid #D5D7DB;
}

/*############################
		CONTROL PANEL
############################*/

	table.ControlPanel {
		border: 1px solid #616878;
		margin: 0;
		padding: 0;	
	}
	
	table.ControlPanel table {
		border: 0;
	}

	table.ControlPanel td {
		font-size: 1em;
	}

	table.ControlPanel select {
		font-size: 1em;
	}

	table.ControlPanel a {
		font-size: 1em;
	}

	table.ControlPanel .subHead {
		font-weight: bold;
	}

/*############################
		HEADER
############################*/

div#header { 
}
	
	div#header h1#title { display: none; }
		div#header h1#title a {}
		div#header h1#title a img { display: none; }


/*############################
		PAGE BANNER
############################*/ 

div#pageBanner {
	width: 100%;
	clear: both;
	height: 120px;
	background: transparent;
	background: #35373a url("images/pageBanner_home.jpg") no-repeat top left;
	margin: 0 0 0 0;
}			
	div.banner {
		height: 140px;
		background: transparent url("images/pageBanner_logo.png") no-repeat top left ;
	}
	
/*############################
		SIDE COLUMN
############################*/

div#sideColumn { }

/*############################
		TOP PANE
############################*/

	div.topPane {	}		
	
	div.topPane div.container div.content {	
		margin: 0;
		padding: 0;
	}	
	
/*############################
		SEARCH BOX
############################*/
		
div#search {
	float: right;
	clear: both;
	margin: 10px;
	padding: 5px 0 5px 5px;
	width: 200px;
	/*background: transparent url("images/searchBox_bg.png") no-repeat top left;*/
}

div#search a {
	margin: 0;
	height:	18px;
	padding: 2px 5px;
	font-size: .8em;
	font-weight: bold;
	color: #F5F8FF;
}

div#search a:hover {	text-decoration: none; }

div#search input {
	margin: 0;
	width: 100px;
	font-size: .8em;
	color: #333;
	/*background: #ECDDD0;
	border: 1px inset #FF7800;*/
}

/*############################
		LANGUAGES
############################*/

#languages {
	margin: 10px 15px 0 0;
	float: right;
	clear: both;
	font-size: 0;
}
	#languages a { margin: 0; padding: 0 3px;}
	#languages a img{ margin: 0;}
		
/*############################
		CONTENT COLUMN
############################*/

div#contentColumn { }

	div#contentBody {
		margin: 0;
		padding: 0;
	}

		div#contentBlock {}
			div#contentBody div.contentPane {}

/*############################
		BOTTOM PANE
############################*/

	div.bottomPane {	}

	div.bottomPane div.container div,	
	div.bottomPane div.content  div {	
		margin: 0;
		padding: 0;
	}
			
/*############################
		FOOTER
############################*/
	
	div#footer {
		text-align: center;		
		border-top: 3px solid #35373a;
		background: #d1d9e6;
	}	
	div#footer a {}
	
/*############################
		ANCHORS
############################*/

a { color: #2860DD;}
a:link { color: #2860DD;}
a:visited { color: #546791; }
a:active { color: #2860DD; }
a:hover { color: #2860DD;}

/* LEARN MORE LINKS */
a.learnMoreLink { 
	font-weight: bold; 
	font-size: 1em; 
	padding: .2em;
	color: #f7b207;
}
a.learnMoreLink :link {}
a.learnMoreLink:visited {}
a.learnMoreLink:active {}
a.learnMoreLink:hover {}


/*############################
		CONTAINER
############################*/

div.container {
	margin: 15px;
	clear: left;
}

div#sideColumn div.container {
}

div.container .con_header {
	margin: 0 0 .5em 0;
	font-size: 1em;
	color: #333333;
}
div.container .con_header .con_title{ font-weight: bold; font-size: 1.1em; }
div.container h2.con_header .con_title { font-size: 1.6em; }
div.container h3.con_header .con_title { font-size: 1.3em; }
div.container h4.con_header .con_title { font-size: 1.1em; }

div.container .con_header span.icon {
	font-size: 8pt;
	white-space: nowrap;
}

div.container div.content {
	margin: 0 10px 0px 10px;
}

	div.container .SubHead { 
		font-size: 1em;
		font-weight: bold;
	}

		div.container .Head a,
		div.container .SubHead a { }

/*
FLOAT CONTAINER
*/

div.clearFloat {
	clear: left;
	width: 85%;
	margin: 0;
	padding: 0;
	margin-left: 1%;
	margin-right: 1%;	
	height: 1px;
}

	div.clearFloat .content {
	
	}

div.containerFloat {
	float: left;
	clear: none;
	width: 30%;
	margin: 10px 1%;
}

div.container2ColumnFloat {
	float: left;
	clear: none;
	width: 47%;
	margin: 10px 1%;
}

div.container3ColumnFloat {
	float: left;
	clear: none;
	width: 30%;
	margin: 10px 1%;
	padding: 0;
}

div.container3ColumnFloat .content {
	background: url("images/common/gradient_ns_large.png") repeat-x top left;
	border-top: 2px solid #434343;
	}

div.container4ColumnFloat {
	float: left;
	clear: none;
	width: 23%;
	margin: 10px 1%;
}


div.container2ColumnFloat div.con_header,
div.container3ColumnFloat div.con_header,
div.container4ColumnFloat div.con_header,
div.containerFloat div.con_header,
div.clearFloat div.con_header{
padding: 0;
margin: 0;	
}

	
/*############################
		LOGIN
############################*/

div#login {
	float: right;
	margin: 0;
	padding: 0;	
	white-space: nowrap;
	
}

div#login a {
		display: block;
		float: left;
		margin: 0;
		padding: .3em 1em;   
		font-weight: bold;
		font-size: .9em;
		white-space: nowrap; 
		border-left: 1px dotted #ADADAD;
		color: #333333;
		text-decoration: none;
}

div#login a:hover {
	text-decoration: underline;
	color: #f7b207;
}
/*
#dnn_dnnLOGIN_cmdLogin { background: transparent url("images/icons/loginLogout.png") no-repeat 2px 50%; }
#dnn_dnnUSER_cmdRegister { background:transparent  url("images/icons/user.png") no-repeat 2px 50%; }
*/
/*############################
		BreadCrumbs
############################*/

#breadcrumbs {
	padding: 5px 13px;
	clear: both;
	font-size: .8em;
	white-space: nowrap;
}

	#breadcrumbs span {
		white-space: nowrap;
	}

	#breadcrumbs a {
		color: #bbb;
		line-height: 20px;
		white-space: nowrap;
	}
		#breadcrumbs a:hover { text-decoration: underline; }

/*############################
		Navigation
############################*/

div#navigation {
	float: left;
	margin: 0 0 0 0;
	font-size: .9em;
}

	.main_dnnmenu_container {
		background-color: transparent; 
	}
	.main_dnnmenu_bar {
		cursor: pointer; 
		cursor: hand;
	}

	.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
		cursor: pointer; 
		cursor: hand; 
		white-space: nowrap; 
		padding: 5px;
		background: transparent;
		color: #333333;
		height: inherit;
		font-size: inherit;
		line-height: inherit;
		font-weight: bold;
	}

	.main_dnnmenu_rootitem { /*TD if menu option for using tables is on*/
		display: block;
		float: left;
		margin: 0;
		padding: .3em 1em;  
		cursor: hand; 
		text-align: center;
		font-weight: bold;
		white-space: nowrap;    
		border-right: 1px dotted #ADADAD;		
	}

	.main_dnnmenu_rootitem img {
		display: none;
	}

	.main_dnnmenu_itemhover {  
		text-decoration: underline;
		color: #f7b207; 
	}

	.main_dnnmenu_itemhover td {}

	.main_dnnmenu_icon {
		cursor: pointer; 
		cursor: hand; 
		text-align: center; 
		height: 100%;
	}

	.main_dnnmenu_submenu {
		background: #ddd;
		border: 1px dotted #ADADAD;		
		z-index: 5000; 
		cursor: pointer; 
		cursor: hand; 
		padding: 2px;  
		margin: -2px 0;
	}
		
	.main_dnnmenu_break {
		height: 1px;
		font-size: 0;
	}

	.main_dnnmenu_arrow {
		border-right: #cad5ea 1px solid; 
		border-bottom: #cad5ea 1px solid; 
		border-top: #cad5ea 0px solid;
		font-family: webdings; 
		font-size: .9em; 
		cursor: pointer; 
		cursor: hand; 
	}
	.main_dnnmenu_rootmenuarrow  {
		font-size: .9em; 
		cursor: pointer; 
		cursor: hand;
	}

/*############################
		FORMS
############################*/

.StandardButton {
	padding: .75em 1.5em;
	margin: .5em 0;
	text-transform: lowercase;
	font-weight: bold;
	font-size: .8em;
	text-align: center;
	background: #cbcfd4;
}

a.StandardButton {
	color: white;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	text-decoration: none;
} 

input.NormalTextBox {
	margin: 0;
	width: 140px;
	padding: 2px;
	color: #26364D;
	font-size: .9em;
	border: 1px solid #26364D;
}

textarea.NormalTextBox {
	height: 10em;
	color: #26364D;
	font-size: .9em;
	border: 1px solid #26364D;	
}


/*############################
		Repository
############################*/

/* PAGE NAV */
	.repositoryPageNav {
		margin: 2px 0 5px 0;
		padding: 2px 0;
		font-size: .9em;
	}
		.repositoryPageNav .previous { 
			text-transform: lowercase;
			font-weight: bold;
		}
		.repositoryPageNav .current { 
			text-transform: lowercase;
		}
		.repositoryPageNav .next { 
			text-transform: lowercase;
			font-weight: bold;
		}

/* HEADER */
.repositoryHeader { 
	margin: 10px 0;
	padding: 5px 0;
	background: #f2f2f2;
	border-top: 1px dotted #ADADAD;
	float: left;
	clear: both;
	width: 100%;
}

	.repositoryHeader .actions {	margin: 5px 10px; }
	.repositoryHeader .actions input { 
		padding: 6px 4px 6px 22px;
		margin: 0 5px 0 0;
		border-width: 1px;
		background: #D9E3F4 no-repeat 4px 50%;
		color: #2E3542;
		font-size: 1em;
		cursor: pointer;
		font-weight: normal;
		text-align: left;
	}
	.repositoryHeader .actions input:hover { text-decoration: underline; }
	.repositoryHeader .actions input.uploadButton { background-image: url("images/icons/upload.png"); }
	.repositoryHeader .actions input.moderateButton { background-image: url("images/icons/settings.png"); }

	.repositoryItemNav { 
		margin: 10px 5px;
		font-size: .9em;
		clear: both;
		float: left;
		width: 100%;
	}
		.repositoryItemNav .title { 
			margin-right: 4px;
			font-weight: bold;
			color: #27282b;
		}
	
		.repositoryItemNav span {
			margin: 5px;
			white-space: nowrap;
		}
		
		.repositoryItemNav select {
			font-size: .9em;
		}
		
		.repositoryItemNav .searchForm .searchButton { padding: 0; font-size: .9em; margin:0;}
	
	
/* ITEM */
.repositoryItem {
	margin: 1em 0 .5em 0;
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #ADADAD;
}
	.repositoryItem .heading {}
	.repositoryItem .heading .edit {}
	.repositoryItem .heading .icon {}
	.repositoryItem .heading .title {
		font-weight: bold;
		font-size: 1.2em;
	}
	
	.repositoryItem .body { font-size: .9em; }
	.repositoryItem .body .thumbnail {
		float: left;
		margin: 0 3px 1px 0;
	}
	.repositoryItem .body .description {}
	.repositoryItem .body .info { 
		font-size: .9em;
	}
	
		.repositoryItem .body .info .infoLabel {
			font-weight: bold;
		}
		.repositoryItem .body .info .infoText {
			margin-right: 1em;
		}

/* ARTICLE */
.repositoryItemArticle{
	margin: 1em 0 .5em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px dotted #ADADAD;
}
	
	.repositoryItemArticle .logo {
		float: left;
		margin: 0 3px 1px 0;
		width: 150px;
	}
	.repositoryItemArticle .body { 
		font-size: 1em;
		margin: 0 0 0 170px;
	}
		
		/* HEADING */
		.repositoryItemArticle .heading {
			margin: .5em 0;
		}
		
		/* ARTICLE */
		.repositoryItemArticle .body .article {
			margin: 1em 0;
			padding: .5em 1em;
			background: #f2f2f2;
			border: 1px solid #d9d9d9;
		}
		
		/* INFO */
		.repositoryItemArticle .body .info { 
			font-size: .9em;
		}
		
			.repositoryItemArticle .body .info .infoLabel { font-weight: bold; }
			.repositoryItemArticle .body .info .infoText { margin-right: 1em; }

		/* ACTIONS */
		.repositoryItemArticle .actions {
			font-weight: bold;
			margin: 1em 0;
		}
		
			.repositoryItemArticle .actions .toggleOn,
			.repositoryItemArticle .actions .toggleOff {
				padding: 6px 0 6px 20px;
				background: transparent no-repeat 0 50%;
				margin-right: 1em;
				cursor: pointer;
				text-decoration: underline;
			}
			
				.repositoryItemArticle .actions .toggleOn { background-image: url("images/icons/close.png"); }
				.repositoryItemArticle .actions .toggleOff { background-image: url("images/icons/view.png"); }
	
			.repositoryItemArticle .actions .download a { 
				padding: 6px 0 6px 20px;
				background: transparent url("images/icons/download.png") no-repeat 0 50%;
				margin-right: 1em;

			}

				.repositoryItemArticle .actions .download .filesize { 
					font-weight: normal;
					font-size: .9em;
				}

/* STATS */
	.repositoryItem .actions {
		height: 24px;
		line-height: 24px;
		font-size: .9em;
		font-weight: bold;
		text-align: right;
	}
		.repositoryItem .actions .ratings { 
			padding: 6px 0 6px 26px;
			background: transparent url("images/icons/rating.png") no-repeat 0 50%;
			margin-right: 1em;	
		}		
		.repositoryItem .actions .comments { 
			padding: 6px 0 6px 26px;
			background: transparent url("images/icons/comments.png") no-repeat 0 50%;
			margin-right: 1em;	
		}
		.repositoryItem .actions .download { 
			padding: 6px 0 6px 26px;
			background: transparent url("images/icons/download.png") no-repeat 0 50%;
			margin-right: 1em;
		}
	
		.repositoryRatings {
			margin: 5px 0;
			padding: 2px 5px;
			text-align: left;
			background: #E5EDFF;
		}		
			.repositoryRatings .heading { margin: 5px 0; }
			.repositoryRatings .heading .normal {
				font-weight: bold;
			}
			.repositoryRatings .stats {
				margin: 5px 10px;
				font-weight: normal;
			}			
			
			.repositoryRatings .addRating {
				margin: 5px 10px;
			}
			.repositoryRatings .radioButtons { 
				display: inline;
				font-size: .8em;
			}
			.repositoryRatings .radioButtons td { 
				vertical-align: top;
				text-align: center;
			}
			.repositoryRatings .radioButtons input { 
				display: block;
				margin: 0;
				padding: 0;
			}
			.repositoryRatings .radioButtons label {
				display: block;
				text-align: center;
			}
			.repositoryRatings .postButton {
				vertical-align: top;
				margin: 5px;
			}
			
		.repositoryComments {
			margin: 5px 0;
			padding: 2px 5px;
			text-align: left;
			background: #E5EDFF;			
		}
			.repositoryComments .heading { margin: 5px 0; }
			.repositoryComments .heading .normal {
				font-weight: bold;
			}
			.repositoryComments .addComment .usernameInput { display: none; }
			.repositoryComments .addComment .textbox { 
				margin: 5px;
				height: 4em;
				border-width: 1px;
			}
			.repositoryComments .addComment .postButton { 
				vertical-align: top; margin: 5px;
			}
			.repositoryComments .grid,
			.repositoryComments .addComment {
				margin-left: 10px;
				font-size: .9em;
			}
			.repositoryComments .grid .info { 
				font-size: .8em; 
				font-weight: bold;
			}
			.repositoryComments .grid .comment { margin: 0; }
			
			.dashboardCategories,
			.dashboardAuthors,
			.dashboardIndex {
				margin: 0;
				font-size: .9em;
				font-weight: normal;
			}
				.dashboardCategories .count, 
				.dashboardAuthors .count,
				.dashboardIndex .count { 
				}
			
			.dashboardList {
				margin: 1px 0;
				font-size: .9em;
			}
			
				.dashboardList .date,
				.dashboardList .count, 
				.dashboardList .rating { 
					margin-right: 2px;
					font-weight: bold;
					font-size: .9em;
				}
				.dashboardList .filename {}
			
			
			.dashboardTable .dashboardHeader {
				display: none;
			}
			
/*############################
		Registration Form
############################*/

.usersTable {
	margin: 10px;
}

.usersTable table {
	text-align: left;
}

	table.usersTable  td.SubHead ,
	table.usersTable  span.SubHead {
		font-size: .9em;
		color: #26364D;
		font-weight: normal;
	}

	.usersTable  label img { 
		display: inline;
		vertical-align: bottom;
		margin-bottom: 1px;
	}
	
	.usersTable .NormalRed {
		font-size: .8em;
	}	
	
	.usersTable span.userHead {
		display: none;
	}	

.usersSectionHeader{
	font-size: 1.1em;
	font-weight: bold;
	margin: 20px 0 3px 0;
}


.usersHelp span.Normal {
	display: block;
	font-size: .8em;
	margin: 10px;
}

#dnn_ctr_ManageUsers_User_UserEditor {
	text-align: left;
}

#dnn_ctr_ManageUsers_User_UserEditor table{
	text-align: left;
}

/* USER PROFILE */

.usersProfileTable {}
.usersProfileProperties {}

.usersProfileProperties table {
	text-align: left;
}
	.usersProfileProperties .sectionHeader {
		display: block;
		margin: 20px 0 10px 0;
		padding: 5px 0 0 0;
		font-size: 1em;
		font-weight: bold;
		border-top: 1px dotted #ADADAD;
		text-align: left;
	}
	.usersProfileProperties hr { 
		display: none;
	}	
	
	.usersProfileProperties .fieldLabel {
		color: #26364D;
		font-size: .9em;
	}
	
	.usersProfileProperties  div img { display: none;}
	.usersProfileProperties  table div img { 
		display: inline;
		vertical-align: bottom;
		margin-bottom: 1px;
	}

	.usersProfileProperties .NormalRed {
		font-size: .8em;
	}

	
	.usersTable  input,
	.usersProfileProperties input {
		color: #26364D;
		font-size: .9em;
		border: 1px solid #26364D;
	}
	

			
/*############################
		Banners
############################*/	

.bannerTable td { 
	vertical-align: top;
	width: 33%;
}

.bannerBlock {}

.bannerBlock br { display: none; }

.bannerBlock a.NormalRed { display: none;}

.bannerBlock a.NormalBold {
	display: block;
	padding: 3px 10px;
	text-decoration: none;
	background: #333333;
	border-top: 3px solid #333333;
}
.bannerBlock a.NormalBold:link {	color: #fff; }
.bannerBlock a.NormalBold:hover { text-decoration: underline; color: #FF7A00; }

.bannerBlock a.NormalBold  u { text-decoration: none; }

p.bannerText {
	margin: 0;
	padding: 70px 10px 10px 10px;
	font-size: .9em;
	line-height: 1.6em;
	color: #333333;
	background:#E6EAF2 url("/portals/libero/adBanners/adUserGroup.jpg") no-repeat 50% 0%;
	border-bottom: 3px solid #333333;
}

p.adBlog { background-image: url("/portals/libero/adBanners/adBlog.jpg"); }
p.adCrystalReports { background-image: url("/portals/libero/adBanners/adCrystalReports.jpg"); }
p.adKnowledgeBase { background-image: url("/portals/libero/adBanners/adKnowledgeBase.jpg"); }
p.adForums { background-image: url("/portals/libero/adBanners/adForums.jpg"); }
p.adUserGroup { background-image: url("/portals/libero/adBanners/adUserGroup.jpg"); }

p.bannerText a.reglink {
	margin: 10px 0 0 0;
	display: block;
	text-decoration: underline;
	font-weight: bold;
}

/*############################
		IFRAME
############################*/	

iframe.contentIFrame { height: 1500px; }


/*############################
	LIBERO ADVERTISING CONTAINER
############################*/	

td#liberoAdContainer {
	height: 100px;
}

/*############################
	LINK Lists
############################*/	

.linksTable {}
	.linksTable .linksLink {
		margin: .25em 0;
	}
	
	.linksTable .linksLink a{}

.linkList {}

/*############################
	NEWS RSS
############################*/	

.rssFeed {
	font-size: .9em;
}
	.rssItem { margin: .2em 0;}
		.rssItem .rssLink  {
			font-weight: bold;
		}
		.rssItem .date {
			font-size:0.9em;
			font-weight:bold;
			margin-right:2px;		
		}
		 
	.rssNewsItem { margin: .6em 0;}
		.rssNewsItem .rssLink { font-weight: bold; }
		.rssNewsItem .date {
			font-size: .9em;
		}
		
		.rssNewsItem .date { display: block; }
		.rssNewsItem .dash1 { display: none; }
		
		.contentPane .rssNewsItem .rssLink { display: block; font-size: 1.1em;}
		.contentPane .rssNewsItem .dash2 { display: none; }

/*############################
	Search Results
############################*/	

.searchResults {}

.searchResults td { vertical-align: top; }

	.searchResult { margin: .5em 0;}

	.searchResult .title { text-decoration: underline; }
	.searchResult .summary { font-size: .9em; }
	.searchResult .url { font-size: .8em; color; #666; }
		
.searchResults  .pageNumbers td { 
	padding-top: .5em;
	border-top: 1px dotted #ADADAD;
	text-align: center; 
}

.searchResults  .pageNumbers td a, 
.searchResults  .pageNumbers td span {
	padding: .2em;
	font-weight: bold;
 }

 .searchResults  .pageNumbers td a { text-decoration: underline; } 

 /*############################
		BANNERS
############################*/

.bannerTable {
	width: 100%;
}

/*
IMAGE BLOCK
*/
 	.bannerImageBlock {
		margin: 1em 2%;
		height: 200px;
		background: transparent no-repeat 50% 50%;
		border: 1px solid #000;
	}
		
		.bannerImageBlock a {
			display: block;
			height: 180px;
			margin: 0;
			padding: 0;
			padding-top: 20px;
			font-size: 1.1em;
			letter-spacing: .06em;
			text-decoration: none;
			background: transparent url("images/common/transparency_black_20.png") repeat top left;
			
		}
		
		.bannerImageBlock a:hover {
			text-decoration: none;
			background-image: none;
		}
		
			.bannerImageBlock a strong {
				display: block;
				font-weight: normal;
				margin: 0 20px;
				padding: .5em .5em;
				color: #FFC20E;
				background: transparent url("images/common/transparency_black_90.png");
				border-bottom: 3px solid #111;
			}
			
			.bannerImageBlock a:hover strong {
				color: #FFC20E;
				border-bottom: 3px solid #FFC20E;
			}
		
		.bannerImageBlock a span{
			display: block;
			margin: 1em 2em;
			font-size: .8em;
			padding: .5em;
			color: #fff;
			letter-spacing: 0;
			background: transparent url("images/common/transparency_black_70.png");
		}
		
		#bannerImageBlock_government { background-image: url("/portals/civicview/banners/bannerImageBlock_industries_government.jpg"); background-position: 0% 50% ; }
		#bannerImageBlock_corporate { background-image: url("/portals/civicview/banners/bannerImageBlock_industries_corporate.jpg"); background-position: 100% 0%; }
		#bannerImageBlock_healthcare { background-image: url("/portals/civicview/banners/bannerImageBlock_industries_healthcare.jpg");  background-position: 50% 50%; }
 
/*
TEXT BLOCK
*/ 

	.bannerTextBlock {
		margin-right: 1em;
		text-align: left;
		background: url("images/common/gradient_ns_large.png") repeat-x top left;
	}
	
		.bannerTextBlock a.blockTitle {
			display: block;
			text-align: left;
			font-size: 1em;
			letter-spacing: 0em;
			text-decoration: none;
			font-weight: bold;
			color: #fff;
			padding: .5em .5em;
			background: transparent url("images/common/transparency_black_70.png");			
		}
		.bannerTextBlock a.blockTitle:hover {
			color: #FFC20E;
			text-decoration: underline;
		}
		
		.bannerTextBlock img.blockImage {
			float: left;
			margin: 1.2em 1em 0 1em;
			border: 0px solid #4d4d4d;
			width: 100px;
		}
		
		.bannerTextBlock p.blockBody {
			margin: 1em;
			padding: 0;
			text-align: left;
			font-size: 1em;
			text-align: left;
			line-height: 1.5em;
		}
	
		.bannerTextBlock a.blockLink {
			text-decoration: underline;
			margin: 0;
			font-weight: bold;
		}
 
 /*
PRODUCT BLOCK
*/ 

	.bannerProductBlock {
		margin-right: 1em;
		padding: 0;
		text-align: left;
		background: url("images/common/gradient_ns_medium.png") repeat-x top left;
	}
	
.bannerTable td {
	width: 25%;
}
	
		.bannerProductBlock a.blockTitle {
			display: block;
			padding: .2em .5em;
			text-align: left;
			font-size: 1em;
			font-weight: bold;
			text-decoration: none;
			background: transparent url("images/common/transparency_black_50.png");	
			color: #fff;
		}
		
		.bannerProductBlock a.blockTitle:hover {
			color: #FFC20E;
			text-decoration: underline;
		}
		
		.bannerProductBlock img.blockImage {
			float: left;
			margin: 1em .5em 0 0;
			border: 0;
			width: 50px;
			display: none;
		}
		
		.bannerProductBlock p.blockBody {
			margin: 1em;
			text-align: left;
			font-size: .9em;
			line-height: 1.6em;
		}
	
		.bannerProductBlock a.blockLink {
			text-decoration: underline;
			margin: .5em .5em .5em .5em;
			font-weight: bold;
		}
		
		.bannerProductBlock p.blockScreenshots {
			text-align: center;
			margin: 1em 0 0 0;
		}
		
			.bannerProductBlock p.blockScreenshots img{
				width: 25%;
				margin: 0 2px;
				border-width: 1px;
			}
 
/*############################
	LIB PROMO
############################*/	
 
td.libPromo {
	padding: 100px 10px 10px 10px;
	font-size: .9em;
	line-height: 1.6em;
	color: #333333;
	background-color: #E6EAF2;
	background-position: 50% 0px;
	background-repeat: no-repeat;
	border-bottom: 3px solid #333333;
}

td#libExcellence { background-image: url("/portals/libero/liberoPromo/strivingExcellence.jpg"); }
td#libClientServer { background-image: url("/portals/libero/liberoPromo/clientServer.jpg"); }
td#libScalability { background-image: url("/portals/libero/liberoPromo/scalable.jpg"); }


/*############################
	LIGHT BOX
############################*/	
#lightbox{
	background-color:#fff;
	padding: 1em;
	border: 1px solid #111;
	color: #4d4d4d;
}

	#lightboxDetails{
		font-size: .8em;
		padding: .5em 0;
		border-top: 1px solid #ddd;
		margin: 1em 0;
	}	

	#lightboxCaption{ float: left; }

	#lightboxKeyboardMsg{ 
		float: right;
		font-weight: bold;
	}
	
	#lightboxCloseButton{ top: 5px; right: 5px; }

	#lightbox img{ border: none; clear: both;} 

	#lightboxOverlay img{ border: none; }

	#lightboxOverlay{ background-image: url("/portals/civicview/lightbox/overlay.png"); }

	* html #lightboxOverlay{
		background-color: #333;
		back\ground-color: transparent;
		background-image: url(blank.gif);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/portals/civicview/lightbox/overlay.png", sizingMethod="scale");
	}