/**
 * @file:			popup.css
 * @modified:		19/01/2016
 * @version:		1.0
 * @description:	Contains popup public CSS styles
 **/

/* ------------------------------------------------------------------- Web fonts */

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../css/fonts/OpenSans-Regular-webfont.eot');
    src: url('../css/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../css/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../css/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
   font-family: 'playballregular';
    src: url('playball-regular-webfont.eot');
    src: url('../css/fonts/playball-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/playball-regular-webfont.woff2') format('woff2'),
         url('../css/fonts/playball-regular-webfont.woff') format('woff'),
         url('../css/fonts/playball-regular-webfont.ttf') format('truetype'),
         url('../css/fonts/playball-regular-webfont.svg#playballregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* ------------------------------------------------------------------- Default tags */

* {
	margin: 0px;
	padding: 0px;
}

html {
	-webkit-text-size-adjust: none;
	min-height: 100%;
}

body {
	color: #333;
	font: 62.5% OpenSansRegular,Tahoma,Helvetica,Sans-Serif;
	margin: 0px;
	padding: 0px 5px 100px;
	background: #FFF url(../images/bkgnd_tile_white_leather_punched.jpg) repeat center top;
}

a {
	text-decoration: none;
	color: #c21225;
}

a:visited {
	color: #999;
}

a:active,
a:hover,
a:focus {
	color: #999;
	outline: none;
	text-decoration: underline;
}

acronym {
	cursor: help;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

blockquote {
	color: #000;
	background: #F4FCFF;
	margin: 0px 0px 20px;
	padding: 10px;
	font-size: 1.2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

cite {
	font-style: italic;
	font-weight: bold;
}

dl {
	margin: 0px 0px 20px;
	padding: 0px;
}

dt {
	font-style: normal;
	font-weight: bold;
	margin: 0px 0px 5px;
	padding: 0px;
}

dd {
	margin: 0px 0px 5px;
	padding: 0px 10px;
}

fieldset {
	margin: 0px 0px 10px;
	padding: 5px;
	border: 1px solid #D6D6D6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

h1,h2, h3, h4, h5, h6 {
	margin: 0px 0px 10px;
	padding: 3px 0px 5px;
	font-weight: normal;
	/*text-transform: uppercase;*/
	font-family: playballregular, Tahoma, Geneva, sans-serif;
}

h1 {
	font-size: 2.8em;
}

h2 {
	font-size: 2em;
}

h3 {
	font-size: 1.8em;
}

h4 {
	font-size: 1.5em;
}

h5 {
	font-size: 1.2em;
	margin-bottom: 5px;
	padding-bottom: 0px;
}

h6 {
	font-size: 1em;
}

img {
	border: none;
	max-width:100%;
}

label {
	cursor: pointer;
}

legend {
	font-size: 1.2em;
	font-weight: normal;
	/*font-family: antoniolight, Tahoma, Geneva, sans-serif;*/	
	color: #000;	
}

p {
	line-height: 1.5em;
	margin: 0px 0px 10px;
	padding: 0px;
}

pre {
	line-height: 1.5em;
	margin: 0px 0px 10px;
	padding: 0px;
	font-family: OpenSansRegular,Tahoma,Helvetica,Sans-Serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

table {
	width: 100%;
	border-top-style: none;
	border-left-style: none;
	border-top-color: #D6D6D6;
	border-left-color: #D6D6D6;
	border-right: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	table-layout:fixed;
	margin: 0px 0px 10px;
}

th, td {
	border-right-style: none;
	border-bottom-style: none;
	padding: 5px;
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	vertical-align: top;
}

th {
	text-align:left;
	background: #EBEDF2;
	padding: 0px;
	padding: 5px;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
}

ul {
	margin: 0px 0px 20px;
	padding: 0px;
	list-style: square;
}

ol {
	margin: 0px 0px 20px;
	padding: 0px;
}

li {
	margin: 0px 0px 5px 20px;
	padding: 0px;
}


/* ------------------------------------------------------------------- Forms */


.formBlock {
	width: 100%;
	overflow: hidden;
	padding: 5px 0px;
	margin: 0px 0px 5px;
	background: #FBFBFB;
}

.formBlock dt,
.formBlock dd {
	margin: 0px;
	padding: 2px 5px;
	font-weight: normal;
}

.textareaBlock dd {
	text-align: center;
}

.formBlock .label {
	
}

.formBlock .label label {
	
	padding-right: 16px;
}

.required .label label {
	background: url(../images/icon_bullet_star.png) no-repeat right center;
}

.formBlock .description {
	text-align: left;
}

.formError {
	background-color: #FEE7EE;
	color: #FF0006;
}

.inputTextArea,
.inputTextField,
.inputSelectList {
	width: 100%;
	padding: 5px;
	border: none;
	box-sizing: border-box;
	border: 1px solid #D6D6D6;
}

.ie7 .inputTextArea,
.ie7 .inputTextField,
.ie7 .inputSelectList {
		
}

.inputTextArea:focus,
.inputTextField:focus,
.inputSelectList:focus {
	border: 1px solid #c21225;
}

.inputSelectList {
	padding: 5px 2px;
}

.inputTextArea {
	height: 15em;
	font: 1.0em OpenSansRegular,Tahoma,Helvetica,Sans-Serif;
}

/* ------------------------------------------------------------------- Lists */

.detailList {
	padding: 0px;
	margin: 0px 0px 5px;
}

.detailList:before,
.detailList:after {
    content: " ";
    display: table;
}

.detailList:after {
    clear: both;
}

.detailList dt,
.detailList dd {
	margin: 0px;
	padding: 0px;
}

.detailList dt {
	padding: 5px;
	margin: 0px 0px 1px;
}

.detailList dd {
	margin: 0px 0px 1px;
	padding: 0px 5px 0px 5px;
}

/* ------------------------------------------------------------------- Primary structure */

#pageWrapper,
#pageHeader {
	font-size: 1.2em;
	margin: 0px;
	padding: 5px 0px;
}

#pagePrimaryContent{
	margin: 0px;
	padding: 10px;
}

#pageHeader:before,
#pageWrapper:before,
#pageHeader:after,
#pageWrapper:after {
    content: " ";
    display: table;
}

#pageHeader:after,
#pageWrapper:after {
    clear: both;
}


#pageWrapper {
	
}

#pagePrimaryContent {
	-moz-box-shadow: 0 5px 5px -3px rgba(000,000,000,0.3);
	-webkit-box-shadow: 0 5px 5px -3px rgba(000,000,000,0.3);
	box-shadow: 0 5px 5px -3px rgba(000,000,000,0.3);
	margin-bottom: 5px;
	background: #FFF;
}


