/* FRONTEND Stylesheet */

/* html elements
------------------------------------------- */
body, html {
  background: #fff url('/images/common/body-bg.gif') 0px 56px repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
a {
  color: #50b848;
  text-decoration: none;
}
a:hover {
  color: #50b848;
  text-decoration: underline;
}

span {
  line-height: 15px;
}

i, em {
  height: 0%;
}
h1 {
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 2px;
}
h2, h3, h4 {  
  font-weight: bold;
  line-height: 14px;
  margin-bottom: 2px;
}
h3 {
  margin-bottom: 8px;
}
p {
  line-height: 14px;
}
strong {
  font-weight: bold;
  line-height: 14px;
}

/* core identifiers
------------------------------------------- */
.hide {
  display:none;
}

.container {
  margin: 0 auto;
  overflow: hidden;
  width: 880px;
}
.error-message {
  background: #ffc url('/images/icons/cancel.png') 2px 2px no-repeat;
  color: #ff0000;
  margin-top: 2px;
  padding: 5px 20px 4px;
}
.left {
  float: left;
}
.right {
  float: right;
}

/* SEARCH
------------------------------------------- */
#search {
  background: #003d65;
  border-bottom: 1px solid #fff;
  border-top: 6px solid #000e17;
  color: #fff;
  height: 49px;
	overflow: hidden;
	text-align: center;
}
* html #search {
  height: 56px;
}
#search .container {
  height: 48px;
  padding-top: 14px;
}
#search .searchbox {
  float: right;
  text-align: right;
}
#search .searchbox .textfield {
  background: #3d6b8a;
  border: none;
  color: #b6cede;
  display: inline;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 0px 8px;
  padding: 3px 5px;
  width: 164px;
}
* html #search .searchbox .textfield {
  height: 17px;
  padding: 2px 5px;
  width: 174px;
}
#search .searchbox .submit {
  display: inline;
  float: left;
  height: 17px;
  overflow: hidden;
  width: 45px;
}

/* HEADER
------------------------------------------- */
#header {
  margin-bottom: 2px;
  text-align: center;
}
#header .bars {
  background: url('/images/frontend/green-blue-bars.gif') top left no-repeat;
  height: 6px;
  margin: 2px 0px 0px;
  overflow: hidden;
}
#header .dotted {
  background: #fff url('/images/frontend/dotted.gif') top left repeat-x;
  height: 1px;
  overflow: hidden;
}

/* HEADER - login
------------------------------------------- */
#header .login {
  background: #b8d9b5;
  height: 50px;
  overflow: hidden;
}
#header .login .form {
  background: url('/images/frontend/client-login.gif') top left no-repeat;
  height: 100%;
  padding-top: 15px;
}
#header .login .form a {
  color: #618a5f;
  text-decoration: underline;
}
#header .login .form a:hover {
  color: #294727;
}
#header .login .form table {
  margin-left: 117px;
  width: 763px;
}
#header .login .form table td {
  color: #618a5f;
  font-size: 11px;
  text-align: left;
  vertical-align: middle;
}
#header .login .form table td.terms {
  font-family: Arial;
  font-size: 10px;
}
#header .login .submit {
  margin-left: 10px;
}
#header .login .textfield {
  background: #fff;
  border: #bfbfbf 1px solid;
  color: #606060;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 4px 5px;
  width: 105px;
}
* html #header .login .textfield {
  height: 20px;
  padding: 2px 5px;
  width: 115px;
}

/* HEADER - navigation
------------------------------------------- */
#header .navigation {
  height: 91px;
  overflow: hidden;
}
#header .navigation h1 {
  display: inline;
  float: left;
  height: 45px;
  margin-top: 23px;
  width: 177px;
}
#header .navigation h1 a {
  background: url('/images/frontend/logo.gif') top left no-repeat;
  display: block;
  height: 100%;
  width: 100%;
}
#header .navigation ul {
  display: inline;
  float: right;
  height: 45px;
  margin-top: 23px;
  width: 229px;
}
#header .navigation ul li {
  background: url('/images/frontend/tabs.gif') 0px -14px no-repeat;
  float: left;
  height: 17px;
  margin-top: 14px;
}
#header .navigation ul li.contact {
  background-position: -175px -14px;
  width: 54px;
}
#header .navigation ul li.home {
  background-position: 0px -14px;
  margin-right: 23px;
  width: 35px;
}
#header .navigation ul li.press {
  background-position: -58px -14px;
  margin-right: 22px;
  width: 95px;
}
#header .navigation ul li a {
  display: block;
  height: 100%;
  width: 100%;
}

