/* Base Styles for Pegboard Core V5 */
/* By Dubé Creative */
/* http://www.dube.com.au/ */

/* FIND AND REPLACE BRAND COLOURS */
/* Primary Color: #05589D (Ocean Blue)*/
/* Secondary Color: #99CA3C (Light Green)*/

/* INDEX:
1. pbForm
2. BREADCRUMB TRAIL
3. LANDING PAGE
4. PAGER
5. BUTTONS
6. EVENTS AND NEWS AND BLOGS AND LINKS
 A. BLOG
  I.Speech
 B. REGISTRATION
7. GALLERY
8. DOCUMENT
9. FAQ
10. ACCORDION
*/

.ajaxProgress {
	position: absolute;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
	background: white url(../images/pbCore/loading.gif) center no-repeat;
}


/* 1. pbForm */

.pbForm, .pbBlogCommentForm, .eventRegistration {
	background:#FCFCFC;
	border:1px solid #CCC;
} .eventRegistration .pbForm {background:none; border:none;}
.eventRegistration {
	padding:20px;
}
ul.form  {
	display:block;
	margin: 23px 0 0 33px;
	padding:0;
	list-style:none;
	clear:both;
	background:none;
}
ul.form ul {
	background:none;
}
ul.form:before,
ul.form:after {
	content: "";
	display: table;
} 
ul.form:after {
	clear: both;
}
ul.form {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.form li {
	display:block;
	margin:0 !important;
	padding:5px 0 !important;
	list-style:none;
	background:none !important;
}

.form .item {
	clear:both;
	margin:5px 0;
}
.form .item .label {
	float:left;
	width:20%;
	font-size:14px;
	margin:5px 0;
	padding:4px 0 0 0;
}
.form .item .field {
	float:left;
	width:80%;
	margin:5px 0;
}
.form .required, .required {
	color:#FF0000;
	padding-left:5px;
}

.form .textbox, .tier input {
	width:60%;
	height:32px;
	line-height:32px;
	padding: 0 8px;
	font-size:14px;
	color:#0696DA;
	background: #FFF;
	border:1px solid #CCC;
    box-shadow: 1px 1px 3px 0 #CCCCCC inset;
	-moz-box-shadow: 1px 1px 3px 0 #CCCCCC inset;
	-webkit-box-shadow: 1px 1px 3px 0 #CCCCCC inset;
}
.form .textbox.sml {
	width:15%;
}
.form .textbox.lrg {
	width:75%;
}
.form .textarea, .form textarea {
	height:150px;
	width:80%;
	padding: 8px;
	font-family: "Open Sans";
	font-size:14px;
	color:#0696DA;
	background: #FFF;
	border:1px solid #CCC;
    box-shadow: 1px 1px 3px 0 #CCCCCC inset;
	-moz-box-shadow: 1px 1px 3px 0 #CCCCCC inset;
	-webkit-box-shadow: 1px 1px 3px 0 #CCCCCC inset;
}
.form .radiobuttonlist td, 
.form .checkboxlist td {
	padding: 0 0 5px 0;
	color:#37424A;
	font-size:13px;
}
.form .radiobuttonlist td label, 
.form .checkboxlist td label {
	padding: 0 0 0 5px;
}
.form .Checkbox .label {
	float:right;
	width:95%;
	font-size:14px;
	margin:5px 0;
	padding:0;
}
.form .Checkbox .field {
	float:right;
	width:5%;
	font-size:14px;
	margin:5px 0;
	text-align:left;
}
.form .dropdown {
	width:60%;
}
.form .Numeric input {
	margin-bottom:0;
	padding:0 8px !important;
	background: #FFF !important;
	height: 32px;
	line-height:32px;
	border:1px solid #CCC !important;
    box-shadow: 1px 1px 3px 0 #CCCCCC inset;
	-moz-box-shadow: 1px 1px 3px 0 #CCCCCC inset;
	-webkit-box-shadow: 1px 1px 3px 0 #CCCCCC inset;
}
.form .Label {
	color:#37424A; /* Secondary Color */
	border-bottom: 1px solid #37424A;
	text-transform:capitalize;
	font-weight:bold;
	font-size:18px;
	padding:10px 0 5px 0 !important;
	margin:0 0 10px 0 !important;
}
.form .FileUpload ul {
	margin:0;
}
.form .FileUpload ul input {
	margin-bottom:10px;
	background: #FFF;
	height: 32px;
	line-height:32px;
	box-shadow: 1px 1px 3px 0 #CCCCCC inset;
	-moz-box-shadow: 1px 1px 3px 0 #CCCCCC inset;
	-webkit-box-shadow: 1px 1px 3px 0 #CCCCCC inset;
}
.form .DateTimePicker table input {
	margin-bottom:0;
	padding:0 0 0 4px !important;
	background: #FFF !important;
	height: 32px;
	line-height:32px;
	border:1px solid #CCC !important;
    box-shadow: 1px 1px 3px 0 #CCCCCC inset;
	-moz-box-shadow: 1px 1px 3px 0 #CCCCCC inset;
	-webkit-box-shadow: 1px 1px 3px 0 #CCCCCC inset;
}
.form .DatePicker table input {
	margin-bottom:0;
	padding:0 0 0 4px !important;
	background: #FFF !important;
	height: 32px;
	line-height:32px;
	border:1px solid #CCC !important;
    box-shadow: 1px 1px 3px 0 #CCCCCC inset;
	-moz-box-shadow: 1px 1px 3px 0 #CCCCCC inset;
	-webkit-box-shadow: 1px 1px 3px 0 #CCCCCC inset;
}
.form .CAPTCHA input,
.form .RadCaptcha input {
	height:32px;
	line-height:32px;
	font-size:14px;
	color:#0696DA;
	margin: 10px 100px 0 0;
	padding:0 8px !important;
	background: #FFF !important;
	border:1px solid #CCC !important;
    box-shadow: 1px 1px 3px 0 #CCCCCC inset;
	-moz-box-shadow: 1px 1px 3px 0 #CCCCCC inset;
	-webkit-box-shadow: 1px 1px 3px 0 #CCCCCC inset;
}
.pbBlogCommentForm .captcha {
	margin: 20px 0 20px 28%; /*160px;*/
}
.pbBlogCommentForm .captcha input {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 1px 1px 3px 0 #CCCCCC inset;
    color: #0696DA;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    width: 60%;
}
.pbBlogCommentForm .captcha label {
	display:block;
}
.pbForm .button,
.pbBlogCommentForm .button {
	clear:both;
	font-size:16px;
	font-weight:bold;
	margin:15px 12% 20px auto;/*64%;*/
	cursor:pointer;
	
	}
.pbForm .errors,
.pbBlogCommentForm .errors {
	border:1px solid #CC0000;
	padding:10px 10px 10px 30px;
	margin:10px 0;
	background:#FFDADA ;
	
}
.pbForm .errors .item,
.pbBlogCommentForm .errors .item {
	color:#CC0000 !important;
	background:url(../images/pbCore/exclamation.png) no-repeat 0 2px;
}
.pbForm .received,
.pbBlogCommentForm .received {
	font-weight:bold;
	font-size:16px;
	line-height:20px;
	display:block;
	margin:15px 0;
	padding-left:20px;
	color:#05589D; /* Primary Color */
}
.hiddenElement {
	display:none;
}

	/* MEMBERS FORM */
	.pbForgotPassword li {
		background:none;
		margin-bottom:15px;
	}
	
	@media screen and (max-width: 560px) {
		.form .item .label, .form .item .field {
			float:none;
			width:100%;
		}
		.pbForm .button,
		.pbBlogCommentForm .button {
			margin:20px auto;
		}
	}/*/mediaquery*/

/* 2. BREADCRUMB TRAIL */

.pbBreadcrumb ul {
	clear:both !important;
	height:30px;
	margin:0;
	padding:0;
}
.pbBreadcrumb ul li {
	width:auto;
	float:left;
	margin:0 !important;
	padding:0 !important;
	background:none !important;
	font-weight:bold;
	list-style:none;
	font-weight:normal;
}

/* 3. LANDING PAGE */
#pageList {
	margin-top:20px;
}
#pageList a {
	display:block;
	line-height:0;
}
#pageList a:hover {
	opacity:0.7;
	text-decoration:none;
}
.pageSummary {
	float:left;
	width:194px;
	height:180px;
	margin:0 12px 30px;
	background:#0796DB;
}
.pageSummary .pageHeading {
	background:#0796DB;
	width:100%;
	height:50px;
	display:table;
	overflow:hidden;
	#position:relative;
}
.pageSummary h3 {
	color:#003372;
	font-weight:400;
	font-size:16px;
	padding:0 20px;
	margin:0;
	line-height:120%;
	border:none;
	display:table-cell;
	vertical-align:middle;
	#position:absolute;
	#top:50%;
	#left:0;
}
.pageSummary h3 span {
	#position:relative;
	#top:-50%;
	#left:0;
}

