IPB/upload/admin/skin_cp/acp.css

/***************************************************************/
/* IP.Board 3 ACP CSS                                          */
/* ___________________________________________________________ */
/* By Rikki Tissier (valuable input by Blake Cheatham)         */
/* (c)2008 Invision Power Services                             */
/***************************************************************/

/***************************************************************/

/*-----------------------------------------------*/
/* This section resets default browser styles.   */
/* You shouldn't need to edit this section.      */
/*-----------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
hr { display: none; }
img { vertical-align: middle }

/*-----------------------------------------------*/
/* Basic styles                                  */
/*-----------------------------------------------*/

#bookManagePop_popup ul > li { margin-top: 8px; }

#ajax_loading {
	background-color: #6f8f52;
	padding: 5px;
	width: 8%;
	position: fixed;
	top: 0px;
	left: 46%;
	text-align: center;
	color: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	z-index: 10000;
}

html {
	height: 100%;
}

body {
	background: #fff;
	font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif;
	position: relative;
	color: #4c4c4c;
	height: 100%;
}

	input, select, textarea {
		font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif;
	}

a {
	text-decoration: none;
	color: #3287c9;
}

	a:hover {
		color: #8f0758;
	}

.desctext {
	color: #969a9d;
	font-size: 90%;
}
	
.left { float: left; }
.right { float: right !important; }
.clear { clear: both; }
.clickable { cursor: pointer; }
.clearfix, .context_menu { zoom: 1 } /* IE7 hack */
.clearfix:after, .context_menu:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.center {
	text-align: center;
}
.pad {
	padding: 10px;
}
.larger_text {
	font-size: 110%;
}

.ipsList { }

	.ipsList_inline, .ipsList_inline > li {
		display: inline;
	}

#modal {
	width: 100%;
	height: 100%;
	background: url( images/trans_bg.png );
	position: absolute;
	top: 50px; bottom: 0;
	left: 0; right: 0;
	z-index: 16000;
}

.modal {
    background-color: #3e3e3e;
}

/****************************************************/
/* GLOBAL INTERFACE									*/
/****************************************************/

#header {
	background: url( images/header_bg.png ) repeat-x;
	padding: 0 15px;
	color: #d4d4d4;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.6);
	font-size: 11px;
	z-index: 16500;
}

	#header .logged_in {
		margin-left: 20px;
		display: inline-block;
	}
		
		#header #user_links {
			margin-left: 15px;
		}
		
		#header #user_links a {
			display: inline-block;
			padding: 4px 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			background: #262626; /* old browsers */
			background: -moz-linear-gradient(top, #262626 0%, #333333 100%); /* firefox */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(100%,#333333)); /* webkit */
			text-shadow: none;
			color: #d4d4d4;
			margin-right: 5px;
		}
		
			#header #user_links a:hover {
				background: #565656;
				color: #fff;
			}

#search {
	height: 52px;
	line-height: 52px;
}

	#search #acpSearchKeyword { /*#search #search_field {*/
		border: 0;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		padding: 6px 28px 6px 6px;
		font-size: 13px;
		min-width: 220px;
		margin-left: 5px;
		-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.4) inset;
		-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.4) inset;
		box-shadow: 1px 1px 2px rgba(0,0,0,0.4) inset;		
	}

		#search #acpSearchKeyword.inactive { /*#search #search_field.inactive {*/
			color: #c1c1c1;
		}
		
#acp_loading {
	position: absolute;
	right: 6px;
	top: 18px;
}		

#app_bar {
	background: url( images/app_bar_bg.png ) repeat-x;
	min-height: 51px;
	padding: 12px 15px 3px;
}

	#app_bar > ul > li {
		float: left;
		font-size: 16px;
		font-weight: 300;
		color: #fff;
		margin-right: 15px;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.6);
	}

		#app_bar > ul > li > a {
			color: #fff;
			height: 40px;
			padding: 0 10px;
			line-height: 40px;
			display: block;
		}

			/*#app_bar > ul > li > a:hover,*/
			#app_bar > ul > li.current > a {
				background: #3f6fa2;
				color: #fff;
				-moz-border-radius: 2px;
			}

	#app_bar > ul > li.active {
		background: transparent url( images/app_tab_left.png ) no-repeat top left;
	}

		#app_bar > ul > li.active > a {
			color: #fff;
			margin-left: 8px;
			padding-right: 17px;
			background: transparent url( images/app_tab_right.png ) no-repeat top right;
		}
	
	
		
	#edit_tabs {
		line-height: 40px; /* 52px height - 12px padding on parent */
		color: #6390bf;
		font-size: 11px;
	}

		#edit_tabs:hover {
			color: #fff;
		}
		
/* App menu */
.app_menu ul {
	position: absolute;
	z-index: 20000;
	text-shadow: none;
	font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif;
	color: #000;
	min-width: 200px;
	-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.4);
	box-shadow: 0px 5px 10px rgba(0,0,0,0.4);
	margin-top: -2px;
	border: 1px solid #ac156d;
	border-top: 4px solid #ac156d;
}

	.app_menu ul li > a,
	.app_menu ul li > span {
		color: #811052;
		display: block;
		padding: 8px 20px 8px 8px;
		position: relative;
		outline: 0;
	}

	.app_menu ul li {
		background: #f7eff5;
		position: relative;
		cursor: default;
		white-space: nowrap;
	}

	/*.app_menu ul li:hover {
		background: #ce1b7b url( images/app_menu_highlight.png ) repeat-x top;
		color: #fff;
	}*/

	.app_menu ul li.current {
		color: #fff;
		background: rgb(206,60,115);
		background: -moz-linear-gradient(top, rgba(206,60,115,1) 0%, rgba(174,25,88,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,60,115,1)), color-stop(100%,rgba(174,25,88,1)));
	}

		.app_menu ul li.current > a,
		.app_menu ul li.current > span {
			color: #fff;
		}
		
		.app_menu ul li:hover > a:active, .app_menu ul li:hover > span:active {
			background: #ce1b7b url( images/app_menu_highlight.png ) repeat-x bottom;
		}

		.app_menu ul li.has_sub .menu_arrow {
			position: absolute;
			right: 5px;
			top: 10px;
			background: url( images/menu_has_sub.png ) no-repeat bottom;
			width: 9px;
			height: 10px;
			text-indent: -2000em;
		}

			.app_menu li.has_sub.current > a .menu_arrow,
			.app_menu li.has_sub.current > span .menu_arrow {
				background-position: top;
			}

		.app_menu ul ul li {
			padding: 0;
		}
	
#breadcrumb {
	font-size: 11px;
	color: #9b9b9b;
	padding: 0px;
	margin-bottom: 25px;
}
	
	#breadcrumb a {
		color: #9b9b9b;
	}
	
	#breadcrumb li {
		display: inline;
	}

	#breadcrumb .nav_sep {
		display: inline-block;
		margin: 0 6px;
	}

#page_body {
	margin: 0;
	width: 100%;
	position: relative;
}

	#page_body.open_menu #section_navigation {
		display: block;		
	}

	#page_body.open_menu #main_content {
		margin-left: 195px;
	}
	
#section_navigation {
	width: 195px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: #f4fbff;
	border-right: 1px solid #cceffc;
	border-bottom: 1px solid #cceffc;
	-moz-box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset;
	-webkit-box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset;
	box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset;
	padding: 25px 0 0 0px;
}
	
	#section_navigation > ul > li {
		padding: 5px 0 10px 10px;
		line-height: 1.5;
		font-size: 14px;
		font-weight: bold;
		color: #383838;
	}

		#section_navigation a {
			color: #383838;
		}

		#section_navigation ul ul {
			margin: 5px 0 0 10px;
			font-size: 11px;
			font-weight: normal;
		}

	#section_navigation li.active {
		background: #fff;
		position: relative;
		border: 1px solid #cceffc;
		padding: 4px 0 9px 10px;
		border-right: 0;
		border-left: 0;
		-moz-box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset;
		-webkit-box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset;
		box-shadow: -2px 3px 4px rgba(175,212,241,0.15) inset;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

		#section_navigation li.active ul {
			display: block;
		}

#toggle_sidebar {
	display: block;
	position: absolute;
	z-index: 9999;
	text-indent: -2000em;
	top: 0;
	left: 0;
	outline: 0;
}

	.open_menu #toggle_sidebar {
		width: 195px;
		height: 13px;
		background: #e5f2f9 url( images/sidebar_toggle_close.png ) no-repeat top left;
	}

		.open_menu #toggle_sidebar:hover {
			background: #cceffc url( images/sidebar_toggle_close.png ) no-repeat bottom left;
		}
		
	.close_menu #toggle_sidebar {
		bottom: 0;
		width: 8px;
		background: #e5f2f9 url( images/sidebar_toggle_open.png ) no-repeat top left;
	}
	
		.close_menu #toggle_sidebar:hover {
			width: 15px;
			background: #cceffc url( images/sidebar_toggle_open.png ) no-repeat top right;
		}
	
#main_content {
	padding: 15px;
	min-height: 300px;
}

#footer {
	margin: 20px 15px 0;
	padding: 10px 15px;
	font-size: 11px;
	text-align: center;
	color: #9a9a9a;
}

	#footer a {
		color: #9a9a9a;
	}
	#footer a:hover {
		color: #8f0758;
	}

/****************************************************/
/* LIVE SEARCH										*/
/****************************************************/
#search {
	position: relative;
}

#live_search_results {
	background: #fff;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	-moz-box-shadow: -3px 5px 8px rgba(0,0,0,0.15);
	-webkit-box-shadow: -3px 5px 8px rgba(0,0,0,0.15);
	box-shadow: -3px 5px 8px rgba(0,0,0,0.15);
	position: absolute;
	right: 10px;
	width: 800px;
	z-index: 25000;
}

