@charset "utf-8";
/* CSS Document */

/* NOTE - Mike Eastwood - 20080616 */
/* I have copied all imported CSS into this document */

/* new rule */


body {
	/* image tile used for older or colour mismatched browsers */
	background-image: 	url(/themes/portal/images/1x1_000066.jpg);
	background-repeat: 	repeat;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			75%;
	background-color: 	#000066;
}


/* NEW CSS for menu */
/* I have wrapped the vertical menu in a div called panelVerticalMenu to make CSS easier */
#panelVerticalMenu ul {
	/*font-size:			100%;*/
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-decoration: none;
}
#panelVerticalMenu ul li{
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	color: #FF6600;
	font-weight: bold;
	background-image: url(/themes/portal/images/orangeArrow01.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	}
#panelVerticalMenu ul li a{	
	color: #000066;
}
#panelVerticalMenu ul .activefirst a{	
	color: #FF6600;
}
#panelVerticalMenu ul li ul li{
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #FF6600;
	font-weight: bold;
	background-image: url(/themes/portal/images/orangeArrow01.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}
#panelVerticalMenu ul .activefirst ul li a{
	margin: 0px;
	padding: 0px;
	color: #000066;
	
}
#panelVerticalMenu ul li ul li a:hover{
	color: #FF6600;
	text-decoration: none;
}
/* new CSS for Home page */

#wrapperHomePageBlue {
	background-image: 	url(/themes/portal/images/1x1_000066.jpg);
	background-repeat: 	repeat;
	background-color: 	#000066;
	color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #55518C;
	width:950px;
	margin: 0px;
	padding: 0px;
}
#wrapperHomePageBlue h3 {
	font-weight: bold;
	color: #FFFFFF;
	margin-top:20px;
	margin-left:20px;
}
#wrapperHomePageBlue  p{
	margin-left: 20px;
}
#wrapperHomePageBlue a {
	font-weight: bold;
	color: #FFFFFF;
}
/* homepage panels */
#wrapperHomePageBlue #login.panel{
	margin: 10px;
	padding: 10px;
	float: right;
	width: 180px;
}
#wrapperHomePageBlue #panelWelcome {
	float:left;
	width: 610px;
	padding: 0px;
	margin: 0px;
}
#wrapperHomePageBlue .cglayout p {
	margin:0px;
	padding:0px;
}
#wrapperHomePageBlue #panelWelcome a:hover {
	color: #FF6600;
}
#wrapperHomePageBlue #panelWelcome td p {
	margin-right:8px;
}

/* COMMON PANEL STYLES */
#wrapperHomePanels {
	width:950px;
	margin: 0px;
	padding: 12px;
}
#wrapperHomePanels #panelLeftOrange,
#wrapperHomePanels #panelMiddleBlack,
#wrapperHomePanels #panelRightWhite {
	width: 285px;
	margin: 10px;
	padding: 0px;
	height: 165px;
	float: left;
}
#wrapperHomePanels h2{
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	}
#wrapperHomePanels img {
	padding: 0px;
	height: 100px;
	width: 100px;
	float: left;
	margin: 15px;
}
#wrapperHomePanels #panelLeftOrange ul {
	padding: 0px;
	list-style-type: none;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#wrapperHomePanels ul li {
	float: left;
	font-weight: bold;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	width: 140px;
	}
#wrapperHomePanels ul li a {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	}
/* CUSTOM PANEL STYLES */

/* ORANGE */
#wrapperHomePanels #panelLeftOrange {
	background-color: #FF6600;
	border: 1px;
	border-style:solid;
	border-top-color: #FF9900;
	border-right-color: #CC6600;
	border-bottom-color: #CC6600;
	border-left-color: #FF9900;
}
#wrapperHomePanels #panelLeftOrange img{
	border: 1px;
	border-style:solid;
	border-top-color: #CC6600;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #CC6600;
}
#wrapperHomePanels #panelLeftOrange h2 {
	color: #000000;
}
#wrapperHomePanels #panelLeftOrange ul li {
	color: #FFFFFF;
}
#wrapperHomePanels #panelLeftOrange ul li a {
	color: #000000;
}
#wrapperHomePanels #panelLeftOrange ul li a:hover {
	color: #FFFFFF;
}
/* BLACK */
#wrapperHomePanels #panelMiddleBlack {
	background-color: #000000;
	border: 1px;
	border-style:solid;
	border-top-color: #666666;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #666666;
}
#wrapperHomePanels #panelMiddleBlack img{
	border: 1px;
	border-style:solid;
	border-top-color: #000000;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #000000;
}
#wrapperHomePanels #panelMiddleBlack h2 {
	color: #FFFFFF;
}
#wrapperHomePanels #panelMiddleBlack ul li {
	color: #FF6600;
}
#wrapperHomePanels #panelMiddleBlack ul li a {
	color: #FFFFFF;
}
#wrapperHomePanels #panelMiddleBlack ul li a:hover {
	color: #FF6600;
}
/* BLUE was WHITE */
#wrapperHomePanels #panelRightWhite {
	background-color: #000066;
	border: 1px;
	border-style:solid;
	border-top-color: #55518C;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #55518C;
}
#wrapperHomePanels #panelRightWhite img{
	border: 1px;
	border-style:solid;
	border-top-color: #000000;
	border-right-color: #55518C;
	border-bottom-color: #55518C;
	border-left-color: #000000;
}
#wrapperHomePanels #panelRightWhite h2 {
	color: #FFFFFF;
}

