/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
	margin:0px;
	background-color:#F9F9F9;
	clear:both;
}
h1, h2, h3, h4 {
}
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
input {
}
img {
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

.border {
	border:1px solid red;
}

.wrapper {
	width:960px;
	margin:auto;
}

.odd {
	background-color:#FFF;
}
.oddhatch {
    background-color:#FFF;
    border-bottom:1px dashed #DDD;
}
.even {
	background-color:#EFEFEF;
}
.evenhatch {
    background-color:#EFEFEF;
    border-bottom:1px dashed #DDD;
}

.text,
.textarea,
.select {
	background-color:#F9F9F9;
	border:1px solid #AAA;
	padding:2px 4px;
	color:#666;
}
.select {
	padding:2px 0px;
}
.select {
	background-color:#F9F9F9;
	border:1px solid #AAA;
	color:#666;
}

.submit,
.help {
	background:#e9ecee url(../../images/button.gif) repeat-x;
	height:25px;
	border:1px solid #999;
}


.thumb-30 {
	background:#FFF url(../../images/thumb-30.gif) no-repeat center center;
	/*width:30px;*/
	height:30px;
	border:1px solid #DDD;
	/*padding:3px;*/	
}

.thumb-40 {
	background:#FFF url(../../images/thumb-40.gif) no-repeat center center;
	/*width:40px;*/
	height:40px;
	border:1px solid #DDD;
	/*padding:3px;*/	
}

.thumb-50 {
	background:#FFF url(../../images/thumb-50.gif) no-repeat center center;
	/*width:50px;*/
	height:50px;
	border:1px solid #DDD;	
}

.thumb-60 {
	background:#FFF url(../../images/thumb-60.gif) no-repeat center center;
	/*width:60px;*/
	/*height:60px;*/
	border:1px solid #DDD;	
}

/*---------------------------------------*/
/* Header Elements
/*---------------------------------------*/

#header {
	height:160px;
}
	#header .wrapper {
	}

	.logo {
		position:absolute;
		height:98px; /* minus 2 for the border */
		width:193px; /* minus 2 for the border */
		line-height:100px;
		text-align:center;
		background-color:#FFF;
		border:1px solid #8E8E8E;
		cursor:pointer;
	}
	
	#utilities {
		height:30px;
		line-height:30px;
		text-align:right;
		padding-right:30px;
		background-color:#333;

		font-size:13px;
		font-weight:bold;
		color:#FFF;
	}

	#utilities a {
		color:#BBB;
	}

		#utilities ul {
			float:right;
			list-style-type: none;
			margin:auto;
		}
		#utilities li {
			float: left;
		}
		#utilities a {
			/*border-left:1px solid #DDD;*/
			padding-left:10px;
			margin-left:10px;
		}
	
	#search {
		height:30px;
		line-height:30px;
		margin-top:5px;
		text-align:right;
		padding-right:30px;
	}

		#search .text {
			width:180px;
		}

		#search .submit {
			width:60px;
		}
	
	#configure {
		height:25px;
		line-height:25px;
		margin-top:10px;
		padding-right:30px;
	}

		#configure .help {
			float:right;
			width:25px;
			cursor:pointer;
		}
		#configure .submit {
			float:right;
			width:228px;
			cursor:pointer;
		}
	
	#menu {
		height:45px;
		margin-top:15px;
		background-color:#333;

		font-weight:bold;
		color:#FFF;
	}
	#menu a {
		color:#FFF;
	}
	#menu a:hover {
		text-decoration:none;
	}

		#menu #name {
			float:left;
			width:200px;
			line-height:45px;
			text-align:center;
			font-size:13px;
		}

		#menu ul {
			float:left;
			list-style-type: none;
			text-transform:uppercase;
			font-size:11px;
			margin:auto;
			padding:0px;
			height:45px;
		}
		#menu li {
			float: left;
			height:40px;
			margin:5px 0px;
		}
		#menu li:hover,
		#menu li.active {
			background-color:#EEE;
		}
		#menu li:hover a,
		#menu li.active a {
			color:#333;
		}
		
		#menu a {
			padding:15px;
			line-height:38px;
			border-left:2px solid #333;
		}

		#menu #date {
			float:right;
			width:150px;
			line-height:45px;
			text-align:center;
			text-transform:uppercase;
			font-weight:bold;
		}

			#menu #date .left {
				float:left;
				width:50px;
				color:#666;
			}
			#menu #date .center {
				float:left;
				width:50px;
				font-size:36px;
			}
			#menu #date .right {
				float:left;
				width:50px;
				padding:5px 0px;
				color:#666;
			}
				#menu #date .right .top,
				#menu #date .right .bottom {
					line-height:17px;
				}