/* 4. PAGER */
.pbAdvPager {
	margin-top:15px;
}
.PagerContainerTable .PagerPageCells {
	padding:0;
}
.PagerContainerTable .PagerPageCells a {
	background:none;
	color:#37424A;
	margin:0 2px;
	padding:7px 14px;
}
.PagerContainerTable a:hover {
	border:1px solid #D7D9DB;
	text-decoration:none;
	padding:7px 13px;
}
.PagerContainerTable .PagerCurrentPageCell {
	margin:0 2px;
	padding:0 14px;
	color:#37424A;
	border:1px solid #0796DB;
}
.PagerContainerTable .PagerPrevPageCell a,
.PagerContainerTable .PagerNextPageCell a {
	color:transparent;
	margin:0 2px;
	padding:0;
	border:none;
	width:73px;
	height:35px;
	display:block;
}
.PagerContainerTable .PagerPrevPageCell a {
	background:url(../images/pbCore/btn-prev.png) no-repeat;
}
.PagerContainerTable .PagerNextPageCell a {
	background:url(../images/pbCore/btn-next.png) no-repeat;
}
.PagerContainerTable .PagerPrevPageCell a:hover,
.PagerContainerTable .PagerNextPageCell a:hover {
	background-position:0 -35px;
}
.PagerContainerTable .PagerPrevPageCell,
.PagerContainerTable .PagerNextPageCell {
	color:transparent;
	padding:0;
}
@media screen and (max-width: 570px) {
	.PagerContainerTable .PagerPageCells a, .PagerContainerTable .PagerCurrentPageCell, .PagerContainerTable a:hover {
		padding-left:2px;
		padding-right:2px;
	}
}

