/* 

	client: Arsenal FC
	design: Rippleffect
	css: style guide (also to be used for the CMS style list)
	
*/

/* basic text formatting */

#article .bold {
	font-weight:bold;
}

#article .underline {
	text-decoration:underline;
}

#article .italic {
	font-style:italic;
}

#article .uppercase {
	text-transform:uppercase;
}

/* special title */

#article h4.full-width {
	background-image:url(/assets/images/table/full-width-header.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-size:1.1em;
	font-weight:bold;
	color:#aa0000;
	padding:3px 0 2px 10px;
	margin:0 0 10px 0;
	width:492px;
	clear:both;
	display:block;
	min-height:14px;
	background-color:#f2f2f2;
}

#article h4.half-width {
	background-image:url(/assets/images/table/half-width-header.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-size:1.1em;
	font-weight:bold;
	color:#aa0000;
	padding:3px 0 2px 10px;
	margin:0 0 10px 0;
	width:231px;
	clear:left;
	display:block;
	text-align:center;
	min-height:14px;
	background-color:#f2f2f2;
}

/* colours */

#article .red {
	color:#aa0000;
}

#article .black {
	color:#000;
}

#article .green {
	color:#00a553;
}

#article .light-red {
	color:#db0007;
}

#article .gold {
	color:#9c824a;
}

#article .line {
	width:512px;
	background-color:#cccccc;
	margin:1px 0 2px -5px;
	float:left;
	height:1px;
	overflow:hidden;
	border:0;
	color:#cccccc;
	
}

/* titles */

.main-title {
	color:#aa0000;
	font-size:2.2em;
	margin:0 0 16px -1px;
	position:relative;
	padding:0;
	display:block;
	z-index:10;
}

.sub-title {
	color:#aa0000;
	font-size:1.2em;
	text-transform:uppercase;
	margin:0 0 11px 0;
	padding:0;
}

.tertiary-title {
	color:#000000;
	font-size:1.1em;
	font-weight:bold;
	margin:0;
	padding:0;
}

/* imagery */

/* one image no wrap */

#article img.one-image{
	width:45px;
	height:45px;
	border:1px solid #cccccc;
	padding:1px;
	margin:3px 10px 10px 0;
	float:left;
}

#article .one-image-no-wrap-text {
	float:none;
	display:block;
	padding-left:59px;
	font-size:1.1em;
}

#article .one-image-no-wrap-text p {
	font-size:1em;
}

/* one image wrap */

#article .one-image-wrap {
	width:502px;
	height:auto;
	clear:both;
}

#article .one-image-wrap p {
	float:none;
}

/* two image */

#article .two-image {
	width:105px;
	float:left;
}

#article .two-image img.left {
	width:45px;
	height:45px;
	border:1px solid #cccccc;
	border-right:0;
	padding:1px 0 1px 1px;
	margin:3px 0 0 0;
	float:left;
}

#article .two-image img.right {
	width:45px;
	height:45px;
	border:1px solid #cccccc;
	border-left:0;
	padding:1px;
	margin:3px 10px 0 0;
	float:left;
}

#article .two-image-no-wrap-text {
	float:none;
	display:block;
	padding-left:105px;
	font-size:1.1em;
}

#article .two-image-no-wrap-text p {
	font-size:1em;
}

/* two image with competition */

#article .two-image-w-competition {
	width:151px;
	float:left;
}

#article .two-image-w-competition img.left {
	width:45px;
	height:45px;
	border:1px solid #cccccc;
	border-right:0;
	padding:1px 0 1px 1px;
	margin:3px 0 0 0;
	float:left;
}

#article .two-image-w-competition img.right {
	width:90px;
	height:45px;
	border:1px solid #cccccc;
	border-left:0;
	padding:1px 1px 1px 2px;
	background-image:url(/assets/images/structure/article/seperator.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin:3px 10px 0 0;
	float:left;
	font-size:1.1em;
}