/*---------------------------------------*/
/* Console Elements
/*---------------------------------------*/

#console {
	margin:10px;
	padding:10px;
	background-color:#FFF;
	border:1px solid #8E8E8E;
	position:fixed;	
}

	#console ul {
		list-style:none;
		padding:0px;
		float:left;
		width:200px;
	}
	#console input {
		cursor:pointer;
	}


/*---------------------------------------*/
/* Body Elements
/*---------------------------------------*/

#body {
	min-height:400px;
}

	#left,
	#right {
		margin-top:5px;
	}

	#left {
		width:195px;
		float:left;
	}
	#right {
		width:205px;
		clear:right;
		float:right;
	}

/*---------------------------------------*/
/* This Controls the different layouts
/*---------------------------------------*/

	#center.body-wide {
		float:right;
		width:760px;
		margin-left:5px;
		background-color:#FFF;
	}
	
	#center.body-narrow {
		float:left;
		width:550px;
		margin-left:5px;
		background-color:#FFF;
	}

/*---------------------------------------*/

		#center #breadcrumbs {
			background-color:#EEE;
			border-left:1px solid #8E8E8E;
			border-right:1px solid #8E8E8E;
			line-height:30px;
			padding:0px 15px;
			font-size:10px;
			color:#333;
		}

		#center #breadcrumbs a {
			color:#333;
		}

		#center .banner {
			background-color:#EEE;
			border-left:1px solid #8E8E8E;
			border-right:1px solid #8E8E8E;
			padding:9px;
		}


		#center #submenu {
			height:55px;
			background-color:#DDD;
			border-left:1px solid #8E8E8E;
			border-right:1px solid #8E8E8E;
		
		}

			#center #submenu ul {
				float:left;
				list-style-type: none;

				line-height:25px;
				font-size:12px;

				margin:auto;
				padding:0px;
				height:45px;
			}
			#center #submenu li {
				float: left;
				height:25px;
				
				margin-top:30px;
				margin-left:10px;
				padding:0px 10px;
				background-color:#333;

			}
			#center #submenu a {
				color:#FFF;
			}

			#center #submenu li:hover,
			#center #submenu li.active {
				background-color:#FFF;
			}
			#center #submenu li:hover a,
			#center #submenu li.active a {
				color:#333;
				text-decoration:none;
			}

		#center #content {
			border:1px solid #8E8E8E;
			border-top:0px;
		}