#wrapperHomePanels #panelRightWhite ul li {
	color: #FF6600;
}
#wrapperHomePanels #panelRightWhite ul li a {
	color: #FFFFFF;
	
}
#wrapperHomePanels #panelRightWhite ul li a:hover {
	color: #FF6600;
}
/* CUSTOM WELCOME */
#panelWelcomeSignup {
	width:265px;
	background-color: #FFFFFF;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#panelWelcomeSignup strong{
	color: #FF6600;
}
#panelWelcomeSignup p{
	color: #000066;
	font-size:12px;
	line-height:24px;
	margin:0px;
	padding:0px;
}
#panelWelcomeSignup a{
	color: #000066;
} /* fix text color welcome panel KB 20090211*/ #panelWelcome .text p { color: #FFFFFF; }
#wrapperHomePageNews {
	margin:0px;
	padding: 0px;
}
#wrapperWhatsNew {
	width:480px;
		margin:0px;
	padding: 0px;
}
#wrapperHomePageNews #panelHomeNews {
	width: 200px;
	float:left;
	padding: 0px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 20px;
}
#wrapperHomePageNews #panelHomeNews h3,
#wrapperHomePageNews #panelHomeNews h3 a{
	color:#FF6600;
	font-size:16px;
	line-height: 24px;
	margin-bottom: 8px;
	font-weight: bold;
	text-decoration: none;
}
#wrapperHomePageNews #panelHomeNews h3 a:hover {
	color:#000066;
}
#wrapperHomePageNews #panelHomeNews p {
	font-size:12px;
	line-height:18px;
	margin-bottom: 12px;
}
#wrapperHomePageNews #panelHomeNews ul {
	list-style:none;
	margin:0px;
	padding:0px;
	font-weight: bold;
}
#wrapperHomePageNews #panelHomeNews ul li  {
	color:#FF6600;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 12px;
}
#wrapperHomePageNews #panelHomeNews ul li a {
	color:#000066;
	text-decoration: none;
}
#wrapperHomePageNews #panelHomeNews ul li a:hover {
	color:#FF6600;
}
/* GENERAL */
#wrapperWhatsNew {
	width:500px;
}
#clearingDiv {
	width: 99%;
	clear:both;
	margin:0px;
	padding:0px;
}
#wrapperToStyleLogin {
	padding:0px;
	float:left;
	width:600px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 170px;
}
#wrapperToStyleLogin .printer_friendly {
float:right;
padding-right:18px;
}
table {
	/* removed 20090324 KB fix IE calendar bug width: 100%; */
	font-size: 10px;
	line-height: normal;
}
td {
	text-align: left;
	vertical-align: top;
}
/* because Tiny MCE leave <p> tags in the table */
td p,
td {
	font-size: 12px;
	line-height: 18px;
	padding:0px;
	margin:0px;
}
.column.right #directory.panel,
.column.right #login.panel,
.column.right #myinfo.panel,
.column.right #youraccount.panel,
.column.right #cart.panel,
.column.right #newToSite, 
#wrapperHomePageBlue #newToSite, 
#panelWelcomeSignup,
 #search.panel {
	background-image: url(/themes/portal/images/panelBack_400px_high_01.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding:10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E8E8E8;
	border-right-color: #999999;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
}
#wrapperHomePageBlue #newToSite {
	float:left;
	color: #000066;
	width: 265px;
	padding: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.column.right #directory.panel h2,
.column.right #login.panel h2,
.column.right #myinfo.panel h2,
.column.right #youraccount.panel h2,
.column.right #cart.panel h2,
 #search.panel h2{
	color: #000066;	
		background-color:	transparent;
		border:none;
		margin:0px;
		padding:0px;
}
#wrapperHomePageBlue #newToSite h2,
.column.right #newToSite h2{
	color: #FF6600;	
		background-color:	transparent;
		border:none;
		margin:0px;
		padding:0px;
}
 #search.panel input{
 	width:100%;
 }
 #wrapperHomePageBlue #newToSite p,
 .column.right #newToSite p,
.column.right #directory.panel p,
.column.right #login.panel p,
.column.right #myinfo.panel p,
.column.right #youraccount.panel p,
.column.right #cart.panel p,
 #search.panel p{
	margin-bottom:10px;
 }
 #wrapperHomePageBlue #newToSite a,
 .column.right #newToSite a,
 .column.right #login.panel a {
	color:#000066;
	font-weight: bold;	
 }
 #wrapperHomePageBlue #newToSite a:hover,
 .column.right #newToSite a:hover ,
  .column.right #login.panel a:hover {
	color:#FF6600;
	text-decoration: none;
 }
/* danger */
/* imported CSS begins */

/*@import url(/system/style/undo.css);*/
:link, :visited {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6, pre, code {
}
dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, fieldset, input {
	margin: 0;
	padding: 0;
}
/* basic typography */
.column.content p {
	/* wtf
	margin-bottom: 1em;
	margin-top: 1em; */
	font-size:12px;
	line-height: 18px;
	padding-bottom:6px;
}
.column.content ul {
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}
.column.content ul li{
	margin: 0px;
	padding: 0px;
	font-size:12px;
	line-height: 18px;
	padding-bottom:6px;
	list-style-type: square;
}
.column.content a {
	color:#000066;
	text-decoration: none;
	font-weight: bold;
}
.column.content a:hover {
	color:#FF6600;
}
.column.content h3 {
	color:#000066;
	font-size:14px;
	padding-top:12px;
	padding-bottom:6px;
	font-weight: bold;
}
.column.content h4 {
	color:#000066;
	font-size:12px;
	padding-top:6px;
	padding-bottom:6px;
	font-weight: bold;
}
a img, :link img, :visited img {
	border: none;
}
address {
	font-style: normal;
}
/*@import url(/system/style/admin.css);*/
#cgadminmenu {
	height:				19px;
	padding:			0;
	margin:				0;
}
#cgadminmenu ul, #cgadminmenu li {
	display:			none;
}