#ls_sections, #ls_results {
	height: 300px;
	float: left;
}

	#ls_sections {
		width: 159px;
		background: #ededed;
		border-right: 1px solid #d9d9d9;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-left-radius: 4px;
		position: relative;
	}
		#ls_sections li {
			padding: 7px 12px 7px 7px;
			font-size: 12px;
			font-weight: bold;
			position: relative;
			cursor: pointer;
			border-top: 1px solid #ededed;
			border-bottom: 1px solid #ededed;
		}
			
			#ls_sections li:hover {
				background: #e6e5e5;
			}
			
			#ls_sections li.active {
				background: #fff;
				right: -1px;
				border-top: 1px solid #d9d9d9;
				border-bottom: 1px solid #d9d9d9;
				cursor: default;
			}
				#ls_sections li:first-child.active {
					border-top: 1px solid #fff;
				}
				#ls_sections li.active .count {
					background: #eaeaea;
				}
			
			#ls_sections li.disabled {
				color: #cbcbcb;
				cursor: default;
			}
				#ls_sections li.disabled:hover {
					background-color: transparent;
				}
				
			#ls_sections li#ls_marketplace {
				position: absolute;
				bottom: 0; right: -1px; left: 0;
				color: #ab156d;
				text-align: center;
			}
			
		#ls_sections .count {
			position: absolute;
			right: 8px;
			top: 7px;
			font-size: 9px;
			padding: 1px 5px;
			background: #dbdbdb;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
		
	#ls_results {
		width: 640px;
		position: relative;
	}
	
		#ls_results > div {
			position: absolute;
			top: 30px;
			right: 10px;
			bottom: 30px;
			left: 10px;
			overflow: auto;
		}
		
		#ls_results ul {
			line-height: 1.7;
			margin: 0px 0 0 20px;
		}
			
			#ls_results li.even,
			#ls_results li.odd {
				float: left;
				width: 48%;
				padding: 5px 0;
				line-height: 1.2;
			}
				
		#ls_marketplace_panel .pad {
			font-size: 17px;
			text-align: center;
			line-height: 1.5;
			margin-top: 30px;
		}
		
		#ls_forums_panel li {
			line-height: 1.2;
			padding: 5px 0;
		}
		
		#ls_results img {
			width: 30px;
			height: 30px;
			margin-right: 5px;
			border: 1px solid #d8d8d8;
		}
		
		#ls_results .desctext {
			font-size: 11px;
		}
		
#ls_no_results {
	font-size: 16px;
	color: #9e9e9e;
	position: absolute;
	left: 0;
	right: 0;
	top: 47%;
	text-align: center;
}

#ls_stem {
	position: absolute;
	top: -18px;
	right: 180px;
}

.livesearch-groups {
	font-style: italic;
	color: #000;
}

/****************************************************/
/* GENERAL PAGE STYLES								*/
/****************************************************/
.section_title h2 {
	font-size: 26px;
	font-weight: 300;
	margin-bottom: 15px;
	padding-bottom: 5px;
}

.section_info {
	margin-top: -15px;
	margin-bottom: 25px;
	color: #7f7f7f;
	line-height: 1.5;
	font: 13px/1.3 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

table.double_pad td {
	padding: 15px;
}

/****************************************************/
/* BLOCK STYLES										*/
/****************************************************/
.acp-box, .ipsBlock { 
	-moz-box-shadow: 0 0px 14px rgba(138,138,138,0.2);
	-webkit-box-shadow: 0 0px 14px rgba(138,138,138,0.2);
	box-shadow: 0 0px 14px rgba(138,138,138,0.2);
	border: 1px solid #d7e6f0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
	
	.acp-box.alt, .ipsBlock.alt {
		border-color: #e8dbe3;
	}
	
	.acp-box h3, .ipsBlock_title {
		background: #23456b url( images/acpBlockTitle.png ) repeat-x;
		color: #fff;
		font-size: 16px;
		font-weight: 300;
		padding: 0 10px;
		height: 36px;
		line-height: 36px;
		text-shadow: 0px 1px 2px rgba(0,0,0,0.5);
		border-bottom: 1px solid #2d3e52;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	
		pre .acp-box h3 {
			font-family: 'Helvetica Neue',helvetica,arial,sans-serif !important;
		}
		
		.acp-box.alt h3, .ipsBlock_title.alt {
			background: #ab166e url( images/acpBlockTitle_alt.png ) repeat-x;
			border-bottom: 1px solid #851256;
		}
		
		.acp-box h3 .loading {
			font-size: 12px;
		}
		
	.ipsBlock_titlelink {
		float: right;
		-moz-border-radius: 3px;
		border-radius: 3px;
		padding: 5px 8px;
		display: inline-block;
		color: #fff;
		text-shadow: none;
		font-size: 12px;
		background: #19395d;
		line-height: 1;
		margin-top: 9px;
		-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.2) inset;
		-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.2) inset;
		box-shadow: 2px 2px 4px rgba(0,0,0,0.2) inset;
	}
	
		.ipsBlock_titlelink:hover {
			background: #ab156d;
			color: #fff;
		}	

/****************************************************/
/* FORM ELEMENT STYLES								*/
/****************************************************/
.textinput, .multitext, .input_text, .ipsTagBox_wrapper {
	padding: 4px;
	border-width: 1px;
	border-style: solid;
	border-top-color: #848484;
	border-left-color: #c1c1c1;
	border-right-color: #c1c1c1;
	border-bottom-color: #e1e1e1;
	background: #fff;
	-moz-border-radius: 2px;
	border-radius: 2px;
	width: 350px;
}

	.textinput:focus, .multitext:focus, .input_text:focus {
		border-top-color: #4e4e4e;
		border-left-color: #7c7c7c;
		border-right-color: #7c7c7c;
		border-bottom-color: #a3a3a3;
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	}
	
	.textinput.no_width, .input_text {
		width: auto;
	}
	
input.inactive, select.inactive {
	color: #c4c4c4;
}

select {
	padding: 1px;
}

.acp-actionbar {
	background: #f5f5f5;
	border-top: 1px solid #d7d7d7;
	padding: 10px;
	text-align: center;
}

	.rightaction {
		text-align: right;
	}

.button, .realbutton{
	padding: 5px 19px;
	border: 0;
	background: #363636;
	color: #fff !important;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
}

	.button.redbutton, .realbutton.redbutton {
		background-color: #a31d1d;
		border-color: #661515;
	}

.mini_button, .mini_button.secondary {
	display: inline-block;
	padding: 6px 10px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: rgb(209,47,112);
	background: -moz-linear-gradient(top, rgba(209,47,112,1) 0%, rgba(173,17,85,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,47,112,1)), color-stop(100%,rgba(173,17,85,1)));
	color: #fff;
	font-size: 11px;
	margin-left: 10px;
	cursor: pointer;
	border: 1px solid #78124f;
	text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
}
	.mini_button:hover {
		background: #d12f70;
	}
	
	.mini_button.secondary {
		background: rgb(178,178,178);
		background: -moz-linear-gradient(top, rgba(178,178,178,1) 0%, rgba(134,134,134,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,178,178,1)), color-stop(100%,rgba(134,134,134,1)));
		border: 1px solid #797979;
	}

		.mini_button.secondary:hover {
			background: #b2b2b2;
		}

span.yesno_yes, span.yesno_no {
	display: inline-block !important;
	padding: 3px;
	min-width: 50px;
	max-width: 60px;
	text-align: center;
	height: 20px !important;
}

span.yesno_yes input, span.yesno_no input {
	margin-right: 10px;
}

span.yesno_yes label, span.yesno_no label {
	display: inline-block !important;
	font-weight: normal !important;
	padding-top: 2px;
}



span.yesno_yes { 
	background: #e3f6e5;
	border: 1px solid #b4e3b9;
	border-right: 0;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
}

span.yesno_no {
	background: #f6e3e3;
	border: 1px solid #e3b4b4;
	border-left: 0;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
}

.ipsCancel {
	color: #aa072e;
	font-weight: bold;
}

#ipboard_body .ips_editor { margin: 0 !important; }

/****************************************************/
/* BASE TABLE STYLES								*/
/****************************************************/
.ipsTable, .form_table {
	width: 100%;
}

.ipsTable.no_background td {
	background: transparent;
}

.header,
.ipsTable th, .form_table th {
	background: #d6e4f1;
	color: #246594;
	text-shadow: 1px 1px 0 #d4e1ef;
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
}

	.acp-box.alt .ipsTable th {
		background: #F7E4ED;
		color: #96235D;
		text-shadow: 1px 1px 0 #EDD3E0;
	}

	.ipsTable th.subhead,
	.ipsTable td.subhead,
	.form_table th.subhead,
	.form_table td.subhead
	{
		background: #eaf1f7;
	}

.ipsTable td, .form_table td {
	padding: 10px;
}

table .field_title {
	width: 25%;
	max-width: 280px;
	min-width: 230px;
	vertical-align: top;
	text-align: right;
}

.field_title .title, .form_table td label {
	font-size: 14px;
	font-weight: bold;
	display: block;
	text-align: right;
}

.field_highlight {
	color: #d27f29;
	text-transform: uppercase;
	font-size: 10px;
}

.required {
	color: #b53300;
	font-weight: bold;
	font-size: 13px;
	margin-left: 3px;
}

._red, ._red td
{
	background: #f2e4e7 !important;
}

._amber
{
	background: #F9F7E0 !important;
}

.ipsTable tr:nth-child(odd) td,
.ipsTable tbody:nth-child(odd) td,
table.alternate_rows tr:nth-child(odd) td,
ul.alternate_rows  li:nth-child(odd) .ipsTable tr td,
ul.alternate_rows  li:nth-child(odd),
.row2 { /* Special case for settings */
	background: #f5f8fa;
}

.ipsTable tr:nth-child(even) td,
.ipsTable tbody:nth-child(even) td,
table.alternate_rows tr:nth-child(even) td,
ul.alternate_rows  li:nth-child(even) .ipsTable tr td,
ul.alternate_rows  li:nth-child(even),
.row1 { /* Special case for settings */
	background: #fff;
}

	.acp-box.alt .ipsTable tr:nth-child(odd) td,
	.acp-box.alt .alternate_rows tr:nth-child(odd) td,
	.acp-box.alt ul.alternate_rows  li:nth-child(odd) .ipsTable tr td,
	.acp-box.alt .row2 { /* Special case for settings */
		background: #faf6f8;
	}

.ipsTable .col_buttons { vertical-align: top; }

.ipsTable .col_drag, .form_table .col_drag {
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	max-width: 15px !important;
	width: 15px !important;
	min-width: 15px !important;
}

.col_buttons {
	min-width: 90px;
}

.no_messages {
	padding: 20px !important;
}

.no_pad {
	padding: 0 !important;
}

tr.ipsControlRow {
	width: 100%;
}

/* sortable */
.ipsTable .sortable:hover {
	background: #c4d7e9;
	cursor: pointer;
}

	.ipsTable .sortable p {
		position: relative;
	}

		.ipsTable .sortable span {
			position: absolute;
			right: 0;
			top: 2px;
			width: 13px;
			height: 13px;
			background-image: url( images/sortable_arrows.png );
			background-repeat: no-repeat;
		}
		
	.ipsTable .sortable.active {
		background: #7ba3c9;
		background: -moz-linear-gradient(top, #769ec3 0%, #c0d4e7 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#769ec3), color-stop(100%,#c0d4e7)); /* webkit */
		color: #0b5794;
		-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.2) inset;
		-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.2) inset;
		box-shadow: 0px 2px 3px rgba(0,0,0,0.2) inset;
	}
	
	.ipsTable .sortable span { opacity: 0.1; }
	.ipsTable .sortable:hover span { opacity: 0.5; }
	.ipsTable .sortable.active span { opacity: 1; }
	
	.ipsTable .sortable.active.desc span {
		background-position: left bottom;
	}
	.ipsTable .sortable.desc span {
		background-position: left top;
	}
	.ipsTable .sortable.active.asc span {
		background-position: right bottom;
	}
	.ipsTable .sortable.asc span {
		background-position: right top;
	}