/*
	for the text editor page, replace (or place below) the id="page" a div 
	with the id="wysiwyg".
	
	by using a comma below for the first few attributes, I am including 
	wysiwyg's properties with those of page.
*/

			#center #wysiwyg,
			#center #page {
				float:left;
				width:528px;
				padding:20px 10px;
				padding:20px 10px;
			}

            #center #page.wide,
            #center #wysiwyg.wide {
                width:738px;
            }
            
			#center #wysiwyg h1,
			#center #page h1 {
				font-size:18px;
				margin:10px 0px;
				font-weight:normal;
			}
			#center #wysiwyg h2,
			#center #page h2 {
				font-size:12px;
				margin:10px 0px;
				background-color:#DDD;
				text-align:center;
				line-height:25px;
			}
			#center #wysiwyg h3,
			#center #page h3 {
				font-size:12px;
				margin:6px 0px;
				font-weight:normal;
				color:#666;
			}
			#center #wysiwyg h4,
			#center #page h4 {
				font-size:12px;
				margin:0px;
				background-color:#DDD;
				text-align:center;
				line-height:25px;
			}

			#center #wysiwyg table {
			    width:100%;
			    border-collapse:collapse;
				border:1px solid #DDD;
			}
			
			#center #page table {
				width:100%;
				margin:10px 0px;
				border-collapse:collapse;
				border:1px solid #DDD;
			}

            #center #wysiwyg th,            
			#center #page th,
			#center #page td {
				font-size:11px;
				padding:5px;
				border-bottom:1px solid #EFEFEF;
			}
			
			#center #wysiwyg td {
			    font-size:11px;			    
			}
			
            #center #wysiwyg th,
			#center #page th {	
				background-color:#DDD;
				font-size:12px;
			}
			#center #wysiwyg .head,
			#center #page .head {
				background-color:#C0DDFF;
				font-size:12px;
				font-weight:bold;
				margin: 1px 2px 4px 2px;
				padding: 5px;
			}

			#center #page fieldset,
			#center #wysiwyg fieldset {
				border:1px solid #DDD;
				background-color:#EFEFEF;
				margin:0px;
				padding:5px;
				font-size:11px;
			}

			#center #page fieldset div,
			#center #wysiwyg fieldset div {
				margin:5px;
			}

			#center #page fieldset label,
			#center #wysiwyg fieldset label {
				float:left;
				width:23%;
				margin:2px 10px 0px 0px;
				text-align:right;
			}

			#center #page fieldset .text,
			#center #wysiwyg fieldset .text,
			#center #page fieldset .textarea,
			#center #wysiwyg fieldset .textarea,
			#center #page fieldset .select,
			#center #wysiwyg fieldset .select {
				float:left;
				width:50%;
				margin-right:10px;
			}
			#center #page fieldset .select
			#center #wysiwyg fieldset .select {
				font-size:11px;
				width:52%;
			}

			#center #page fieldset .submit,
			#center #wysiwyg fieldset .submit {
				float:left;
				margin-right:10px;
			}

			#center #page fieldset span,
			#center #wysiwyg fieldset span {
				font-size:10px;
				line-height:20px;
			}

			#center #page p,
			#center #wysiwyg p {
				font-size:11px;
				margin:10px 0px;
			}
			#center #page a,
			#center #wysiwyg a {
				color:#666;
				font-weight:bold;
			}

			#center #page ul,
			#center #wysiwyg ul {
				margin:0;
				padding-left:15px;
			}
			#center #page li,
			#center #wysiwyg li {
				list-style-image:url(../../images/bullet.gif);
				margin-bottom:10px;
				/**border-bottom:1px dashed #DDD;**/
			}

			#center #pagination {
				font-size:11px;
			}

				#center #pagination div {
					float:left;
					border:1px solid #DDD;
					padding:5px 10px;
					margin:4px 2px;
				}

				#center #pagination .more {
					border:0px;
					background-color:transparent;
				}

				#center #pagination .active {
					background-color:#DDD;
				}


		#center #boxes {
			float:right;
			width:200px;
			padding:5px;
		}

/*---------------------------------------*/
/* Footer Elements
/*---------------------------------------*/

#footer {
	clear:both;
}

	#footer #legal {
		height:60px;
		line-height:40px;
		background-color:#333;
		padding:0px 10px;
		color:#FFF;
		font-size:12px;
	}

	#footer a {
		color:#BBB;
	}


/*---------------------------------------*/
/* Box Elements
/*---------------------------------------*/

.box {
	margin-bottom:5px;
	border:1px solid #8e8e8e;
	background-color:#FFF;
	font-size:12px;
}

#boxes .box {
	background-color:#EEE;
}

.box a {
	color:#333;
}