/*@import url(/system/style/layoutboxes.css);
*/
/*
 *	 layoutboxes.css
 *
 */


.cglayoutbox {
	padding-left:0px;
	padding-right:20px;
}
.cglayoutbox h2 {
	color:#FF6600;
	font-size: 22px;
	font-weight: bold;
	padding-top:10px;
}
.cglayoutbox p {
	font-size: 13px;
	line-height: 26px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 13px;
	margin-left: 0px;
}
.cglayoutbox .parenttree {
	margin-bottom:					1em;
}
.cglayoutbox .subheading {
	color:							#666;
	font-size:						90%;
}
.cglayoutbox .body {
}
.cglayoutbox .footer {
}
.cglayoutbox .cmdline {
	color:							#666;
	margin-bottom:					6px;
}
.cglayoutbox.editor .subheading {
}
.cglayoutbox.editor .cmdline {
	margin-left:					32%;
	text-align:						left;
}
.cglayoutbox.messages {
	background-color:				#fff6bf;
	border-bottom:					1px solid #ffd324;
	border-top:						1px solid #ffd324;
	margin-bottom:					32px;
	padding:						18px 8px;
}
.cglayoutbox.messages.error {
	background:						#fff6bf url(/system/images/error.png) 15px center no-repeat;
	padding-left:					80px;
}
.cglayoutbox.messages.warning {
	background:						#fff6bf url(/system/images/warning.png) 15px center no-repeat;
	padding-left:					80px;
}
.cglayoutbox.messages.information {
	background:						#fff6bf url(/system/images/information.png) 15px center no-repeat;
	padding-left:					80px;
}
.cglayoutbox .text img {
}
/*@import url(/system/style/indicator.css);
*/

/* This CSS contains different styling rules for indicators */

/* Default indicator */
.indicator {
	background-color:	#fff6bf;
	border-bottom:		1px solid #ffd324;
	border-top:			1px solid #ffd324;
}
/*@import url(/system/style/lists.css);*/
/* Lists */
.cglist {
}
.cglist .messages {
	padding:			2px 4px;
}
.cglist thead tr {
	background-color:	#eee;
}
.cglist thead th {
	padding:			2px 4px;
}
.cglist thead .titleselected {
	padding:			2px 4px;
	font-weight:		bold;
}
table.cglist {
	width:				100%;
}
table.cglist tr.item {
}
table.cglist tr.itemeven td, 
table.cglist tr.itemodd td {
	/*border-bottom: 1px dotted #eee;*/
}
ul.cglist {
	list-style:			none;
	margin:				0;
	padding:			0;
}
ul.cglist li.item, 
ul.cglist li.itemodd, 
ul.cglist li.itemeven {
	list-style-type:	none;
	margin:				0;
	padding:			0;
}
ul.cglist li.item span.highlight, 
ul.cglist li.itemodd span.highlight, 
ul.cglist li.itemeven span.highlight {
	color:				red;
}
table.cglist td.field, table.cglist td.fieldeven, 
table.cglist td.fieldodd {
	padding:			2px 4px;
}
table.cglist td.field span.highlight, 
table.cglist td.fieldeven span.highlight, 
table.cglist td.fieldodd span.highlight {
	background-color:	transparent;
	color:				red;
}
table.cglist td.field span.demphasize, 
table.cglist td.fieldeven span.demphasize, 
table.cglist td.fieldodd span.demphasize {
	background-color:	transparent;
	font-style:			italic;
	color:				#666666;
}
.cglist .totals {
	border-top:			1px black solid;
}
.cglist .totals .label, .cglist .totals .value {
	text-align:			right;
	padding-top:		4px;
	padding-bottom:		4px;
}
.cglist .totals .labelsl, .cglist .totals .valuesl {
	border-top:			2px black solid;
	text-align:			right;
	padding-top:		4px;
	padding-bottom:		4px;
}
.cglist .openings .label, .cglist .openings .value {
	text-align:			right;
	padding-top:		4px;
	padding-bottom:		4px;
}
.cgpagesel {
	margin:								5px 0;
	padding:								3px 0;
}
.cgpagesel span {
	margin-right:						3px;
}
.cgpagesel span a, .cgpagesel span.selected {
	background-color:					#f6f5f0;
	border:								1px solid #333333;
	padding:								3px 4px;
}
.cgpagesel span.selected {
	background-color:					#d6d5d0;
	cursor:								default;
}
.cgpagesel span a:hover {
	background-color:					#e6e5e0;
	text-decoration:					none;
}
/*@import url(/system/style/filter.css);
*/
.listfilter .yui-content {
	padding:						5px;
}
.listfilter .yui-nav li a {
	padding-left:				3px;
	padding-right:				3px;
	padding-top:				1px;
}
.listfilter .yui-nav li a:hover {
	text-decoration:			none;
}
.listfilter .imgbutton {
	border:					1px solid transparent;
	padding:				1px;
	vertical-align:			top;
}
.listfilter .imgbutton:hover {
	border-bottom-color:	#aaa;
	border-left-color:		#fff;
	border-right-color:		#aaa;
	border-top-color:		#fff;
}
.listfilter .imgbutton:active {
	border-bottom-color:	#fff;
	border-left-color:		#aaa;
	border-right-color:		#fff;
	border-top-color:		#aaa;
}
/*@import url(/system/style/properties.css);*/
/* cgproperty stuff */