#article .two-image-w-competition-no-wrap-text {
	float:none;
	display:block;
	padding-left:151px;
	font-size:1.1em;
}

#article .two-image-w-competition-no-wrap-text p {
	font-size:1em;
}

#article .two-image .wrap {
	float:none;
}

#article .two-image .no-wrap {
	display:block;
	float:left;
	width:395px;
}

#article .two-image .competition-no-wrap {
	display:block;
	float:left;
	width:350px;
}


/* two image - bordered */

#article .two-image-bordered {
	width:502px;
	height:auto;
	clear:both;
	padding-bottom:5px;
	border-bottom:1px solid #cccccc;
	margin-bottom:5px;
}

#article .two-image-bordered img.left {
	width:45px;
	height:45px;
	border:1px solid #cccccc;
	border-right:0;
	padding:1px 0 1px 1px;
	margin:3px 0 0 0;
	float:left;
}

#article .two-image-bordered img.right {
	width:45px;
	height:45px;
	border:1px solid #cccccc;
	border-left:0;
	padding:1px;
	margin:3px 10px 0 0;
	float:left;
}

#article .two-image-bordered img.competition-right {
	width:90px;
	height:45px;
	border:1px solid #cccccc;
	border-left:0;
	padding:1px 1px 1px 2px;
	background-image:url(/assets/images/structure/article/seperator.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin:3px 10px 0 0;
	float:left;
	font-size:1.1em;
}

#article .two-image-bordered .wrap {
	float:none;
}

#article .two-image-bordered .no-wrap {
	display:block;
	float:left;
	width:395px;
}

#article .two-image-bordered .competition-no-wrap {
	display:block;
	float:left;
	width:350px;
}

/** arrows **/

#article li.bullet-arrow-red {
	background-image:url(/assets/images/nav/bullets/redbullet.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 0 15px;
	margin:0 0 6px 0;
	list-style:none;
	font-size:1.1em;
}

#article li.bullet-arrow-silver {
	background-image:url(/assets/images/nav/bullets/silverbullet.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 0 15px;
	margin:0 0 6px 0;
	list-style:none;
	font-size:1.1em;
}

#article li.bullet-arrow-gold {
	background-image:url(/assets/images/nav/bullets/goldbullet.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 0 15px;
	margin:0 0 6px 0;
	list-style:none;
	font-size:1.1em;
}

/** squares // low line-height **/

#article li.bullet-square-black-low-margin {
	background-image:url(/assets/images/nav/bullets/square-black.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:2px 0 0 7px;
	margin:0 0 -3px 0;
	position:relative;
	list-style:none;
	font-size:1.1em;
}

#article li.bullet-square-red-low-margin {
	background-image:url(/assets/images/nav/bullets/square-red.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:2px 0 0 7px;
	margin:0 0 -3px 0;
	position:relative;
	list-style:none;
	font-size:1.1em;
}

#article li.bullet-square-silver-low-margin {
	background-image:url(/assets/images/nav/bullets/square-silver.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:2px 0 0 7px;
	margin:0 0 -3px 0;
	position:relative;
	list-style:none;
	font-size:1.1em;
}

#article li.bullet-square-gold-low-margin {
	background-image:url(/assets/images/nav/bullets/square-gold.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:2px 0 0 7px;
	margin:0 0 -3px 0;
	position:relative;
	list-style:none;
	font-size:1.1em;
}

/** squares // high line-height **/

#article li.bullet-square-black-high-margin {
	background-image:url(/assets/images/nav/bullets/square-black.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:2px 0 0 7px;
	margin:0 0 10px 0;
	list-style:none;
	font-size:1.1em;
}

#article li.bullet-square-red-high-margin {
	background-image:url(/assets/images/nav/bullets/square-red.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:2px 0 0 7px;
	margin:0 0 10px 0;
	list-style:none;
	font-size:1.1em;
}

#article li.bullet-square-silver-high-margin {
	background-image:url(/assets/images/nav/bullets/square-silver.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:2px 0 0 7px;
	margin:0 0 10px 0;
	list-style:none;
	font-size:1.1em;
}