.box .header,
.box .footer {
	text-align:center;
	line-height:25px;
}

.box .item {
	padding:5px 10px;
}

.box .item a {
	padding-left:10px;
	background:transparent url(../../images/bullet.gif) no-repeat left center;
}

.box small {
	font-size:11px;
	color:#666;
}
.box .small {
	font-size:11px;
	color:#666;
	padding-left:10px;
}
.box .jump {
	clear:both;
	float:right;
}

.box p {
	font-size:11px;
}

.box .text {
	width:170px;
}
.box .select {
	width:180px;
}
.box .submit {
	float:right;
}

.box .header {
	background-color:#333;
	color:#FFF;
	font-weight:bold;
}

	.box .header .close {
		background-image:url(../../images/close.gif);
		width:25px;
		height:25px;
		float:left;
		cursor:pointer;
	}
	.box .header .rss {
		float:left;
		cursor:pointer;
		margin-left:4px;
	}
	.box .header .updown {
		background-image:url(../../images/updown.gif);
		width:25px;
		height:25px;
		float:right;
		cursor:pointer;
	}
	.box .video {
		padding:1px;
	}

.box .item .my-link {
	font-weight:normal;
}


.box .content {
	padding:10px;
}
.box a {
	font-weight:bold;
}

	.box ul {
		padding-left:10px;
		margin:0px;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
	}

	.box ul li {
		list-style-image:url(../../images/bullet.gif);
		margin-bottom:5px;
	}

.box .thumb-60,
.box .thumb-50,
.box .thumb-40,
.box .thumb-30 {
	float:left;
	margin:0px 20px 0px 0px;
}

.box .cascade {
	margin:0px 7px 7px 0px;
}

.box .footer {
	background:#336699 url(../../images/btn2-middle.gif) repeat-x;
/*	border-top:1px solid #8E8E8E;
*/	color:#333;
	text-align:center;
	background-color:#DDD;
	height:25px;
}

/* ------------ */

/* ------------ */

#SEARCH1 .header .content input {
	margin-top:10px;
}

#header .wrapper #menu #name {
	height: 45px;
	overflow:hidden;
}

#header .wrapper #menu #name .box{
	border:0;
	height:0;
	padding:0;
	margin:0;
}
#header .wrapper #menu select {
	margin:10px 0 0 10px;
}

#ctl00_MPContent_ccContentBlock_pnlContentBlock {
	margin-bottom:10px;
}
#ctl00_MPContent_ccNetworkEvents_pnlNoEvents {
	padding:10px;
}
#ctl00_MPContent_ccContextMenu #context {
	padding:10px;
	
}

/*
	this is an example of how we can treat the input buttons
	i'm not sure that it's worth including the two end pieces
	this seems to work well and can be applied to all the buttons
	regardless of their width.
	
	it can also be applied to the html links that you've used in
	the footer of some of the boxes - as long as it's consistent

	just add their IDs to this list below (and the hover states beneath it).

*/
.Button {
	border:1px solid #8E8E8E;
	padding:4px 6px;
	background-image:url(../../images/btn2-middle.gif);
	cursor:pointer;
}

.Button:hover {
	background-image:url(../../images/btn2-middle-hover.gif);
}

#ctl00_MPContent_ccSoSLogin_btnFullLogon {
	border-right:0px;
	border-bottom:0px;
	border-left:0px;
}
/*
	end buttons
*/

#profilelookups ul,
#networkusers ul {
	margin-left:40px;
}


#page table {
}
#page table .head {
	border-top:1px solid #FFF;
	border-right:2px solid #FFF;
	border-bottom:2px solid #FFF;
}


/*---------------------------------------*/
/* 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%;
}

/*---------------------------------------*/
/* Blue
/*---------------------------------------*/


body {
	background:#e9ecee url(../../images/blue/background.gif) repeat-x;
}

.logo {
	background:#e9ecee url(../../images/blue/logo.gif) no-repeat;
	border:0;
	width:200px;
	height:105px;
}