/* new */
/* non-content screens */
.cgproperty {
	/*margin-left:200px;
	width:600px;*/
}

/* old */

fieldset {
	clear:              both;
	border:				none;
	border-top:			1px solid #ccc;
	padding:			10px 0px;
}
.cgproperty {
	clear:              both;
	padding-bottom:     2px;
	margin-bottom:      3px;
	min-height:			22px;
}
.embedadmin {
	background-color:	#eee;
	border:				1px solid #ccc;
	padding-left:		4px;
	padding-right:		4px;
}
.cgproperty label.required {
	color:				red;
}
.cgproperty .value {
	margin-left:		30%;
	padding-left:		4px;
}
.cgproperty .value .segment {
	padding-right:		4px;
}
.cgproperty .help {
	color:				#666;
}
.cgproperty .defaultinfo {
	text-align:			center;
	color:				red;
}
fieldset .sectionopen {
	display:			inherit;
}
fieldset .sectionclosed {
	display:			none;
}
/* calendar align - again */
.cgproperty input, .cgproperty select {
float:left;
margin-top:5px;
}
.validerr {
}
.validerr .errmsg {
	color:				#ff0000;
	font-weight:		bold;
	margin-left:		30%;
}
.validerr input {
	border:				1px solid red;
}
.cgproperty label {
	float:				left;
	width:				30%;
}
.cgproperty .value.check {
	padding-left:		4px;
}
.cgproperty .value.check label {
	float:				none;
	text-align:			left;
	padding-left:		4px;
}
legend {
	border:				none;
	text-align:			left;
	cursor:				pointer;
}
legend img {
	margin-top:			2px;
	margin-right:		4px;
}
.radioitem {
	margin:				4px;
}
.proportionbar {
	width:				200px;
	height:				16px;
	background-color:	#ccc;
	border:				1px solid #333;
	text-align:			left;
}
.proportionbar .indicator {
	height:				16px;
	padding: 			0px 0px;		/* Firefox fix for indicator class */
	border: 			none;			/* Firefox fix for indicator class */
	background-color:	#888;
}
/* Firefox fix for indicator class */
.proportionbar .text {
	margin-top: 		-17px;
	text-align: 		center;
}
.radiolabel {
	padding-left:			4px;
}
/*@import url(/system/style/community.css);
*/.filters {
	float:			right;
	width:			40%;
}
.addresscard {
	padding-left: 4px;
}
.tsandcs {
	padding-left: 4px;
}
/* Membership  Indicators */

/* User is not a member */
.indicator.none {
}
/* User is an administrator or User has a currently valid membership token */


.indicator.admin, .indicator.member, .indicator.grace, .indicator.expired, .indicator.none {
	height:			48px;
	padding:		8px 8px 8px 80px;
}
.indicator.admin, .indicator.member, .indicator.none {
	background:		#fff6bf url(/system/images/information.png) 15px center no-repeat;
}
/* User has an expired membership token, but is still within the grace period. */
.indicator.grace {
	background:		#fff6bf url(/system/images/warning.png) 15px center no-repeat;
}
/* User has one or more expired membership tokens, but none are within the grace period. */
.indicator.expired {
	background:		#fff6bf url(/system/images/error.png) 15px center no-repeat;
}
/*@import url(/system/style/sitemap.css);
*//* sitemap.css */
ul.sitemap, ul.sitemapopen, ul.sitemapclosed {
	list-style:			none;
	padding-left:		8px;
	margin-left:		0px;
}
ul.sitemapclosed {
	display:			none;
}
.cglayoutbox .text ul.sitemap img {
	padding: 0;
	padding-right: 4px;
}
/*@import url(/system/style/cms.css);
*/
/* Content Management */


/* forums */

.userinfo {
	float:				left;
	width:				22%;
}
.header {
	float:				right;
	width:				75%;
	background-color:	#f5f5f5;
	color:				#888;
	border:	1px solid #eee;
	padding:			2px;
	margin-bottom:		2px;
}
.header .time {
	float:				left;
}
.header .commands {
	float:				right;
}
.post {
	float:				right;
	width:				75%;
	padding:			2px;
	margin-bottom:		2px;
}
.elementfollow .text {
	overflow:			auto;
	margin-top:			8px;
}
/* Quoted areas in posts */
blockquote {
	border-top:			1px #dddddd solid;
	border-bottom:		1px #dddddd solid;
}
blockquote .author {
	padding:			2px 4px;
	font-style:			italic;
}
blockquote .quote {
	padding:			2px 4px;
}
/* Latest Posts section */
.cglatest_posts {
}
.cglatest_posts .title {
}
.cglatest_posts .readmore {
	padding-top:		4px;
}
.cglatest_posts .details {
	padding-top:		4px;
	padding-bottom:		4px;
	font-size:			9px;
}
/* Search Results */
.search1 {
	background-color:	yellow;
	padding-left:		2px;
	padding-right:		2px;
}
.search2 {
	background-color:	pink;
	padding-left:		2px;
	padding-right:		2px;
}
.search3 {
	background-color:	cyan;
	padding-left:		2px;
	padding-right:		2px;
}
.search4 {
	background-color:	green;
	padding-left:		2px;
	padding-right:		2px;
}
/* Survey results */
.correct {
	color:				green;
}
.incorrect {
	color:				red;
}
/* ?? */
.selected {
/*
	What is this for? The selector is not specific enough.
	Commented due to conflicts.

	font-weight:		bold;
*/
}
/* Categories */