#article li.bullet-square-gold-high-margin {
	background-image:url(/assets/images/nav/bullets/square-gold.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding:2px 0 0 7px;
	margin:0 0 10px 0;
	list-style:none;
	font-size:1.1em;
}

/* legend imagery */

#article .legend-image {
	width:232px;
	height:auto;
	border:1px solid #ccc;
	background-image:url(/assets/images/imagegallery/gallery/p-bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin:0 0 30px 0;
}

#article .legend-image img {
	width:230px;
	height:230px;
	margin:0;
	padding:1px 1px 0 1px;
	display:block;
}

#article .legend-image p {
	font-size:1.1em;
	color:#000000;
	margin:0;
	display:block;
	width:220px;
	padding:2px 10px 1px 0;
	border:1px solid #ffffff;
	text-align:right;
}

/* image gallery stuff */

.mceContentBody .style-image,
#article .style-image {
	width:498px;
	padding:1px;
	border:1px solid #cccccc;
	margin:0 auto 30px auto;
	clear:both;
	overflow:hidden;
}

.mceContentBody .style-image img,
#article .style-image img {
	width:498px;
	margin:0 0 1px 0;
	padding:0;
	display:block;
}

.mceContentBody .style-image p,
#article .style-image p {
	background-image:url(/assets/images/imagegallery/gallery/p-bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:right;
	margin:0;
	padding:2px 10px 1px 0;
	height:auto;
	width:auto;
	display:block;
}

/* style image - no border */

.mceContentBody .style-image-noborder,
#article .style-image-noborder {
	width:auto;
	height:auto;
	margin:0 auto 30px auto;
	display:block;
	clear:both;
}

.mceContentBody .style-image-noborder img,
#article .style-image-noborder img {
	width:auto;
	margin:0 0 1px 0;
	display:block;
}

.mceContentBody .style-image-noborder p,
#article .style-image-noborder p {
	width:auto;
	display:block;
	background-image:none;
	text-align:center;
	margin:0;
	padding:2px 0 1px 0;
	height:auto;
}

/* tables */

.mceContentBody table.table-half-width-left,
#article table.table-half-width-left {
	width:241px;
	height:auto;
	border-collapse:collapse;
	float:left;
	margin:0 0 20px 0;
}

.mceContentBody table.table-half-width-left caption,
#article table.table-half-width-left caption {
	background-image:url(/assets/images/table/half-width-header.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#aa0000;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	padding:3px 0 2px 10px;
	border-bottom:0;
	font-size:1.1em;
	margin:4px 0 0 0;
	min-height:14px;
}

.mceContentBody table.table-half-width-left td,
#article table.table-half-width-left td {
	padding:2px 0 1px 10px;
	border-bottom:1px solid #cccccc;
	font-size:1.1em;
}

.mceContentBody table.table-half-width-left td p,
#article table.table-half-width-left td p {
	padding:0;
	margin:0;
	font-size:1em;
}

.mceContentBody table.table-half-width-right,
#article table.table-half-width-right {
	width:241px;
	height:auto;
	border-collapse:collapse;
	float:right;
	margin:0 0 20px 0;
}

.mceContentBody table.table-half-width-right caption,
#article table.table-half-width-right caption {
	background-image:url(/assets/images/table/half-width-header.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#aa0000;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	padding:3px 0 2px 10px;
	border-bottom:0;
	font-size:1.1em;
	margin:4px 0 0 0;
	min-height:14px;
}

.mceContentBody table.table-half-width-right td,
#article table.table-half-width-right td {
	padding:2px 0 1px 10px;
	border-bottom:1px solid #cccccc;
	font-size:1.1em;
}

.mceContentBody table.table-half-width-right td p,
#article table.table-half-width-right td p {
	padding:0;
	margin:0;
	font-size:1em;
}

.mceContentBody table.table-full-width,
#article table.table-full-width {
	width:502px;
	height:auto;
	border-collapse:collapse;
	margin:0 0 20px 0;
}

