/*
Theme Name: Hub Community
Theme URI: http://www.hubcommunity.co.nz/
Description: Developed specifically for the Telecom Hub Community website.
Version: 2.0
Author: Telecom
Tags: blue, three column

*/

/* Yahoo Reset Styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html{ color:#333; background:#FFF;}

/* Standard Text replace */
a.button,input.button, input.send, p.tile a,a.button span,.socialMedia a,.rate,.textReplace { text-indent:-5000px; display:block; font-size:0.1em; margin:0; padding:0; }

body { font-family: Verdana, Helvetica, Arial, sans-serif; font-size:62.5%; line-height:150%; }
.clear { clear:both; width:100%; }

/* Links */
a { color:#0089C0; text-decoration:none; }
a:hover { color:#0089C0; text-decoration:underline; }
a:visited { color:#80379B; }
a:focus { outline: none; }
a.icon { background: transparent url(images/link-icon.png) no-repeat scroll 100% 75%; padding-right:12px; }

/* Buttons */
a.button, input.button, input.send { background:transparent url(images/but-bg.png) no-repeat 0 0; width:113px; height:22px; border:0; cursor:pointer; color:#EEE; }
a.but-seeMore { background-image: url(images/but-seeMore.png); }
a.but-search,input.but-search { background-image: url(images/but-search.png); clear:none; float:right }




/* Errors */
.error, .alert, .validation_error { color:#B32118; }
input.error,input.error:focus { border-color:#B32118 !important; }
label.error { display:block; clear:both; }

/* Headings etc */
h1,h2,h3,h4,h5 { color:#004760; padding:0.5em 0; }
h1 { font-size:28px; line-height:28px; clear:both; }
h2 { font-size:18px; line-height:18px; }
h3 { font-size:12px; line-height:12px; font-weight:bold; }
h3.largeH3 { font-size:28px; line-height:28px; font-weight:normal; }
h4 { font-size:10px; line-height:10px; font-weight:bold; color:#666; padding-bottom:0; }
p { font-size:12px; line-height:18px; padding:0 0 1em 0; }
strong,b { font-weight:bold; }
em,i { font-style:italic; }

/* Useful Styles */
.first { margin-left:0 !important; padding-left:0 !important; }
.left { float:left; }
.right { float:right; }

/* Telecom Styles */
.leadCopy { color:#666; font-size:15px; line-height:20px; }

/* Tiles */
p.tile,div.tileHubs { margin-bottom:0; padding:0; }
p.tile a,div.tileHubs a { background:url(images/tile-fineTune.png) 0 0; display:block; width:290px; height:118px; margin:20px 0 10px 0; }
p.tileTopTips a { background:url(images/tile-hotTips.png); margin:0 0 30px 0; }
p.tileInsideXT { background:url(images/tile-insidext.png) top left no-repeat; margin:0; }
p.tileInsideXT a,.home div.tileHubs h3,.home div.tileHubs p { display:block; width:290px; height:116px; text-indent: -999em; }
div.tileHubs { background:url(images/tile-hubs.png) no-repeat scroll 0 0; height:88px; margin-top:15px; padding:20px; position:relative; width:250px; }
.home div.tileHubs select, .home div.tileHubs input.but-search { position: absolute; top:90px; vertical-align: middle; }
.home div.tileHubs input.but-search { right:10px; background-image: url(images/button-go.png); width:45px; }
.home div.tileHubs select { height:22px; left:10px; width:215px; padding:2px 0;}

/* Main Layout Elements */
.wrapper { width:990px; margin:0 auto; padding:0; background:#FFF; }
.leftCol { width:600px; padding:15px; float:left; background: url(images/leftColBG.png) repeat-x 0 0; }
.rightCol { width:315px; float:right; }
.pageLeftCol { width:500px; padding:15px 0; margin-bottom:100px; }

/* Download */
a.download, a.download span { background:url(images/fileDownload.png) no-repeat 0% 0%; height:30px; font-size:12px; float:left; display:block; clear:both; }
a.download { padding:0 5px 0 0; background-position: 100% 0%; }
a.download span { padding:6px 10px 0 35px; height:24px; }
a.download:hover { background-position: 100% 100%; text-decoration:none; }
a.download:hover span { background-position: 0% 100%; }


/* MainNav */
ul.mainNav { padding:15px; margin:0; font-size:12px; clear:both; float:left; width:500px; }
ul.mainNav li { display:inline; margin-right:20px; }
ul.mainNav li a { color:#666; }
ul.mainNav li a:visited { color:#666; }
ul.mainNav li a:hover { color:#0089C0; }
ul.mainNav li.current_page_item a,ul.mainNav li.current_page_item a:visited { color:#0089C0; text-decoration:none; }


/* Search */
.searchBusinesses select { width:275px; margin: 0 5px 10px; float:left; clear:none; }
.rightCol .searchBusinesses select { margin-left:0;width:315px; }
.search .searchBusinesses select { width:190px; margin-left:10px; }
.page-template-searchpage-php ul.videos,.page-template-archive-php ul.videos,.error404 ul.videos { width:100%; }
.page-template-searchpage-php ul.videos li,.page-template-archive-php ul.videos li,.error404 ul.videos li { width:310px; }
.page-template-searchpage-php ul.videos li div.videoInfo,.page-template-archive-php ul.videos li div.videoInfo, .error404 ul.videos li div.videoInfo { width:175px; }
.page-template-searchpage-php input.but-search,.page-template-archive-php input.but-search,.home input.but-search { position:relative; bottom:2px; }

/* Pagination */
.paginate {text-align:right; font-size:11px; padding:0; clear:both;}
.paginate a,.emm-paginate a:visited,.paginate .paginate-current,.paginate .paginate-gap { padding:3px 10px; text-align:center; color:#666; border-left:1px solid #CCC; line-height:20px; }
.paginate a:hover, .emm-paginate a:active { color:#0089C0; text-decoration:underline; }
.paginate .paginate-title {color:#555; margin-right:20px; font-weight:bold; }
.paginate .paginate-current { padding:3px 10px; color:#333; text-decoration:none; font-weight:bold; }
.paginate a.paginate-prev,.paginate a.paginate-next,.paginate .paginate-1 { border-left:none; }

/* Social Media */
.socialMedia { height:22px; margin:15px 0 10px 0; float:right; }
.socialMedia a { width:133px; height:22px; display:block; background:transparent no-repeat 0 0; float:right; margin: 0 0 0 10px; }
.socialMedia a.sm-twitter { background-image:url(images/but-smTwitter.png); }
.socialMedia a.sm-facebook { background-image:url(images/but-smFacebook.png); }

/* Profiles */
.profile { width:600px; padding-top:20px; }
.profileCopy { float:left; width:380px; }
.profileBizInfo { float:right; width:200px; }
.profileImage img { padding:3px; border:solid 1px #DDD; }

/* Home */
#homePanel { margin-bottom:20px; }
.home .leftCol { width:300px; padding-right:50px; }
.home .rightCol { width:600px; }
.home .searchBusinesses select { width:150px; margin-left:5px; }
.home ul.videos {  width:600px; }
.single ul.videos li { width:315px; }
.single ul.videos li .videoInfo { width:180px; }
ul.videos { border:solid 1px #EEE; border-width: 1px 0; padding:10px 0 0 0; float:left; clear:left; margin:10px 0; }
ul.videos li { display:block; float:left; width:290px; padding:0 10px 0 0; }
ul.videos li h5 { font-size:11px; font-weight:bold; padding:0; }
ul.videos li .videoStats { font-size:10px; color:#666; clear:left; }
ul.videos li .videoInfo { float:right; width:155px; margin:0 5px; }
ul.videos li .videoInfo p { font-size:11px; line-height:14px; }
ul.videos li.clear { margin:0 0 10px 0; float:none; padding:0; }

/* Forms */
textarea,input.textbox,.gform_fields .textbox input,.gform_fields .textbox textarea { border: solid 1px #CCC; color:#333; padding: 3px; font-family: Verdana, Helvetica, Arial, sans-serif !important; }
textarea:focus,input.textbox:focus { border-color: #999; }
label { color:#666; font-size:11px; }
span.required,span.req, span.gfield_required { color:#B32118; }
input.send { background-image: url(images/but-send.png); }

.register_email { width:387px; padding:15px 0 100px 0; }
.register_email .multiCheckBox { float:left; }
.register_email .hideTextbox .textbox { margin-bottom:3px; }
.register_email .disabled { color: #CCC; background:#FFF; border-color: #EEE; }
.register_email .textbox { width:180px; margin-right:5px; }
.register_email .textbox_double { width:373px; margin-right:0; }
.register_email .recieveEmails label.error { float:right; }
.register_email .clearButton { border:none; color:#999; background:none; float:right; width:auto; cursor:pointer; text-decoration:underline; padding:0; margin:0 10px; clear:none; }
.page-template-register-email-php #gforms_confirmation_message { font-size:14px; font-weight:bold; padding:0 0 3em 0; background:none; }
.page-template-register-email-php .leftCol { background:none; width:500px; }

/* Comments */
.comments-loggedin { font-size:11px; }
.nocomments { color:#666; font-size:11px; }
#comments {margin-top:30px; }
#commentform { margin:20px 0 40px 0; }
#commentform textarea,#commentform input.textbox { width:373px; font-size:11px; }
#commentlist li { padding:15px 0; border-bottom: 1px solid #EEE; }
#commentlist li p { font-size:11px; }
#commentlist li .avatar { float:left; margin:0 10px 10px 0 ;}

/* TBB */
.gform_wrapper { display:none !important; }
#gforms_confirmation_message { padding:20px 500px 20px 30px; background:#EEE; }
#gforms_confirmation_message h1 { line-height:1.3em; }
#gforms_confirmation_message p { line-height:1.3em; }

/* Tips Tricks */
.profileCopy, .profileBizInfo { display:inline; }

.TTSocialMedia,.TTRate { background: #FFF url(images/tips-bg.png) 0 100% no-repeat;}
.TTRate { background-position:0 0; }
.TTRate { padding:10px 10px 0 10px; height:20px; }
.TTShare { margin:0 10px; border-top:1px #DDD solid; }
.TTRate h3 { padding:0; height:20px; }
#TTRating { float:right; color:#999; height:20px; }
.TTSuggest { margin:5px 0; padding:10px 0 5px 0; border-top:1px #DDD solid;  }

.loading { background:url(images/loading.gif) 0 40% no-repeat; }
.loading * { visibility:hidden; }

.TTShare a img { margin-bottom:4px; }

.home .tipsTricksLeftCol { width:600px; }
.home .tipsTricksRightCol,.home .tipsTricksRightCol ul.videos { width:315px; }

.rate {
	background:url(images/rate.png) 0 0;
	width:15px;
	height:20px;
	float:left;
	position:relative;
	top:-4px;
}
.tipsNavigation { text-align:center; color:#CCC; border-top:1px solid #EEE; margin-top:20px; padding-top:10px; }
.rateUp { background-position: 0 0; }
.rateUp:hover { background-position: 0 -20px; }
.rateDown { background-position: -15px 0; }
.rateDown:hover { background-position: -15px -20px; }


div.tipsSearch {
	background:url(images/tips-tile.png) 0% 100% no-repeat;
	width:290px;
	height:128px;
	padding:0;
	margin:10px 0;
	position:relative;
}
div.tipsSearch .textReplace {
	height:50px;
	width:285px;
}

div.tipsSearch select {
	position:absolute;
	bottom:15px;
	left:10px;
	width:180px;
}

div.tipsSearch input.but-search {
	background-image:url(images/but-search-sml.png);
	width:73px;
	position:absolute;
	bottom:14px;
	right:10px;
}

div.searchTips {
	width:340px;
}

div.searchTips select {
	width:200px;
}

div.searchTips input.but-search {
	position:relative;
	top:-2px;
}


/* FaceBox Styles */

#facebox .b {  background:url(images/b.png); }
#facebox .tl { background:url(images/tl.png); }
#facebox .tr { background:url(images/tr.png); }
#facebox .bl { background:url(images/bl.png); }
#facebox .br { background:url(images/br.png); }
#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup { position: relative; }

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border: none;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
  min-width:0;
  background:none;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
.body .content .gform_wrapper,body .overlay .gform_wrapper  {
	display:block !important
}
body .overlay {
	padding: 0 15px;
}
body .overlay {
	height:565px;
	overflow:hidden;
	width:410px;
}
body .overlay .gform_wrapper {
	width:410px;
}
body .overlay #gforms_confirmation_message {
	padding:0;
	background:none;
}
body .overlay li.gfield_error div {
	color:#B32118;
}
body .overlay li.gfield_error div.validation_message {
	margin-bottom:0.5em;
	width: 180px;
}
body .overlay li.gfield_error input {
	border:solid 1px #B32118;
}
body .overlay .gform_footer {
	margin-top:10px;
}
body .overlay li.textbox {
	margin-bottom:10px;
	margin-right:10px;
}
body .overlay .gfield_checkbox input {
	margin-right:5px;
}
body .overlay .ginput_container input.medium {
	width: 180px;
}
body .overlay .ginput_container textarea.medium {
	width: 370px;
}

.close {
	position:absolute;
	right:-15px;
	top:-15px;
}

#tooltip {
	position: absolute;
	z-index: 9990;
	border: none;
	background: transparent;
	padding: 0;
	opacity: 0.95;
	width:230px;
}
#tooltip div,#tooltip h3 { margin: 0; }
#tooltip h3,#tooltip .body { color:#666; width: 155px; padding: 15px 15px 0 30px; font-size:12px; line-height:14px; background: transparent url(images/tooltip-bg.png) 0% 0%; }
#tooltip .body { background: transparent url(images/tooltip-bg.png) 0% 100%; padding: 5px 15px 20px 30px; font-size:11px; font-weight:normal; }

.termsCond li { list-style:outside disc; margin:0 0 1em 1.2em; }

.terms-and-conditions {padding:0 0 0 15px; }
.terms-and-conditions .pageLeftCol {padding:0; }
.terms-and-conditions h2 { padding-bottom:1.2em; }
.return-to { margin-top:20px; padding:10px 0; border-top: 1px solid #eee; color:#555; font-size:11px; }

.product-review { padding:20px 0 40px 0; clear:both; }
.product-review .leftCol { width:330px; }
.product-review .rightCol { width:600px; }


.page-id-765 .socialMedia { height:26px; }
.page-id-765 .socialMedia a { width:26px; height:26px; margin-left:3px; }
.page-id-765 .socialMedia .follow-us { color:#999; font-size:11px; overflow:hidden; padding:3px 0 0 0; margin:0; position:absolute;right:60px; width:65px; }
.page-id-765 .socialMedia a.sm-twitter { background-image:url(images/but-sml-TW.png); }
.page-id-765 .socialMedia a.sm-facebook { background-image:url(images/but-sml-FB.png); }

.comments-under-video #commentform {
	width:600px;
}
.comments-under-video #commentform .comments-entry-details,.comments-under-video #commentform .comments-entry-comment {
	width:290px;
	float:left;
	padding-left:20px;
}
.comments-under-video #commentform .comments-entry-details {
	padding-left:0;
}
.comments-under-video #commentform .textbox,.comments-under-video #commentform textarea {
	width:280px;
}