.Category .left {
	float:				left;
	width:				50%;
}
.Category .right {
	float:				right;
	width:				50%;
}
/* Discussions */
.smileyselector {
	width:				100%;
	border-right:		1px solid #eeeeee;
	border-bottom:		1px solid #eeeeee;
}
.smileyselector .icon {
	border-left:		1px solid #eeeeee;
	border-top:			1px solid #eeeeee;
	background-color:	#f5f5f5;
	padding:			4px;
	text-align:			right;
}
.smileyselector .radio {
	border-left:		1px solid #eeeeee;
	border-top:			1px solid #eeeeee;
	background-color:	#ffffff;
	padding:			4px;
	text-align:			left;
}
/** Document embeded webboxes */
.webboxesleft {
	width:				120px;
	float:				left;
	margin-right:		8px;
}
.webboxesright {
	width:				120px;
	float:				right;
	margin-left:		8px;
}
/* Category display stuff */
.tinycatitem {
	overflow:			auto;
}
.tinycatitem .link {
	float:				left;
}
.tinycatitem .cmdline {
	float:				right;
}

/*@import url(/system/hmenu/skin-xp-apps.css);  
*/
/* Copyright Dynarch.com, 2003-2007.  All Rights Reserved. */

/*
embedded in the embedded file
@import url("hmenu.css");*/
/* Copyright Dynarch.com, 2003-2007.  All Rights Reserved. */
/* DynarchMenu layout file */

/* basic layout style for DynarchMenu; no colors are defined in this */

/* horizontal parts */

div.dynarch-horiz-menu {
/*  white-space: nowrap; */
  padding: 0px 3px;
  border: 1px solid;
  cursor: default;
}
div.dynarch-horiz-menu table, div.dynarch-popup-menu table { font: 11px tahoma,verdana,sans-serif; }
div.dynarch-popup-menu table { border-collapse: collapse; }
div.dynarch-horiz-menu table tr td.item table td.icon { padding-right: 3px; }
div.dynarch-horiz-menu table tr td.item { padding: 3px 10px; }
div.dynarch-horiz-menu table tr td.item img { vertical-align: middle; }
div.dynarch-horiz-menu table tr td.separator { width: 6px; }
div.dynarch-horiz-menu table tr td.separator div {
  border-left: 1px solid;
  border-right: 1px solid;
  margin: 3px 2px 2px 2px;
  height: 1.2em;
  overflow: hidden;
}

div.dynarch-horiz-menu td.disabled, div.dynarch-horiz-menu td.disabled table td { color: #aca899; }
div.dynarch-horiz-menu td.disabled img { -moz-opacity: 0.4; filter: alpha(opacity=40); }

/* vertical parts */

div.dynarch-popup-menu {
  position: absolute;
  left: 0px;
  top: 0px;
  border: 1px solid;
  padding: 1px;
  cursor: default;
  z-index: 1000;
}
div.dynarch-popup-menu div.dynarch-menu-scroll { overflow: hidden; }
div.dynarch-popup-base-menu { position: static; }
div.dynarch-popup-menu tr.item td.icon img,
div.dynarch-popup-menu tr.item td.icon div { width: 18px; height: 18px; }
div.dynarch-popup-menu tr.item td.icon { padding: 0px 1px; height: 18px; width: 18px; }
div.dynarch-popup-menu tr.item td.label { padding: 1px 15px 1px 3px; /* white-space: nowrap; */}
div.dynarch-popup-menu tr.item td.arrow { width: 11px; }
div.dynarch-popup-menu tr.item td.arrow div { width: 11px; background: transparent url("img/rarrow.gif") no-repeat 0% 50%; }
div.dynarch-popup-menu tr.hover td.arrow div,
div.dynarch-popup-menu tr.active td.arrow div { background: transparent url("img/rarrow-hover.gif") no-repeat 0% 50%; }

div.dynarch-popup-menu tr.separator td div {
  margin: 2px;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  border: none;
}
div.dynarch-popup-menu tr.disabled td.label { color: #aca899; }
div.dynarch-popup-menu tr.disabled td.icon img { -moz-opacity: 0.4; filter: alpha(opacity=40); }

/* shadows */

div.dynarch-menu-shadow, img.dynarch-menu-shadow, div.div.dynarch-IE6-shadow { z-index: 990; position: absolute; }
div.dynarch-menu-shadow { background-color: #555; -moz-opacity: 0.6; filter: alpha(opacity=60); }

/* hider */
iframe#dynarch-menu-hider { z-index: 980; }

/* scroll */

div.dynarch-menu-scroll-up { height: 12px; font-size: 12px; line-height: 12px; overflow: hidden;
  background: url("img/scroll-up.gif") no-repeat 50% 50%;
}
div.dynarch-menu-scroll-down { height: 12px; font-size: 12px; line-height: 12px; overflow: hidden;
  background: url("img/scroll-down.gif") no-repeat 50% 50%;
}
div.dynarch-menu-scroll-up-hover { background-image: url("img/scroll-up-hover.gif"); }
div.dynarch-menu-scroll-down-hover { background-image: url("img/scroll-down-hover.gif"); }
div.dynarch-menu-scroll-up-disabled { background-image: url("img/scroll-up-disabled.gif"); }
div.dynarch-menu-scroll-down-disabled { background-image: url("img/scroll-down-disabled.gif"); }

/* toolbars */

div.dynarch-menu-toolbar table tr td.item {
  padding: 2px 3px;
}
.impossible-class-name-to-preload-shadow-image-in-internet-exploder { background-image: url("img/shadow.png"); }
/* embedded embedded file ends */
/* horizontal parts */

div.dynarch-horiz-menu {
	background-color: #f3f5f4;
	color: #000;
	border-color: #aca899;
}
div.dynarch-horiz-menu table {
	color: #000;
}
div.dynarch-horiz-menu table tr td.hover {
	background-color: #316ac5;
	color: #fff;
}
div.dynarch-horiz-menu table tr td.active {
	background-color: #417ad5;
	color: #fff;
}
div.dynarch-horiz-menu table tr td.pressed {
	background-color: #79cdf7;
	padding: 3px 2px 1px 4px;
}
div.dynarch-horiz-menu table tr td.hover table, div.dynarch-horiz-menu table tr td.active table {
	color: #fff;
}
div.dynarch-horiz-menu table tr td.separator div {
	border-left-color: #9d98bf;
	border-right-color: #fff;
}
/* vertical parts */

div.dynarch-popup-menu {
	border-color: #aca899;
	color: #000;
	background-color: #fff;
}
div.dynarch-popup-menu tr.item td.icon {
	background-color: #f3f5f4;
}
div.dynarch-popup-menu tr.separator td div {
	background-color: #aca899;
}
div.dynarch-popup-menu tr.item.hover, div.dynarch-popup-menu tr.item.active {
	background-color: #316ac5;
	color: #fff;
}
div.dynarch-popup-menu tr.item.hover td.icon, div.dynarch-popup-menu tr.item.active td.icon {
	background-color: #316ac5;
}
/*@import url(/themes/console/style/includes/header.css);
*/
	
#head-wrapper {
	font-size:							10px;
	height:134px;
	background-image: url(/themes/portal/images/1x1_000066.jpg);
	background-repeat: repeat;
	background-color: #000066;
}
#head {
	padding:10px;
}
#associationLogo {
}
#banner {
	float: 								right;
}
#mcxLogo {
	float: 								right;
}
/* ORIGINAL 
#head-nav {
	background-color: 				#4f81bd;
	border: 								3px solid #385d8a;
	color: 								#ffffff;
	padding: 							2px 4px;
}
#head-nav a {
	color: 								#ffffff;
}
*/
/* NEW MENU CSS*/
#head-nav ul {
	list-style-type: none;
	padding: 0px;
	width: 930px;
	background-color: #000066;
	margin: 0px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
