/*===============================================*/
/* New Styles */
/*===============================================*/

del,
.diffred
{
	background-color: #D7BBC8;
	text-decoration:none;
}

ins,
.diffgreen
{
	background-color: #BBD0C8;
	text-decoration:none;
}


.perms-red
{
	background-color: #D7BBC8;
}

.perms-green
{
	background-color: #BBD0C8;
}

.perms-gray
{
	background-color: #CCC;
}

.input-warn,
.input-warn-content
{
	border: 1px solid #C00;
}

.input-ok,
.input-ok-content
{
	border: 1px solid #0C0;
}

.input-warn-content
{
	padding: 4px;
	margin: 4px;
	background-color: #FCC;
}

.input-ok-content
{
	padding: 4px;
	margin: 4px;
	background-color: #CFC;
}

.img-boxed
{
	border:2px inset #345487;
	background-color:#E4EAF2;
	padding:2px;
}

.img-boxed-off
{
	border:1px outset #E4EAF2;
	background-color:transparent;
	padding:3px;
}

.tablesubheader,
.tablefooter
{
	background-color: #D1DCEB;
	color:#3A4F6C;
	font-weight:bold;
	padding:6px;
	margin-top:1px
}

.tablerow1
{
	background-color:#E4EAF2;
	padding:6px;
	border-bottom:1px solid #D1DCEB;
	border-right:1px solid #D1DCEB ;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
}

.tablerow2
{
	background-color:#F5F9FD;
	padding:6px;
	border-bottom:1px solid #D1DCEB;
	border-right:1px solid #D1DCEB;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
}

.tablerow3
{
	background-color:#D1DCEB;
	padding:6px;
	border-bottom:1px solid #D1DCEB;
	border-right:1px solid #D1DCEB;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
}

.tablerow4
{
	background-color:#C0CBDA;
	padding:6px;
	border-bottom:1px solid #D1DCEB;
	border-right:1px solid #D1DCEB;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
}

.popupmenu
{
   background-color: #E4EAF2;
   border:1px solid #345487;
   text-align:left;
   font-size:10px;
   padding:3px 5px 3px 3px;
   /*width:300px;*/
}

.menusep
{
	white-space: nowrap;  /* stop menu collapsing in IE */
	padding-top:1px;
	padding-bottom:1px;
	border-bottom:1px solid #DDD;
}

.menuseplast
{
	white-space: nowrap; /* stop menu collapsing in IE */
	padding-top:1px;
	padding-bottom:1px;
}

.menusep a:link, 
.menusep a:visited, 
.menusep a:active,
.menuseplast a:link, 
.menuseplast a:visited, 
.menuseplast a:active
{
	text-decoration:none;
	font-weight:bold;
}

/* ======================================== */
/* GLOBAL ELEMENTS */
/* ======================================== */

html
{
	overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE */
}

body,
.body-bg
{
	color: #000;
	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	/* centers board in MSIE known bug workaround */
	background-repeat: repeat-x;
	background-image: url(images/acp_logo_strip_bg.gif);
	background-color: #D4D9E1;
}


table, tr, td
{
	color: #000;
	font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
	font-size: 10px;
}
	  
a:link,
a:visited,
a:active 
{
	color:#000055;
}

a:hover
{
	color:#333377;
	text-decoration:underline
}

form  { display:inline        }
input { vertical-align:middle }

img   { vertical-align:middle }

/* ======================================== */
/* MAIN WRAPPER ID */
/* ======================================== */
/* Adjust main width here. Leave margins alone to auto-center content */
#ipdwrapper
{ 
	text-align: left; /* re_aligns text to left second part of two part MSIE centering workaround */
	padding: 6px;
}


/* ======================================== */
/* MAIN BLOCKS
/* ======================================== */

#leftblock
{
	border: 1px solid #555;
	background-color:#FFF;
	padding:10px;
}

#rightblock
{
	padding:10px;
	border: 1px solid #555;
	background-color:#FFF;
}


#tablewrap
{
	height:100%;
}

/* ======================================== */
/* TABS
/* ======================================== */

.tabon
{
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	background-color:#FFF;
	padding:8px;
	font-size:11px;
	float:left;
	width:auto;
	margin-top:3px;
}