/****************************************************/
/* DRAG STYLES										*/
/****************************************************/
.draghandle {
	text-indent: -2000em;
	display: inline-block;
	width: 6px;
	height: 16px;
	background: url( images/ipsDragHandle.png ) no-repeat;
	opacity: 0.5;
	cursor: move;
}
	
	.draghandle img { display: none; } /* Hide legacy dragger */

	.ipsDragParent tr:hover .draghandle {
		opacity: 1;
	}
	
/****************************************************/
/* ACTION BAR (CONTEXT MENU) STYLES					*/
/****************************************************/
.ipsActionBar, .context_menu {
	background: #eaeef4;
	padding: 5px;
	margin: -15px 0 15px 0;
	border-top: 1px solid #ccd4e5;
	border-top: 0;
}
	
	.ipsActionBar > ul > li, .context_menu > li, .ipsToggleBar > ul > li {
		float: left;
	}
	
	.ipsActionBar .non_button {
		padding: 6px 0;
		display: inline-block;
	}
	
	.ipsActionButton a, .context_menu li a {
		padding: 0 10px;
		margin-right: 5px;
		display: inline-block;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background: #FFFFFF; /* old browsers */
		background: -moz-linear-gradient(top, #FFFFFF 0%, #F6F9FA 3%, #E4EEF3 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(3%,#F6F9FA), color-stop(100%,#E4EEF3)); /* webkit */
		font-size: 12px;
		border: 1px solid #afd4f1;
		color: #0b5794;
		text-shadow: 1px 1px 0 #f4f7fa;
		height: 26px;
		line-height: 26px;
		outline: none;
	}
		
		.ipsActionButton:hover a, .context_menu li:hover a {
			-moz-box-shadow: 0px 0px 2px rgba(0,174,239,0.4);
			-webkit-box-shadow: 0px 0px 2px rgba(0,174,239,0.4);
			box-shadow: 0px 0px 2px rgba(0,174,239,0.4);
			border-color: #73a2c3;
		}
		
			.ipsActionButton:active a, .context_menu li:active a {
				background: #E4EEF3; /* old browsers */
				background: -moz-linear-gradient(top, #E4EEF3 0%, #F4F8FA 100%); /* firefox */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E4EEF3), color-stop(100%,#F4F8FA)); /* webkit */
			}
		
		.ipsActionButton.active a, .context_menu li.active a {
			background: #CE3C92; /* old browsers */
			background: -moz-linear-gradient(top, #CE3C92 0%, #AB156D 100%); /* firefox */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CE3C92), color-stop(100%,#AB156D)); /* webkit */
			color: #fff;
			text-shadow: -1px -1px 0 #97115f;
			border-color: #9d1263;
		}
		
		.ipsActionButton.disabled a, .context_menu li.disabled a {
			color: #99a8b4;
			opacity: 0.7;
		}
		
			.ipsActionButton.disabled img { opacity: 0.6; }
			
			.ipsActionButton.disabled:hover a, .context_menu li.disabled:hover a {
				-moz-box-shadow: none;
				box-shadow: none;
				border-color: #afd4f1;
				cursor: default;
			}
			
		.ipsActionButton a, .context_menu li a {
			color: #0b5794;
		}
		
		.ipsActionButton img, .context_menu li img {
			margin: -2px 5px 0 0;
		}
		
		.ipsActionButton.green a {
			background: #6CAA00; /* old browsers */
			background: -moz-linear-gradient(top, #8FC400 0%, #6CAA00 100%); /* firefox */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8FC400), color-stop(100%,#6CAA00)); /* webkit */
			border: 1px solid #689e07;
			text-shadow: -1px -1px 0 #689e07;
			color: #FFF;
		}
		
		.ipsActionButton.red a {
			background: #CF0404; /* old browsers */
			background: -moz-linear-gradient(top, #FF3019 0%, #CF0404 100%); /* firefox */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF3019), color-stop(100%,#CF0404)); /* webkit */
			border: 1px solid #b00303;
			text-shadow: -1px -1px 0 #b00303;
			color: #FFF;
		}

/* In dev button styles */
	.ipsActionBar > ul > li.inDev {
		float: right;
		display: none;
	}

/* Secondary actions lit up */
    .ipsActionButton.closed a, .context_menu li.closed a {
		background: #AB156D; /* old browsers */
		background: -moz-linear-gradient(top, #FFFFFF 0%, #CE3C92 3%, #AB156D 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(3%,#CE3C92), color-stop(100%,#AB156D)); /* webkit */
		border: 1px solid #8c1159;
		text-shadow: -1px -1px 0 #8f115b;
		color: #fff;
    }
       
		.ipsActionButton.closed:hover a,.context_menu li.closed:hover a {
			-moz-box-shadow: 0px 0px 2px rgba(143,17,91,0.4);
			-webkit-box-shadow: 0px 0px 2px rgba(143,17,91,0.4);
			box-shadow: 0px 0px 2px rgba(143,17,91,0.4);
			border-color: #8f115b;
		}
		
			.ipsActionButton.closed:active a,.context_menu li.closed:active a {
				background: #E4EEF3; /* old browsers */
				background: -moz-linear-gradient(top, #CE3C92 0%, #AB156D 100%); /* firefox */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CE3C92), color-stop(100%,#AB156D)); /* webkit */
			}

/* Separate styles for toggle buttons */
.ipsToggleBar .ipsActionButton a {
	margin-right: 0;
}
 
.ipsToggleBar .ipsActionButton a {
	border-right-width: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 11px;
}

.ipsToggleBar .ipsActionButton:first-child a {
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.ipsToggleBar .ipsActionButton:last-child a {
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-right-width: 1px;
}

.ipsToggleBar .ipsActionButton:hover + li a {
	border-left-color: #73a2c3;
}

.ipsToggleBar .ipsActionButton.active a {
	border-width: 1px;
}

/****************************************************/
/* TAB STYLES										*/
/****************************************************/
.ipsTabBar {
	max-width: 100%;
	height: 30px;
	padding: 10px 10px 0 20px;
	background: #849cb7;
	overflow: hidden !important;
	position: relative;
	white-space: nowrap;
}

	.ipsTabBar ul {
		height: 30px;
		width: 100%;
		display: inline;
		white-space: nowrap;
		position: relative;
	}

	.ipsTabBar li {
		display: inline-block;
		padding: 7px 10px;
		font-size: 13px;
		background: #40638B; /* old browsers */
		background: -moz-linear-gradient(top, #40638B 0%, #40638B 68%, #2C5789 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40638B), color-stop(68%,#40638B), color-stop(100%,#2C5789)); /* webkit */
		color: #d7eaf8;
		cursor: pointer;
		white-space: nowrap;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-topright: 3px;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	
		.ipsTabBar li a { color: #d7eaf8; }
		.ipsTabBar li.active a { color: #000; }
		
		.ipsTabBar li.active {
			background: #fff;
			color: #000;
			-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
			-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
			box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
			cursor: default;
			font-weight: bold;
		}
		
.ipsTabBar_content {
	position: relative;
}

	.ipsTabBar_content > div {
		position: relative;
		top: 00px;
		right: 00px;
		left: 00px;
	}

.tab_left, .tab_right {
	position: absolute;
	background: #173451;
	color: #fff;
	width: 16px;
	height: 36px;
	top: 4px;
	line-height: 36px;
	text-align: center;
	z-index: 10000;
	cursor: pointer;
}
.tab_left {	
	left: 0px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-moz-box-shadow: 3px 0 5px #365b81;
	-webkit-box-shadow: 3px 0 5px #365b81;
	box-shadow: 3px 0 5px #365b81;
}
.tab_right { 
	right: 0px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-moz-box-shadow: -3px 0 5px #365b81;
	-webkit-box-shadow: -3px 0 5px #365b81;
	box-shadow: -3px 0 5px #365b81;
}

/****************************************************/
/* WIZARD STEPS										*/
/****************************************************/
.ipsSteps_wrap {
	background: #e9eff5;
	padding: 10px;
}

.ipsSteps_wrapper {
	position: relative;
	overflow: hidden;
}
	.step_content_animating {
		position: absolute;
		top: 0; left: 0; right: 0;
	}

.ipsSteps {
	margin-bottom: 10px;
	background: #dee7f1;
	border: 1px solid #fff;
}	
	.ipsSteps ul li {
		float: left;
		padding: 10px 33px 11px 11px;
		color: #323232;
		background-image: url( images/wizard_step_large.png );
		background-repeat: no-repeat;
		background-position: bottom right;
		position: relative;
	}
	
	.ipsSteps .steps_active {
		background-position: top right;
		color: #fff;
	}
	
	.ipsSteps .steps_done {
		color: #aeaeae;
	}
	
	.ipsSteps .steps_disabled {
		color: #aeaeae;
		font-style: italic;
		opacity: 0.6;
	}
	
	.steps_title {
		display: block;
		font-size: 14px;
	}
	
	.steps_desc {
		font-size: 11px;
	}
	
	.steps_arrow { display: none; }
	
	.steps_active .steps_arrow {
		display: block;
		position: absolute;
		left: -23px;
		top: 0;
		width: 23px;
		height: 54px;
		background: url( images/wizard_step_extra.png ) no-repeat;
	}
	
	.ipsSteps ul li:first-child {
		padding-left: 18px;
	}
	
	.ipsSteps ul li:first-child .steps_arrow {
		display: none !important;
	}
	
	.ipsSteps .clickable:hover {
		cursor: pointer;
		color: #386f9b;
	}
	
/****************************************************/
/* CONTROL STRIP BUTTONS							*/
/****************************************************/

.ipsControlStrip {
	float: right;
	opacity: 0.4;
}
	
	.ipsControlRow:hover .ipsControlStrip {
		opacity: 1;
	}
	
	.ipsControlStrip a {
		outline: 0;
	}

.ipsControlStrip li:first-child, .ipsControlStrip li:first-child a {
	-moz-border-radius-topleft: 4px;		border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;		border-bottom-left-radius: 4px;
}
.ipsControlStrip li:last-child, .ipsControlStrip li:last-child a {
	-moz-border-radius-topright: 4px;		border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;	border-bottom-right-radius: 4px;
}

.ipsControlStrip li {
	display: block;
	float: left;
	background: #E4EEF3; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F8FA 1%, #E4EEF3 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(1%,#F4F8FA), color-stop(100%,#E4EEF3)); /* webkit */
	text-indent: -2000em;
	border: 1px solid #b1d1ea;
	border-right: 0;
	line-height: 16px;
}
	
	.ipsControlStrip li:last-child {
		border-right: 1px solid #b1d1ea;
	}

	.ipsControlStrip a {
		display: block;
		width: 16px;
		padding: 1px 5px;
		border: 1px solid #fff;
		margin: 0;
		background-image: url( images/menu_icon_sprite.png );
		background-repeat: no-repeat;
	}
	
		.ipsControlStrip li.i_text a {
			background: transparent;
			text-indent: 0;
			white-space: nowrap;
			width: auto;
			color: #2d3e52;
			font-size: 11px;
		}
	
	.ipsControlStrip li:hover {
		border-color: #136db5;
	}
	
		.ipsControlStrip li:hover + li {
			border-left-color: #136db5;
		}
	
.ipsControlStrip_more a {
	padding: 1px 0px;
	height: 16px;
	background: url( images/ipsControlStrip_arrow.png ) no-repeat 5px 8px;
}

/****************************************************/
/* MENUS											*/
/****************************************************/

.acp-menu {
	border: 1px solid #aabbcb;
	background: #FAFBFC;
	width: auto;
	white-space: nowrap;
	z-index: 150;
	position: absolute;
	-moz-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
}

	.acp-menu li {
		border-bottom: 1px solid #E5ECF3;
		width: auto;
		padding: 5px 10px;
		text-align: left;
		font-size: 12px;
	}
	
.acp-menu li.icon {
	background-repeat: no-repeat;
	background-position: 8px;
	padding-left: 35px;
}

.acp-menu li.add { 		background-image: url( images/icons/add.png ); 					}
.acp-menu li.edit { 	background-image: url( images/icons/pencil.png ); 				}
.acp-menu li.view {	 	background-image: url( images/icons/view.png ); 				}
.acp-menu li.delete {	background-image: url( images/icons/delete.png );				}
.acp-menu li.info { 	background-image: url( images/icons/page_white_magnify.png ); 	}
.acp-menu li.manage {	background-image: url( images/icons/cog.png ); 					}
.acp-menu li.new { 		background-image: url( images/icons/folder_add.png ); 			}
.acp-menu li.password {	background-image: url( images/icons/key.png ); 					}
.acp-menu li.export {	background-image: url( images/icons/export.png ); 				}
.acp-menu li.refresh {	background-image: url( images/icons/arrow_refresh.png ); 		}
.acp-menu li.printer {	background-image: url( images/icons/printer.png ); 				}
.acp-menu li.find { 	background-image: url( images/icons/user_find.png ); 			}
.acp-menu li.assign {	background-image: url( images/icons/user_assign.png ); 			}
.acp-menu li.user { 	background-image: url( images/icons/user.png ); 				}
.acp-menu li.package {	background-image: url( images/icons/package.png ); 				}
.acp-menu li.cancel {	background-image: url( images/icons/cross.png ); 				}

.multi_menu li {
	position: relative;
}

/****************************************************/
/* POPUP STYLES									*/
/****************************************************/

.popupWrapper {
	background-color: rgba(0,0,0,0.58);
	color: #fff;
	-webkit-box-shadow: rgba(0, 0, 0, 0.58) 0px 12px 25px;
	-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58);
	box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.58 );
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	z-index: 16000;
}

	.popupInner {
		background: #f1f4f7;
		color: #000;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		margin: 8px;
		width: 500px;
		overflow: hidden;
	}
	
		.popupInner.black_mode {
			background: #000;
			border: 3px solid #b3bbc3; 
			color: #eee;
			border: 3px solid #555;
		}
		
		.popupInner.warning_mode {
			border: 3px solid #7D1B1B; 
		}
	
		.popupInner h3 {
			background-color: #dae4ed;
			border: 0;
			padding-left: 10px;
		}
		
			.popupInner.black_mode h3 {
				background-color: #545C66;
				color: #ddd;
			}
			
			.popupInner.warning_mode h3 {
				background-color: #7D1B1B;
				padding-top: 6px;
				padding-bottom: 6px;
				color: #fff;
			}
			
			.popupInner.warning_mode input.input_submit {
				background-color: #7D1B1B;
			}
			
.popupClose {
	position: absolute;
	right: 16px;
	top: 16px;
}

.popupClose.light_close_button {
	background: transparent url(../../public/style_images/master/close_popup_light.png) no-repeat top left;
	opacity: 0.8;
	width: 13px;
	height: 13px;
}

.popupClose.light_close_button img {
	display: none;
}

.popup_footer {
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 15px;
}

.popup_body {
	padding: 10px;
}

.stem {
	width: 31px;
	height: 16px;
	position: absolute;
}

	.stem.topleft { background-image: url(images/stems/topleft.png);	}
	.stem.topright { background-image: url(images/stems/topright.png); }
	.stem.bottomleft { background-image: url(images/stems/bottomleft.png); }
	.stem.bottomright { background-image: url(images/stems/bottomright.png);	}
	
/****************************************************/
/* ICON SPRITES										*/
/****************************************************/

.i_new_folder a { 							background-position: 0 0; 			}
	.ipsControlRow:hover .i_new_folder a { 	background-position: 0 -18px; 		}
.i_delete a { 								background-position: -25px 0;		}
	.ipsControlRow:hover .i_delete a { 		background-position: -25px -18px;	}
	.ipsControlRow:hover .i_delete.disabled a { 		background-position: -25px 0; cursor: default;	}
.i_edit a { 								background-position: -51px 0;		}
	.ipsControlRow:hover .i_edit a {		background-position: -51px -18px;	}
.i_page_add a { 							background-position: -77px 0;		}
	.ipsControlRow:hover .i_page_add a { 	background-position: -77px -18px;	}
.i_add a { 									background-position: -103px 0;		}
	.ipsControlRow:hover .i_add a { 		background-position: -103px -18px;	}
.i_refresh a { 								background-position: -129px 0;		}
	.ipsControlRow:hover .i_refresh a { 	background-position: -129px -18px;	}
.i_lock a { 								background-position: -155px 0;		}
	.ipsControlRow:hover .i_lock a { 		background-position: -155px -18px;	}
.i_accept a {								background-position: -181px 0; 		}
	.ipsControlRow:hover .i_accept a { 		background-position: -181px -18px;	}
.i_stock a { 								background-position: -207px 0;		}
	.ipsControlRow:hover .i_stock a { 		background-position: -207px -18px;	}
.i_cog a { 									background-position: -233px 0;		}
	.ipsControlRow:hover .i_cog a { 		background-position: -233px -18px;	}
.i_unlock a {								background-position: -259px 0;		}
	.ipsControlRow:hover .i_unlock a { 		background-position: -259px -18px;	}
.i_export a {								background-position: -285px 0;		}
	.ipsControlRow:hover .i_export a { 		background-position: -285px -18px;	}
.i_revert a {								background-position: -311px 0;		}
	.ipsControlRow:hover .i_revert a { 		background-position: -311px -18px;	}
.i_view a { 								background-position: -337px 0;		}
	.ipsControlRow:hover .i_view a { 		background-position: -337px -18px;	}
.i_disable a { 								background-position: -363px 0;		}
	.ipsControlRow:hover .i_disable a { 	background-position: -363px -18px;	}

/****************************************************/
/* PAGINATION										*/
/****************************************************/
.pagination {
	margin-bottom: 5px;
	padding-left: 10px;
}

	.pagination li {
		background: #eaeaea;
		color: #5a5a5a;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		display: inline-block;
		padding: 2px 6px;
	}
	
	.pagination li a {
		color: #5a5a5a;
	}
	
	.pagination li.active {
		background: #ab156d;
		color: #fff;
	}
	
	.pagination li.total {
		background: none;
	}
	
	.pagination.no_pages {
		font-size: 11px;
		font-weight: bold;
		color: #ababab;
		text-transform: uppercase;
		display: block;
		padding: 2px 10px;
		margin-bottom: 5px;
	}
	
	.pagination li.pagejump {
		cursor: pointer;
	}
	
/****************************************************/
/* BADGES											*/
/****************************************************/
.ipsBadge {
	font-size: 10px;
	text-transform: uppercase;
	display: inline-block;
	padding: 1px 5px;
	color: #fff;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

	.ipsBadge_green { background: #7ba60d; }
	.ipsBadge_purple { background: #af286d; }
	.ipsBadge_grey { background: #5b5b5b; }
	.ipsBadge_lightgrey { background: #b3b3b3; }
	.ipsBadge_orange { background: #ED7710; }
	.ipsBadge_red {	background: #bf1d00; }

	.badge_purple {
		background: #AB156D; /* old browsers */
		background: -moz-linear-gradient(top, #CE3C92 0%, #AB156D 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CE3C92), color-stop(100%,#AB156D)); /* webkit */
		border: 1px solid #8c1159;
		text-shadow: -1px -1px 0 #8f115b;
	}

	.badge_green {
		background: #6CAA00; /* old browsers */
		background: -moz-linear-gradient(top, #8FC400 0%, #6CAA00 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8FC400), color-stop(100%,#6CAA00)); /* webkit */
		border: 1px solid #689e07;
		text-shadow: -1px -1px 0 #689e07;
	}

	.badge_red {
		background: #CF0404; /* old browsers */
		background: -moz-linear-gradient(top, #FF3019 0%, #CF0404 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF3019), color-stop(100%,#CF0404)); /* webkit */
		border: 1px solid #b00303;
		text-shadow: -1px -1px 0 #b00303;
	}

	.badge_grey {
		background: #E5E5E5; /* old browsers */
		background: -moz-linear-gradient(top, #FFFFFF 0%, #E5E5E5 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#E5E5E5)); /* webkit */
		border: 1px solid #c8c8c8;
		color: #4b4b4b;
		text-shadow: 1px 1px 0px #fff;
	}
	
	.ipsBadge:hover {
		color: #fff !important;
	}
	
	.ipsBadge.badge_grey:hover {
		color: #4b4b4b !important;
	}

/****************************************************/
/* EXPANDABLE TABLES								*/
/****************************************************/
	
	.ipsExpandable .item {
		padding: 10px;
		border-bottom: 1px solid #e2e8ee;
		background: #fafbfc;
	}
		
		.ipsExpandable .item_info {
			display: inline-block;
			margin-left: 10px;
			max-width: 700px;
		}
		
		.ipsExpandable .draghandle {
			position: relative;
			top: 4px;
			vertical-align: top;
		}
		
		.ipsExpandable .item input[type=checkbox] {
			margin-top: 4px;
			margin-left: 5px;
		}
	
	.ipsExpandable .root_item  {
		background: #e0e7ed;
		line-height: 22px;
	}
	
		.ipsExpandable .root_item img {
			position: relative;
			top: -3px;
		}
	
	.ipsExpandable .item_wrap {
		margin-left: 24px;
		border-left: 1px solid #ecf1f5;
	}
	
		.ipsExpandable .item_wrap .item {
			border-bottom: 1px solid #ecf1f5;
		}
		
	.parentCat .toggle { 
		background: url( images/folder_open.png ) no-repeat;
		background-position: 0px 5px; 
		text-indent: -3000em;
		width: 15px;
		display: inline-block; 
	}
	
	.parentCat.collapsed .toggle {
		background-image: url( images/folder_closed.png );
	}			

/****************************************************/
/* MESSAGES											*/
/****************************************************/
.warning, .information-box {
	padding: 10px 10px 10px 30px;
}

.warning {
	background: #f7e5e8 url( images/icons/exclamation.png ) no-repeat 9px 10px;
	border: 1px solid #f0c1cb;
	color: #92394d;
}

	.warning h4 {
		color: #802200;
		font-weight: bold;
	}
	
.information-box {
	background: #f0f6e2 url( images/icons/information.png ) no-repeat 9px 10px;
	border: 1px solid #d7e9a8;
	color: #5d8005;
}

	.information-box h4 {
		color: #6c6141;
	}


/****************************************************/
/* TREE TABLE LAYOUT								*/
/****************************************************/
.ipsTreeTable { 

}

.ipsTreeTable img, .ipsTreeTable input[type=checkbox] {
	vertical-align: top;
}

.ipsTreeTable .row {
	padding: 10px 7px 10px 28px;
	position: relative;
	border-bottom: 1px solid #e8edf2;
}

	.ipsTreeTable .row.root {
		background: #B1C2D4;
		font-weight: bold;
		color: #294563;
		font-size: 14px;
		padding-left: 7px;
	}
	
	.ipsTreeTable .parent {
		background: #eff3f6 url( images/folder_closed.png ) no-repeat 10px 12px;
		font-weight: bold;
		color: #3287C9;
		cursor: pointer;
		}
		.ipsTreeTable .parent.nochildren { background-image: none; }
		.ipsTreeTable .parent.open { background: #dae2e9 url( images/folder_open.png ) no-repeat 10px 12px;	}
	.ipsTreeTable .child:hover { background-color: #f5f7f9; }
	.ipsTreeTable .parent:hover { background-color: #e1e7ed; }
	
	.ipsTreeTable .selected {
		background-color: #B1C2D4 !important;
		font-weight: bold;
		color: #294563;
		font-size: 14px;
	}
	
	.ipsTreeTable .tick_img {
		float: right;
		display: none;
	}
	
	.ipsTreeTable .selected .tick_img {
		display: inline;
	}
	
	.parent.isDraggable, .parent.open.isDraggable {
		background-position: 20px 12px;
		padding: 10px 7px 10px 36px;
	}
		.parent.isDraggable .draghandle {
			position: absolute;
			left: 4px;
		}
		.child.isDraggable .draghandle {
			position: absolute;
			left: 4px;
		}
		
	.ipsTreeTable .row .infotext {
		position: absolute;
		right: 100px;
		top: 11px;
		visibility: hidden;
	}
	
		.ipsTreeTable .row:hover .infotext,
		#filter_results .infotext {
			visibility: visible;
		}
		
	.ipsTreeTable .row .check {
		position: absolute;
		left: 50px;
		top: 13px;
	}
	
	.ipsTreeTable .row .ipsControlStrip {
		position: relative;
		top: -2px;
	}
	
	.ipsTreeTable .icon {
		margin-right: 15px;
		float: left;
	}
	
	.ipsTreeTable .parent_wrap {
		padding-left: 0px;
		margin-left: 18px;
		border-left: 1px solid #f0f0f0;
		position: relative;
	}
	
	.ipsTreeTable .filter_row {
		padding: 10px;
		position: relative;
	}

		.ipsTreeTable .filter_row .infotext {
			margin-left: 40px;
			font-size: 11px;
			color: #8e8e8e;
		}
		
		.ipsTreeTable .filter_row .draghandle,
		#filter_results .draghandle {
			display: none;
		}

	.filter_row.no_results {
		text-align: center;
		font-style: italic;
		color: #8e8e8e;
	}
	
.ipsInlineTreeSearch {
	float: right;
	position: relative;
}

	.ipsInlineTreeSearch input[type=text] {
		background: #fff url( images/search_box_icon.png ) no-repeat 2px 3px;
		border: 1px inset #142a42;
		padding: 4px 22px 4px 22px;
		color: #c7c7c7;
		font-size: 12px;
		font-size: 11px;
		font-weight: normal;
		margin-top: 8px;
	}
		
		.ipsInlineTreeSearch.active input[type=text] {
			color: #000;
		}
		
		.ipsInlineTreeSearch.active #cancel_filter {
			display: inline;
		}
	
		.ipsInlineTreeSearch #cancel_filter {
			position: absolute;
			right: 3px;
			top: 12px;
			display: none;
		}
		
/****************************************************/
/* INDIVIDUAL PAGE STYLES							*/
/****************************************************/

/* Server statistics */
#dash_server_stats {
	padding: 10px;
	background: #ecedf0;
	margin: -15px 0 15px 0;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

	#dash_server_stats li {
		margin: 0 15px 0 5px;
	}

	#dash_server_stats h3 {
		display: inline;
		font-weight: bold;
		margin-right: 10px;
	}
	
#dashboard_online a {
	color: #969a9d;
	text-decoration: underline;
}

.dashboard_note {
	margin-bottom: 5px;
}
	.note_content {
		position: relative;
	}

#notes_wrap {
	padding: 5px;
	background: #fffdf3;
	border-width: 1px;
	border-style: solid;
	border-color: #e6d2bf;
	-moz-box-shadow: 0px 0px 4px rgba(237,204,169,0.8) inset; 		/* moz */
	-webkit-box-shadow: 0px 0px 4px rgba(237,204,169,0.8) inset; 	/* webkit */
	box-shadow: 0px 0px 4px rgba(237,204,169,0.8) inset; 			/* css3 */
}

.dashboard_notes {
	width: 100%;
	border: 0;
	height: 70px;
	background: transparent;
	color: #a65c11;
	line-height: 1.4;
}


#member_search_bar, .ipsSortBar {
	background: #849cb7;
	border-bottom: 1px solid #6984a1;
	font: normal 13px 'Helvetica Neue', helvetica, arial, sans-serif;
	padding: 5px 12px 5px 5px;
}

	#member_search_bar .realbutton {
		padding: 4px 8px;
	}
	
	#member_search {
		background: #fff url( images/search_box_icon.png ) no-repeat 3px;
		-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4) inset;
		-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4) inset;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.4) inset;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border: 1px solid #6984a1;
		padding: 6px 6px 6px 24px; 
	}
	
#advanced_member_search {
	width: 16px;
	height: 16px;
	display: inline-block;
	text-indent: -2000em;
	background: transparent url( images/advanced_search.png ) no-repeat left 0px;
	outline: 0;
}

#m_search_pane {
	width: 850px;
	position: absolute;
	left: 50%;
	top: 10px;
	margin-left: -425px;
	background: #fff;
	-moz-box-shadow: 0px 0px 15px rgba( 0,0,0,0.4 );
	-webkit-box-shadow: 0px 0px 15px rgba( 0,0,0,0.4 );
	box-shadow: 0px 0px 15px rgba( 0,0,0,0.4 );
	z-index: 17000;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

	#m_search_pane .acp-box {
		border: 0;
	}
	
	#m_search_pane_inner {
		height: 400px;
		overflow: auto;
	}
	
	.adv_search_main {
		text-align: center; 
		background: #d4e4f1 !important;
	}

#m_search_info {
	padding: 5px 0 0 5px;
	color: #063554;
	font-weight: bold;
}

.member_controls {
	white-space: nowrap;
	min-height: 18px;
	text-align: right;
}

.member_controls .ipsBadge {
	opacity: 0.2;
}

	.member_row:hover .member_controls .ipsBadge {
		opacity: 1;
	}
	
	.member_controls.success {
		background: url( images/done_tick.png ) no-repeat right;
	}
	
		.member_controls.success .ipsBadge,
		.member_controls.success input {
			display: none;
		}

#member_list tfoot td {
	background: #ecf2f6 url( images/mod_action.png ) no-repeat right !important;
	padding-right: 35px;
}

	#member_list tfoot td strong {
		font-size: 11px;
		color: #486379;
		margin-right: 10px;
	}
	
	#member_list tfoot tr.disabled .ipsBadge,
	#member_list tfoot tr.disabled strong {
		opacity: 0.1;
		cursor: default;
	}
	
	#member_list tfoot .ipsBadge {
		font-weight: bold;
	}
	
	#member_list tfoot td .realbutton {
		font-size: 11px !important;
		padding: 4px 10px !important;
	}
	
.hookupdate
{
	font-weight: bold;
	color: #ff9933;
}

/* Permission */

.permission_table {
	border-collapse: separate !important;
}

.permission_table td.section, div.section {
	font-size: 12px;
	padding: 6px;
	border: 0;
	background-color: #D6E4F1;
	border-bottom: 1px solid #bfcad3 !important;
	border-top: 1px solid #ced8e0;
	color: #246594;
}

	div.section {
		font-size: 15px;
	}

	.permission_table .perm {
		font-size: 11px;
		text-align: center;
		padding: 10px !important;
		border-left: 3px solid #fff;
	}
	
/* Login screen */

body.login_screen {
	background: #386e9a;
	background: -moz-linear-gradient(top, #4a85b5 0%, #205889 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a85b5), color-stop(100%,#205889)); /* webkit */
	height: auto !important;
}

#login {
	width: 450px;
	height: 220px;
	background: #fff;
	margin: 10% auto 0 auto;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
	position: relative;
	padding: 10px;
}
	#login.with_message {
		height: 250px;
	}
	
	#login_logo {
		position: absolute;
		top: -45px;
		left: 0;
	}
	
	#login_submit {
		background: #e7edf2;
		border-top: 1px solid #d0dce6;
		padding: 20px 10px;
		text-align: center;
		position: absolute;
		bottom: 0px;
		left: 0;
		right: 0;
		-moz-border-radius: 0 0 4px 4px;
		-webkit-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
	}
		
	#login_controls {
		margin: 0 auto;
		position: absolute;
		width: 100%;
		bottom: 100px;
		font-size: 16px;
	}
	
		#login_controls label {
			display: block;
			width: 33%;
			color: #667078;
			float: left;
			clear: both;
			margin-bottom: 12px;
			text-align: right;
			padding-right: 15px;
		}
		
		#login_controls input {
			margin-bottom: 12px;
			font-size: 14px;
			width: 45%;
		}
		
	#login_error {
		position: absolute;
		top: 15px;
		left: 10px; right: 10px;
		font-size: 13px;
		font-weight: bold;
		background: #f2ccd4;
		border: 1px solid #e599aa;
		padding: 10px;
		color: #80001c;
	}
	
