/* ====== video ====== */

/* Video */

.video-embed {overflow: hidden; height: 1%;}
p.help-link {float: right;}
.video-embed .help-link {margin-bottom: 0;}
.video-options li {color: #368BAE}
.video-options li.current {font-weight: bold;}
.video-embed div {background: #E4F0F9;border: 1px solid #D3E7F5;clear: both;padding: 10px 0;margin: 0 13px;text-align: center;overflow: hidden;height: 1%;}
.video-embed div img {display: block;margin: 0 auto;}
.video-meta {background: #E4F0F9;border: 1px solid #D3E7F5; padding: 13px; margin: .75em 13px;}
.video-meta dt {font-weight: bold;}



/* ====== Support for secondary middle managers section ====== */

.main-panel {background: #ffffff url(../images/bg-secondary-middle-managers.gif) no-repeat 50% top;border: 1px solid #E6E6E6;margin: 0 13px;overflow: hidden;height: 1%;}
.panel-content {padding: 12px 22px 0;}
.panel-image {margin: 0;float: left; width: 50%;_margin-right:-3px;}
.panel-image img {margin: 24px 0 0 3px; }
ul.panel-list {padding: 0;}
.panel-list a {display: block;background-repeat: no-repeat; background-position: 10px 50%;border-bottom: 1px solid #E6E6E6;padding: 9px 0 9px 34px;overflow: hidden; height: 1%;}
.item1 a {background-image: url(../images/li-item1.gif);}
.item2 a {background-image: url(../images/li-item2.gif);}
.item3 a {background-image: url(../images/li-item3.gif);}
.item4 a {background-image: url(../images/li-item4.gif);}
.item5 a {background-image: url(../images/li-item5.gif);border-bottom: 0px none;}
.front-secondary {overflow: hidden;height: 1%;}
.front-secondary li {list-style: none;padding: 0;margin: 0 19px 0 0;border: 1px solid #E6E6E6;float: left;}
.front-secondary li.alt {margin: 0;}
.front-secondary h2 {padding: 0;margin: 0;}
.front-secondary .links a {background: #ffffff url(../images/front-secondary-links.jpg) no-repeat left top;display: block;float: left;height: 60px;margin: 0;padding: 10px;text-decoration: none;width: 236px;}


/* ====== NZCRB TABLE ====== */
.browse-resources {text-align: right;}

#mx {
    border-collapse: separate;
    border-spacing: 0;
}
#mx {
    border: 1px solid #e2e3e4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#mx tr:last-child th {
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}

#mx tr:first-child td:first-child {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#mx tr:first-child td:last-child {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#mx tr:last-child td:first-child {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#mx tr:last-child td:last-child {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;;
}

#mx thead .col1 {
    border-left: 1px solid #e2e3e4;
}

#mx thead .col2 {
    border-left: 1px solid #e2e3e4;
}

#mx thead .col3 {
    border-left: 1px solid #e2e3e4;
}

#mx thead tr th {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

#mx thead tr th:first-child {
     -webkit-border-radius: 5px 0 0 0 !important;
     -moz-border-radius: 5px 0 0 0 !important;
     border-radius: 5px 0 0 0 !important;
 }

#mx thead tr th:last-child {
    -webkit-border-radius: 0 5px 0 0 !important;
    -moz-border-radius: 0 5px 0 0 !important;
    border-radius: 0 5px 0 0 !important;
}

#mx tbody tr th {
    border-right: 1px solid #e2e3e4;
}

#mx tbody tr td {
    border-right: 1px solid #e2e3e4;
}

#mx tbody tr td:last-child {
    border: none;
}

dl.resource-filter * {
display: inline;
}

#mx a {display: block;padding:5px 10px}
#mx td.col1, #mx td.col2,#mx td.col3 {padding: 0;}
#mx td.col1-alt, #mx td.col2-alt,#mx td.col3-alt {padding: 0; height: 25px;}

#mx thead tr th {
	background-color: #1babd3!important;
}

#mx tr:nth-child(odd) td{
	background-color: #f9f9f9;
}

#mx tr:nth-child(even) td{
	background-color: #eceded;
}

#mx tr:nth-child(odd) th{
	background-color: #f9f9f9;
}

#mx tr:nth-child(even) th{
	background-color: #eceded;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#mx td.col1 {
	width: 130px;
}

#mx td.col1-alt, #mx td.col1:hover {background-color:#ecf0f5}
#mx td.col2 {
	width: 130px;
}

#mx td.col2-alt, #mx td.col2:hover {background-color:#E6E9E6}
#mx td.col3 {
	width: 130px;
}

#mx td.col3-alt, #mx td.col3:hover {background-color:#EFEDE0}