.mceContentBody table.table-full-width caption,
#article table.table-full-width caption {
	background-image:url(/assets/images/table/full-width-header.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#aa0000;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	padding:3px 0 2px 10px;
	border-bottom:0;
	font-size:1.1em;
	margin:4px 0 0 0;
	min-height:14px;
}

.mceContentBody table.table-full-width td,
#article table.table-full-width td {
	padding:2px 0 1px 10px;
	border-bottom:1px solid #cccccc;
	font-size:1.1em;
}

.mceContentBody table.table-full-width td p,
#article table.table-full-width td p {
	padding:0;
	margin:0;
	font-size:1em;
}

.mceContentBody table.table-full-width td a,
#article table.table-full-width td a {
	padding:0;
	margin:0;
	font-size:1em;
}

#article .table-full-width li.bullet-arrow-silver{
	font-size:1em;
}

/* 2 col bespoke table with classes */

#article .table-twocol-imagelinks-box {
	padding:1px 0 0 0;
	background-image:url(/assets/images/table/imagelinks-top.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:502px;
	display:block;
	float:left;
	clear:left;
	background-color:#fff;
}

#article .table-twocol-imagelinks-shadow {
background:#fff;
	background-image:url(/assets/images/table/imagelinks-bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	width:502px;
	padding:0 0 7px 0;
	margin:0 0 20px 0;
	float:left;
	clear:left;
	
}

#article table.table-twocol-imagelinks {
	width:502px;
	height:auto;
	border-collapse:collapse;
	margin:0 0 0 0;
	float:left;
	clear:left;
}

#article table.table-twocol-imagelinks caption {
	display:none;
}

#article table.table-twocol-imagelinks td {
	padding:0;
	border:0;
	font-size:1.1em;
	border-bottom:1px solid #fff;
	margin-top:-1px;
	background-color:#fff;
}

#article table.table-twocol-imagelinks td.image-col {
	width:52px;
}

#article table.table-twocol-imagelinks td.text-col {
	width:168px;
	padding:0 11px 0 10px;
	background-image:url(/assets/images/table/imagelinks-border-right.gif);
	background-repeat:repeat-y;
	background-position:right;
	background-color:#f2f2f2;
}

#article table.table-twocol-imagelinks td.spacer {
	width:20px;
	background-color:#fff;
}

#article table.table-twocol-imagelinks td img {
	background-image:url(/assets/images/misc/imagelinks-li-bg.gif);
	background-repeat:repeat-y;
	background-position:left;
	border-right:1px solid #fff;
	padding:0 0 0 6px;
	float:left;
	display:block;
	margin:0 0 0 0;
	position:relative;
}

#article table.table-twocol-imagelinks td p {
	margin:0 0 5px 0;
	font-size:1em;
}

#article table.table-twocol-imagelinks td a {
	padding:0;
	margin:0;
	font-size:1em;
	font-weight:bold;
}

/* full width table with images and captions // no borders */


/* full widh table with no borders */


#article table.full-width-no-borders {
	width:502px;
	height:auto;
	border-collapse:collapse;
	margin:0 0 20px 0;
}

#article table.full-width-no-borders td {
	padding:5px 0 5px 10px;
	border:0;
	font-size:1.1em;
	text-align:center;
}

#article table.full-width-no-borders caption {
	background-image:url(/assets/images/table/full-width-header.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#aa0000;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	padding:3px 0 2px 10px;
	border-bottom:0;
	font-size:1.1em;
	margin:4px 0 0 0;
	min-height:14px;
}

#article table.full-width-no-borders td p {
	padding:0;
	margin:0;
	font-size:1em;
}

#article table.full-width-no-borders td a {
	padding:0;
	margin:0;
	font-size:1em;
	text-align:center;
}

#article table.full-width-no-borders td img {
	margin:5px 0 -3px 0;
	position:relative;
	display:inline;
	text-align:center;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}