/* 5. BUTTONS */
.button {
	margin: 10px 0 10px;
	display: block;
	background:url(../images/pbCore/btn-bg.png) repeat-x;
	height:40px;
	padding:0 15px;
	border:none;
	color:#FFF;
	font-size:14px;
}
.button.btn-back {
	background:url(../images/pbCore/btn-back.png) no-repeat;
	width:99px;
}
.button:hover {
	background-position:0 -40px;
}


/* 6. EVENTS AND NEWS AND BLOGS */

/*.ItemList {
	width:670px;
}*/
.ItemList img {
	border:none;
}
.ItemList h2 {
	border:none;
	background:none;
	padding:0;
	margin:3px 0;
}
.ItemList h2 a {
	text-decoration:none;
	font-size:18px;
	color:#003372;
}
.ItemList h2 a:hover {
	text-decoration:underline;
}
ItemList td {
	padding:10px 5px;
}
.ItemSub {
	color:#0696D9;
	font-size:14px;
}
.DetailDate {
	color:#05589D; /* Primary Color */
	font-size:14px;
}
.Item {
	background:url(../images/pbCore/hr-line.png) no-repeat center bottom;
	padding:15px 0;
}

.ItemInfo {
	float: left;
	width: 65%;/*440px;*/
}
.ItemInfo h2 {
	margin:0;
}
.ItemInfo p, .ItemInfo .moreLink {
	float:left;
	margin:0 10px 0 0;
}.ItemInfo .moreLink {margin-top:2px;}
.DocsList .ItemInfo p {
	float:none;
}
.ItemImage {
	float:left;
	padding:5px 0;
	width:30%;/*230px;*/
	margin-right:5%;
}
.ItemImage img {
	margin:0 20px 10px 0;
	border:none;
}
#LinksList .ItemImage {
	width:auto;
}
	
