/*
	Global CSS Document

	:: aislondon.com June 2008 ::

	Toby Brancher
	Marvin Barretto
	Paul Collins

*/

* {border: 0; padding: 0; margin: 0;}
html, body {
	width:			100%;
	height:			100%;
	background:		#dfdee2;
}
body {
	font: normal 0.625em Arial;
	color: #fff;
}

/* Standard Elements */

p {
	font-size: 1.2em;
	margin: 0 0 1em;
}
a {
	color: #fff;
	font-size: 1.2em;
}
label a,
p a {
	font-size: 1em;
}
a:hover {
	text-decoration: none;
}
h1, h2 {
	font-size: 1.6em;
	margin: 0 0 1em 0;
}	
h3, h4, h5 {
	font-size: 1.2em;
}
ul {
	padding: 0 0 1em 15px;
}
ol {
	margin: 0 0 1em 28px;
}
ul li ul,
ol li ol {
	margin: 0 0 0 30px;
}
dl {
	margin: 0 0 2em;
}
ul li,
ol li,
dl dt,
dl dd {
	font-size: 1.2em;
}
ul li ul li,
ul li ol li,
ol li ul li,
ol li ol li {
	font-size: inherit;
}
li ul {
	margin-top: 8px;
}
li li {
	font-size: 1em;
}
ul li a,
ol li a,
dl dt a,
dl dd a {
	font-size: 1em;
}
ul li p,
ol li p {
	font-size: 1em;
}
em {
	font-style: normal;
}
legend,
input,
select,
label {
	font-size: 1.2em;	
}
textarea {
	font: normal 1.2em Arial;	
}
table {
	border-collapse: collapse;
}

.fieldset-repeat .userMsg {
	color: #FFFFFF;
	width: 678px;
	margin: 2px 0 0 4px;
}

.fieldset-repeat .userMsg p {
	margin: 15px 0 19px 62px;
	padding: 0;
    font-size: 2em;
}

#successMsg {
	background: #2AAE2A url(../Images/FE/Icons/submitSuccess.gif) no-repeat;
	border:4px solid #00FF00;
	min-height: 58px;
}

#errorMsg {
	background: #C71E1E url(../Images/FE/Icons/submitError.gif) no-repeat;
	border:4px solid #FF0000;
}

.normalValidator { /* !important rules set becuase I am a .net noob and cannot set validation colours (in a logical way!) */
	display: block;
	line-height: 2em; /* need display block so we can set margin and padding, to do this we need to add/remove a class when the validator kicks in, in the meantime heres line-height */
	margin: -6px 1px 0 0;
	padding: 0 0 4px;
	color: #fef200 !important;
}
.secondValidator {
	color: #fef200 !important;
}
.topValidator {
	display: block;
	margin: 0 0 18px;
	color: #fef200 !important;
	font-size: 1.2em;
}
.topValidator h3,
.topValidator p {
	font-size: 1em;
}
.bullets {
	list-style-type: disc;
}
.body-copy {
	margin: 0 auto 1em;
	width: 658px;
}
.body-copy h1 {
	font-size: 1.6em;
	color: #000;
}
.hidden {
	position: absolute; 
	left: -10000px;	
}

/**
	Standard Layout
*/

#wrapper {
	position: relative; /* check? */
	width: 955px;
	margin:	0 auto;
	padding: 9px 0 0;
	background:	url(../images/FE/PageBorderTop.gif) no-repeat;
}	
#wrapper #shadow-border {
	padding: 0 4px;
	background:	url(../images/FE/PageBorderSides.gif) repeat-y;
}
#footer {
	position: relative;
	width: 955px;
	height: 35px;
	margin: 0 auto;
	background:	url(../images/FE/PageBorderBottom.gif) no-repeat;
}

div#htmlContent {
	min-height: 502px;
	position: relative; top: 0;
}

div#flashVideoFooter {
	position: relative; bottom: 0; height:188px; background:url(../images/FE/PageBgBottom.jpg) no-repeat 0 53px;	
}

/**	
	Panel
*/

.panel {
	width: 701px;
}
.panel .panel-top {
	overflow: hidden;
	height: 27px;
	width: 683px;
	padding: 10px 0 0 18px;
	background:	url(../Images/FE/Panel/PanelBgHeadDotted.png) no-repeat;
}
.panel .panel-repeat {
	width: 665px;
	padding: 18px 18px 6px;
	background: url(../Images/FE/Panel/PanelBgRepeat.png) repeat-y;
}
.panel .panel-footer {
	overflow: hidden;
	width: 701px;
	height: 4px;
	background: url(../Images/FE/Panel/PanelBgFooter.png) no-repeat;
}

/* Element styling within Panel */

.panel a {
	color: #fff;
	text-decoration: underline;
}
.panel .panel-top h3 {
	margin: 0;
}

/**
	panelConfirmation
*/