#redirect {
	width: 389px;
	min-height: 80px;
	margin: 15% auto 0 auto;
	position: relative;
	background: #e7edf2;
	color: #667078;
	padding: 15px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

	#redirect h2 {
		font-size: 22px;
		display: block !important;
	}
	
	#redirect p {
		font-size: 16px;
	}
	
	#redirect a {
		color: #657b97;
		display: block;
		margin-top: 15px;
	}

/* Forums */

#forum_type_chooser td {
	padding: 0 0 10px 0;
	vertical-align: top;
}

fieldset.subforums {
	margin-top: 10px;
}

.subforums legend {
	display: none;
}

/* Template editor */

#left_pane {
	overflow: hidden;
}

.parts_list {
	max-height: 470px;
	overflow: auto;
	background: #F5F8FA;
	cursor: pointer;
	border: 2px solid #FFF;
	position: relative;
}

	.parts_list li {
		padding: 5px 7px;
		border-bottom: 2px solid #FFF;
		font-weight: bold;
	}
	
		.parts_list li.loading {
			background-image: url(images/loading.gif);
			background-position: 98% 5px;
			background-repeat: no-repeat;
		}
	
	.parts_list ul {
		padding: 6px 0 10px 0;
	}
	
	.parts_list ul li {
		font-size: 0.90em;
		padding: 1px 5px 1px 10px;
		border-bottom: 0px;
		font-weight: normal;
		background: none;
		position: relative;
	}
	
	.parts_list li .delete_icon {
		position: absolute;
		right: 3px;
	}