/* CONTENT
------------------------------------------- */
#content {
  text-align: center;
}
#content .container {
  background: url('/images/frontend/content-container-bg.gif') top left repeat-y;
}

/* CONTENT - aside - Common Styles
------------------------------------------- */
#content .aside {
  background: #fff;
  border-bottom: #fff 2px solid;
  float: left;
  font-size: 12px;
  margin-bottom: 20px;
  overflow: hidden;
  width: 189px;
}
#content .aside ul {
  margin-bottom: -1px;
  padding-top: 15px;
}
#content .aside ul li {
  border-bottom: #dcdcdc 1px solid;
  padding: 5px 11px 4px;
}
#content .aside ul li.even {
  background-color: #f2f2f2;
}
#content .aside ul li.odd {
  background-color: #fff;
}
#content .aside ul li.network {
  background: none;
  border: none;
  font-size: 15px;
}
#content .aside ul li.specialty {
  border: none;
  color: #84949e;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 15px;
}

#content .aside ul li.attractions a {
  border: none;
  color: #ee252f;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight:bold;
  padding-bottom: 5px;
  padding-top: 15px;
}

#content .aside ul.sub-network {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}
#content .aside ul.sub-network li {
  background: url('/images/frontend/square.gif') 0px 6px no-repeat;
  border: none;
  color: #50b848;
  font-size: 11px;
  margin: 4px 0px;
  padding: 0px 0px 0px 8px;
}

/* CONTENT - main - Common Styles
------------------------------------------- */
#content .main {
  color: #658091;
  float: right;
  overflow: hidden;
  width: 689px;
}
#content .main .field {
  background: #fff;
  color: #606060;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
#content .main .field.select {
  padding: 2px;
}
#content .main .field.select.filter {
  width: 130px;
}
#content .main .field.text {
  border: #bfbfbf 1px solid;
  margin: 0px;
  padding: 4px 5px;
  width: 250px;
}
* html #content .main .field.text {
  height: 20px;
  padding: 2px 5px;
}
#content .main .field.text.filter {
  background: #fff;
  border: none;
  width: 175px;
}
#content .main div.block {
  padding: 10px 20px;
}
#content .main div.block.images div.entry {
  background: url('/images/frontend/images-bg.gif') top left;
  padding: 0px;
  margin: 0px;
  width: 650px;
  overflow: hidden;
}
#content .main div.divider {
  background: #cccad5 url('/images/frontend/dotted-green.gif') top left repeat-x;
  clear: both;
  color: #fff;
  font-weight: bold;
  margin: 2px 0px;
  padding: 10px 20px 7px;
}