.panelConfirmation {
	width: 385px;
	margin: 0 0 0 177px;
}
.panelConfirmation .panel-top {
	height: 2.7em;
	width: 367px;
	padding: 10px 0 0 18px;
	background:	url(../Images/FE/Panel/385/header.png) no-repeat;
}
.panelConfirmation .panel-repeat {
	padding: 18px;
	background: url(../Images/FE/Panel/385/repeat.png) repeat-y;
}
.panelConfirmation .panel-footer {
	height: 5px;
	background:	url(../Images/FE/Panel/385/footer.png) no-repeat;
}

/**
	panelFeature
*/

.panelFeature {
	width: 210px;
}
.panelFeature .panel-top {
	overflow: hidden;
	height: 27px;
	width: 192px;
	padding: 10px 0 0 18px;
	background:	url(../Images/FE/Panel/210/header.png) no-repeat;
}
.panelFeature .panel-repeat {
	padding: 18px;
	background: url(../Images/FE/Panel/210/repeat.png) repeat-y;
}
.panelFeature .panel-footer {
	overflow: hidden;
	height: 5px;
	background:	url(../Images/FE/Panel/210/footer.png) no-repeat;
}

/* Element styling within panelFeature */

.panelFeature h3 {
	font-size: 1.5em;
}
.panelFeature h4 a {
	font-size: 1.4em;
	text-decoration: none;
}
.panelFeature h4 a:hover {
	text-decoration: underline;
}
.panelFeature ul {
	list-style: none;
	padding: 0 0 16px;
}
.panelFeature ul li {
	font-size: 1.2em;
}
.panelFeature p {
	font-size: 1em;	
}
.panelFeature p a {
	font-size: 1em;
}

/**
	Panel White
*/

.panelWhite {
	width: 729px;
	margin: 0 auto;
}
.panelWhite .panel-header {
	display: block;
	height: 9px;
	background: url(../Images/UBE/whitePanel-header.png) no-repeat;
}
.panelWhite .panel-repeat {
	overflow: hidden;
	min-height: 30px;
	padding: 6px 15px 3px;
	background: url(../Images/UBE/whitePanel-repeat.png) repeat-y;
}
.panelWhite .panel-footer {
	display: block;
	overflow: hidden;
	height: 9px;
	background: url(../Images/UBE/whitePanel-footer.png) no-repeat;

}

/**
	Bar 701px
*/

.bar {
	width: 701px;
	margin: 0 0 8px;
}
.bar .bar-header {
	overflow: hidden;
	height: 4px;
	background: url(../Images/FE/Bar/header.png) no-repeat;
}
.bar .bar-repeat {
	overflow: hidden;
	min-height: 30px;
	padding: 10px 13px 3px;
	background: url(../Images/FE/Bar/repeat.png) repeat-y;
	color: #fff;
}
.bar .bar-footer {
	overflow: hidden;
	height: 4px;
	background: url(../Images/FE/Bar/footer.png) no-repeat;
}

/* Element styling within bar */

.bar .description {
	float: left;
	line-height: 2em;
	font-weight: normal;
}
.bar .button {
	float: right;
}
.bar a {
	color: #FFF;
	font-size: 1em;
}

/**
	largeThumb
*/
.largeThumb {
	width: 125px;
	height: 126px;
	padding: 7px 9px 11px;
	margin: 0 0 11px;
	background: url(../Images/FE/imgBG-125.png) no-repeat;
}
.largeThumb img {
	border: solid 1px #5b6b77;
	position: relative; z-index: 5;
}

/**
	smallThumb
*/
.smallThumb {
	display: block;
	width: 92px;
	height: 90px;
	padding: 6px 7px 10px 7px;
	margin: 2px 0 0;
	background: url(../Images/FE/imgBG-88.png) no-repeat;
}
.smallThumb img {
	border: 1px solid #63717c;
}


/**
	Forms
*/
.masterFieldset {
	overflow: hidden;
	margin: 0 0 6px;
}
.masterFieldset .dataCapture {
	overflow: hidden;
	text-align: right;
}
.masterFieldset .dataCapture legend {
	display: none; /*MB 7.7 legend not in design*/
	line-height: 2em;
	font-weight: bold;
}
.masterFieldset .dataCapture .formItem {
	overflow: hidden;
	text-align: left;
	margin: 0 0 9px;
}
.masterFieldset .dataCapture .formItem label {
	float: left;
	margin: 4px 0 0;
	cursor: pointer;
}
.masterFieldset .dataCapture .formItem label a {
	font-size: 1em;
}
.masterFieldset .dataCapture .formItem input {
	float: right;
	width: 175px;
	padding: 3px;
	border: 1px solid #7f9db9;
	color: #666;
}
.masterFieldset .dataCapture .formItem input.uploadInput {
	width: 200px;
	border: 0;
	color: #000 !important;
}
.masterFieldset .dataCapture .formItem textarea {
	float: left;
	width: 247px;
	height: 87px;
	margin: 1px 0 0;
	padding: 3px;
	border: 1px solid #7f9db9;
	color: #666;
}
.masterFieldset .dataCapture .formItem select {
	float: right;
	width: 183px;
	padding: 2px;
	color: #666;
	border: 1px solid #7f9db9;
}
.masterFieldset .dataCapture .formItem select option {
	padding: 0 0 0 2px;
}
.masterFieldset .formInfo a {
	display: block;
	margin: 3px 0 0 5px;
	width: 14px;
	height: 15px;
	text-indent: -1000px;
	background: url(../Images/FE/Icons/questionMark.gif) no-repeat;
}
.masterFieldset .dataCapture .formItem .checkbox input {
	border: none;
	width: auto;
	margin: 3px 0 0;
}
.masterFieldset .dataCapture .formItem.radio input {
	margin: 4px 4px 0 10px;
	border: none;
}