#template_editor {
	position: relative;
}

#template_toolbar {
	background: #849CB7;
	padding: 5px 5px 2px 0;
	height: 30px;
	border-bottom: 1px solid #6984A1;
	font: 13px 'Helvetica Neue',helvetica,arial,sans-serif;
}

	#template_toolbar li {
		float: left;
		background: #ecf1f5;
		border: 1px solid #d5dde5;
		padding: 4px 9px;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		font-size: 0.9em;
		margin: 0 4px;
	}
	
	#template_toolbar li#t_status {
		border: 0;
		width: 90px;
		height: 20px;
		background: transparent;
		padding: 6px 0 0 25px;
		font-size: 11px;
		color: #6e6e6e;
		cursor: default;
	}
		
		#template_toolbar li#t_status.loading {
			background-image: url(images/loading_white.gif);
			background-position: 0px 6px;
			background-repeat: no-repeat;
		}
		
	#template_toolbar li.right {
		float: right;
	}
	
	#template_toolbar li.disabled {
		color: #a1a1a1;
		font-style: italic;
	}
	
	#template_toolbar #document_buttons {
		margin-left: 20%;
	}
	
	#template_toolbar #editor_buttons {
		position: relative;
		bottom: 0;
		cursor: pointer;
	}
	
	#template_toolbar #editor_buttons li {
		padding: 0 10px;
		margin-right: 5px;
		display: inline-block;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background: #FFFFFF; /* old browsers */
		background: -moz-linear-gradient(top, #FFFFFF 0%, #F6F9FA 3%, #E4EEF3 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(3%,#F6F9FA), color-stop(100%,#E4EEF3)); /* webkit */
		font-size: 12px;
		border: 1px solid #afd4f1;
		color: #0b5794;
		text-shadow: 1px 1px 0 #f4f7fa;
		height: 26px;
		line-height: 26px;
		outline: none;
	}
	
	#template_toolbar #editor_buttons li.active {
		background: #CE3C92; /* old browsers */
		background: -moz-linear-gradient(top, #CE3C92 0%, #AB156D 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CE3C92), color-stop(100%,#AB156D)); /* webkit */
		color: #fff;
		text-shadow: -1px -1px 0 #97115f;
		border-color: #9d1263;
	}
	
	.template_menu {
		padding: 0;
		font-size: 11px;
		font-weight: bold;
		height: 30px;
		overflow: hidden;
		background: #D6E4F1;
		color: #246594;
	}
	
		.template_menu ul {
			margin-left: 5px;
		}
		
			.template_menu ul li {
				float: left;				
				padding: 8px 8px;
				color: #246594;
				cursor: pointer;
			}
			