#head-nav ul li {
	background-image: url(/themes/portal/images/tabNewLeft.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}
#head-nav ul li a {
	background-image: url(/themes/portal/images/tabNewRight.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 9px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #000066;
	padding-top: 3px;
	padding-right: 14px;
	padding-bottom: 3px;
	padding-left: 5px;
	display: block;
}
#head-nav ul li a:hover {
	color: #FF6600;
}
#head-nav ul .home {
	background-image: url(/themes/portal/images/tabNewLeftHome.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
}
#head-nav ul .right {
	background-image: url(/themes/portal/images/tabNewLeft.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
}
#head-nav ul .right_active {
	background-image: url(/themes/portal/images/tabNewLeftCurrent.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
}
#head-nav ul .left_active a,
#head-nav ul .right_active a {
	background-image: url(/themes/portal/images/tabNewRightCurrent.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}

#head-nav ul .left_active {
	background-image: url(/themes/portal/images/tabNewLeftCurrent.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}
#head-nav ul .home a {
	background-image: url(/themes/portal/images/tabNewRightHome.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 5px;
	display: block;
}
#head-nav ul .home a:hover {
	color: #FF6600;
}
/*@import url(/themes/console/style/includes/footer.css);
*/#foot-wrapper {
	font-size:							11px;
	color: #FF6600;	
	padding-bottom:15px;
}
#foot-nav {
	padding: 0px;
	margin: 0px;
}
.user #foot-nav {
	margin:0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
/*	background-color: #000066;
	border: 3px solid #000066;*/
}
.admin #foot-nav {
	margin:0px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