.taboff
{
	border-top: 1px solid #777;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
	background-color: #B5C3D9;
	color: #333;
	padding: 8px;
	font-size:11px;
	float: left;
	width: auto;
	background-image: url(images/taboffshade2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top:3px;
}

.topbutton
{
	border-top: 1px solid #345487;
	border-left: 1px solid #345487;
	border-right: 1px solid #345487;
	background-color: #E4EAF2;
	color: #555;
	padding: 6px;
	font-size: 10px;
	white-space: nowrap;
	position: relative;
	text-align: center;
	float: left;
	background-image: url(images/acp_topbutton_shadow.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.topbuttonnext
{
	border-top: 1px solid #345487;
	border-right: 1px solid #345487;
	background-color: #E4EAF2;
	color: #555;
	padding: 6px;
	font-size:10px;
	white-space:nowrap;
	position:relative;
	text-align:center;
	float:left;
	background-image: url(images/acp_topbutton_shadow.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.tabon a:link, 
.tabon a:visited, 
.tabon a:active
{
	text-decoration:none;
	color: #000;
}

.topbuttonnext a:link, 
.topbuttonnext a:visited, 
.topbuttonnext a:active,
.topbutton a:link, 
.topbutton a:visited, 
.topbutton a:active,
.taboff a:link, 
.taboff a:visited, 
.taboff a:active
{
	text-decoration:none;
	color: #333;
}

.logoright
{
	width:auto;
	float:right;
	position:absolute;
	top:0px;
	right:4px;
}


/* ======================================== */
/* OUTER BORDER / DIV
/* ======================================== */

.outerdiv
{
	
	border: 1px solid #999;
	padding: 4px;
	background-color: #EBEBEB;
	background-image: url(images/mainbggradient.gif);
	background-repeat: repeat-x;
}

/* ======================================== */
/* Page links
/* ======================================== */

.pagelink
{
	background-color: #F0F5FA;
	border: 1px solid #072A66;
	padding:1px 3px 1px 3px;
	color: #000;
	font-weight:normal;
}

.pagelinklast
{
	background-color: #DFE6EF;
	border: 1px solid #072A66;
	padding:1px 3px 1px 3px;
	color: #000;
	font-weight:normal;
}

.pagecurrent
{
	background-color: #FFC9A5;
	border: 1px solid #072A66;
	padding:1px 3px 1px 3px;
	color: #000;
	font-weight:normal;
}


.pagelink a:active,
.pagelink a:visited,
.pagelink a:link,
.pagelinklast a:active,
.pagelinklast a:visited,
.pagelinklast a:link,
.pagecurrent a:active,
.pagecurrent a:visited,
.pagecurrent a:link
{
	text-decoration:none;
	color: #000;
	font-weight:normal;
}

/* ======================================== */
/* MENU STYLES   */
/* ======================================== */


.menulinkwrap
{
	font-size:9px;
	background-color:#EEF2F7;
	padding:2px 0px 2px 0px;
	/*line-height:170%;*/
}

.menulinkwrap a:link, 
.menulinkwrap a:visited, 
.menulinkwrap a:active
{
	color: #000;
	border-left:2px solid #EEF2F7;
}

.menulinkon
{
	background-color:#DFE6EF;
	border-right:2px solid #3860BB;
	border-left:2px solid #3860BB;
	padding:2px 0px 2px 0px;
}

.menulinkoff
{
	border-left:2px solid #EEF2F7;
	background-color:#EEF2F7;
	padding:2px 0px 2px 0px;
}

.descbox
{
	padding:4px;
	border:1px solid #CCC;
	position:absolute;
	background-color:#FAFFAF;
	font-size:10px;
	font-weight:normal;
	color: #000;
	width: 120px;
}

.menumaintopon
{
	font-size:10px;
	vertical-align:middle;
	font-weight:bold;
	color:#FFF;
	padding:6px;
	background-image: url(images/tile_cat.gif);
	background-color:#5176B5;
}

.menumaintopoff
{
	font-size:10px;
	vertical-align:middle;
	font-weight:bold;
	color:#FFF;
	padding:5px 0px 8px 5px;
	background-image: url(images/menu_collapsed.gif);
	background-color:#5176B5;
}

.menumaintopon a:link,
.menumaintopon a:visited,
.menumaintopon a:active,
.menumaintopoff a:link,
.menumaintopoff a:visited,
.menumaintopoff a:active
{
	text-decoration: none;
	color: #FFF
}

.menumaintopon a:hover,
.menumaintopoff a:hover
{
	text-decoration: underline
}



/* ======================================== */
/* BOARD NAVIGATION STYLES */
/* ======================================== */

.navstrip
{ 
	background-color: #F5F9FD;
	color: #999;
	font-size: 12px;
	font-weight: bold;
	padding: 6px; 
}

.navstrip a:link, 
.navstrip a:visited, 
.navstrip a:active
{ 
	background-color: transparent; 
	color: #222;
	text-decoration: none;
}

.navstrip a:hover
{
	background-color: transparent; 
	color: #5176B5; 
	text-decoration: none;
}

#logostrip
{ 
	background-color: #3860BB;
	background-image: url(images/tile_back.gif);
	border-bottom: 5px solid #072A66;
	border-left: 1px solid #072A66;
	border-right: 1px solid #072A66;
	border-top: 1px solid #072A66;
	height: 52px;
	margin: 0px;
	padding: 0px;
}

#logostripinner
{
	background-color: transparent;
	background-image: url(images/logobg.gif);
	background-position: right;
	background-repeat: no-repeat;
	height: 52px;
	margin: 0px;
	padding: 0px;
}

#submenu
{
	border:1px solid #BCD0ED;
	background-color: #DFE6EF;
	font-size:10px;
	margin:3px 0px 3px 0px;
	color:#3A4F6C;
	font-weight:bold;
}

#submenu a:link,
#submenu a:visited,
#submenu a:active
{
	font-weight:bold;
	font-size:10px;
	text-decoration: none;
	color: #3A4F6C;
}

.offdiv
{
	font-size:12px;
	font-weight:bold
}


/* ======================================== */
/* TITLE ELEMENTS */
/* ======================================== */

.alttitle
{
	background-repeat: repeat-x;
	background-image: url(images/acp_logo_strip_bg.gif);
	background-color: #D4D9E1;
	height:42px;
	color: #FFF;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

.maintitle,
.tableheaderalt
{
	font-size:12px;
	vertical-align:middle;
	font-weight:bold;
	color:#FFF;
	padding:8px;
	background-image: url(images/tile_cat.gif);
	background-color:#345487;
}

.maintitle a:link,
.maintitle a:visited,
.maintitle a:active
{
	text-decoration: none;
	color: #FFF
}

.maintitle a:hover
{
	text-decoration: underline
}

.titlemedium
{
	border:1px solid #FFF;
	font-weight:bold;
	color:#3A4F6C;
	padding:5px 0px 8px 2px;
	background-image: url(images/tile_sub.gif)
}

.titlemedium a:link,
.titlemedium a:visited,
.titlemedium a:active
{
	text-decoration: underline;
	color: #3A4F6C
}

#maintop
{
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	letter-spacing:-1px;
	padding:5px 5px 8px 5px;
	border:1px solid #345487;
	background-image: url(images/tile_cat.gif);
	background-color:#5176B5;
}


.pformstrip
{
	background-color: #D1DCEB;
	color:#3A4F6C;
	font-weight:bold;
	padding:5px;
	margin-top:1px
}

#normal
{
	font: 10px Verdana;
	color:#333333
}

#detail
{
	font-family: Arial;
	font-size:11px;
	color: #333333
}

#subtitle
{
	font-family: Arial,Verdana;
	font-size:16px;
	color:#FF9900;
	font-weight:bold
}

#smalltitle
{
	font-family: Arial,Verdana;
	font-size:11px;
	color:#FF9900;
	font-weight:bold
}

/* ======================================== */
/* TABLE AND TD ELEMENTS */
/* ======================================== */

.tdfset
{
	background-color:#EEF2F7;
}


.tableborder
{
	border:1px solid #345487;
	background-color:#FFF;
}

#table1
{
	background-color:#FFFFFF;
	width:100%;
	border:1px solid black
}

.tdrow1shaded
{
	background-color:#EFE6EA;
	border-bottom:1px solid #D1DCEB;
	border-right:1px solid #D1DCEB ;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
}

.tdrow2shaded
{
	background-color:#F6ECF0;
	border-bottom:1px solid #D1DCEB;
	border-right:1px solid #D1DCEB;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
}

.tdrow1
{
	background-color:#EEF2F7;
	border-bottom:1px solid #D1DCEB;
	border-right:1px solid #D1DCEB ;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
}

.tdrow2
{
	background-color:#F5F9FD;
	border-bottom:1px solid #D1DCEB;
	border-right:1px solid #D1DCEB;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
}


		
.tdrow3
{
	background-color:#E4EAF2;
	border-bottom:1px solid #D1DCEB;
	border-right:1px solid #D1DCEB ;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
}

.tablepad
{
	background-color:#F5F9FD;
	padding:3px;
}

.subforum
{
	background-color:#DFE6EF
}

.catrow
{
	font-weight:bold;
	height:24px;
	line-height:150%;
	color:#4C77B6;
	background-image: url(images/tile_sub.gif);
}

.catrow2
{
	font-size:11px;
	font-weight:bold;
	line-height:150%;
	color:#4C77B6;
	background-color:#D3DFEF;
}

.copy
{
	color:#000;
	font-size:10px;
	border-top:1px solid #000;
	margin-bottom:10px;
	padding:6px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#nav
{
color:#000000;
font-size:9px
}

#description
{
color:#434951;
font-size:10px
}

#memgroup
{
border:1px solid #777777
}

#mgred
{
border:1px solid #777777;
background-color: #f5cdcd
}

#mggreen
{
border:1px solid #777777;
background-color: #caf2d9
}

#mgblue
{
border:1px solid #777777;
background-color: #DFE6EF
}

#mgyellow
{
border:1px solid #777777;
background-color: #FFF7E8
}

#green
{
background-color: #caf2d9
}

#red
{
background-color: #f5cdcd
}

#button
{
border:1px solid #4C77B6;
background-color: #DFE6EF;
font-family:Verdana, Arial;
font-size:11px
}

#editbutton
{
background-color: #DDDDDD;
color: #000;
font-family:Verdana, Arial;
font-size:9px
}

.fauxbutton
{
	border:1px solid #4C77B6;
	background-color: #DFE6EF;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	padding:3px;
	margin:6px;
}
			  
.realbutton
{
	border:1px solid #4C77B6;
	background-color: #DFE6EF;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	padding:2px;
}

.realwhitebutton
{
	border:1px solid #4C77B6;
	background-color: #FFF;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	padding:3px;
}

.realdarkbutton
{
	border:1px solid #4C77B6;
	background-color: #B1BECE;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	padding:2px;
}

.realredbutton
{
	border:1px solid #C00;
	background-color: #F63;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	padding:2px;
}
				  
.darkbg
{
	background-color:#5176B5;
}
			  
.darksep
{
	background-color: #B1BECE;
	color:#4C77B6;
	height:5px
}

.fauxbutton a:link,
.fauxbutton a:visited,
.fauxbutton a:active
{
	font-size:10px;
	font-weight:bold;
	text-decoration: none;
}

.textinput
{
	background-color: #FFF;
	color:#000;
	font-size:10px;
	font-family: Verdana,Arial, Sans-Serif;
	padding:2px;
	border:2px inset #BCD0ED;
}

.dropdown
{
	background-color: #FFF;
	color:#000;
	font-size:10px;
	font-family: Verdana,Arial, Sans-Serif;
	padding:2px;
	border:2px inset #BCD0ED;
}

.smalldropdown
{
	background-color: #FFF;
	color:#000;
	font-size:9px;
	font-family: Verdana,Arial, Sans-Serif;
	border:1px inset #BCD0ED;
}

.multitext
{
	background-color: #FFF;
	color:#000;
	font-size:10px;
	font-family: Verdana,Arial, Sans-Serif;
	padding:2px;
	border:2px inset #BCD0ED;
}

.jmenu,
.jmenubutton
{
	vertical-align:middle;
	background-color: #FFF;
	border:1px solid #345487;
	font-size:11px;
}

					 
#jwrap
{
	border:1px solid #BCD0ED;
	background-color: #DFE6EF;
	font-size:10px;
	margin:3px 0px 3px 0px;
	color:#3A4F6C;
	font-weight:bold;
	padding:8px
}

.desctext,
.graytext
{
	color: gray;
}

.graytext a:link,
.graytext a:active,
.graytext a:visited,
.desctext a:link,
.desctext a:active,
.desctext a:visited
{
	color: gray;
}

.skineditortopstrip
{
	height:21px;
	background-image: url(images/skineditor_slice.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding:2px;
}

legend
{
	font-size:11px;
	color: #345487;
}

fieldset
{
	background-color: #DFE6EF;
}

/* -------------------------------- */
/* Create semi-transparent layer
/* -------------------------------- */

.dyn-opacity-ie
{
	background:#000;
	filter:alpha(opacity=40);
	height: 250px;
	width: 250px;
}

.dyn-opacity-moz
{
	background:transparent;
	background-image: url(images/40opacity-black.png);
	background-repeat: repeat;
	height: 250px;
	width: 250px;
}