#css_list_wrap,
#template_list_wrap {
	min-height: 500px;
	background: #f1f4f7;
}

#template_list {
	color: #3287C9;
}

#template_footer {
	background: #FFF;
	padding: 8px 6px 6px 6px;
	clear: both;
	border-top: 2px solid #6984A1;
	font-size: 11px;
}

#template_editor {
	background: #D6E4F1;
}

	.replacement_save {
		width: 70%;
		text-align: right;
		padding: 5px 0;
		margin: 0 auto;
	}

	/* --------------- */
	/* Inline form styles */

	#inlineFormWrap
	{
		position: absolute;
		background-color: #5f5f5f;
		color: #000;
		width: 350px;
		border:1px solid #FFF;
		z-index: 150;
	}

	#inlineFormInnerWrap
	{

	}

	#inlineFormInnerClose
	{
		margin: 9px 10px 0px 0px;
		width: 13px;
		height: 13px;
		float: right;
		background-repeat: no-repeat;
		cursor: pointer;
	}

	#inlineFormInnerTitle
	{
		padding: 2px;
	}

	#inlineFormInnerContent
	{
		background-color: #F5F8FA;
		padding: 5px;
	}

	#inlineFormLoading
	{
		text-align: center;
		font-size:18px;
		font-weight: bold;
		background-color: #FFFFFF;
		border: 1px solid #4d5b6b;
		padding:20px;
		z-index:1000;
	}

	#inlineErrorBox
	{
		border: 1px solid #000;
		background-color: #FFCCCC;
		font-size:14px;
		text-align: center;
		padding-top:20px;
		z-index: 999;
	}

		#inlineErrorBox strong
		{
			font-size:30px;
		}

		#inlineErrorBox img
		{
			vertical-align: -12px;
		}

	#inlineErrorText
	{
		overflow: auto;
		height: 90px;
		padding:8px;
	}

	.inlineFormEntry
	{
		background-color: #e7eaf0;
		margin-bottom: 2px;
	}

	.inlineFormLabel
	{
		padding: 4px;
		font-size: 14px;
		font-weight: bold;
	}

	.inlineFormLabel p
	{
		color: gray;
		font-weight:normal;
		font-size: 11px;
	}

	.inlineFormInput
	{
		padding: 4px;
	}

	.inlineFormSubmit
	{
		background-color: #4b5b6e;
		text-align: center;
		padding: 6px;
		color: #30353c;
		border-bottom: 1px solid #d9dee8;
		height: 22px;
	}
	

	.bullets ul,
	.bullets ol,
	ul.bullets,
	ol.bullets {
		list-style: disc;
		margin-left: 30px;
		line-height: 150%;
		list-style-image: none;
	}
	
	/* Autocomplete */
	.ipbmenu_content {
		background-color: #F7EFF5;
		border: 1px solid #AC156D;
		min-width: 85px;
		padding: 5px;
		font-size: 0.9em;
		z-index: 150;
		margin-left: 0px;
	}

		.ipbmenu_content li {
			border-bottom: 1px solid #AC156D;
			padding: 5px;
		}

		.ipbmenu_content li:last-child {
			border-bottom: 0;
			padding-bottom: 0px;
		}

		.ipbmenu_content li:first-child {
			padding-top: 0px;
		}

/* License Nagging CSS */
#license_notice_force {
	min-height: 120px;
	top: 0px;
	background: #cc0000; /* Old browsers */
	background: -moz-linear-gradient(top, #cc0000 0%, #a50500 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#a50500)); /* Chrome,Safari4+ */
	color: #f6edef;
	/*position: fixed;*/
	z-index: 15050;
	text-shadow: 0 -1px 0 #80001c;
	line-height: 1.4;
	border-bottom: 1px solid #80001c;
	-webkit-box-shadow: 4px 0 10px rgba(0,0,0,0.3);
	padding: 0 10px;
}

	#license_notice_force h4 {
		font-size: 20px;
		padding: 10px 10px 0;
		color: #fff;
	}

	#license_notice_force p {
		padding: 10px;
		font-size: 14px;
	}
	
	#license_notice_force a {
		display: inline-block;
		background: #80001c;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding: 2px 10px;
		color: #fff;
	}

#license_notice_expired {
	min-height: 70px;
	top: 0px;
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top, #f7f7f7 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	/*position: fixed;*/
	color: #575757;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.5);
	padding: 10px 15px;
	line-height: 1.4;
	z-index: 15050;
	border-bottom: 1px solid #acacac;
	-webkit-box-shadow: 4px 0 10px rgba(0,0,0,0.3);
}

	#license_notice_expired h4 { font-size: 18px; }
	#license_notice_expired div.right {
		position: absolute;
		top: 10px; right: 10px;
	}
	
		#license_notice_expired div.right a {
			background: #575757;
			color: #fff;
			display: inline-block;
			padding: 2px 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			font-size: 11px;
		}

	#license_notice_expired p {
		padding-top: 5px;
		font-size: 12px;
	}

/*#ipboard_body.force_license { margin-top: 120px !important; }
#ipboard_body.expired_license { margin-top: 90px !important; }*/

/* Merge Center */

del, .diffred {
	background-color: #FFD1D1;
	color: black;
	font-weight: normal;
	text-decoration: none
}

ins, .diffgreen {
	background-color: #D3EBBC;
	color: black;
	font-weight: normal;
	text-decoration: none;
}

#diffPopUp_inner > pre {
	overflow: scroll;
}
.ips_merge_wrap {
	position: relative;
	width: 100%;
}

.ips_merge_new > p, .ips_merge_custom > p {
	overflow: auto;
}

.ips_merge_new {
	background-color: #f3dddd;
	color: black;
	font-weight: normal;
	text-decoration: none;
	border-left:6px solid #281b1b;
}

	.ips_merge_new h3 {
		background-color: #deb7b7;
		font-size: 12px;
		font-family: Arial;
	}


.ips_merge_custom {
	background-color: #f3f3f3;
	color: black;
	font-weight: normal;
	text-decoration: none;
	border-left:6px solid #a2a2a2;
}
	.ips_merge_custom h3 {
		background-color: #d4d4d4;
		font-size: 12px;
		font-family: Arial;
	}

.mergeResolveBox
{ 
	border:1px solid black;
	width:300px;
	float:right;
	position: relative;
	top: 0px;
	right: 0px;
}

/* User agents group form */
.uAgentsGHover
{
	background-color: #D3DAE4;
	background-image: url( images/acpMenuMore.png );
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding:8px;
}

.uAgentsGRow
{
	padding:8px;
	border-bottom:1px solid #ddd;
}

.uAgentsGRHover
{
	background-color: #D3DAE4;
	cursor: pointer;
	padding:8px;
}

.uAgentsGRRow
{
	padding:8px;
	border-bottom:1px solid #ddd;
}

/* Member Area */

.photo_options {
    background: #40638B;
    display: inline-block;
    float: right;
    left: 5px;
    padding: 3px;
    position: relative;
    top: -19px;
}

	.photo_options li {
		display: inline;
	}