#content .main div.divider.clean {
  background-image: none;
  padding-top: 7px;
}
#content .main div.divider a.more {
  color: #fff;
  float: right;
  font-weight: normal;
  text-decoration: none;
}
#content .main div.divider a.more:hover {
  color: #5f5e66;
  text-decoration: underline;
}
#content .main div.entry {
  margin-bottom: 10px;
}
#content .main div.entry hr.dotted {
  background: #fff url('/images/frontend/dotted-green.gif') top left repeat-x;
  border: none;
  height: 1px;
  margin: 10px auto;
  overflow: hidden;
}
#content .main div.flay {
  margin-top: 10px;  
}
#content .main div.flay p {
  margin-bottom: 10px;
}
#content .main div.hr {
  background: url('/images/frontend/dotted-green.gif') top left repeat-x;
  height: 1px;
  margin: 20px 0px;
  overflow: hidden;
}
#content .main div.pageTitle {
  background: #50b848 url('/images/frontend/page-title-bg.gif') top left repeat-y;
  height: 87px;
  overflow: hidden;
}
#content .main div.pageTitle img {
  margin-left: 20px;
  margin-top: 35px;  
}
#content .main div.search {
  background: #b5c8d9;
  color: #fff;
  margin-top: 2px;
  padding: 10px 20px;
  text-align: center;
}
#content .main div.search table {
  margin: 0 auto;
}
#content .main div.search table tbody tr td {
  padding: 2px;
  vertical-align: middle;
}
#content .main label {
  display: block;
  margin: 10px 0px 3px;
}
#content .main p.label {
  margin: 10px 0px 15px;
}
#content .main p.label label {
  display: inline;
}
#content .main ul.images {
  margin: 0px;
  padding: 0px;
  width: 689px;
}
#content .main ul.images li {
  float: left;
  height: 150px;
  margin-right: 10px;
  padding: 0px;
  width: 122px;
}
#content .main ul.images li img {
  margin: 0px;
  margin: 2px;
}
#content .main ul.images li p {
  padding: 3px 0px;
  text-align: center;
}
#content .main ul.lists {
  margin-top: 5px;
  width: 689px;
}
#content .main ul.lists li {
  background: url('/images/frontend/square.gif') 0px 5px no-repeat;
  float: left;
  line-height: 14px;
  list-style: none;
  margin-bottom: 2px;
  margin-right: 20px;
  padding-left: 8px;
  width: 193px;
}
* html #content .main ul.lists li {
  width: 201px
}
#content .main ul.lists.files li {
  background: url('/images/frontend/doc.x.gif') top left no-repeat;
  padding-left: 15px;
  width: 186px;
}
* html #content .main ul.lists.files li {
  width: 201px;
}
#content .main span.caps {
  display: inline;
}

/* CONTENT - main - channel
------------------------------------------- */
#content .main.channel {}
#content .main.channel div.block.description div.entry {
  background: url('/images/frontend/dotted-grey-vertical.gif') 511px 0px repeat-y;
  margin-top: 10px;
}
#content .main.channel div.block.description div.left {
  width: 506px;
}
#content .main.channel div.block.description div.left div.flay {
  margin-top: 0px;
}
#content .main.channel div.block.description div.left div.flay p.website {
  margin-bottom: 0px;
}
#content .main.channel div.block.description div.right {
  padding-top: 10px;
  width: 123px;
}
#content .main.channel div.block.list div.entry {
  clear: both;
}
#content .main.channel div.pageTitle {
  background-color: transparent;
  background-image: none;
}
#content .main.channel div.pageTitle img {
  border: none;
  margin: 0px;
  padding: 0px;
}
#content .main.channel ul.featured li {
  border-top: #c8c8c8 1px solid;
  margin-bottom: 20px;
}
#content .main.channel ul.featured li div.left {
  width: 489px;
}
#content .main.channel ul.featured li div.left div.block {
  margin-top: 5px;
}
#content .main.channel ul.featured li div.right {
  height: 209px;
  overflow: hidden;
  width: 200px;
}
#content .main.channel ul.featured li div.right img {
  border-top: 1px solid #fff;
  margin-top: 8px;
  overflow: hidden;
  width: 200px;
}
#content .main.channel ul.featured li h2 {
  color: #50b848;
}

/* CONTENT - main - contact
------------------------------------------- */
#content .main.contact div.left,
#content .main.contact div.right {
  margin-top: 10px;
  width: 48%;
}
#content .main.contact div.left div.hr,
#content .main.contact div.right div.hr {
  margin: 4px 0px 10px;
}

/* CONTENT - main - home
------------------------------------------- */
#content .main.home #main-promo {
  background: #50b848;
  height: 260px;
  width: 689px;
}
#content .main.home div.block {
  padding-bottom: 0px;
}
#content .main.home ul.logos {
  background: url('/images/frontend/logos-bg.gif') top left;
  height: 292px;
  width: 690px;
}
#content .main.home ul.logos li {
  float: left;
  height: 73px;
  margin-right: 1px;
  overflow: hidden;
  vertical-align: top;
  width: 114px;
}
#content .main.home ul.logos li img {
  height: 71px;
  overflow: hidden;
  width: 114px;
}