/*	background-color: #000066;
	border: 3px solid #000066;*/
}
#foot-nav a {
	color: 								#000066;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	font-style: italic;
	text-decoration: none;
}
#foot-nav a:hover {
	color: 								#FF6600;
}
#foot {
	padding: 							2px 7px;
}
.user #foot {
	color:								#000066;
}
.admin #foot {
	color:								#999999;
}
#foot a {
	text-decoration: 					underline;
}
.user #foot a {
	color:								#000066;
}
.admin #foot a {
	color:								#999999;
}
/*@import url(/themes/console/style/includes/adminmenuoverrides.css);
*/
div.dynarch-horiz-menu {
	background-color:					#000066 !important;
	border:								3px solid #000066 !important;
}
.admin div.dynarch-horiz-menu {
	background-color:					#000066 !important;
	border:								3px solid #000066 !important;
}
div.dynarch-horiz-menu table {
	color:								#ffffff !important;
}
.admin div.dynarch-horiz-menu table tr td.hover, .admin div.dynarch-horiz-menu table tr td.active, .admin div.dynarch-popup-menu tr.item.hover, .admin div.dynarch-popup-menu tr.item.active, .admin div.dynarch-popup-menu tr.item.hover td.icon, .admin div.dynarch-popup-menu tr.item.active td.icon {
	background-color:					#000066 !important;
}
/* imported CSS ends */
html {
	height:								100%;
	margin-bottom:						1px;
}
body {
}
body#printer {
}
.admin h1 {
	background-color:					#000066;
	border:								3px solid #000066;
	color:								#ffffff;
	font-size:							18px;
	margin-bottom:						8px;
	padding:								8px;
}
.admin .cglayoutbox h2 {
	background-color:					#000066;
	border:								3px solid #000066;
	color:								#ffffff;
	font-size:							18px;
	margin-bottom:						8px;
	padding:								8px;
}
.admin .cglayoutbox.list.Note h2, .admin .cglayoutbox h2 {
	background-color:					transparent;
	border-style:						none;
	color:								#ffffff;
	float:								left;
	font-size:							18px;
	margin-bottom:						8px;
	padding:								8px;
}
.admin .cglayoutbox.list h2, .admin .cglayoutbox.map h2 {
	background-color:					#000066;
	border:								3px solid #000066;
	color:								#ffffff;
	float:								none;
	font-size:							18px;
	margin-bottom:						8px;
	min-height:							42px;
	padding:								4px;
}
.admin .cglayoutbox .cglayoutbox h2 {
	float:								none;
}
.admin .cglayoutbox.editor h2 span, #aspect.admin .cglayoutbox h2 span {
	font-size:							14px;
}
.admin .cglayoutbox .subheading {
	background-color:					#000066;
	border:								3px solid #000066;
	color:								#ffffff;
	margin-bottom:						8px;
	min-height:							42px;
	padding:								4px;
	text-align:							right;
}
.cglayoutbox .body {
	font-size:							12px;
}
.admin .cglayoutbox .body {
	border:								2px solid #000066;
	border-top-style:					none;
	padding:								15px;
}
.admin .cglayoutbox.editor .body {
	border:								2px solid #000066;
}
.admin .cglayoutbox .body .body {
	border-style:						none;
	padding:								0;
}
.admin .cglayoutbox.messages .body {
	border-style:						none;
}
.admin .cglayoutbox .cmdline {
	border:								2px solid #000066;
	border-bottom-style:				none;
	padding:								5px 15px;
	;
}
.admin .cglayoutbox.editor .cmdline {
	border-style:				none;
}
.admin .listfilter .cmdline {
	border-style:						none;
	padding:								5px 15px;
	;
}
.cglayoutbox .body a, .cglayoutbox .cmdline a {
	color:								#000066;
}
.admin .cglayoutbox .subheading a {
	color:								#ffffff;
	font-weight:						bold;
	text-decoration:					underline;
}
#homepage.user .cglayoutbox h2 {
	display:								none;
}
hr {
	border:								none;
	border-top:							1px solid #ccc;
}
.cgproperty label {
}
.attachments .cglist .fieldeven {
	text-align:							right;
	width:								10%;
}
.attachments .cglist .fieldodd {
	width:								80%;
}
.contents .cglist .item {
	padding-top:						15px;
}
* {
	font-size:							100%
}
:link, :visited {
	text-decoration:					none;
}
h1, h2, h3, h4, h5, h6, pre, code {
	font-size:							12px;
}
/* ictnz scheme */


body {
	background-color:					#ffffff;
}
.page {
}
.container {
}
.fright {
	float: 								right;
}
a:hover {
	text-decoration:					underline;
}
p.register {
	text-align:							center;
}
.panel {
}
.user .panel {
	margin-bottom:						20px;
}
.admin .panel {
	background-color:					#f6f5f0;
	border:								2px solid #000066;
	margin-bottom:						3px;
	padding:								10px;
}
.user #news.panel {
	float: 								left;
	font-size:							12px;
	margin-right: 						10px;
	padding:								0 6px;
	width: 								253px;
}
.user #news.panel p {
	font-size:							12px;
}
.user #news.panel ul {
	font-size:							10px;
}
.user #news.panel h3 {
	font-size:							14px;
}
.user #news.panel ul#newslist,  .user #events.panel ul#eventlist {
	font-size:							12px;
	list-style:							square;
	margin-left:						20px;
}
.user #events.panel {
	float: 								right;
	margin-left:						10px;
	padding: 							0 6px;
	width: 								253px;
}
.panel h2 {
	font-weight:						bold;
	font-size:							12px;
	margin-bottom:						5px;
}
.user .panel h2 {
	background-color:					#000066;
	border:								3px solid #000066;
	color:								#ffffff;
	padding:								0 3px;
}
.admin .panel h2 {
	color:								#666666;
	padding:								0;
}
.panel.highlight h2 {
	background-color:					#000006;
	border:								3px solid #000006;
}
.user #events.panel h2 {
	background-color:					#FF6600;
	border:								3px solid #FF6600;
	margin:								0 -6px 5px -6px;
}
.user #news.panel h2 {
	background-color:					#000006;
	border:								3px solid #000006;
	margin:								0 -6px 5px -6px;
}
.panel label {
	display:								block;
	font-size:							10px;
	font-weight:						normal;
}
.panel label#remember {
	margin-bottom:						5px;
	text-align:							right;
}
.radioitem input {
	margin-top:						1.5px;
}
.panel input {
	margin-bottom:						5px;
	width:								136px;
}
.panel input#User_Cookie {
	margin-bottom:						auto;
	width:								auto;
}
.panel a {
	color:								#000066;
}
.panel h3 {
	font-size:							14px;
	margin-top:							15px;
}
.panel h3 a {
	color:								#333333;
	;
}
.panel h3 .headnote {
	font-size:							10px;
}
.panel h4 {
	font-size:							12px;
	margin-top:							15px;
}
.panel h4 a {
	color:								#333333;
	;
}
.user .panel p {
	font-size:							12px;
	line-height:						1.4em;
	margin:								0.2em 0pt;
}
.panel ul {
	font-size:							10px;
	list-style:							square;
	margin:								5px 0 5px 20px;
	padding:								0;
}
.user #events.panel ul,  .user #news.panel ul {
	list-style:							none;
	margin:								0;
}
.panel button {
	color:								#ffffff;
}
.user .panel button {
	background-color:					#000066;
	border:								3px solid #000066;
}
.admin .panel button {
	background-color:					#000066;
	border:								3px solid #000066;
}
.panel button#logoutBtn {
	background-color:					#FF6600;
	border:								3px solid #FF6600;
}
/***************************

	Login Panel
	
****************************/

