Просмотр архива Скрипт Форума 4PDA

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

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

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

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