.acp-sidebar {
	float: left;
	width: 30%;
}

	.acp-sidebar .sidebar_box {
	    background: #FFFFFF;
	    border: 1px solid #B3C2D2;
	    margin: 10px auto;
	    padding: 5px;
	    width: 80%;
	}
	
	.acp-sidebar .sidebar_box ul {
		width: 100%;
	}
	
		.acp-sidebar .sidebar_box ul li {
			width: 100%;
			margin-top: 4px;
			margin-bottom: 8px;
		}
		
			.acp-sidebar .sidebar_box ul li strong {
				width: 80px;
				display: inline-block;
			}

#MF__pp_photo_container {
	border: 1px solid #369;
	background: #FFF;
	padding: 5px;
	margin: 10px auto;
}

.change_icon {
    background-image: url( images/icons/pencil.png );
    display: inline-block;
    height: 16px;
    outline: 0 none;
    text-indent: -5000px;
    width: 16px;
    float: right;
}

/* New notification panel */
#ipsGlobalNotification {
	position: fixed;
	left: 50%;
	margin-left: -250px;
	top: 80px;
	text-align: center;
	font-weight: bold;
}

	#ipsGlobalNotification .popupWrapper {
		padding: 3px;
		position: relative;
		z-index: 20000;
	}
	
	#ipsGlobalNotification .ipsPad {
		padding: 9px;
		font-size: 18px;
	}

#ipsGlobalNotification_close {
	font-size: 12px;
	font-weight: normal;
	cursor: pointer;
	float: right;
	margin-top: -2px;
}

.redirector {
	background-color: #f6f8fa;
	border: 1px solid #d5dde5;
	padding: 10px;
	overflow: hidden;
}

	.redirector img.redirect {
		float: left;
	}
	
	.redirector div.info {
		text-align: center;
		font-size: 18px;
		margin: 10px;
	}
	
	.redirector.complete {
		border: 1px solid #b0ce94;
		background-color: #f1f6ec;
	}
	
.select_col, .select_row {
	width: 25px;
}

/****************************************************/
/* Photo styles  									*/
/****************************************************/