.detailImage {
	float:right;
	margin: 5px 10px 10px 50px;
    width: 150px;
}
 @media screen and (max-width:550px) {
	 .ItemImage, .ItemInfo {
		 width:auto;
		 margin:auto;
		 float:none;
		 text-align:center;
	 }
 }
	/* A. BLOG */
	#blog {
		background:url(../images/pbCore/hr-line.png) no-repeat center top;
		background-size:100% 1px;
		margin: 30px 0 10px;
    	padding: 8px 15px;
	}
	#blog img {
	 	margin: 8px 15px 0 0;
		float:left;
	 }
	#blog h3 {
		color:#3F3F3F;
		padding-bottom: 20px;
		border:none;
		background:none;
	}
	.blogDetails {
		float:left;
		line-height:20px;
		text-align:right;
		padding:21px 15px 0 0;
		width:19%;/*120px;*/
	}
	.blogDetails small {
		font-size:11px;
		color:#5A595D;
	}
	.blogComment {
		float:left;
		position:relative;
		margin-bottom:18px;
		width:77%;
	}
	#blog .blogComment img {
		margin:0;
	}
		/* I. SPEECH */
		.speechLeft {
			float:left;
			position:absolute;
			top:20px;
			background:url(../images/pbCore/blog/speech.png) no-repeat;
			width:16px;
			height:13px;
		}
		.speech {
			float:left;
			padding-left:15px;
			width:100%;
			max-width:471px;
		}
		#blog .speechLeft img {
			margin:0;
			display:none;
		}
		.speechTop {
			height:11px;
			width:100%;
			background:url(../images/pbCore/blog/speech-top.png) no-repeat bottom;
			background-size:100% auto;
		}
		.speechComment {
			background:#F1F1F1;
			border-right:1px solid #CCC;
			border-left:1px solid #CCC;
			max-width: 414px;
			padding: 3px 25px 3px 30px;
			margin:0;
		}
		/* END SPEECH */
	
	#postComment {
		background:url(../images/pbCore/hr-line.png) no-repeat center top;
		background-size:100% 1px;
		padding: 18px 15px 5px;
	}
	#postComment h2 {
		border-bottom:none;
		background:none;
	}
	/* END BLOG */
	
	@media screen and (max-width: 470px) {
		.blogDetails, .blogComment {
			float:none;
			width:100%;
			text-align:left;
		}
		.speechLeft {
			background:url(../images/pbCore/blog/speech-v.png) no-repeat;
			width:16px;
			height:12px;
			top:0;
			left:20px;
		}
		.speech {
			padding-left:0;
			margin-top:11px;
		}
	}/*/mediaquery*/
	
	/* B. REGISTRATION */
	.attendeeNameAndEmail input {
		width:86%;
		margin: 5px 0;
	}
	.eventRegistration select {
		width:50px;
	}
	.eventRegistration .heading {
		display:none;
	}
	.eventRegistration .form .textbox {
		width:86%;
	}
	.eventRegistration .form {
		margin:0;
	}
	.eventRegistration .item .label, .eventRegistration .item .field {
		float:none;
		width:auto;
	}
	.eventRegistration .headerCell {
		background:none;
		padding:0;
		text-align:left;
		font-size:13px;
		font-weight:700;
	}
	.eventRegistration td {
		font-size:13px;
	}
	.eventRegistration .tierdName {
		color:#003472;
		font-size:13px;
		font-weight:700;
	}
	.eventRegistration .button {
		margin-left:16%;
	}
	/* END REGISTRATION */

/* 7. GALLERY */

.gal-image { /* add WIDTH and HEIGHT */
	float:left;
	text-align:center;
	margin:0 5px 10px;
	width:194px;
	height:180px;
}
.gal-image img { /* add MAX-WIDTH and MAX-HEIGHT (same as above w + h) */
	max-width:194px;
	max-height:180px;
}

/* 8. DOCUMENT */
#documentList ul {
	background:none;
	padding:10px 0;
}
#documentList li {
	background: url(../images/pbCore/li-document.png) no-repeat 10px 8px #EBF8FC;
	padding: 15px 20px 15px 56px;
	margin: 0 0 5px;
}
#documentList li a {
	width:350px;
	line-height:120%;
	display:block;
	font-size:15px;
	font-weight:700;
}
#documentList h5 {
	margin-top:0;
}
.docDateSize {
	float:right;
	color:#333;
	font-size:12px;
	margin-top: 5px;
}

/* 9. FAQ PAGE */
#faq ul {
	padding:0;
	background:none;
}
#faq li {
	list-style:none;
	background:none;
	padding:0;
	margin:0 25px 4px 0;
}
#faq li a {
	background:url(../Images/pbCore/FAQ-Icon.gif) no-repeat #EFF2F2 5px 5px;
	padding: 8px 10px 8px 20px;
	font-size:15px;
	line-height:20px;
	display:block;
}
#faq a:hover {
	text-decoration:none;
}
#faq a small {
	color:#99CA3C; /* Secondary Colour */
	font-size:12px;
}

/* 10. ACCORDION */
#accordion h3 {
	background:#05589D;
	font-size:16px;
	color:#FFF;
	cursor:pointer;
	position:relative;
	padding:0.5em 0.5em 0.5em 2.5em;
	margin-top:5px;
}
#accordion div {
	padding:1em 0;
}
#accordion div div {
	padding:0;
}
.ui-accordion-header-icon {
	position:absolute;
	left:0.5em;
	top:50%;
	width:18px;
	height:18px;
	margin-top:-10px;
}
.ui-icon-circle-plus {
	background:url(../images/pbCore/ac-plus.png) no-repeat;
}
.ui-icon-circle-minus {
	background:url(../images/pbCore/ac-minus.png) no-repeat;
}