#ctl00_imgbanner {
	display:none;
}

.logo div {
	display:none;
}
#configure .submit {
	background:#246cb2 url(../../images/blue/configure.gif) no-repeat top left;
	width:240px;
	height:24px;
	border:0px;
	text-indent:-9999px; /* turn off text */
}
#configure .help {
	background:#246cb2 url(../../images/blue/help.gif) no-repeat top right;
	width:24px;
	height:24px;
	border:0px;
	text-indent:-9999px; /* turn off text */
	
}

#menu li {
	background:transparent url(../../images/blue/separator.gif) no-repeat left;
}
#menu a {
	border-left:2px solid transparent;
}

#date .center,
#date .right {
	background:#132130 url(../../images/blue/separator.gif) no-repeat left;
}
#date .center {
	color:#3678b8;
}

#submenu {
	background:#246cb2 url(../../images/blue/gradient_50.gif) repeat-x;
}
#center #submenu li {
	background-color:#132130;
}

#boxes .box {
	background-color:#deedfe;
}

.box .header {
	background:#336699 url(../../images/blue/gradient_25.gif) repeat-x;
}

.box .header .close {
	background:transparent url(../../images/blue/close.gif) no-repeat;
}
.box .header .updown {
	background:transparent url(../../images/blue/updown.gif) no-repeat right top;
}

.box .item .my-link {
	padding-left:35px;
	background:none;
	color:#333;
}

.messages	{background:transparent url(../../images/blue/messages.png) no-repeat 10px 0px;}
.events		{background:transparent url(../../images/blue/events.png) no-repeat 10px  0px;}
.posts		{background:transparent url(../../images/blue/posts.png) no-repeat 10px  0px;}
.contacts	{background:transparent url(../../images/blue/contacts.png) no-repeat 10px  0px;}
.groups		{background:transparent url(../../images/blue/groups.png) no-repeat 10px  0px;}
.profile	{background:transparent url(../../images/blue/profile.png) no-repeat 10px  0px;}
.documents	{background:transparent url(../../images/blue/documents.png) no-repeat 10px  0px;}
.customform	{background:transparent url(../../images/blue/surveys.png) no-repeat 10px  0px;}

.even {
	background-color:#deedfe;
}

.evenhatch {
    background-color:#deedfe;
    border-bottom:1px dashed #DDD;
}

.box a {
	color:#3162a8;
}

.box .footer a {
	color:#333;
}

#center #wysiwyg a,
#center #page a {
	color:#3162a8;
}

#center #wysiwyg h3,
#center #page h3 {
	color:#3162a8;
}

#center fieldset {
	background-color:#deedfe;
}

#center #wysiwyg h4,
#center h4 {
	background:#336699 url(../../images/blue/gradient_25.gif) repeat-x;
	color:#FFF;
}

#center #wysiwyg th,
#center #page th {	
	background:#336699 url(../../images/blue/gradient_25.gif) repeat-x;
	color:#FFF;
}

#center #page .messages,
#center #page .events,
#center #page .posts,
#center #page .contacts,
#center #page .groups,
#center #page .profile
{
	padding-left:50px;
}

#center #pagination div {
	background-color:#deedfe;
}
#center #pagination div.active {
	background:#336699 url(../../images/blue/gradient_25.gif) repeat-x;
	border:1px solid #8E8E8E;
}
#center #pagination div.active a {
	color:#FFF;
}

#center #wysiwyg .head,
#center #page .head {
	background-color:#C0DDFF;
}

/* turn off some background colors */
#header .wrapper,
#footer #legal,
#utilities {
	background-color:transparent;
}

#menu {
	background-color:#132130;
	border:1px solid #4e5c6b;
	border-bottom:0px;
}

#footer {
	background-color:#132130;
}
#footer #legal {
	background:transparent url(../../images/blue/footer.gif) no-repeat left center;
	padding-left:50px;
}