/***************************************************************/
/* 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                                  */
/*-----------------------------------------------*/

#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; }
.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 {
				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;
		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:active {
			
		}

		.app_menu ul li:hover > a,
		.app_menu ul li:hover > 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:hover > a .menu_arrow,
			.app_menu li.has_sub:hover > 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 {
	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: 3px 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #ab156d;
	color: #fff;
	font-size: 12px;
	margin-left: 10px;
}
	.mini_button:hover, .mini_button.secondary:hover {
		background: #ce3c92;
		color: #fff;
	}
	
	.mini_button.secondary, .mini_button.secondary:hover {
		background: #b3b3b3;
	}

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

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

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;
}

.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
{
	background: #f2e4e7;
}

._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 {
	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;
		}

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

	.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;
		}

/****************************************************/
/* 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; }
		.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; }
	
	.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: #FF6666;
	color: black;
	font-weight: normal;
	text-decoration: line-through;
}

ins, .diffgreen {
	background-color: #5EFB6E;
	color: black;
	font-weight: bold;
	text-decoration: none;
}

.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;
}


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