/* CONTENT - main - network
------------------------------------------- */
#content .main.network div.divider a.more:hover {
  color: #fff;
  text-decoration: underline;
}
#content .main.network div.pageTitle {
  background: none;
  height: 99px;
  margin-bottom: 2px;
  overflow: hidden;
}
#content .main.network div.pageTitle img {
  margin: 0px;
  margin-left: 20px;
}
#content .main.network div.press-releases {
  background: url('/images/frontend/dotted-green.gif') top left repeat-x;
  padding-top: 3px;
}
#content .main.network div.press-releases div.divider {
  margin-top: 0px;
}
#content .main.network div.press-releases div.left {
  width: 427px;
}
#content .main.network div.program-news div.block {
  padding-bottom: 30px;
}
#content .main.network div.program-news div.left {
  width: 344px;
}
#content .main.network div.program-news div.right {
  width: 344px;
}
#content .main.network div.program-news img {
  border: 2px solid #000;
}
#content .main.network div.program-news p.more {
  background: url('/images/frontend/square.gif') 0px 8px no-repeat;
  padding: 3px 0px 3px 6px;
}

/* CONTENT - main - network - entertainment
------------------------------------------- */
#content .main.network.entertainment div.block.description {
  background: #eb2a2e url('/images/frontend/network/global-description-bg.gif') top left repeat-x;
  color: #fff;
  padding: 20px;
}
#content .main.network.entertainment div.divider {
  background-color: #eb2a2e;
}
#content .main.network.entertainment div.press-releases #advert-entertainment {
  background-color: #eb2a2e;
  float: right;
  height: 213px;
  overflow: hidden;
  margin-left: 1px;
  width: 260px;
}

/* CONTENT - main - network - global
------------------------------------------- */
#content .main.network.global div.block.description {
  background: #e31b23 url('/images/frontend/network/global-description-bg.gif') top left repeat-x;
  color: #fff;
  padding: 20px;
}
#content .main.network.global div.divider {
  background-color: #e31b23;
}
#content .main.network.global div.press-releases #advert-global {
  background-color: #e31b23;
  float: right;
  height: 213px;
  overflow: hidden;
  margin-left: 1px;
  width: 260px;
}

/* CONTENT - main - programs
------------------------------------------- */
#content .main.program div.pageTitle {
  background-color: transparent;
  background-image: none;
}
#content .main.program div.pageTitle img {
  border: none;
  margin: 0px;
  padding: 0px;
}
#content .main.program div.block.description {
  padding-right: 0px;
}
#content .main.program div.block.description div.entry {
  margin-top: 10px;
}
#content .main.program div.block.description div.left {
  width: 449px;
}
#content .main.program div.block.description div.left div.flay p.website {
  margin-bottom: 0px;
}
#content .main.program div.block.description div.right {
  background: #000;
  height: 200px;
  overflow: hidden;
  width: 200px;
}
#content .main.program div.block.description h2 {
  color: #50b848;
}
#content .main.program div.block.description h3 {
  font-weight: normal;
}

/* CONTENT - main - search
------------------------------------------- */
#content .main.search div.block div.entry.heading {
  margin-top: 30px;
}
#content .main.search div.block div.entry.program,
#content .main.search div.block div.entry.network {
  margin-bottom: 5px;
}

/* CONTENT - main - terms
------------------------------------------- */
#content .main.terms p {
  margin-bottom: 10px;
}
#content .main.terms ul {
  padding: 0px 10px 10px;
  margin: 0px;  
}
#content .main.terms ul li {
  font-style: italic;
  margin-bottom: 4px;
}

/* FOOTER
------------------------------------------- */
#footer {
  margin-bottom: 100px;
  text-align: center;
}
#footer .bars {
  background: url('/images/frontend/green-bars.gif') top left no-repeat;
  height: 8px;
  margin: 2px 0px;
  overflow: hidden;
}
#footer a {
  color: #50b848;
  text-decoration: none;
}
#footer a:hover {
  color: #286f22;
}
#footer p {
  color: #79838a;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 13px;
  padding: 3px 0px;
}

#content .main div.canwest2010divider {
  background: url('/canwest2010/images/separator.jpg') top left;
  clear: both;
  color: #000;
  font-weight: bold;
  margin: 2px 0px;
  padding: 10px 20px 7px;
}

#content .main div.canwest2010buttons {
  float: left;
  margin: 5px 3px 5px 5px;
  width:100px;
  height:45px;
}