#myinfo p,
#youraccount p,
#cart p
 {
	font-size:							10px;
	margin:								1em 0;
}
.admin #membership.panel, .admin #events.panel, .admin #marketing.panel, .admin #finance.panel {
	background-color:					transparent;
	margin-bottom:						8px;
	min-height:							400px;
	overflow:							hidden;
	padding:								0;
	width:								370px;
}
.admin #membership.panel {
	float:								left;
}
.admin #events.panel {
	float:								right;
}
.admin #marketing.panel {
	clear:								both;
	float:								left;
}
.admin #finance.panel {
	float:								right;
}
.admin #membership.panel h2, .admin #events.panel h2, .admin #marketing.panel h2, .admin #finance.panel h2 {
	background-color:					#000066;
	border-bottom:						2px solid #000066;
	color:								#ffffff;
	font-size:							16px;
	padding:								0 3px;
}
.admin #membership.panel h3, .admin #events.panel h3, .admin #marketing.panel h3, .admin #finance.panel h3 {
	border:								0px solid #000066;
	border-bottom-style:				none;
	padding:								0 3px;
}
.admin #membership.panel ul, .admin #events.panel ul, .admin #marketing.panel ul, .admin #finance.panel ul {
	border:								0px solid #000066;
	border-top-style:					none;
	font-size:							12px;
	list-style:							square;
	margin-top:							0;
}
.admin #search.panel h2, .admin #messages.panel h2 {
	color:								#333333;
	;
	font-size:							14px;
	font-weight:						bold;
	margin-bottom:						5px;
}
.admin #messages.panel h3 {
	color:								#FFFFFF;
	font-size:							12px;
	font-weight:						bold;
	margin-bottom:						0px;
}
.admin #messages.panel ul {
	font-size:							10px;
	list-style:							none;
	padding-left:						0;
	margin-left:						0;
}
.admin #messages.panel ul.list {
	list-style:							square;
	padding-left:						20px;
}
.admin .cglayoutbox .cglist h2 {
	font-size:					14px;
	padding:						0;
}
.admin .cglayoutbox .cglist .body {
	padding:						0;
}
.admin .cglayoutbox .cglayoutbox h2 {
	background-color:					transparent;
	border-style:						none;
	color:								#333333;
	font-size:							14px;
}
.listfilter label {
	font-size:							10px;
}
fieldset {
	border-style:						none;
}
legend {
	color:								#000066;
	font-weight:						bold;
}
.ContactSubmission legend {

	color:							#FFFFFF;
}
.cgproperty label {
	font-weight:						bold;
	text-align:							right;
}
.messages .body {
	border-style:						none;
}
.admin .cglayoutbox .cglist .cmdline {
	border-style:						none;
}
.admin .cglayoutbox h2 + .body {
	border:								2px solid #000066;
}
#parenttree {
	clear:both;
	font-size:							10px;
	padding:								10px 7px;
}
.Note .cglist .itemeven {
	background-color:					#eeeeee;
}
.Note .cglist .itemeven, .Note .cglist .itemodd {
	margin-bottom:						15px;
	padding:								5px;
}
.noteinfo, .notecmdline {
	color:								#666666;
	font-size:							10px;
}
.noteinfo {
	margin-bottom:						3px;
}
.notecmdline {
	clear:								both;
	float:								right;
}
.notebody {
}
.notereminder {
	font-weight:						bold;
	margin-bottom:						3px;
}
.cglist .cgproperty {
	margin-bottom:						auto;
	min-height:							inherit;
}
.yui-content {
	padding:								5px;
}
.yui-navset .yui-nav li a {
	padding:								2px 4px;
}
.yui-navset .yui-nav li.selected a {
	padding-bottom:					3px;
}
div#popup {
	padding:								10px;
}
.Person .quickfacts {
	float:								left;
	width:								200px;
	display:none;

}
.Person .contacts {
	float:								right;
	width:								522px;
}
.Person .addresses {
	float:								right;
	width:								522px;
}
.admin .Person .addresses h2 {
	font-size:							12px;
	font-weight:						bold;
	margin:								0;
	padding:								0;
}
.admin .Person .addresses .cmdline {
	border-style:						none;
	margin:								0;
	padding:								0;
}
.admin .Person .addresses .Address label {
	display:								none;
}
.admin .Person .addresses .Address .value {
	margin-left:						0;
	padding-left:						0;
}
.admin .Person .quickfacts label {
	float:								none;
	width:								auto;
}
.admin .Person .quickfacts .value {
	margin-left:						0;
	padding-left:						0;
}
.profileimage {
	margin-right:						10px;
}

.ealert1{
	margin-top:						0px;
	margin-bottom: 0px;
	padding: 0px;
}
.value.check input {
	margin-top:		1px;
}
.value select {
	margin-top:		0px;
        margin-bottom:          5px;  
}
.value input {
	margin-top:		0px;
        margin-bottom:          5px;  
}
