/* CSS Document */

/* ----- HTML STYLES ----- */
/* undo default styling of common (X)HTML browsers */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,tr,th,td
{ margin:0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; border:none;}
a img,:link img,:visited img { border:none; }
address {font-style:normal;}
p {font-size:11px;}

body {background-color:#FFFFFF; background-image:url(/wp-content/themes/icantalk/assets/icantalk-back.gif); background-repeat:repeat-x; margin: 0px; padding: 0px 0 0px 0;  color:#000000;}

/* ---- Container ---- */

#wrapper {width:900px; position:relative; margin:0 auto;}
#container {width:900px; float:left; position:relative;}

#header {width:900px; height:243px; float:left; position:relative; background: url(/wp-content/themes/icantalk/assets/i-can-talk-header.gif) top left no-repeat;}
#header a {float:left; display:block; margin: 29px 0 0 80px;}
#header p.phone {float:left; color:#FFFFFF; margin:0; padding:50px 0 0 50px; font-weight:bold; font-size:30px; text-align: center;}
#nav {float:left; width:147px; position:relative; text-align:right; padding:0 45px 0 0;}
#nav #menu-mainnav {}
#nav #menu-mainnav li {margin-bottom:15px;}
#nav #menu-mainnav li a {color: #99ccff; text-decoration: none; font-weight: bold; font-size: 13px; text-transform:lowercase;}
#nav #menu-mainnav li a:hover {color:#00aeef;}
#nav #menu-mainnav li.male a {color:#663399;}
#nav #menu-mainnav li.male a:hover {color:#4b2471;}
#nav #menu-mainnav li.female a {color:#e574ef;}
#nav #menu-mainnav li.female a:hover {color:#bd64c5;}
#nav #menu-mainnav li.international a {color:#6666ff;}
#nav #menu-mainnav li.international a:hover {color:#5151c6;}
#nav #menu-mainnav li.children a {color:#ff9900;}
#nav #menu-mainnav li.children a:hover {color:#d98506;}
#nav #menu-mainnav li.presenter a {color:#c53939;}
#nav #menu-mainnav li.presenter a:hover {color:#8c2525;}
#content {float:left; width:708px; position:relative;}
#footer {float:right; width:708px; position:relative; border-top:5px solid #CCCCCC; padding-top:5px; margin-bottom:20px;}
#footer p.copyright {color:#999999; margin: 0; padding: -1px 0 6px 0; font-weight: normal; font-size: 12px;}
#footer p {color:#999999; margin: 0; padding: 0 0 6px 0; font-weight: normal; font-size: 8px;}
.aalogo {float:right; margin-top:20px; width:120px;}


#content .bubbles {width: 557px; float: left; padding: 0 70px 20px 70px;}
#content .bubbles a.voiceLink {float: left; display: block; width: 185px; height: 182px; text-decoration: none; background: url(/wp-content/themes/icantalk/assets/voices-bubble.gif) top left no-repeat;}
#content .bubbles a.voiceLink:hover {background-position:-185px 0;}
#content .bubbles a.presentersLink {float: left; display: block; width: 186px; height: 182px; text-decoration: none; background: url(/wp-content/themes/icantalk/assets/presenter-bubble.png) top left no-repeat;}
#content .bubbles a.presentersLink:hover {background-position:-186px 0;}
#content .bubbles a.contactLink {float: left; display: block; width: 186px; height: 182px; text-decoration: none; background: url(/wp-content/themes/icantalk/assets/contact-bubble.gif) top left no-repeat;}
#content .bubbles a.contactLink:hover {background-position:-186px 0;}


#content #copy {float:left; width:100%;}
#content #copy h1 {font-weight:bold; font-size:21px; color:#00aeef; padding-bottom:20px;}
#content #copy h2 {color:#800080; margin:0; padding:4px 0; font-weight:bold; font-size:18px;}
#content #copy h3 {color:#0b9ff3; font-size:16px; line-height:21px; font-weight:bold; padding-bottom:20px;}
#content #copy h4 {font-weight:bold; font-size:14px; color:#800080; padding-bottom:6px;}
#content #copy h6 {font-size:9px; color: #008080; font-weight:normal; padding-bottom:20px;}
#content #copy p {color:#800080; font-size:12px; line-height:17px; padding-bottom:20px;}
#content #copy p a {color:#800080; text-decoration:underline;}
#content #copy img {margin-bottom:10px;}
#content #copy.home p {font-size:16px; line-height:21px;}
#content #copy.home p strong {color:#24bdda;}
#content #copy ul {margin-left:20px; padding-bottom:20px; list-style-type:disc;}
#content #copy ul li {color:#800080; font-size:12px; line-height:17px;}
#content #copy.home ul li {font-size:16px; line-height:21px;}
#content #copy ol {margin-left:20px; padding-bottom:20px; list-style-type:decimal;}
#content #copy ol li {color:#800080; font-size:12px; line-height:17px; padding-bottom:10px;}


.control-label {display:none;}
.form-group-submit {float:left; clear:both;}
.editing-form-value-cell .form-control {display:none;}
input[type=submit] {align-items: flex-start; text-align: center; cursor: default; color: buttontext; padding: 2px 6px 3px; border: 2px outset buttonface;
border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial;
background-color: buttonface; box-sizing: border-box;}

.filters {float:left; position:relative; margin-bottom:20px;}
.filter {float:left; margin-right:20px; margin-bottom:10px;}
.filter label {color: #333333; margin: 0; padding: 4px 0; font-weight: normal; font-size:11px; float:left;}
.filter select {clear:left; float:left;}
#all h1 {color:#00aeef; font-size:21px; padding:0 0 10px 0;}
#all .filters {float:left; display:block; position:relative; border: 1px solid #00aeef; padding:10px; width:686px;}
#male h1 {color:#7b50a7; font-size:21px; padding:0 0 10px 0;}
#male .filters {float:left; display:block; position:relative; border: 1px solid #7B50A7; padding:10px; width:686px;}
#female h1 {color:#e574ef ; font-size:21px; padding:0 0 10px 0;}
#female .filters {float:left; display:block; position:relative; border: 1px solid #e574ef; padding:10px; width:686px;}
#international h1 {color:#6666ff; font-size:21px; padding:0 0 10px 0;}
#international .filters {float:left; display:block; position:relative; border: 1px solid #6666ff; padding:10px; width:686px;}
#children h1 {color:#ff9900; font-size:21px; padding:0 0 10px 0;}
#children .filters {float:left; display:block; position:relative; border: 1px solid #ff9900; padding:10px; width:686px;}
#presenters h1 {color:#e71515; font-size:21px; padding:0 0 10px 0;}
#presenters .filters {float:left; display:block; position:relative; border: 1px solid #e71515; padding:10px; width:686px;}
.preview {width:148px; float:left; background: bottom left no-repeat; padding:0 10px 60px 10px; margin:10px 8px 20px 0;}
.preview h2 {font-size:16px; font-weight:normal; padding: 4px 0; margin:0px;}
.preview img {height:83px;}
.preview p {color:#333333; margin:0; padding:0 0 6px 0; font-weight:normal; font-size:11px;}
.preview:nth-child(4n+1) {clear:left;}
.preview.Male {background-image:url(/wp-content/themes/icantalk/assets/male-block-bot.jpg);}
.preview.Male h2, .preview.Male span, .preview.Male a {color:#7b50a7;}
.preview.Female {background-image:url(/wp-content/themes/icantalk/assets/female-block-bot.jpg);}
.preview.Female h2, .preview.Female span, .preview.Female a {color:#e574ef;}
.preview.international {background-image:url(/wp-content/themes/icantalk/assets/international-block-bot.jpg);}
.preview.international h2, .preview.international span, .preview.international a {color:#6666ff;}
.preview.child {background-image:url(/wp-content/themes/icantalk/assets/childrens-block-bot.jpg);}
.preview.child h2, .preview.child span, .preview.child a {color:#ff9900;}
.preview.presenter {background-image:url(/wp-content/themes/icantalk/assets/presenters-block-bot.jpg);}
.preview.presenter h2, .preview.presenter span, .preview.presenter a {color:#e71515;}
.preview a:hover {text-decoration:underline;}
.preview.presenter p {color:#800080;}

.profile {}
.profile a.back {font-size:12px; margin-bottom:10px; display:block; color:#999;}
.profile a.back:hover {text-decoration:underline;}
.profile .divider {float:left; position:relative; width:100%; border-bottom: #CCCCCC solid 5px; margin-bottom:10px; padding-bottom:10px;}
.profile h1 {color:#00aeef; font-size:21px; padding:0 0 10px 0;}
.profile .textcol1 {width: 35%; float: left; margin-right:3%;}
.profile .textcol1b {float:left; width:110px;}

.profile .textcol1 img {width:120px; float: left; padding: 0 10px 55px 0; background: bottom left no-repeat; background-size:120px auto;}
.profile .textcol2 {width: 29%; float: left; margin-right:3%;}
.profile .textcol3 {width: 30%; float: left;}
.profile p {font-size:12px; color:#333333; padding-bottom:5px; line-height:17px;}
.profile ul li {font-size:12px; color:#333333;  padding-bottom:2px;}
.profile.Male .textcol1 img {background-image:url(/wp-content/themes/icantalk/assets/male-block-bot.jpg);}
.profile.Female .textcol1 img {background-image:url(/wp-content/themes/icantalk/assets/female-block-bot.jpg);}
.profile.international .textcol1 img {background-image:url(/wp-content/themes/icantalk/assets/international-block-bot.jpg);}
.profile.children .textcol1 img {background-image:url(/wp-content/themes/icantalk/assets/childrens-block-bot.jpg);}
.profile.presenter .textcolpres img {width:120px; float: left; padding: 0 10px 55px 0; background:url(/wp-content/themes/icantalk/assets/presenters-block-bot.jpg) bottom left no-repeat; background-size:120px auto;}
.profile.presenter .textcolpres p {color:#800080;}
.profile.Male h1, .profile.Male h2 {color:#7b50a7;}
.profile.Female h1, .profile.Female h2 {color:#e574ef;}
.profile.international h1, .profile.international h2 {color:#6666ff;}
.profile.children h1, .profile.children h2 {color:#ff9900;}
.profile.presenter h1 {font-size:21px; color:#e71515;}
.presenter p {color:#800080;}
.profile.presenter h2, .profile.presenter h3 {color:#e71515; font-size:12px; line-height:17px; text-decoration:underline;}

.profile .textcolpres {float: left;}
.profile .textcol1pres {float:left; width:400px;}
.profile .textcolpres img {width:120px; float: left; padding: 0 20px 35px 0; background: url(/wp-content/themes/icantalk/assets/male-detail-bot.jpg) bottom left no-repeat;}
.profile .video {text-align:center; width:100%; margin: 30px auto;}

.audio {width: 226px; float: left; margin: 0 10px 0 0; position: relative; height: 120px; margin-bottom:10px;}
.audio h3 {position: absolute; top: 5px; left: 10px; width: 204px; font-size:14px; font-weight: normal; color: #666;}
.audio .jp-audio a {position:absolute; display:block; top:50px; left:10px;}
.audio .jp-progress {position: absolute; top: 56px; left: 50px; height: 15px; width: 150px; overflow: hidden; background-color: #F1F1F0;}
.audio .jp-progress .jp-seek-bar {width:100%;}
.audio .jp-progress .jp-play-bar {background:#52c8e2; width: 0px; height: 15px;}
.audio .download {position: absolute; bottom: 0; left: 0; width:224px; height: 26px; background: #A9EBFA; padding-top: 7px;}
.audio .download a {color:#36848D; font-size:12px; padding-left:10px; position:relative; top:0; left:0; text-decoration:underline;}
.audio .jp-audio {background: #F1F1F0; height:120px;}


#news {width: 708px; float: left; clear: both; background: #E6E7E5 url(/wp-content/themes/icantalk/assets/news-heading.gif) top left no-repeat; margin: 10px 0 30px 0;}
#news #news-bot {width: 708px; height: 13px; float: left;}
#news #news01 {width: 180px; float: left; padding: 35px 10px 0 110px;}
#news #news02 {width: 180px; float: left; padding: 0 10px; margin: 35px 0 0 0;}
#news #news03 {width: 180px; float: left; padding: 0 10px; margin: 35px 0 0 0;}
#news p {color:#800080; font-size:11px; padding-bottom:16px; line-height:16px;}
#news li {color:#800080; font-size:11px; line-height:16px; padding-bottom:3px;}
#news ul {margin-left:20px; list-style-type:disc;}
#news h1, h2, h3, h4, h5, h6 {color:#00ccff; font-weight:bold; font-size:11px; padding-bottom:16px;}





/* ----- ENQUIRY FORM STYLES ----- */
/* ----- ENQUIRY FORM STYLES ----- */
/* ----- ENQUIRY FORM STYLES ----- */

#enquiryForm * { box-sizing: border-box;}
#enquiryForm {margin-bottom:40px; float:left;}
#enquiryForm .spacer {float:left; margin-bottom:15px; width:49%;}
#enquiryForm .spacer:nth-child(odd) {margin-right:2%;}
#enquiryForm .spacerEnquiry {float:left; margin-bottom:20px; width:100%;}
#enquiryForm .spacerSubmit {float:left; width:100%;}
#enquiryForm .spacer input[type=text] {padding:8px 10px; width:100%; font-size:14px; color:#000; border:1px solid #666666;}
#enquiryForm .spacerEnquiry textarea {font-family: Verdana, Arial, Helvetica, sans-serif; padding:8px 10px; width:100%; font-size:14px; color:#000; border:1px solid #666666; resize:none;}
#enquiryForm input[type=submit] {font-family: Verdana, Arial, Helvetica, sans-serif; background-color:purple; cursor:pointer; color:#ffffff; font-size:14px; text-align:center; padding: 5px 30px; border:none;}
#enquiryForm input[type=submit]:hover {background-color:#4e4846; color:#fff;}
#enquiryForm .newsletter {float:left; width:100%;}
#content #enquiryForm .newsletter p {text-align:left; margin-bottom:10px; width:100%; margin:0 0 10px 0; display:block; padding-bottom:0px;}
#enquiryForm .newsletter p a {color:#ffffff; text-decoration:underline;}
#enquiryForm .spacer .Error input[type=text] {color:red;}
.ErrorLabel {display:none;}

[type="radio"]:checked,[type="radio"]:not(:checked) {position: absolute; left: -9999px;}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label {position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: purple;  font-weight: 300; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:15px;}
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid purple; border-radius: 100%; background: #fff;}
[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {content: ''; width: 12px; height: 12px; background: purple; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1);}