.ipsUserPhoto {
	padding: 1px;
	border: 1px solid #d5d5d5;
	background: #fff;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}
	
	.ipsUserPhotoLink:hover .ipsUserPhoto {
		border-color: #7d7d7d;
	}
	
	.ipsUserPhoto_variable { max-width: 155px; }
	.ipsUserPhoto_large { max-width: 90px; max-height: 90px; }
	.ipsUserPhoto_medium { width: 50px; height: 50px; }
	.ipsUserPhoto_mini { width: 30px; height: 30px; }
	.ipsUserPhoto_tiny { width: 20px; height: 20px;	}
	.ipsUserPhoto_icon { width: 16px; height: 16px;	}

/****************************************************/
/* CKEditor											*/
/****************************************************/

.as_content {
	background: #fff;
	font-size: 1.0em;
	border: 1px solid black;
	padding: 6px;
	margin: 8px;
	overflow: auto;
	max-height: 400px;
}
.as_buttons {
	text-align: right;
	padding: 4px 0px;
}
.as_message {
	display: inline-block;
}
#ips_switchEditor {
	clear: both;
	text-align: left;
	margin-left: 10px;
}
.ips_EditorTextArea {
	margin: 0 10px;
	width: 95%;
	height: 250px;
	padding: 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.ips_EditorTextArea.minimized {
	height: 80px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	margin:0 auto;
}

/************************************************************************/
/* TAG LIST */

.ipsTag {
	display: inline-block;
	background: url( ../../public/style_images/master/tag_bg.png );
	height: 20px;
	line-height: 20px;
	padding: 0 7px 0 15px;
	margin: 5px 5px 0 0;
	font-size: 11px;
	color: #656565;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-radius: 0 3px 3px 0;
}

/************************************************************************/
/* TAG EDITOR STYLES */

.ipsTagBox_wrapper {
	min-height: 18px;
	width: 350px;
	line-height: 1.3;
	display: inline-block;
}
	
	.ipsTagBox_hiddeninput { background: #fff; }
	.ipsTagBox_hiddeninput.inactive {
		font-size: 11px;
		min-width: 200px;
	}
	
	.ipsTagBox_wrapper input { border: 0px;	outline: 0; }
	.ipsTagBox_wrapper li {	display: inline-block; }
	
	.ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child {
		background: #dbf3ff;
		border-color: #a8e3ff;
		color: #136db5;
	}
	
	.ipsTagBox_tag {
		padding: 2px 1px 2px 4px;
		background: #f4f4f4;
		border: 1px solid #dddddd;
		margin: 0 3px 2px 0;
		font-size: 11px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		cursor: pointer;
	}
	
		.ipsTagBox_tag:hover {
			border-color: #bdbdbd;
		}
		
		.ipsTagBox_tag.selected {
			background: #e2e2e2 !important;
			border-color: #c0c0c0 !important;
			color: #424242 !important;
		}
		
	.ipsTagBox_closetag {
		margin-left: 2px;
		display: inline-block;
		padding: 0 3px;
		color: #c7c7c7;
		font-weight: bold;
	}
		.ipsTagBox_closetag:hover { color: #454545;	}
		.ipsTagBox_tag.selected .ipsTagBox_closetag { color: #424242; }
		.ipsTagBox_tag.selected .ipsTagBox_closetag:hover { color: #2f2f2f;	}
		.ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag { color: #4f87bb; }
		.ipsTagBox_wrapper.with_prefixes li.ipsTagBox_tag:first-child .ipsTagBox_closetag:hover { color: #003b71; }
		
	.ipsTagBox_addlink {
		font-size: 10px;
		margin-left: 3px;
		outline: 0;
	}
	
	.ipsTagBox_dropdown {
		height: 100px;
		overflow: scroll;
		background: #fff;
		border: 1px solid #dddddd;
		-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
		box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
		z-index: 16000;
	}
	
		.ipsTagBox_dropdown li {
			padding: 4px;
			font-size: 12px;
			cursor: pointer;
		}
		.ipsTagBox_dropdown li:hover {
			background: #dbf3ff;
			color: #003b71;
		}

/************************************************************************/
/* TAG CLOUD */
.ipsTagWeight_1 { opacity: 1.0; }
.ipsTagWeight_2 { opacity: 0.9; }
.ipsTagWeight_3 { opacity: 0.8; }
.ipsTagWeight_4 { opacity: 0.7; }
.ipsTagWeight_5 { opacity: 0.6; }
.ipsTagWeight_6 { opacity: 0.5; }
.ipsTagWeight_7 { opacity: 0.4; }
.ipsTagWeight_8 { opacity: 0.3; }

/************************************************************************/
/* TOOLTIPS */

.ipsTooltip { padding: 5px; z-index: 25000;}
.ipsTooltip_inner {
	padding: 8px;
	background: #333333;
	border: 1px solid #333333;
	color: #fff;
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	box-shadow: 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.1) inset;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 12px;
	text-align: center;
	max-width: 250px;
}
	.ipsTooltip_inner a { color: #fff; }
	.ipsTooltip_inner span { font-size: 11px; color: #d2d2d2 }
	.ipsTooltip.top 	{ background: url(../../public/style_images/master/stems/tooltip_top.png) no-repeat bottom center; }
		.ipsTooltip.top_left 	{ background-position: bottom left; }
	.ipsTooltip.bottom	{ background: url(../../public/style_images/master/stems/tooltip_bottom.png) no-repeat top center; }
	.ipsTooltip.left 	{ background: url(../../public/style_images/master/stems/tooltip_left.png) no-repeat center right; }
	.ipsTooltip.right	{ background: url(../../public/style_images/master/stems/tooltip_right.png) no-repeat center left; }
	
/************************************************************************/
/* SHARED MEDIA STYLES */

#mymedia_inserted {
	position: absolute;
	top: 100px; left: 50%;
	margin-left: -200px;
	width: 400px;
	padding: 20px 0;
	background: black;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	z-index: 20000;
	text-align: center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#mymedia_toolbar { 
	position: absolute;
	bottom: 0; left: 0;	right: 0;
	height: 42px;
	line-height: 42px;
	padding: 0 5px;
	background: #DBE4EF;
	background: -moz-linear-gradient(top, #DBE4EF 0%, #c7d4e4 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DBE4EF), color-stop(100%,#c7d4e4)); /* webkit */
	-webkit-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
	-moz-box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
	box-shadow: 0px 1px 1px 0px rgba(255,255,255,0.5) inset;
	border-top: 1px solid #DBE4EF;
}

#mymedia_finish { position: absolute; right: 5px; top: 5px; }
#mymedia_content { height: 339px; overflow: auto; }

.media_results li.result {
	width: 20%;
	height: 100px;
	padding: 15px 0;
	float: left;
	text-align: center;
	cursor: pointer;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

	.media_results li:hover { 
		background: #F9F9F9;
		background: -moz-linear-gradient(top, #F9F9F9 0%, #EDEDED 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#EDEDED));
	}
	.media_results li:active { 
		background: #EDEDED;
		background: -moz-linear-gradient(top, #EDEDED 0%, #F9F9F9 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#F9F9F9));
	}
	
	.media_image {
		padding: 1px;
		border: 1px solid #d5d5d5;
		margin-bottom: 5px;
	}
	
/************************************************************************/
/* LAYOUT SYSTEM */

.ipsLayout.ipsLayout_withleft { padding-left: 210px; }
	.ipsBox.ipsLayout.ipsLayout_withleft { padding-left: 220px; }
.ipsLayout.ipsLayout_withright { padding-right: 210px; clear: left; }
	.ipsBox.ipsLayout.ipsLayout_withright { padding-right: 220px; }
	
/* Panes */
.ipsLayout_content, .ipsLayout .ipsLayout_left, .ipsLayout_right { position: relative; }
.ipsLayout_content { width: 100%; float: left; }
.ipsLayout .ipsLayout_left { width: 200px; margin-left: -210px; float: left; }
.ipsLayout .ipsLayout_right { width: 200px; margin-right: -210px; float: right; }

/* Wider sidebars */
.ipsLayout_largeleft.ipsLayout_withleft { padding-left: 280px; }
	.ipsBox.ipsLayout_largeleft.ipsLayout_withleft { padding-left: 290px; }
.ipsLayout_largeleft.ipsLayout .ipsLayout_left { width: 270px; margin-left: -280px; }
.ipsLayout_largeright.ipsLayout_withright { padding-right: 280px; }
	.ipsBox.ipsLayout_largeright.ipsLayout_withright { padding-right: 290px; }
.ipsLayout_largeright.ipsLayout .ipsLayout_right { width: 270px; margin-right: -280px; }

/* Narrow sidebars */
.ipsLayout_smallleft.ipsLayout_withleft { padding-left: 150px; }
	.ipsBox.ipsLayout_smallleft.ipsLayout_withleft { padding-left: 160px; }
.ipsLayout_smallleft.ipsLayout .ipsLayout_left { width: 140px; margin-left: -150px; }
.ipsLayout_smallright.ipsLayout_withright { padding-right: 150px; }
	.ipsBox.ipsLayout_smallright.ipsLayout_withright { padding-right: 160px; }
.ipsLayout_smallright.ipsLayout .ipsLayout_right { width: 140px; margin-right: -150px; }

/* Tiny sidebar */
.ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 50px; }
	.ipsBox.ipsLayout_tinyleft.ipsLayout_withleft { padding-left: 60px; }
.ipsLayout_tinyleft.ipsLayout .ipsLayout_left { width: 40px; margin-left: -40px; }
.ipsLayout_tinyright.ipsLayout_withright { padding-right: 50px; }
	.ipsBox.ipsLayout_tinyright.ipsLayout_withright { padding-right: 60px; }
.ipsLayout_tinyright.ipsLayout .ipsLayout_right { width: 40px; margin-right: -40px; }

/* Big sidebar */
.ipsLayout_bigleft.ipsLayout_withleft { padding-left: 330px; }
	.ipsBox.ipsLayout_bigleft.ipsLayout_withleft { padding-left: 340px; }
.ipsLayout_bigleft.ipsLayout .ipsLayout_left { width: 320px; margin-left: -330px; }
.ipsLayout_bigright.ipsLayout_withright { padding-right: 330px; }
	.ipsBox.ipsLayout_bigright.ipsLayout_withright { padding-right: 340px; }
.ipsLayout_bigright.ipsLayout .ipsLayout_right { width: 320px; margin-right: -330px; }

/* Even Wider sidebars */
.ipsLayout_hugeleft.ipsLayout_withleft { padding-left: 380px; }
	.ipsBox.ipsLayout_hugeleft.ipsLayout_withleft { padding-left: 390px; }
.ipsLayout_hugeleft.ipsLayout .ipsLayout_left { width: 370px; margin-left: -380px; }
.ipsLayout_hugeright.ipsLayout_withright { padding-right: 380px; }
	.ipsBox.ipsLayout_hugeright.ipsLayout_withright { padding-right: 390px; }
.ipsLayout_hugeright.ipsLayout .ipsLayout_right { width: 370px; margin-right: -380px; }

	
/************************************************************************/
/* VERTICAL TABS (profile etc.) */

.ipsVerticalTabbed { }

	.ipsVerticalTabbed_content {
		min-height: 400px;
	}
	
	.ipsVerticalTabbed_tabs > ul {
		width: 149px !important;
		margin-top: 10px;
		border-top: 1px solid #DBE4EF;
		border-left: 1px solid #DBE4EF;
	}
		
		.ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs > ul { width: 40px !important; }
		
		/**
		 *	@key			ipsVerticalTabbed_tabs_li
		 *  @group			other
		 *  @colorize		base
		 *	@title			Vertical Tab
		 *  @description	Used on profile page and other UserCP when veritcal tabs are needed
		 *	@default		background,color,border
		 */
		.ipsVerticalTabbed_tabs li {
			background: #f6f8fb;
			color: #808080;
			border-bottom: 1px solid #DBE4EF;
			font-size: 13px;
		}
		
			/**
			 *	@key			ipsVerticalTabbed_tabs_li_a
			 *  @group			other
			 *  @colorize		base
			 *	@title			Vertical Tab Link
			 *  @description	Link on a vertical tab
			 *	@default		color
			 */
			.ipsVerticalTabbed_tabs li a {
				display: block;
				padding: 10px 8px;
				outline: 0;
				color: #8d8d8d;
				-webkit-transition: background-color 0.1s ease-in-out;
				-moz-transition: background-color 0.3s ease-in-out;
			}
			
				/**
				 *	@key			ipsVerticalTabbed_tabs_li_a_hover
				 *  @group			other
				 *  @colorize		base
				 *	@title			Vertical Tab Link Hover
				 *  @description	Hover over a vertical tab
				 *	@default		background,color
				 */
				.ipsVerticalTabbed_tabs li a:hover {
					background: #eaeff5;
					color: #808080;
				}
			
				/**
				 *	@key			ipsVerticalTabbed_tabs_li_active
				 *  @group			other
				 *  @colorize		base
				 *	@title			Vertical Tab Active
				 *  @description	An active tab
				 *	@default		background,color,border
				 */
				.ipsVerticalTabbed_tabs li.active a {
					width: 135px;
					position: relative;
					z-index: 8000;
					border-right: 1px solid #fff;
					background: #fff;
					color: #353535;
					font-weight: bold;
				}
				
					.ipsVerticalTabbed_minitabs.ipsVerticalTabbed_tabs li.active a {
						width: 24px;
					}

.ipsBox, .ipsPad { padding: 9px; }

ipsBox { background: #ebf0f3; }

.ipsBox_container {
		background: #fff;
		border: 1px solid #dbe4ef;
	}

.ipsPad_half { padding: 4px !important; }
.ipsPad_left { padding-left: 9px; }
.ipsPad_top { padding-top: 9px; }
.ipsPad_top_slimmer { padding-top: 7px; }
.ipsPad_top_half { padding-top: 4px; }
.ipsPad_top_bottom { padding-top: 9px; padding-bottom: 9px; }
.ipsPad_top_bottom_half { padding-top: 4px; padding-bottom: 4px; }

.ipsForm_center { text-align: center; }

.ipsButton_secondary {
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	padding: 0 10px;
	background: #f6f6f6;
	background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */
	border: 1px solid #dbdbdb;
	-moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #616161;
	display: inline-block;
	white-space: nowrap;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
}
	.ipsButton_secondary a { color: #616161; }
	.ipsButton_secondary:hover {
		color: #4c4c4c;
		border-color: #9a9a9a;
	}


/************************************************************************/
/* TYPOGRAPHY */

.ipsType_pagetitle, .ipsType_subtitle {
	font: 300 26px/1.3 Helvetica, Arial, sans-serif;
	color: #323232;
}
.ipsType_subtitle { font-size: 18px; }
.ipsType_sectiontitle { 
	font-size: 16px;
	font-weight: normal;
	color: #595959;
	padding: 5px 0;
	border-bottom: 1px solid #ececec;
}

.ipsType_pagedesc {
	color: #7f7f7f;
	line-height: 1.5;
}

.ipsType_pagedesc a { text-decoration: underline; }

.ipsType_textblock { line-height: 1.5; color: #282828; }

.ipsType_small { font-size: 12px; }
.ipsType_smaller, .ipsType_smaller a { font-size: 11px !important; }

.ipsReset { margin: 0px !important; padding: 0px !important; }

.desc, .desc.blend_links a, p.posted_info {
	font-size: 12px;
	color: #777777;
}
.desc.lighter, .desc.lighter.blend_links a {
	color: #a4a4a4;
}	
.popupInner h3 {
	background: #2c5687;
	color: #fff;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #316897;
	padding: 8px 10px 9px;
	font-size: 16px;
	font-weight: 300;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0px 1px 0 #528cbc;
	box-shadow: inset 0px 1px 0 #528cbc;
	-moz-box-shadow: inset 0px 1px 0 #528cbc;
}

.swfupload {
	position: absolute;
	z-index: 1;
}
	
#attachments { }

	#attachments li {
		background-color: #e4ebf2;
		border: 1px solid #d5dde5;
		padding: 6px 20px 6px 42px;
		margin-bottom: 10px;
		position: relative;
	}
	
		#attachments li p.info {
			color: #69727b;
			font-size: 0.8em;
			width: 300px;
		}
	
		#attachments li .links, #attachments li.error .links, #attachments.traditional .progress_bar {
			display: none;
		}
			
			#attachments li.complete .links {
				font-size: 0.9em;
				margin-right: 15px;
				right: 0px;
				top: 12px;
				display: block;
				position: absolute;
			}
			
		#attachments li .progress_bar {
			margin-right: 15px;
			width: 200px;
			right: 0px;
			top: 15px;
			position: absolute;
		}
	
		#attachments li.complete, #attachments li.in_progress, #attachments li.error {
			background-repeat: no-repeat;
			background-position: 12px 12px;
		}
	
		#attachments li.in_progress {
			background-image: url({$this->settings['public_dir']}style_images/master/loading.gif);
		}
	
		#attachments li.error {
			background-image: url({$this->settings['public_dir']}style_images/master/exclamation.png);
			background-color: #e8caca;
			border: 1px solid #ddafaf;
		}
		
			#attachments li.error .info {
				color: #8f2d2d;
			}
	
		#attachments li.complete {
			background-image: url({$this->settings['public_dir']}style_images/master/accept.png);
		}
		
		#attachments li .thumb_img {
			left: 6px;
			top: 6px;
			width: 30px;
			height: 30px;
			overflow: hidden;
			position: absolute;
		}

/*div.post_form fieldset.attachments span.desc {
	margin: 0 0 0 15px;
	display: inline;
	clear: none;
}*/

.attach_controls {
	background: url( {$this->settings['public_dir']}style_images/master/icon_attach.png ) no-repeat 3px;
	padding-left: 35px;
	min-height: 82px;
}

	.attach_controls .ipsType_subtitle { margin-bottom: 5px; }
	.attach_controls iframe { display: block; margin-bottom: 5px; }
	
.attach_button { font-weight: bold;  }
#help_msg {	margin-top: 8px; }

#attach_wrap {
	background: #eef3f8;
	padding: 6px;
	margin-top: 8px;
}

	#attach_wrap h4 {
		font-size: 1em;
		font-weight: bold;
	}
	
	#attach_wrap li {
		margin: 5px 6px;
		float: left;
	}
		
		#attach_wrap .desc.info {
			margin-left: 24px;
		}

/** TAB PREFS STYLES **/
#tabBar, #otherMenu { list-style-type: none; margin: 0; padding: 0; }
#tabBar li, #otherMenu li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 90px; font-size: 1em; text-align: center; }
#tabPrefSave { height: 30px; }

#tabPrefSave input[type=button] {
	margin-right: 6px;
}

#otherMenu,
#tabBar {
	background: rgb( 42, 77, 124 );
	height: 52px;
	padding: 12px 15px 3px;
	width: 800px;
	margin: 10px auto;
}

	#otherMenu > li,
	#tabBar > li {
		background: rgb( 42, 77, 124 );
		cursor: move;
		float: left;
		font-size: 12px;
		font-weight: 300;
		width: 70px;
		height: 17px;
		color: #fff;
		margin-right: 15px;
		padding: 10px;
		text-shadow: 0px 1px 1px rgba(0,0,0,0.6);
		border:1px dotted #ddd;
	}
	
	#tabBar > li.ui-state-disabled {
		cursor: text;
		background: transparent;
		color: #ddd;
		background-color: rgb( 68, 119, 185 );
	}
	
	#otherMenu {
		background: #f7eff5;
		color: #811052;
	}
	
	#otherMenu > li {
		background: #ce1b7b url( images/app_menu_highlight.png ) repeat-x bottom;
	}