/* ==== GENERIC ====  */

	/* columns/floats */
	.flo300 {float: left; width: 300px;}
	.flo600 {float: right; width: 600px;}
	.flo362 {width: 362px;}
	.flo500 {width: 500px;}
	.flo604 {width: 604px;}
	.flo306 {width: 306px;}

	.top10 {margin-top: 10px;}
	.left10 {margin-left: 10px;}
	.clearme {clear: both;}
	.lhs {float: left;}
	.rhs {float: right;}

	.bg_border {width: 938px; border: 1px solid #E4E4E4;}
	.bg_noborder {width: 940px;}
		.bg_noborder h1	{padding: 15px 30px}
	.bg_colourblock {width: 940px; background:url(../../../images/bg_colourblocks.gif) repeat-y top left; padding: 0;}
	.basic-content {width: 882px; padding: 0 28px;}
	.block-white {width: 940px; background: #FFF; padding: 10px; clear: both;}

	/* change site form */
	form.frmChange {float: right;}
	form.frmChange fieldset {padding: 16px 32px 0 0;}
	form.frmChange label {display: none; color: #FFF; font-size: 1.2em;}
	form.frmChange select {width: 250px; padding: 1px 0; border: 1px solid #131A66; font-family: Arial, sans-serif; font-size: 1.2em; line-height: 1.4em; color: #666;}
	form.frmChange input.btn {background: none; border: none; color: #FFF; font-family: Arial, sans-serif; font-size: 1.2em; line-height: 1.4em;}
	form.frmChange ol {margin: 0;}
	form.frmChange ol li {list-style: none; display: block; clear: left;}

	/* help and logout navigation */
	ul#sys-nav {margin: 18px 0 0 0; float: right;}
	ul#sys-nav li {list-style: none; float: left; display: inline; position: relative; background: url(../../../images/bg_line.gif) no-repeat right center;}
	ul#sys-nav li a {display: block; padding: 0 10px; font-size: 1.2em; line-height: 1.4em; color: #FFF; text-decoration: none; text-transform: lowercase;}
	ul#sys-nav li a:hover { text-decoration: underline;}
		/* remove styles */
		ul#sys-nav li#n2 {background: none;}
		/* active styles */
		ul#sys-nav li a.active {color: #6C9D0A;}

	/* webcentre module navigation */
    #modules {width: 960px; height:46px; display: block; clear: both; margin-top: 1px;}
        #modules ul  {margin: 0; float:left;}
        #modules ul li {list-style: none; float: left; display: inline; position: relative;}
        #modules ul li a {padding: 0 40px; display: block; font-size: 1.4em; line-height: 46px; font-weight: bold; color: #FFF; text-decoration: none; text-transform: lowercase;}
        #modules ul li a:hover    {text-decoration: underline;}
            /* active styles */
            #modules ul li a.active {color: #9C3; background: url(../../../images/bg_module_arrow.gif) no-repeat bottom center;}

	/* footer styles */
	#footer p {margin: 0; padding: 8px 30px;}

	/* login prompt */
	#prompt {margin: 10% 0 0 0; width: 500px; border: 10px solid #FFF; background: #4c54a8 url(../../../images/bg_prompt.gif) repeat-x top left;}
		#prompt img {padding: 20px;}
		#prompt h1 {color: #a8aff6; font-size: 1.5em; padding: 15px 15px 15px 60px;}
		#prompt p {margin-bottom: 20px; color: #FFF; font-weight: bold; font-size: 1.3em;}
			#prompt form {margin: 0 0 10px 60px;}
			#prompt form fieldset	{}
			#prompt form label		{float: left; display: block; width: 120px; padding-top: 3px; font-size: 1.4em; line-height: 1.4em; color: #a8aff6;}
			#prompt form input		{width: 196px; border: 1px solid #666666; padding: 2px 4px; font-family: Arial;}
			#prompt form input.btn	{margin-left: 120px; width: auto; overflow: visible; height: 36px; border: 1px solid #C2C2C2; background: url(../../../images/btn_forward.gif) no-repeat left center; padding: 0 16px 0 46px; font-size: 1.4em; font-family: Arial; font-weight: bold; color: #3b47ad; outline: none;}
			#prompt form ol 		{margin: 0;}
			#prompt form ol li		{list-style: none; display: block; clear: left; margin-bottom: 3px;}

	/* IE6 prompt */
	#ie6prompt {margin: 20px 0 0 0; width: 500px; border: 10px solid #FFF; background: #4c54a8;}
		#ie6prompt h1 {color: #a8aff6; font-size: 1.5em; padding: 15px 15px 10px 60px;}
		#ie6prompt p {margin-bottom: 20px; color: #FFF; font-weight: bold; font-size: 1.3em;  padding: 5px 60px;}
			#ie6prompt p a:link, #ie6prompt p a:visited {color: #FFF; text-decoration: underline;}
			#ie6prompt p a:hover, #ie6prompt p a:active	{color: #FFF; text-decoration: none;}

	/* welcome panels */
	.bg_panels {width: 940px; background: url(../../../images/bg_panel-intro.gif) no-repeat bottom left;}

	.panel-intro {float: left; width: 180px; display: inline; background: #f1f1f1; }
		.panel-intro h1 {font-size: 1.6em; color: #FFF; background: #6B76D3 url(../../../images/bg_h1_welcome.gif) no-repeat 8px 12px; padding: 8px 10px 10px 29px;}
			.panel-intro h1 a:link, .panel-intro h1 a:visited 	{color: #FFF; text-decoration: none;}
			.panel-intro h1 a:hover, .panel-intro h1 a:active	{color: #FFF; text-decoration: underline;}
		.panel-intro ul {margin:0; border: 1px solid #e4e4e4;}
		.panel-intro ul li {list-style: none; border-top: 1px solid #e4e4e4;}
		.panel-intro ul li a {width: 145px; display: block; padding: 4px 4px 4px 29px; background:url(../../../images/arrow_navy.gif) no-repeat 13px 11px; font-size: 1.1em; line-height: 1.4em; font-weight: bold; text-decoration: none; color: #4648AE;}
		.panel-intro ul li a:hover { text-decoration: underline;}
			.panel-intro ul li a:link, .panel-intro ul li a:visited {color: #4648AE; text-decoration: none;}
			.panel-intro ul li a:hover, .panel-intro ul li  a:active {color: #4648AE; text-decoration: underline;}
		.panel-intro p {padding: 5px 10px; font-size: 1.1em; line-height: 1.4em; font-weight: bold; color: #4648AE;}
	
	/* tasks styles */
	.panel-tasks {float: left; width: 748px; height: 228px; display: inline; background: #f1f1f1; border: 1px solid #e4e4e4;}
		.panel-tasks iframe {margin: 0; padding: 0;}

	.task-contain {width: 735px; display: block;}
		.task-contain h1 {font-size: 1.6em; color: #FFF; background: #6B76D3 url(../../../images/bg_h1_welcome.gif) no-repeat 8px 12px; padding: 8px 10px 9px 29px;}
		.task-contain p {padding: 4px 10px; margin: 0 0 0.8em 0; font-size: 1.1em; line-height: 1.4em; font-weight: bold; color: #4648AE;}
		.task-contain ul {margin:0; border: 1px solid #e4e4e4;}
		.task-contain ul li {list-style: none; border-top: 1px solid #e4e4e4;}
		.task-contain ul li a {width: 200px; display: block; padding: 4px 4px 4px 29px; background:url(../../../images/arrow_navy.gif) no-repeat 13px 11px; font-size: 1.1em; line-height: 1.4em; font-weight: bold; text-decoration: none; color: #4648AE;}
		.task-contain ul li a:hover { text-decoration: underline;}
			.task-contain ul li a:link, .task-contain ul li a:visited {color: #4648AE; text-decoration: none;}
			.task-contain ul li a:hover, .task-contain ul li  a:active {color: #4648AE; text-decoration: underline;}
		.task-contain table.tblTask		{border-collapse: collapse; margin: 10px;}
		.task-contain table.tblTask tr	{}
		.task-contain table.tblTask th	{vertical-align: top; padding: 5px; line-height: 1.4em; font-size: 1.2em; background: #FFF; color:#333; border: 1px solid #E4E4E4;}
		.task-contain table.tblTask td	{vertical-align: top; padding: 5px; line-height: 1.4em; font-size: 1.1em; background: #FFF; border: 1px solid #E4E4E4;}
			.task-contain table.tblTask td a:link, .task-contain table.tblTask td a:visited {color: #000; text-decoration: none;}
			.task-contain table.tblTask td a:hover, .task-contain table.tblTask td a:active	{color: #000; text-decoration: underline;}
		.task-contain form {margin: 10px;}
		.task-contain form fieldset	{width: 715px; border: 1px solid #E4E4E4; border-width: 1px 1px 0 1px;}
		.task-contain form label {float: left; display: block; width: 150px; padding: 4px 0 0 20px; font-size: 1.1em; line-height: 1.4em; font-weight: bold; color: #4648AE;}
		.task-contain form input {width: 300px; border: 1px solid #666666; padding: 2px 4px; font-family: Arial; font-size: 1.1em; line-height: 1.4em;}
				.task-contain form input.sml {width: 100px;}
		.task-contain form select {width: 310px; border: 1px solid #666666; padding: 2px 0 2px 4px; font-family: Arial; font-size: 1.1em; line-height: 1.4em;}
				.task-contain form select.sml {width: 102px;}
		.task-contain form textarea {width: 300px; height: 100px; border: 1px solid #666666; padding: 2px 4px; font-family: Arial; font-size: 1.1em; line-height: 1.4em;}
				.task-contain form textarea.lrg {width: 650px;}
				.task-contain form textarea.insert {width: 650px; height: 300px;}
			.task-contain form input.btn {margin-left: 180px; width: auto; overflow: visible; height: 36px; border: 1px solid #C2C2C2; background: url(../../../images/bg_button.gif) no-repeat left center; padding: 0 16px; font-size: 1.1em; font-family: Arial; font-weight: bold; color: #3b47ad; outline: none;}
		.task-contain form ol {margin: 0;}
		.task-contain form ol li {list-style: none; display: block; clear: left; background: #FFF; padding: 3px 0; border-bottom: 1px solid #E4E4E4;}

	/* deployment panels */
	.panel-deploy {float: left; width: 304px; display: inline; border: 1px solid #E6E6E6; border-width: 1px 1px 0 1px; background: #F9F9F9;}
		.panel-deploy h1 {font-size: 1.8em; color: #000; padding: 10px 30px; background: #FFF;}
		.panel-deploy h2 {font-size: 1.4em; color: #000; padding: 6px 30px; background: #f1f1f1; border: 1px solid #E6E6E6; border-width: 1px 0;}
		.panel-deploy ul {margin:0; border-top: 1px solid #E6E6E6;}
		.panel-deploy ul li {list-style: none; border-bottom: 1px solid #E6E6E6;}
		.panel-deploy ul li a {width: 270px; display: block; padding: 4px 4px 4px 30px; background:url(../../../images/arrow_navy.gif) no-repeat 15px 11px; font-size: 1.2em; line-height: 1.4em; font-weight: bold; text-decoration: none; color: #4648AE;}
		.panel-deploy ul li a:hover { text-decoration: underline;}
			.panel-deploy ul li a:link, .panel-deploy ul li a:visited {color: #4648AE; text-decoration: none;}
			.panel-deploy ul li a:hover, .panel-deploy ul li  a:active {color: #4648AE; text-decoration: underline;}

		.panel-deploy form {margin: 0;}
		.panel-deploy form fieldset {border: 1px solid #E6E6E6; border-width: 1px 0; width: 274px; padding: 0 0 10px 30px;}
		.panel-deploy form label {padding: 4px 0; display: block; font-size: 1.2em; line-height: 1.4em; font-weight: bold; text-decoration: none; color: #333;}
		.panel-deploy form select {width: 250px; padding: 1px 0; border: 1px solid #333; font-family: Arial, sans-serif; font-size: 1.2em; line-height: 1.4em; color: #666;}
		.panel-deploy form input.btn {background: none; border: none; color: #4648AE; font-family: Arial, sans-serif; font-size: 1.2em; line-height: 1.4em; font-weight: bold;}
		.panel-deploy form ol {margin: 0;}
		.panel-deploy form ol li {list-style: none; display: block; clear: left;}

	/* back button */
	p.back-button {font-size: 1em; font-weight: bold; line-height: 1.4em; font-weight: bold; color: #3b47ad; margin: 5px 0 0 20px; display: block;}
		p.back-button a:link, p.back-button a:visited 	{color: #3b47ad; text-decoration: none; border: 1px solid #C2C2C2; background: #DEDEDE url(../../../images/bg_back.gif) no-repeat left top; padding: 3px 10px 2px 37px;}
		p.back-button a:hover, p.back-button a:active	{color: #3b47ad; text-decoration: underline; border: 1px solid #C2C2C2; background: #DEDEDE url(../../../images/bg_back.gif) no-repeat left top; padding: 3px 10px 2px 37px;}

/* ==== PUBLISHER ==== */

	/* welcome screen - tasks */
	#tasks h3 {font-size: 1.8em; margin-bottom: 5px;}
	#tasks p {font-size: 1.1em; color: #4648ae;}
		#tasks p a:link, #tasks p a:visited {color: #4648ae; text-decoration: underline;}
		#tasks p a:hover, #tasks p a:active {color: #4648ae; text-decoration: none;}

	/* info arch list structure */
	ul.structure-tree {margin:0;}
	ul.structure-tree li {list-style: none; margin: 0 0 3px 0;}
		ul.structure-tree  ul.level2 {margin: -67px 0 0 188px;}
		ul.structure-tree  ul.level3 {margin: -67px 0 0 188px;}
		ul.structure-tree  ul.level4 {margin: -67px 0 0 188px;}
		ul.structure-tree  ul.level5 {margin: -67px 0 0 188px;}

	/* content editor list structure */		
	ul.structure-tree2 {margin:0;}
	ul.structure-tree2 li {list-style: none; margin: 0 0 3px 0;}
		ul.structure-tree2 ul.level2 {margin: 0 0 0 188px;}
		ul.structure-tree2 ul.level3 {margin: 0 0 0 188px;}
		ul.structure-tree2 ul.level4 {margin: 0 0 0 188px;}
		ul.structure-tree2 ul.level5 {margin: 0 0 0 188px;}

	/* expand shrink panels */
	.hideshow {width: 940px; height: 24px; display: block; padding: 5px 0; margin-bottom: 0.8em; clear: both; border-bottom: 1px solid #FFF;}
	.hideshow ul {margin: 0 0 0 188px;}
	.hideshow ul li {list-style: none; text-align: right; width: 178px; float: left; display: inline; position: relative; margin: 0 5px;}
	.hideshow ul li a {font-size: 1em; line-height: 1.4em; font-weight: bold; color: #3B47AD; text-decoration: none; text-align: left;}
	.hideshow ul li span a {float: right; display: block; border: 1px solid #4548AE; width: 60px; padding: 3px 25px 2px 5px; background: #dedede;}
		.hideshow ul li span a.shrink {background: #dedede url(../../../images/bg_shrink.gif) no-repeat top right;}
		.hideshow ul li span a.expand {background: #dedede url(../../../images/bg_expand.gif) no-repeat top right;}
	.hideshow ul li a:hover {text-decoration: underline;}
		.hideshow a:link, .hideshow a:visited 	{color: #3B47AD; text-decoration: none;}
		.hideshow a:hover, .hideshow a:active	{color: #3B47AD; text-decoration: underline;}

	/* information architecture panel */ 
	.panel-info {margin: 0 5px; width: 176px; display: block; padding-bottom: 6px; border: 1px solid #4548AE; background: #EDEDED; overflow: hidden;}

		.panel-info ul {margin: 0 0 0 0;}
			.panel-info ul.lhs {float: left; margin: 6px 0 6px 3px;}
			.panel-info ul.rhs {float: right; margin: 6px 3px 6px 0;}
			.panel-info ul.base {margin: 6px 0 6px 3px;}

		.panel-info ul li {list-style: none; float: left; display: inline; position: relative; margin: 0 2px 0 0; text-transform: lowercase;}
		.panel-info ul li a {width: 21px; height: 20px; display: block; border: 1px solid #9FA0C3; text-indent: -9999px; overflow: hidden; font-size: 1em; color: #4648AE; text-decoration: none; background: #FFF; text-align: center;}
		.panel-info ul li a:hover {border: 1px solid #4548AE;}
		.panel-info ul li a:link, .panel-info ul li a:visited 	{color: #4648AE; text-decoration: none;}
		.panel-info ul li a:hover, .panel-info ul li a:active	{color: #4648AE; text-decoration: underline;}
			/* icon styles */
			.panel-info ul li.p1 a {background: #FFF url(../../../images/info-arch/anchor.gif) no-repeat 50% 50%;}
			.panel-info ul li.p1active a {background: #FFF url(../../../images/info-arch/anchor_active.gif) no-repeat 50% 50%;}
			.panel-info ul li.anchor a {background: #FFF url(../../../images/info-arch/anchor.gif) no-repeat 50% 50%;}
			.panel-info ul li.anchoractive a {background: #FFF url(../../../images/info-arch/anchor_active.gif) no-repeat 50% 50%;}

			.panel-info ul li.p2 a {background: #FFF url(../../../images/info-arch/moveup.gif) no-repeat 50% 50%;}
			.panel-info ul li.p3 a {background: #FFF url(../../../images/info-arch/reparent.gif) no-repeat 50% 50%;}
			.panel-info ul li.p4 a {background: #FFF url(../../../images/info-arch/uplist.gif) no-repeat 50% 50%;}
			.panel-info ul li.p5 a {background: #FFF url(../../../images/info-arch/downlist.gif) no-repeat 50% 50%;}

			.panel-info ul li.p6, .panel-info ul li.p6active {margin-right: 0;}
			.panel-info ul li.p6 a {background: #FFF url(../../../images/info-arch/bookmark.gif) no-repeat 50% 50%;}
			.panel-info ul li.p6active a {background: #FFF url(../../../images/info-arch/bookmark_active.gif) no-repeat 50% 50%;}
			.panel-info ul li.bookmark, .panel-info ul li.bookmarkactive {margin-right: 0;}
			.panel-info ul li.bookmark a {background: #FFF url(../../../images/info-arch/bookmark.gif) no-repeat 50% 50%;}
			.panel-info ul li.bookmarkactive a {background: #FFF url(../../../images/info-arch/bookmark_active.gif) no-repeat 50% 50%;}

			.panel-info ul li.p7 a {background: #FFF; text-indent: 0px; width: 34px; line-height: 20px; font-weight: bold;}
			.panel-info ul li.p8 a {background: #FFF; text-indent: 0px; width: 34px; line-height: 20px; font-weight: bold;}
			.panel-info ul li.p9 a {width: 28px; height: 20px; background: #FFF url(../../../images/info-arch/approve.gif) no-repeat 50% 50%;}
			.panel-info ul li.p10 a {width: 28px; height: 20px; background: #FFF url(../../../images/info-arch/unapprove.gif) no-repeat  50% 50%;}
			.panel-info ul li.p11 a {width: 28px; height: 20px; background: #FFF url(../../../images/info-arch/delete.gif) no-repeat  50% 50%;}

		.panel-info h2 {display: block; margin: 0; padding: 0; font-size: 1em; line-height: 19px; color: #000; background: #FFF; border: 1px solid #9FA0C3; border-width: 1px 0;}
			.panel-info h2.approved {width:144px; padding: 6px 3px 6px 29px; background: #FFF url(../../../images/info-arch/status-approved.gif) no-repeat 3px 9px; display: block;}
			.panel-info h2.unapproved {width:144px; padding: 6px 3px 6px 29px; background: #FFF url(../../../images/info-arch/status-unapproved.gif) no-repeat  3px 10px;}
			.panel-info h2.pending {width:144px; padding: 6px 3px 6px 29px; background: #FFF url(../../../images/info-arch/status-pending.gif) no-repeat  3px 10px;}
			.panel-info h2.deleted {width:144px; padding: 6px 3px 6px 29px; background: #FFF url(../../../images/info-arch/status-deleted.gif) no-repeat  3px 10px;}

	/* content editor panel */ 
	.panel-content {margin: 0 5px; width: 176px; display: block; padding-bottom: 6px; border: 1px solid #4548AE; background: #EDEDED; overflow: hidden;}

		.panel-content ul {margin: 0 0 0 0;}
			.panel-content ul.top {float: left; margin: 6px 0 6px 3px;}
			.panel-content ul.lhs {float: left; margin: 6px 0 0 3px;}
			.panel-content ul.rhs {float: right; margin: 6px 0 0 0;}
		.panel-content ul li {list-style: none; float: left; display: inline; position: relative; margin: 0 2px 0 0; text-transform: lowercase;}
		.panel-content ul li a {width: 21px; height: 20px; display: block; border: 1px solid #9FA0C3; text-indent: -9999px; overflow: hidden; font-size: 1em; color: #4648AE; text-decoration: none; background: #FFF; text-align: center;}
		.panel-content ul li a:hover {border: 1px solid #4548AE;}
		.panel-content ul li a:link, .panel-content ul li a:visited {color: #4648AE; text-decoration: none;}
		.panel-content ul li a:hover, .panel-content ul li a:active	{color: #4648AE; text-decoration: underline;}
			/* icon styles */
			.panel-content ul li.p1 a {background: #FFF url(../../../images/info-arch/list.gif) no-repeat 5px 55%; text-indent: 0px; width: 67px; line-height: 20px; font-weight: bold; padding-left: 15px;}
			.panel-content ul li.p2 a {background: #FFF url(../../../images/info-arch/new.gif) no-repeat 5px 55%; text-indent: 0px; width: 67px; line-height: 20px; font-weight: bold; padding-left: 15px;}
			.panel-content ul li.p3 a {background: #FFF url(../../../images/info-arch/anchor.gif) no-repeat  50% 50%;}
			.panel-content ul li.anchor a {background: #FFF url(../../../images/info-arch/anchor.gif) no-repeat  50% 50%;}
			.panel-content ul li.anchoractive a {background: #FFF url(../../../images/info-arch/anchor_active.gif) no-repeat 50% 50%;}

		.panel-content h1 {display: block; margin: 0; padding: 0; font-size: 1.1em; line-height: 17px; color: #000; background: #FFF; border: 1px solid #9FA0C3; border-width: 1px 0;}
			.panel-content h1 a:link, .panel-content h1 a:visited 	{color: #06C; text-decoration: underline;}
			.panel-content h1 a:hover, .panel-content h1 a:active	{color: #06C; text-decoration: none;}
			.panel-content h1.approved {width:144px; padding: 6px 3px 6px 29px; background: #FFF url(../../../images/info-arch/status-approved.gif) no-repeat 3px 7px; display: block;}
			.panel-content h1.unapproved {width:144px; padding: 6px 3px 6px 29px; background: #FFF url(../../../images/info-arch/status-unapproved.gif) no-repeat  3px 7px;}
			.panel-content h1.pending {width:144px; padding: 6px 3px 6px 29px; background: #FFF url(../../../images/info-arch/status-pending.gif) no-repeat  3px 7px;}
			.panel-content h1.deleted {width:144px; padding: 6px 3px 6px 29px; background: #FFF url(../../../images/info-arch/status-deleted.gif) no-repeat  3px 7px;}

	/* content article lists */
	.panel-listing	{margin: 0 5px; width: 366px; padding-top:4px; background: url(../../../images/info-arch/list-arrow.gif) no-repeat top left; margin-bottom: 3px;}
	.content-list {width: 364px; display: block; border: 1px solid #4548AE; background: #DEDEDE; overflow: hidden;}

	ul.level5 .panel-listing {margin-left: -183px; background-position: top right;}

		.content-list h2 {padding: 6px; font-size: 1.1em; color: #666; background: #ededed; border-bottom: 1px solid #9fa0c3}
		.content-list ul {margin: 0 0 0 0;}
			.content-list ul.lhs {float: left; margin: 0 0 0 0;}
			.content-list ul.rhs {float: right; margin: 3px 3px 3px 0;}
		.content-list ul li {list-style: none; float: left; display: inline; position: relative; margin: 0 2px 0 0; text-transform: lowercase;}
		.content-list ul li a {width: 19px; height: 20px; display: block; border: 1px solid #9FA0C3; text-indent: -9999px; overflow: hidden; font-size: 1em; color: #4648AE; text-decoration: none; background: #FFF; text-align: center;}
		.content-list ul li a:hover {border: 1px solid #4548AE;}
		.content-list ul li a:link, .content-list ul li a:visited {color: #4648AE; text-decoration: none;}
		.content-list ul li a:hover, .content-list ul li a:active	{color: #4648AE; text-decoration: underline;}
			/* icon styles */
			.content-list ul li.p4 {margin: 0 0 0 0;}
			.content-list ul li.p4 a {background: #FFF url(../../../images/info-arch/close.gif) no-repeat 5px 55%; text-indent: 0px; width: 34px; line-height: 20px; font-weight: bold; padding-left: 15px;}
			.content-list ul li.p5 a {background: #FFF url(../../../images/info-arch/bookmark.gif) no-repeat 50% 50%;}
			.content-list ul li.p5active a {background: #FFF url(../../../images/info-arch/bookmark_active.gif) no-repeat 50% 50%;}
			.content-list ul li.bookmark a {background: #FFF url(../../../images/info-arch/bookmark.gif) no-repeat 50% 50%;}
			.content-list ul li.bookmarkactive a {background: #FFF url(../../../images/info-arch/bookmark_active.gif) no-repeat 50% 50%;}
			.content-list ul li.p6 a {background: #FFF; text-indent: 0px; width: 30px; line-height: 20px; font-weight: bold;}
			.content-list ul li.p7 a {width: 20px; height: 20px; background: #FFF url(../../../images/info-arch/revert.gif) no-repeat 50% 50%;}
			.content-list ul li.p8 a {width: 20px; height: 20px; background: #FFF url(../../../images/info-arch/approve.gif) no-repeat 50% 50%;}
			.content-list ul li.p9 a {width: 20px; height: 20px; background: #FFF url(../../../images/info-arch/unapprove.gif) no-repeat  50% 50%;}
			.content-list ul li.p10 {margin: 0 0 0 0;}
			.content-list ul li.p10 a {width: 20px; height: 20px; background: #FFF url(../../../images/info-arch/delete.gif) no-repeat  50% 50%;}

			.article {width: 364px; display: block; margin: 2px 0; border: 1px solid #CDCDCD; background: #FFF url(../../../images/info-arch/bg_article.gif) repeat-y top left; border-width: 1px 0;}
				.article h3 {font-size: 1.1em; font-weight: normal; color: #000; float: left;}
				.article h3 a:link, .article h3 a:visited 	{color: #000; text-decoration: underline;}
				.article h3 a:hover, .article h3 a:active	{color: #000; text-decoration: none;}
				.article h3.approved {width:180px; padding: 6px 0 6px 25px; background: #FFF url(../../../images/info-arch/status-approved_sml.gif) no-repeat 6px 8px; display: block;}
				.article h3.unapproved {width:180px; padding: 6px 0 6px 25px; background: #FFF url(../../../images/info-arch/status-unapproved_sml.gif) no-repeat  6px 8px;}
				.article h3.pending {width:180px; padding: 6px 0 6px 25px; background: #FFF url(../../../images/info-arch/status-pending_sml.gif) no-repeat  6px 8px;}
				.article h3.deleted {width:180px; padding: 6px 0 6px 25px; background: #FFF url(../../../images/info-arch/status-deleted_sml.gif) no-repeat  6px 8px;}
				.article ul.rhs { margin: 6px 3px 3px 0;}

	/* content article search */
	.content-search {width: 562px; display: block; border: 1px solid #4548AE; background: #DEDEDE; overflow: hidden; margin-bottom: 3px;}

		.content-search h2 {padding: 6px; font-size: 1.2em; color: #000; background: #fff; border-bottom: 1px solid #9fa0c3}
				.content-search h2 a:link, .content-search h2 a:visited 	{color: #000; text-decoration: underline;}
				.content-search h2 a:hover, .content-search h2 a:active	{color: #000; text-decoration: none;}
				.content-search h2.approved {width:521px; padding: 6px 6px 6px 35px; background: #FFF url(../../../images/info-arch/status-approved_sml.gif) no-repeat 6px 8px; display: block;}
				.content-search h2.unapproved {width:521px; padding: 6px 6px 6px 35px; background: #FFF url(../../../images/info-arch/status-unapproved_sml.gif) no-repeat  6px 8px;}
				.content-search h2.pending {width:521px; padding: 6px 6px 6px 35px; background: #FFF url(../../../images/info-arch/status-pending_sml.gif) no-repeat  6px 8px;}
				.content-search h2.deleted {width:521px; padding: 6px 6px 6px 35px; background: #FFF url(../../../images/info-arch/status-deleted_sml.gif) no-repeat  6px 8px;}

		.content-search ul {margin: 0 0 0 0;}
			.content-search ul.lhs {float: left; margin: 0 0 0 0;}
			.content-search ul.rhs {float: right; margin: 3px 3px 3px 0;}
		.content-search ul li {list-style: none; float: left; display: inline; position: relative; margin: 0 2px 0 0; text-transform: lowercase;}
		.content-search ul li a {width: 19px; height: 20px; display: block; border: 1px solid #9FA0C3; text-indent: -9999px; overflow: hidden; font-size: 1em; color: #4648AE; text-decoration: none; background: #FFF; text-align: center;}
		.content-search ul li a:hover {border: 1px solid #4548AE;}
			.content-search ul li a:link, .content-list ul li a:visited {color: #4648AE; text-decoration: none;}
			.content-search ul li a:hover, .content-list ul li a:active	{color: #4648AE; text-decoration: underline;}
			/* icon styles */
			.content-search ul li.p4 {margin: 0 0 0 0;}
			.content-search ul li.p4 a {background: #FFF url(../../../images/info-arch/close.gif) no-repeat 5px 55%; text-indent: 0px; width: 34px; line-height: 20px; font-weight: bold; padding-left: 15px;}
			.content-search ul li.p5 a {background: #FFF url(../../../images/info-arch/bookmark.gif) no-repeat 50% 50%;}
			.content-search ul li.p5active a {background: #FFF url(../../../images/info-arch/bookmark_active.gif) no-repeat 50% 50%;}
			.content-search ul li.bookmark a {background: #FFF url(../../../images/info-arch/bookmark.gif) no-repeat 50% 50%;}
			.content-search ul li.bookmarkactive a {background: #FFF url(../../../images/info-arch/bookmark_active.gif) no-repeat 50% 50%;}
			.content-search ul li.p6 a {background: #FFF; text-indent: 0px; width: 30px; line-height: 20px; font-weight: bold;}
			.content-search ul li.p7 a {width: 20px; height: 20px; background: #FFF url(../../../images/info-arch/revert.gif) no-repeat 50% 50%;}
			.content-search ul li.p8 a {width: 20px; height: 20px; background: #FFF url(../../../images/info-arch/approve.gif) no-repeat 50% 50%;}
			.content-search ul li.p9 a {width: 20px; height: 20px; background: #FFF url(../../../images/info-arch/unapprove.gif) no-repeat  50% 50%;}
			.content-search ul li.p10 {margin: 0 0 0 0;}
			.content-search ul li.p10 a {width: 20px; height: 20px; background: #FFF url(../../../images/info-arch/delete.gif) no-repeat  50% 50%;}
			.content-search .article {width: 562px; display: block; border: 1px solid #CDCDCD; background: #FFF; border-width: 1px 0;}
				.content-search .article h3 {padding: 6px 6px 0 6px; font-size: 1.2em; font-weight: normal; color: #000; float: left;}
				.content-search .article h3 a:link, .content-search .article h3 a:visited 	{color: #000; text-decoration: underline;}
				.content-search .article h3 a:hover, .content-search .article h3 a:active	{color: #000; text-decoration: none;}
		
	/* Content Editor Form */
	.ed_block {width: 918px; display: block; background: #f9f9f9; border-top: 1px solid #e4e4e4; padding: 10px;}
	.ed_620 {float: left; width: 600px;}
	.ed_300 {float: right; width: 300px;}

	form.frmEditor	{margin: 0;}
	form.frmEditor .ed_300 fieldset	{}
	form.frmEditor .ed_300 label		{float: left; display: block; width: 100%; padding: 2px 0; font-size: 1.2em; line-height: 1.4em;}
	form.frmEditor .ed_300 input		{width: 289px; border: 1px solid #3c3c3c; padding: 2px 4px; font-family: Arial; font-size: 1.2em; line-height: 1.4em;}
			form.frmEditor .ed_300 input.sml {width: 100px;}
	form.frmEditor .ed_300 select		{width: 289px; border: 1px solid #3c3c3c; padding: 2px 0 2px 4px; font-family: Arial; font-size: 1.2em; line-height: 1.4em;}
			form.frmEditor .ed_300 select.sml {width: 102px;}
	form.frmEditor .ed_300 textarea	{width: 289px; height: 100px; border: 1px solid #3c3c3c; padding: 2px 4px; font-family: Arial; font-size: 1.2em; line-height: 1.4em;}
			form.frmEditor .ed_300 textarea.low {height: 40px;}
			form.frmEditor .ed_300 textarea.high {height: 300px;}
		form.frmEditor .ed_300 input.file	{width: 288px; border: 1px solid #3c3c3c; padding: 2px 4px; font-family: Arial; background: #FFF;}
		form.frmEditor .ed_300 input.rad	{width: auto; border: none; float: left; display: block; margin-bottom: 0;}
		form.frmEditor .ed_300 input.chk	{width: auto; border: none; float: left; display: block; margin-bottom: 0;}
		form.frmEditor .ed_300 input.btn	{width: auto; overflow: visible; height: 36px; border: 1px solid #C2C2C2; background: #c3c3c3 url(../../../images/btn_forward.gif) no-repeat left center; padding: 0 16px 0 36px; font-size: 1.4em; font-family: Arial; font-weight: bold; color: #3b47ad; outline: none;}
	form.frmEditor ol 			{margin: 0;}
	form.frmEditor ol li		{list-style: none; display: block; clear: left; margin-bottom: 4px;}
		form.frmEditor ol li span { font-size: 1em; font-style: italic;}		
		
	/* extra content editor buttons */
	p.btn-extra {width: 100%; background: url(../../../images/btn_content_extra.gif) no-repeat top left;}
		p.btn-extra a:link, p.btn-extra a:visited 	{display: inline-block; padding: 0 16px 0 44px; margin-left: 16px; font-size: 1.4em; line-height: 40px; font-family: Arial; font-weight: bold; color: #3b47ad; text-decoration: none;}
		p.btn-extra a:hover, p.btn-extra a:active	{display: inline-block; padding: 0 16px 0 44px; margin-left: 16px; font-size: 1.4em; line-height: 40px; font-family: Arial; font-weight: bold; color: #3b47ad; text-decoration: none;}
		p.btn-extra a.btn-upload { background:url(../../../images/btn_upload.gif) no-repeat left center;}
		p.btn-extra a.btn-switch { background:url(../../../images/btn_switch.gif) no-repeat left center;}
		
	/* rollback buttons and display */
	ul.roll {margin: 0 0 15px 0; clear: both;}
	ul.roll li {list-style: none; float: left; display: inline; position: relative; margin: 0 2px 0 0; text-transform: lowercase;}
	ul.roll li a {display: block; padding: 7px 10px; border: 1px solid #9FA0C3; font-size: 1.1em; line-height: 20px; font-weight: bold; color: #4648AE; text-decoration: none; background: #FFF; text-align: center;}
	ul.roll li a:hover {color: #333;}	

	#preview-block {width: 478px; height: 378px; display: block; background: #fff url(../../../images/pre_bg.gif) top left repeat; border: 1px solid #333; padding: 18px 10px 10px 10px; overflow: auto; margin: 10px 0;}
		#preview-block * {font-size: 12px; line-height: 18px;}

/* ==== ENTWINE ==== */

	/* mailshot steps */
	#steps {width: 940px; display: block; padding: 10px 10px 0 10px; background: #FFF;}
		#steps ul {margin: 0;}
		#steps ul li {font-size: 1.3em; color: #666; line-height: 1.4em; float: left; display: inline; position: relative; padding-right: 35px; margin-right: 2px; background: url(../../../images/bg_steps.gif) no-repeat right center;}
			#steps ul li span {display: block; border: 1px solid #f1f1f1; line-height: 26px; padding: 6px 30px; white-space: nowrap;}
		/* remove styles */
		#steps ul li#s4 {padding-right: 0; background: none; margin-right: 0;}
		/* active styles */
		#steps ul li.active span {border: 1px solid #92C727; background: #92C727; color: #FFF;}

	/* mailshot form style */
	form.frmMailLayout {}
	form.frmMailLayout fieldset {}
	form.frmMailLayout label {float: left; display: block; width: 150px; padding-top: 4px; font-size: 1.2em; line-height: 1.4em;}
	form.frmMailLayout input {width: 400px; border: 1px solid #666666; padding: 3px 4px; font-family: Arial; font-size: 1.2em; line-height: 1.4em;}
		form.frmMailLayout input.file {width: 400px; border: 1px solid #666666; padding: 2px 4px; font-family: Arial; background: #FFF;}
		form.frmMailLayout input.btn {float: left; width: auto; overflow: visible; height: 36px; border: 1px solid #C2C2C2; background: url(../../../images/bg_button.gif) no-repeat right center; padding: 0 58px 0 16px; font-size: 1.4em; font-family: Arial; font-weight: bold; color: #3b47ad; outline: none;}
		form.frmMailLayout input.btnplain {width: auto; overflow: visible; height: 36px; border: 1px solid #C2C2C2; background: url(../../../images/bg_button.gif) no-repeat left center; padding: 0 16px; font-size: 1.4em; font-family: Arial; font-weight: bold; color: #3b47ad; outline: none;}
		form.frmMailLayout input.btn:hover {border: 1px solid #92C727;}
			form.frmMailLayout input.btn.left100 {margin-left: 100px;}
	form.frmMailLayout select {width: 400px; border: 1px solid #666666; padding: 3px 0 3px 4px; font-family: Arial; font-size: 1.2em; line-height: 1.4em;}
		form.frmMailLayout select.sml {width: 150px;}
	form.frmMailLayout textarea {width: 390px; height: 250px; border: 1px solid #666666; padding: 3px 4px; font-family: Arial; font-size: 1.2em; line-height: 1.4em;}
	form.frmMailLayout ol {margin: 0 0 0 29px;}
	form.frmMailLayout ol li {list-style: none; display: block; clear: left;}
	.field {width: 100%; padding: 14px 0; border-top: 1px solid #E4E4E4; background: #f9f9f9;}
		.field h2 {padding: 0 29px;}
		.field p {padding: 0 29px;}

	.field-help {width: 100%; padding: 14px 0; border-top: 1px solid #E4E4E4; background: #f8ffe2;}
		.field-help h2 {padding: 0 29px;}
		.field-help p {padding: 0 29px;}
		.field-help img {padding: 0 29px;}

	/* form back button */
	.field p.btn_back {padding: 0; font-size: 1.4em; font-weight: bold; color: #3b47ad; float: left;}
		p.btn_back a:link, p.btn_back a:visited	{width:31px; display: block; line-height: 34px; border: 1px solid #C2C2C2; background: url(../../../images/btn_back.gif) no-repeat left center; padding: 0 16px 0 58px; color: #3b47ad; outline: none; text-decoration: none;}
		p.btn_back a:hover, p.btn_back a:active	{display: block; line-height: 34px; border: 1px solid #C2C2C2; background: url(../../../images/btn_back.gif) no-repeat left center; padding: 0 16px 0 58px; color: #3b47ad; outline: none; text-decoration: none;}

	/* misc form for entwine */
	form.frmMisc {padding: 0 29px}
	form.frmMisc fieldset {} 
	form.frmMisc input.btn	{margin: 0; width: auto; overflow: visible; height: 36px; border: 1px solid #C2C2C2; background: url(../../../images/bg_button.gif) no-repeat left center; padding: 0 16px; font-size: 1.1em; font-family: Arial; font-weight: bold; color: #3b47ad; outline: none;}
	form.frmMisc input.nextbtn {width: auto; overflow: visible; height: 36px; border: 1px solid #C2C2C2; background: url(../../../images/bg_button.gif) no-repeat right center; padding: 0 58px 0 16px; font-size: 1.4em; font-family: Arial; font-weight: bold; color: #3b47ad; outline: none;}
	form.frmMisc ol {margin: 0;}
	form.frmMisc ol li 	{list-style: none; display: block; clear: left;}

	#saveChanges{display: none; float: left; width: 200px; height: 60px; background: #9FA0C3; padding: 15px;}

	/* success/fail messages */
	.user-notice {margin: 10px 29px; width: 878px; border: 1px solid #E4E4E4; background: #fff;}
		.user-notice.pass {background: #ecffe2;}
		.user-notice.fail {background: #ffe7e2;}
		.user-notice p {padding: 10px 20px; margin: 0; font-weight: normal; font-size: 1.7em; line-height: 32px;}
		.user-notice p img {margin-right: 20px; vertical-align: middle;}

	/* mailshot styled table */ 
	table.tblMail		{border: 1px solid #E4E4E4; margin: 0 29px;}
	table.tblMail tr	{}
	table.tblMail th	{vertical-align: top; padding: 5px; border: 1px solid #E4E4E4; line-height: 1.4em; font-size: 1.2em;}
	table.tblMail td	{vertical-align: top; padding: 5px; border: 1px solid #E4E4E4; line-height: 1.4em; font-size: 1.2em;}

	/* mailshot review before send */
	.entwine-summary {width: 100%; display: block; background: #f9f9f9;}
		.entwine-summary h2 {padding: 10px 29px; font-size: 1.4em; color: #666; background: #f1f1f1; border: 1px solid #e4e4e4; border-width: 1px 0; margin: 0;}
		.entwine-summary p {}

		.entwine-summary table {border-collapse: collapse; margin:  10px 29px 9px 29px;}
		.entwine-summary table tr {}
		.entwine-summary table th {vertical-align: top; padding: 5px 5px 5px 0; line-height: 1.4em; font-size: 1.2em; font-weight: bold; text-align: left; background: #FFF; border-bottom:1px solid #f9f9f9;}
		.entwine-summary table td {vertical-align: top; padding: 5px; line-height: 1.4em; font-size: 1.2em; background: #FFF; border-bottom:1px solid #f9f9f9;}

	/* edit stage */
	p.btn_edit {margin: 6px 29px 0 0; padding: 0; font-size: 1.2em; font-weight: bold; color: #3b47ad; float: right;}
		p.btn_edit a:link, p.btn_edit a:visited	{width:31px; display: block; line-height: 26px; border: 1px solid #C2C2C2; background: url(../../../images/btn_sml_back.gif) no-repeat left center; padding: 0 16px 0 42px; color: #3b47ad; outline: none; text-decoration: none;}
		p.btn_edit a:hover, p.btn_edit a:active	{display: block; line-height: 26px; border: 1px solid #C2C2C2; background: url(../../../images/btn_sml_back.gif) no-repeat left center; padding: 0 16px 0 42px; color: #3b47ad; outline: none; text-decoration: none;}

	/* add button */
	p.btn_plus {padding: 0; font-size: 1.4em; font-weight: bold; color: #3b47ad; float: left;}
		p.btn_plus a:link, p.btn_plus a:visited	{width:200px; display: block; line-height: 34px; border: 1px solid #C2C2C2; background: url(../../../images/btn_lrg_plus.gif) no-repeat left center; padding: 0 16px 0 58px; color: #3b47ad; outline: none; text-decoration: none;}
		p.btn_plus a:hover, p.btn_plus a:active	{display: block; line-height: 34px; border: 1px solid #C2C2C2; background: url(../../../images/btn_lrg_plus.gif) no-repeat left center; padding: 0 16px 0 58px; color: #3b47ad; outline: none; text-decoration: none;}

	/* reports button */
	p.btn_pie {padding: 0; font-size: 1.4em; font-weight: bold; color: #3b47ad; float: left;}
		p.btn_pie a:link, p.btn_pie a:visited	{width:200px; display: block; line-height: 34px; border: 1px solid #C2C2C2; background: url(../../../images/btn_lrg_pie.gif) no-repeat left center; padding: 0 16px 0 58px; color: #3b47ad; outline: none; text-decoration: none;}
		p.btn_pie a:hover, p.btn_pie a:active	{display: block; line-height: 34px; border: 1px solid #C2C2C2; background: url(../../../images/btn_lrg_pie.gif) no-repeat left center; padding: 0 16px 0 58px; color: #3b47ad; outline: none; text-decoration: none;}

	/* subscriber overview */
	.subscriber-deploy {width: 306px; display: inline; background: #F9F9F9;}
		.subscriber-deploy.lrg {width: 624px;}
		.subscriber-deploy h1 {font-size: 1.8em; color: #000; padding: 10px 29px; background: #FFF; border: 1px solid #E6E6E6; border-width: 1px 1px 0 1px;}
		.subscriber-deploy h2 {font-size: 1.4em; color: #000; padding: 6px 30px; background: #f1f1f1; border: 1px solid #E6E6E6;margin: 0;}
		.subscriber-deploy ul {margin:0; border-top: 1px solid #E6E6E6;}
		.subscriber-deploy ul li {list-style: none; border-bottom: 1px solid #E6E6E6;  border-left: 1px solid #E6E6E6;  border-right: 1px solid #E6E6E6;}
		.subscriber-deploy ul li a {width: 270px; display: block; padding: 4px 4px 4px 30px; background:url(../../../images/arrow_navy.gif) no-repeat 15px 11px; font-size: 1.2em; line-height: 1.4em; font-weight: bold; text-decoration: none; color: #4648AE;}
		.subscriber-deploy ul li a:hover { text-decoration: underline;}
			.subscriber-deploy ul li a:link, .subscriber-deploy ul li a:visited {color: #4648AE; text-decoration: none;}
			.subscriber-deploy ul li a:hover, .subscriber-deploy ul li a:active {color: #4648AE; text-decoration: underline;}

		.subscriber-deploy form {margin: 0;}
		.subscriber-deploy form	fieldset {width: 246px;  border: 1px solid #E6E6E6; padding: 4px 29px;}
		.subscriber-deploy form	label {display: block; width:100%; font-size: 1.2em; line-height: 1.4em; font-weight: bold; text-decoration: none; color: #000; margin-bottom: 4px;}
		.subscriber-deploy form input {width: 236px; border: 1px solid #666; padding: 2px 4px; font-family: Arial; font-size: 1.2em; line-height: 1.4em;}
			.subscriber-deploy form input.btn {width: auto; overflow: visible; height: 36px; border: 1px solid #C2C2C2; background: url(../../../images/bg_button.gif) no-repeat left center; padding: 0 16px; font-size: 1.1em; font-family: Arial; font-weight: bold; color: #3b47ad; outline: none;}
		.subscriber-deploy form	ol {margin: 0;}
		.subscriber-deploy form ol li {list-style: none; display: block; clear: left; margin-bottom: 3px;}

		.panel-list {float: left; width: 604px; display: inline; }
		.panel-list h1 {font-size: 1.8em; color: #000; padding: 10px 30px; background: #FFF;}

	/* subscriber lists */
	.subscriber-list {width: 882px; padding: 0 28px;}
		.subscriber-list  table		{border-top: 1px solid #f1f1f1; margin: 0 0 0.8em 0; clear: both;}
		.subscriber-list  table tr	{}
		.subscriber-list  table th	{vertical-align: top; padding: 5px; border: 1px solid #E4E4E4; border-width: 0 1px 1px 1px; line-height: 1.4em; font-size: 1.2em;}
		.subscriber-list  table td	{vertical-align: top; padding: 5px; border: 1px solid #E4E4E4; line-height: 1.4em; font-size: 1.2em;}
			.subscriber-list tr.table_bg_dark td, .subscriber-list td.table_bg_dark, .subscriber-list .table_bg_dark {background: #f6f5f5;}
			.subscriber-list tr.table_bg_lite td, .subscriber-list td.table_bg_lite, .subscriber-list .table_bg_lite {background: #faf9f9;}

	/* subscriber list tabs */
	.frm-tab {width: 320px;}
		.frm-tab ul {margin:0;}
		.frm-tab ul li {list-style: none; float: left; display: inline; position: relative; margin-right: 1px;}
		.frm-tab ul li a {border: 1px solid #e4e4e4; border-width: 1px 1px 0 1px; width: 100px; display: block; text-align: center; padding: 5px 0; font-size: 1.2em; line-height: 1.4em; font-weight: normal; text-decoration: none; color: #CCC;}
		.frm-tab ul li a span {display: block; font-size: 1.6em; line-height: 1.3em; color: #CCC;}
		.frm-tab ul li a.active {background: #f1f1f1; color: #4648AE;}
		.frm-tab ul li a.active span {color: #000;}
			.frm-tab ul li a.active:link, .frm-tab ul li a.active:visited {color: #4648AE; text-decoration: none;}
			.frm-tab ul li a.active:hover, .frm-tab ul li a.active:active	{color: #4648AE; text-decoration: none;}
		.frm-tab ul li a:hover { text-decoration: none;}
			.frm-tab ul li a:link, .frm-tab ul li a:visited {color: #CCC; text-decoration: none;}
			.frm-tab ul li a:hover, .frm-tab ul li a:active	{color: #CCC; text-decoration: none;}

	/* subscriber search form */
	.frm-search {width: 320px;}
		.frm-search form {margin: 0;}
		.frm-search form fieldset {}
		.frm-search form label {display: none; color: #4648AE; font-size: 1.2em; line-height: 1.4em;}
		.frm-search form input {width: 204px; padding: 4px; border: 1px solid #a2a2a2; font-family: Arial, sans-serif; font-size: 1.2em; line-height: 1.4em; color: #666;}
		.frm-search form input.btn {margin-left: 10px; width: auto; padding: 0; border: none; background: none; color: #000; font-family: Arial, sans-serif; font-size: 1.2em; line-height: 1.4em; font-weight: bold;}
		.frm-search form ol {margin: 0;}
		.frm-search form ol li {list-style: none; display: block; clear: left;}

/* ==== VENDOR ==== */

/* ==== UNITY ==== */

/* ==== CATALOGUE ==== */

	/* add item form */
	form.frmCat	{margin: 0;}
	form.frmCat	fieldset	{}
	form.frmCat	fieldset p	{}
	form.frmCat	legend		{display: none; visibility: hidden;}
	form.frmCat	label		{float: left; display: block; width: 150px; padding-top: 4px; font-size: 1.2em; line-height: 1.4em;}
	form.frmCat	input		{width: 400px; border: 1px solid #3c3c3c; padding: 2px 4px; font-family: Arial; font-size: 1.2em; line-height: 1.4em;}
		form.frmCat	input.sml {width: 100px;}
		form.frmCat	input.lrg {width: 400px;}
	form.frmCat	select		{width: 406px; border: 1px solid #3c3c3c; padding: 2px 0 2px 4px; font-family: Arial; font-size: 1.2em; line-height: 1.4em;}
		form.frmCat	select.sml {width: 200px;}
		form.frmCat	select.lrg {width: 406px;}
	form.frmCat	textarea	{width:400px; height: 100px; border: 1px solid #3c3c3c; padding: 2px 4px; font-family: Arial; font-size: 1.2em; line-height: 1.4em;}
		form.frmCat	textarea.lrg {width: 400px;}
		form.frmCat	input.file	{width: 288px; border: 1px solid #3c3c3c; padding: 2px 4px; font-family: Arial; background: #FFF;}
		form.frmCat	input.rad	{width: auto; border: none; float: left; display: block; margin-bottom: 0;}
		form.frmCat	input.chk	{width: auto; border: none; float: left; display: block; margin-bottom: 0;}
		form.frmCat input.btn	{margin-left: 150px; width: auto; overflow: visible; height: 36px; border: 1px solid #C2C2C2; background: #c3c3c3 url(../../../images/btn_forward.gif) no-repeat left center; padding: 0 16px 0 36px; font-size: 1.4em; font-family: Arial; font-weight: bold; color: #3b47ad; outline: none;}
	form.frmCat	ol {margin: 0;}
	form.frmCat	ol li {list-style: none; display: block; clear: left; margin-bottom: 4px;}
		form.frmCat ol li span { font-size: 1em; font-style: italic;}	

	/* category map structure */
	ul.category-tree {margin:0;}
	ul.category-tree li {list-style: none; margin: 0 0 3px 0;}
		ul.category-tree  ul.level2 {margin: -35px 0 0 188px;}
		ul.category-tree  ul.level3 {margin: -35px 0 0 188px;}
		ul.category-tree  ul.level4 {margin: -35px 0 0 188px;}
		ul.category-tree  ul.level5 {margin: -35px 0 0 188px;}

	/* content editor panel */ 
	.panel-cat {margin: 0 5px; width: 176px; display: block; padding-bottom: 6px; border: 1px solid #4548AE; background: #EDEDED; overflow: hidden;}

		.panel-cat ul {margin: 0 0 0 0;}
			.panel-cat ul.top {float: left; margin: 6px 0 6px 3px;}
			.panel-cat ul.lhs {float: left; margin: 6px 0 0 3px;}
			.panel-cat ul.rhs {float: right; margin: 6px 0 0 0;}
		.panel-cat ul li {list-style: none; float: left; display: inline; position: relative; margin: 0 2px 0 0; text-transform: lowercase;}
		.panel-cat ul li a {width: 21px; height: 20px; display: block; border: 1px solid #9FA0C3; text-indent: -9999px; overflow: hidden; font-size: 1em; color: #4648AE; text-decoration: none; background: #FFF; text-align: center;}
		.panel-cat ul li a:hover {border: 1px solid #4548AE;}
		.panel-cat ul li a:link, .panel-cat ul li a:visited {color: #4648AE; text-decoration: none;}
		.panel-cat ul li a:hover, .panel-cat ul li a:active	{color: #4648AE; text-decoration: underline;}
			/* icon styles */
			.panel-cat ul li.c1 a {background: #FFF; text-indent: 0px; width: 57px; line-height: 20px; font-weight: bold;}
			.panel-cat ul li.c2 a {background: #FFF; text-indent: 0px; width: 57px; line-height: 20px; font-weight: bold;}
			.panel-cat ul li.c3 a {background: #FFF url(../../../images/info-arch/uplist.gif) no-repeat 50% 50%;}
			.panel-cat ul li.c4 a {background: #FFF url(../../../images/info-arch/downlist.gif) no-repeat 50% 50%;}
			.panel-cat ul li.anchor a {background: #FFF url(../../../images/info-arch/anchor.gif) no-repeat  50% 50%;}
			.panel-cat ul li.anchoractive a {background: #FFF url(../../../images/info-arch/anchor_active.gif) no-repeat 50% 50%;}

		.panel-cat h1 {display: block; margin: 0; padding: 5px 3px; font-size: 1.1em; line-height: 17px; color: #000; background: #FFF; border: 1px solid #9FA0C3; border-width: 1px 0;}
			.panel-cat h1 a:link, .panel-cat h1 a:visited 	{color: #06C; text-decoration: underline;}
			.panel-cat h1 a:hover, .panel-cat h1 a:active	{color: #06C; text-decoration: none;}

/* ==== MEDIA LIBRARY ==== */

	/* file / image folders */
	#folderpanel {float: left; width: 218px; min-height: 500px; padding: 15px; border: 1px solid #CCC; overflow: visible;}
	#filepanel {float: right; width: 648px; min-height: 500px; padding: 15px; border: 1px solid #CCC; overflow: visible;}

	.pop-divs {width: 618px; background: #EFEFEF; display: block; padding: 10px; margin-bottom: 15px;}

	#filethumbs {width: 648px; display: block;}
		#filethumbs div.out {float: left; position:relative; width: 97px; height: 97px; padding: 10px; border: 1px solid #CCC; margin: 0 10px 10px 0; overflow: hidden;}
			#filethumbs div.in {position: absolute; width: 97px; height: 97px; overflow: hidden; display: block;}

				#filethumbs div.in span {display: none;}
				#filethumbs div.in:hover span {display: block; width: 100%; padding: 10px 0; position: absolute; top: 65px; left: 0; background: #6B76D3; text-align: center;}
					#filethumbs div.in span a:link, #filethumbs div.in span a:visited {font-size: 1.2em; color: #FFF; text-decoration: none;}
					#filethumbs div.in span a:hover, #filethumbs div.in span a:active {font-size: 1.2em; color: #FFF; text-decoration: underline;}

					#filethumbs div.in span a.t1 {margin-right: 10px;}
					#filethumbs div.in span a.t2 {margin-left: 10px;}
		
	/* Library table */
	table.tblLib		{border-collapse: collapse;}
	table.tblLib tr	{}
	table.tblLib th	{vertical-align: middle; padding: 2px 0; line-height: 1.4em; font-size: 1.3em; color:#333; text-align: left;}
	table.tblLib td	{vertical-align: middle; padding: 2px 0; line-height: 1.4em; font-size: 1.2em;}
		table.tblLib th img, table.tblLib td img {vertical-align: text-top;}
		table.tblLib a:link, table.tblLib a:visited 	{color: #000; text-decoration: none;}
		table.tblLib a:hover, table.tblLib a:active	{color: #000; text-decoration: underline;}

	/* list view table */
	table.tblListView		{border: 1px solid #E4E4E4; margin: 0 0 0.8em 0;}
	table.tblListView tr	{}
	table.tblListView th	{vertical-align: top; padding: 5px; border-bottom: 1px solid #E4E4E4; line-height: 1.4em; font-size: 1.2em;}
	table.tblListView td	{vertical-align: top; padding: 5px; border-bottom: 1px solid #E4E4E4; line-height: 1.4em; font-size: 1.2em;}
	table.tblListView td img {vertical-align: top;}

	/* file icon links */
	a.btn:link, a.btn:visited 	{margin: 0 10px 0 0; color: #000; text-decoration: none;}
	a.btn:hover, a.btn:active	{margin: 0 10px 0 0; color: #000; text-decoration: underline;}