.terms {border: 1px solid #bbb;height: 150px;overflow: scroll; background-color: #fff;}
.security-block {margin: 1.5em 0;}


dl.alphabet-list {margin-bottom: 0.75em;font-size: 1.083em;text-align: center;padding:0 0 0.75em;}
dl.alphabet-list * {display: inline;}
dl.alphabet-list dd {color: #999;padding: 0 1px;}
dl.alphabet-list .current {font-weight: bold;color: #333;}

dl.resource-filter dd.current {font-weight: bold;}

#matrix-list-ph2 li.item:nth-child(1) {
	border-top: 1px solid #50c1df;
}

#matrix-list-ph2 .item {border-bottom:1px solid #50c1df;margin-bottom: .75em;overflow: hidden;height: 1%;}

dl.resource-info {float: right;margin-bottom: 0;}
dl.resource-info * {display: inline;}
dl.resource-info dd {margin-left: 3px;margin-bottom: 0; }

.resource-filter {
	margin-top: 18px;
}

.resource-info .date {
	color: #009ac1;
}

.matrix-resource h2 {
	margin-left: 0;

}

.matrix-resource p {
	padding: 0;
}

.matrix-resource ul {
	padding: 0;
	margin-top: 10px;
}

.is-new {color:#EF4708;font-weight:bold;}

#matrix-list-ph2 .resource-info .source {line-height: 1px;font-size: 1px;}

ul.resource-meta * {color: #666666;}
ul.resource-meta {font-size: .917em;line-height: 1.636em;}
ul.resource-meta li {margin-bottom: 0.818em;}
.resource-link a {text-decoration: none; color: #009ac1; font-size: 13.5px;}
.resource-link a:hover {text-decoration: underline;}

#matrix-list-ph2  .resource-rating {line-height: 18px; font-style: italic; margin-bottom: 0; font-size: 11px;}

#matrix-list-ph2 .calculated-rating  {float: left;margin-right: 0.3em;}

.resource-user-input {list-style: none;margin-left: 0;margin-bottom: .75em;overflow: hidden;height: 1%;}

.resource-user-input a { 
	color: #000;
}

#matrix-list-ph2 .resource-user-input li {margin-right: 1em;}

#matrix-list-ph2 .resource-user-input li a {font-size: 11px;}

#matrix-list-ph2 .resource-user-input .rate {float: left;margin-left: 0;}

.user-add-rating, .user-comments, .user-add-comment, #post_comment {overflow: hidden;height:1%;}

.user-add-comment {padding-bottom: .75em;}

.add-comment-link {float: right;margin: 0;}

h3.comment-title { margin: 0; padding: 0;}

#matrix-list-ph2 .user-add-rating legend span {font-weight: bold;}


#matrix-list-ph2 .user-add-rating .rating-buttons .rating-button{float: left;margin-right: 0.3em;}

p.user-cancel-input {float: right;}
p.user-cancel-input a {padding-left: 13px;background: url(../images/link-cancel.gif) no-repeat left 50%;}


ul.matrix-types { height: 1%; margin: 1.5em 0;}
ul.matrix-types li {
    float: left;
    width: 230px;
    margin-right: 28px;
}

ul.matrix-types li:nth-child(3) {
  margin-right: 0;
}
ul.matrix-types a {display: block;padding: 8px; color: #666666;}
ul.matrix-types a:hover {text-decoration: none;}

ul.matrix-types li {
  -moz-box-shadow: 2px 2px 2px #cccdcd;
  -webkit-box-shadow: 2px 2px 2px #cccdcd;
  box-shadow: 2px 2px 2px #cccdcd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 20px;
}

ul.matrix-types li a {
  background: #4b4b4d;
  background: -webkit-linear-gradient(#919294, #4b4b4d); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#919294, #4b4b4d); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#919294, #4b4b4d); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#919294, #4b4b4d); /* Standard syntax */
  color: #fff;
  font-family: 'Crete Round';
  font-style: italic;
  font-size: 16px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8) inset;
  -webkit-box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8) inset;
  border: 1px solid #919294;

}

ul.matrix-types li a:hover {
  background: #4b4b4d;
  background: -webkit-linear-gradient(#a4a5a6, #4b4b4d); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#a4a5a6, #4b4b4d); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#a4a5a6, #4b4b4d); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#a4a5a6, #4b4b4d); /* Standard syntax */
}

ul.matrix-types li.current a {
	background-color: #098caa;
	background: -webkit-linear-gradient(#07a9d7, #098caa);
	background: -o-linear-gradient(#07a9d7, #098caa);
	background: -moz-linear-gradient(#07a9d7, #098caa);
	background: linear-gradient(#07a9d7, #098caa);
  -moz-box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8) inset;
  -webkit-box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 3px 2px -2px rgba(255, 255, 255, 0.8) inset;
  border: 1px solid #07a9d7;
}

ul.matrix-types li.current a:hover {
  text-decoration: none;
  background: #058fac;
  background: -webkit-linear-gradient(#45bee0, #058fac); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#45bee0, #058fac); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#45bee0, #058fac); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#45bee0, #058fac); /* Standard syntax */
}




ul.comment-list li {background: #F2F2F2;margin-bottom: .75em;}


ul.comment-list .comment-head {padding-top: 1px;border-bottom:1px dotted #ccc;}

ul.comment-list .comment-body {border-bottom: 1px solid #C3D5DA;}



.main-topic, .topic-comment {border-bottom: 1px solid #C3D5DA;margin: 1.5em 13px;overflow: hidden; height: 1%;}
.topic-comment {background: #F2F2F2;}
.main-topic .header {margin: 0;}
.topic-comment-list ul {padding-right: 0;}
.topic-comment-list .topic-comment {margin: 0;}
.topic-header {background: #F2F2F2;padding-top: 1px;border-bottom:1px dotted #ccc;}

/*forum table*/
.forum-table td {vertical-align: middle;}
.sticky-icon {display: inline-block; *display: inline;padding-left: 22px; *padding-left: 24px;position: relative;}
.sticky-icon img {display: inline; left: 0; padding-left: 0; position: absolute; top: -14px; *top: -3px;}




.reply-options {text-align: right;margin: .75em 0;}

.pagination {border-top: 1px solid #50c1df;}
.items_with_separator + .pagination {border-top: none; overflow: hidden;}

p.page-count, p.forum-title {margin-bottom: 0;}
ul.page-list, ul.topic-navigation {float: right;}
ul.page-list li {display: inline;}
ul.page-list li.current {font-weight: bold;}

ul.search-results .result-item {border-bottom:1px dotted #368BAE; margin-bottom: .75em; padding-bottom: 1.5em;overflow: hidden;height: 1%;}
#search-again {margin-bottom: 1.5em;}
#search-again label {display: block;}
#search-again .text { clear: both;float: left; margin-right: 5px; width: 300px;}


/* calendar */
#ezagenda_calendar_container {margin: .75em 0;}
#ezagenda_calendar_container table{border-collapse: separate;margin: 0 auto;width: 178px;}
#ezagenda_calendar_container .calendar_heading th {border: 0px none; background: #EBECEC url(../images/calendar-heading.gif) repeat-x left bottom; font-weight: normal; color: #333333; padding: 6px 0 3px;}
#ezagenda_calendar_container th, #ezagenda_calendar_container td {text-align: center;padding: 3px 0;}
#ezagenda_calendar_container td {background: #F1F1F2 url(../images/calendar-td.gif) no-repeat left -1px;border: 1px solid #CACBCD;color: #4D4D4F;}
#ezagenda_calendar_container th {background: #B8B7B7 url(../images/calendar-th.gif) no-repeat left -2px; border: 1px solid #A6A5A4;color: #ffffff;font-weight: bold;}
#ezagenda_calendar_container td.ezagenda_selected {background:#D4E2ED url(../images/calendar-td-selected.gif) no-repeat left -1px;border-color: #82B4D8;color: #368BAE;font-weight: bold}
#ezagenda_calendar_container td.ezagenda_current {background:#D4E2ED url(../images/calendar-td-selected.gif) no-repeat left -1px;border-color: #82B4D8;color: #368BAE;}
#ezagenda_calendar_container table th a {color: #365777;}
#ezagenda_calendar_container table td a {text-decoration: underline;}
#ezagenda_calendar_container table td a:hover {text-decoration: none;}


.add-comment-button {background: transparent;font-family: Arial, Helvetica, Sans-serif;color: #368BAE;display: inline;margin: -2px 0 0 0;height: 17px;}

#rating-form {margin-bottom: 2em;}

#rating-form .fields {overflow: hidden;margin-left: 0;padding: 0;}

#rating-form .fields li {margin-bottom: 0.75em;height: 1%;}
#rating-form .fields label {width: auto;margin: 0;line-height: 25px;}

#rating-form .fields li input, #rating-form .fields li img {float: left;margin-right: 5px;}

#rating-form .fields li input {margin-top: 4px;}




#content #googlemap-holder {
	width: 532px; 
	height: 488px;
	margin: 0 13px .75em;
}

#content #listing {
	width: 530px;
	border: 1px solid #CCCCCC;
	overflow: hidden;
	margin: 0 13px 1.25em;
}

#content .gbox {
	float: left;
	width: 176px;
	height: 211px;
	border-right: 1px solid #CCCCCC;
}

#content .last {
	border-right: none;
}

#content .gbox .box-title {
	background-color: #EEEEEE;
	padding: 1px;
	border-bottom: 1px solid #CCCCCC;
}

#content .gbox .box-list {
	overflow-y: scroll;
	height: 180px;
	padding-top: .25em; 	
}

#content .gbox .box-title h4 {
	margin-left: .25em;	
}

#content div.gbox ul {
    list-style-type: none;
}

.custom-select-box {
   width: 140px;
   height: 28px;
   background: url(../images/arrow-grey-down.png) no-repeat 92% #fff;
   border: 1px solid #ccc;
   -webkit-border-radius: 3px; 
   -moz-border-radius: 3px; 
   border-radius: 3px; 
}

.custom-select-box select {
	padding-left: 10px;
	padding-top: 8px;
  	width: 150px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.custom-select-box select:focus {
    outline: none;
}

.custom-select-ul li {
	display: inline-block;
	margin-right: 10px;
}

.items_with_separator .separator {
	clear: left;
	overflow: hidden;
}