/* Compensate for paired sets of fieldsets and variations */

.masterFieldset .dataCapture .panelLeft {
	float: left;
}
.masterFieldset .dataCapture .panelRight {
	float: left;
	width: 330px;
	padding: 0 0 0 40px;
	background: url(../images/FE/Panel/divider-repeat.gif) 20px 0 repeat-y;
}
.masterFieldset .dataCapture .formItem .dob {
	overflow: hidden;
}
.masterFieldset .dataCapture .formItem .dob span 
{
	display: block;
	margin: 0 0 0.4em;
	font-size:1.2em;
}
	
.masterFieldset .dataCapture .formItem .dob select {
	float: right;
	width: auto;
	margin: 0 0 0 4px;
}
.masterFieldset .dataCapture .formItem .dob select option {
	width: auto;
	padding: 0 6px 0 2px;
}
/* Data Submit */

.masterFieldset .dataSubmit {
	overflow: hidden;
	margin: 10px 0 0;
	text-align: left;
}
.masterFieldset .dataSubmit .options {
	float: left;
}
.masterFieldset .dataSubmit .button {
	float: right;
}

/* ErrorBox */

p.error {
    clear: both;
    color:  #f6f22a;
    font-weight: bold;
    padding: 10px 0 0 0;
    margin: 0;
    border: 0;
}

p.error span {
    color:  #f6f22a !important;
}

.masterFieldset .errorBox {
	border: solid 1px #FEF200;
	margin: 2px 0 20px;
	padding: 4px;
}
.masterFieldset .errorBox ul {
	color: #FEF200;
	margin-bottom: 0;
}

/* progress bar */
.progress {
	font-size: 0.8em;
	margin-left: 5px;
}

/* Tooltips */
.formInfo {
	float:left;
	clear:right;
}
.masterFieldset .dataCapture fieldset .formItem.tooltip {}
.masterFieldset .dataCapture fieldset .formItem.tooltip select {
	float: left;
	width: 255px;
	margin: 4px 0 0;
}
.masterFieldset .dataCapture fieldset .formItem.tooltip .formInfo {
	display: block;
	float: left;
}

img.tooltip {
	cursor: help;
	float: left;
	margin: 4px 0 0 5px;
	width: 14px !important;
	height: 15px;
}

#tooltip {
	border: solid 1px #3074ac;
	background: #4183b7;
	color: #FFF;
	display: none;
	padding: 5px;
	position: absolute;
	width: 150px;
}	

/**
	Button
*/

.button,
.button-cancel {
	overflow: hidden;
	margin: 0 3px 0 0;
}
.button-left,
.button-right {
	overflow: hidden;
	display: block;
	float: left;
	width: 2px;
	height: 23px;
	background: url(../images/FE/Button/button-left.png) no-repeat;
}
.button-right {
	background: url(../images/FE/Button/button-right.png) no-repeat;
}
.button-repeat {
	overflow: hidden;
	display: block;
	float: left;
	height: 21px;
	padding: 2px 7px 0 7px;
	background: url(../images/FE/Button/button-repeat.png) repeat-x;
}
.button-repeat a,
.button-repeat input {
	display: block;
	color: #fff;
	background: none;
	font-size: 1.1em;
	cursor: pointer;
	text-decoration: none;
	border: none;
}
/* styles for cancel button image changes */
.button-cancel .button-left {
	background: url(../images/FE/Button/button-cancel-left.png) no-repeat;
}
.button-cancel .button-right {
	background: url(../images/FE/Button/button-cancel-right.png) no-repeat;
}
.button-cancel .button-repeat {
	background: url(../images/FE/Button/button-cancel-repeat.png) repeat-x;
}

/* pagination links */
.paginationLinks {
	list-style: none;
	margin: 17px 19px 20px 19px;
	overflow: hidden;
	text-align: center;
}
.paginationLinks p {
	float: left;
}
.paginationLinks li {
	display: inline;
	margin-right: 5px;
}
.paginationLinks input {
	background: #0076B0;
	cursor: pointer;
	color: #FFF;
}

div.userTablePanel ul li {
	padding: 0 0 0.8em 0;
}

.bar.admin-section {
	width: 664px;
}

/** 
	Development Only
*/
.devPanel {
	padding: 20px;
	margin: 20px;
	color: #333;
	background: #DFDEE2;	
}
.devPanel a {
	color: #333;
}

/**
	Debug Info
*/

.debugInfo {
	width: 680px;
	margin: 0 auto;
	padding: 10px;
	background: #666;
	color: #fff;	
}
.debugInfo h3 {
	margin: 0 0 10px;
}