/* ------------------------------------------------------------------- Secondary Structure */

.contentBlockWrap1:before,
.contentBlockWrap1:after,
.contentBlockWrap2:before,
.contentBlockWrap2:after,
.contentBlockWrap3:before,
.contentBlockWrap3:after,
.contentBlockWrap4:before,
.contentBlockWrap4:after,
.contentBlock:before,
.contentBlock:after,
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.contentBlockWrap1:after,
.contentBlockWrap2:after,
.contentBlockWrap3:after,
.contentBlockWrap4:after,
.contentBlock:after,
.clearfix:after {
    clear: both;
}

.columnContainer {
	margin: 0px 0px 10px;
}


.columnContainer {
	width:100%;
	overflow: hidden;
}

.ie7 .clearfix,
.ie7 .columnContainer,
.ie7 .twoThirdSplitLeft,
.ie7 .twoThirdSplitRight {
	overflow: auto;
}

.twoThirdSplitLeft:before,
.twoThirdSplitRight:before,
.twoThirdSplitLeft:after,
.twoThirdSplitRight:after {
    content: " ";
    display: table;
}

.twoThirdSplitLeft:after,
.twoThirdSplitRight:after {
    clear: both;
}

.threeColumn,
.fourColumn,
.fiveColumn,
.primary,
.secondary,
.splitLeft,
.splitRight {
	width: 100%;
}

.contentBlockWrap1,
.contentBlockWrap2,
.contentBlockWrap3,
.contentBlockWrap4 {
	margin-right: -10px;
	margin-left: -10px;
}

.contentBlock {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}

.contentBlockWrap1 {
	background: #1C1C1C url(../images/bkgnd_tile_white_diamond_large.jpg) repeat center top;
}

.contentBlockWrap2 {
	background-color: #f8f9fa;
}

.contentBlockWrap3 {
	background-color: #ebedf2;
}

.contentBlockWrap4 {
	background-color: #fff;
}

.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}

.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.googleMap {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}

.googleMap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* ------------------------------------------------------------------- Headings */

#pageHeading {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
}

#pageHeading h2 {
	font-size: 2em;
	border-bottom: 1px solid #D6D6D6;
	margin: 0px;
	padding: 10px 0px 0px;
	display:block;
}

#pageHeading h2 a,
#pageHeading h2 a:visited {
	color: #666666;
	text-decoration: none;
	display:block;
}

/* ------------------------------------------------------------------- Misc navigation */


/* ------------------------------------------------------------------- Content images */

.imageLeft,
.imageRight,
.imageCenter,
.inlineImage {
	margin: 0px auto 10px;
	clear: both;
	float: none;
	text-align: center;
	display: block;
}


/* ------------------------------------------------------------------- Header */



#pageHeader {
	
}





/* ------------------------------------------------------------------- Miscellaneous */



#waitDialog {
	background: url(../images/loading.gif) no-repeat center 60px;
	font-size: 1.2em;
}

.messageBlock {
	background: #FEFDE7 url(../images/icon_information.png) no-repeat 4px 4px;
	padding: 4px 4px 4px 24px;
	margin-bottom: 5px;
	clear: both;
	text-align: left;
	color: #FFD700;
}

.messageFail {
	background: #FEE7EE url(../images/icon_error.png) no-repeat 4px 4px;
	color: #FF0006;
}

.messageNone {
	background: #E4F2FD url(../images/icon_notice.png) no-repeat 4px 4px;
	color: #93CAF7;
}

.messageNotice {
	background-color: #E4F2FD;
	color: #93CAF7;
}

.messageRequired {
	background: url(../images/icon_bullet_star.png) no-repeat left center;
	padding-left: 16px;
}

.messageSuccess {
	background: #F2FFDF url(../images/icon_tick.png) no-repeat 4px 4px;
	color: #387C32;
}

.formMessage {
	background: #E1F8FF url(../images/icon_information.png) no-repeat 4px 4px;
	padding: 5px 5px 5px 25px;
	margin-bottom: 0px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #E0E0E0;
	color: #FFD700;
}

ul.validationErrors,
ul.validationErrors li {
	list-style: none;
}

label,
button,
.formButton,
.linkButton {
	cursor: pointer;
}

/* ------------------------------------------------------------------- Debugger */

#debuggerWrap {
	background: #fff;
	margin: 0px;
	padding: 5px 1%;
	width: 98%;
	color: #333;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 500;
	overflow-x: auto;
	height: 100px;
	border-top: 1px solid #D6D6D6;
	font-size: 1.2em;
}

#debugger {
	padding: 5px;
}

.debugMessage {
	margin: 0px 0px 5px;
	padding: 5px;
	background: #F2F2F2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}