/**
 *  Modules
 *
 *  This stylesheet contains rules for content modules, including content styles.
 *
 *  @package thameslink_modules
 */

.module {
	font-size: 1em;
	margin-bottom: 10px;
    position: relative;
}

.module .outer {
	background: url(../img/modules/module-middle.png) repeat-y;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.module .c {
	padding: 0 10px 10px 10px;
    position: relative;
}

.module .t,
.module .c,
.module .b,
.module .b div {
    background: transparent url(../img/modules/module-yellow-side.png) top right no-repeat;
}

#main_centre .module .t,
#main_centre .module .c,
#main_centre .module .b,
#main_centre .module .b div,
#main_centre.contact-us .module .t,
#main_centre.contact-us .module .c,
#main_centre.contact-us .module .b,
#main_centre.contact-us .module .b div {
    background: transparent url(../img/modules/module-pink-middle.png) top right no-repeat;
}

#main_centre.what-you-need-to-know-now .module .t,
#main_centre.what-you-need-to-know-now .module .c,
#main_centre.what-you-need-to-know-now .module .b,
#main_centre.what-you-need-to-know-now .module .b div {
    background: transparent url(../img/modules/module-green-middle.png) top right no-repeat;
}

#main_centre.latest-news .module .t,
#main_centre.latest-news .module .c,
#main_centre.latest-news .module .b,
#main_centre.latest-news .module .b div {
    background: transparent url(../img/modules/module-orange-middle.png) top right no-repeat;
}

#main_centre.about-the-thameslink-programme .module .t,
#main_centre.about-the-thameslink-programme .module .c,
#main_centre.about-the-thameslink-programme .module .b,
#main_centre.about-the-thameslink-programme .module .b div {
    background: transparent url(../img/modules/module-blue-middle.png) top right no-repeat;
}

#main_centre.faq .module .t,
#main_centre.faq .module .c,
#main_centre.faq .module .b,
#main_centre.faq .module .b div {
    background: transparent url(../img/modules/module-purple-middle.png) top right no-repeat;
}

.module .t,
#main_centre .module .t,
#main_centre.contact-us .module .t,
#main_centre.what-you-need-to-know-now .module .t,
#main_centre.latest-news .module .t,
#main_centre.about-the-thameslink-programme .module .t,
#main_centre.faq .module .t {
    position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 100%;
	background-position: top left;
}

.module .b,
#main_centre .module .b,
#main_centre.contact-us .module .b,
#main_centre.what-you-need-to-know-now .module .b,
#main_centre.latest-news .module .b,
#main_centre.about-the-thameslink-programme .module .b,
#main_centre.faq .module .b {
	background-position: bottom right;
	height: 5px;
	margin-top: -1px;
    position: relative;
    width: 100%;
}

.module .b div,
#main_centre .module .b div,
#main_centre.contact-us .module .b div,
#main_centre.what-you-need-to-know-now .module .b div,
#main_centre.latest-news .module .b div,
#main_centre.about-the-thameslink-programme .module .b div,
#main_centre.faq .module .b div {
	background-position: bottom left;
	height: 5px;
    position: relative;
    width: 5px;
}

#main_centre .future-of-thameslink .t,
#main_centre .future-of-thameslink .b,
#main_centre .future-of-thameslink .b div {
	background: 0;
}

#main_centre .future-of-thameslink .c {
	background: transparent url(../img/modules/module-pink-middle-header.png) no-repeat;
	padding: 0;
}

.module .c {
    color: #000;
}

#main_centre .module {
    width: 450px;
}

#main_centre .module .module {
	margin: 5px;
	width: 425px;
}

#main_centre .module .module .t,
#main_centre .module .module .b div {
	margin-left: -5px;
}

#main_left .module,
#main_right .module {
	width: 230px;
}

#main_left .module .c {
    padding-right: 5px;
}

.module h1 {
	color: #FFF;
	padding: 5px 0;
	font-size: 1.4em;
}

.module h2,
.module h3 {
	color: #000;
	margin-bottom: 3px;
}

#main_centre h2 {
	color: #000;
	font-size: 1.2em;
}

#main_left h2,
#main_right h2 {
	color: #FFF;
	height: 29px;
	padding: 5px 0;
	margin-bottom: 0;
}

.interactive-map .t,
.interactive-map .b,
.interactive-map .b div {
	background: 0;
}

.interactive-map .c {
	background: transparent url(../img/modules/module-yellow-side-header.png) no-repeat;
	padding: 0;
}

.about-the-thameslink-programme h2 {
	color: #000;
	font-size: 1.2em;
	margin: 10px 0 5px 0;
}

.about-the-thameslink-programme h3 {
	color: #000;
	margin: 15px 0 3px 0;
}

.about-the-thameslink-programme ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

.about-the-thameslink-programme em {
	font-style: italic;
}