html {margin: 0; padding: 0;}
body {font: 12px Arial,Helvetica,sans-serif; color: #585B60; /* background-image: url('../img/ui/bg.jpg'); */ background-color: #41434F; background-repeat: repeat-x;}
a {color: #FFFFFF; text-decoration: none; cursor: pointer; cursor: hand}
form {}
img {border: 0;}
/* styles in page */
#container {width: 1003px;}
#header {height: 83px; background: #000000;}
.hdr-bg {background-color: #41434F;}
* {margin: auto;}
/* styles in header */
.logo {float: left;}
.header-links {text-align: right;padding:30px;}
.header-links img {border: 10 green solid; vertical-align: middle;}
.header-links a {color: #FFFFFF; text-decoration: none;}
.header-links a:hover {color: #01ADED; text-decoration: underline}
.header-links {color: #02AEF0;  font-weight: bold; font-size: 13px;}
a.header-links:hover {text-decoration:underline;}

.links {text-align: right;padding:30px;}
.links img {border: 10 green solid; vertical-align: middle;}
.links a {color: #FFFFFF; text-decoration: none;}
.links a:hover {color: #01ADED; text-decoration: underline}
.links {color: #02AEF0;  font-weight: bold; font-size: 13px;}
a.links:hover {text-decoration:underline;}

a.video_detail {padding:0px;}
a.handle_subscription {padding:0px;}

//TABLE SORTING
table.tablesorter {}
table.tablesorter thead tr th, table.tablesorter tr th { background-color: #e6DDDD; border: 1px solid #CCCCCC; font-size: 10pt; padding: 2px; white-space: nowrap; text-align: left;}
table.tablesorter tbody td { color: #3D3D3D; padding: 2px; background-color: #FFFFFF; vertical-align: top; }
table.tablesorter tbody td.numeric-data { text-align: right; color: #3D3D3D; padding: 2px; background-color: #FFFFFF; vertical-align: top; }
table.tablesorter tbody tr td { border-bottom: 1px solid #CCCCCC; }

.blue-link a {color: #01ADED; font-weight: bold;}
.blue-link a:hover {text-decoration: underline;}
a.blue-link  {color: #01ADED; font-weight: bold;}
a.blue-link:hover {text-decoration: underline;}

#stage-nav {float: right; height: 25px; margin-top: -5px; padding-right: 10px}
a.cursor-hand {cursor: pointer; cursor: hand}
.carousel-img {margin-bottom: 5px; cursor: pointer; cursor: hand}
.carousel-img:hover {border: 2px solid #02AEF0; cursor: pointer; cursor: hand}
.video-still-processing { text-align: center; height: 462px; width: 728px; background-color: black; }

/* styles in navigation menu */
#sql-debug {width: 1003px; background: #FFFFFF; vertical-align: top; text-align: center;}
.sql-debug-odd {background: #EEEEEE;}
.sql-debug-even {background: #DDDDDD;}
#menu {height: 43px; padding-bottom: 0px; padding-left: 0px; padding-top: 0px; padding-right: 5px; /* background: #41434F; */ text-align: left;}
#menu a {color: #FFFFFF; text-decoration: none;}

.menu-tab {float: left; margin-right: 4px; padding-top: 7px; cursor: hand;}
.menu-tab-active {float: left; margin-right: 4px; padding-top: 7px; }

//.menu-tab {font: normal normal bold 14px Arial, Helvetica, sans-serif; width: 100px; float: left; background-color: #7F8794; text-align: center; height: 22px; margin-right: 4px; margin-top: 10px; text-decoration: none; padding-top: 9px; cursor: hand;}
//.menu-tab-active {font: normal normal bold 14px Arial, Helvetica, sans-serif; width: 100px; float: left; background-color: #FFFFFF; text-align: center; height: 24px; margin-right: 4px; margin-top: 10px; text-decoration: none; padding-top: 9px; color: #FD5316;}

.hdr-form {font-size: 12px; font-weight: bold; color: #ffffff; float: right; padding-top: 10px; width: 330px; height: 30px; }
.hdr-form input {width: 170px; height: 16px; display: inline; vertical-align: middle;}
.hdr-form img {vertical-align: middle; margin-left: 5px;}
/* styles in body */
.hdr-left {float: left; color: #FFFFFF; white-space: nowrap;}
.hdr-emphasis {color: #FF5317;}
.hdr-right {float: right; padding: 8px 8px 8px; color: #FFFFFF; white-space: nowrap;}
.hdr-right-1 a {font: normal normal 12px 100% serif; float: right; color: #01ADED; font-size: 12px; text-decoration: none;}
#content-container {padding: 5px 5px 5px 5px; background: #FFFFFF; margin-bottom: 5px;}
#content-bg {padding: 5px 5px 5px 5px; width: 983px; float: left; vertical-align: top; text-align: left; background-color: #EAEEF1;}
#video-hdr {background-color: #414350; font-size: 14px; color: #FFFFFF; font-weight: bold; height: 14px; padding-top: 5px; padding-bottom: 5px; padding-left: 16px; padding-right: 16px;}
#video-data {padding: 5px; border-style: none solid solid solid; border-width: 1px; border-color: #E9E9E9; text-align: center; background-color: #FFFFFF; margin-bottom: 5px;}
#content{padding: 5px 5px 5px 5px; width: 728px; float: left; vertical-align: top; text-align: left; background-color: #EAEEF1;}
#content-full {padding: 5px 5px 5px 5px; width: 983px; float: left; vertical-align: top; text-align: left; background-color: #EAEEF1; margin-right: 5px;}
#sub-content {width: 250px; background-color: #FFFFFF; vertical-align: top; text-align: left; float: right;}
#content-narrow {padding: 5px 5px 5px 5px; width: 728px; float: left; vertical-align: top; text-align: left; background-color: #EAEEF1; margin-right: 5px;}
#clear {clear: both; height: 0px;}
#object-guide-content {width: 983px; float: left; vertical-align: top; text-align: left; background-color: #FFFFFF; border: 5px solid #EAEEF1;}
#object-detail-content {padding: 5px 5px 5px 5px; width: 983px; float: left; vertical-align: top; text-align: left; background-color: #EAEEF1; }
.banner {margin: 0px 0px 5px 0px;}
.pane {clear: both; border: 1px solid #D4D3D1; padding: 1px; margin: 0px 0px 5px 0px; background-color: #FFFFFF;}
.pane2 {background: #EAEEF1; margin: 0px 0px 5px 0px;}
.pane-half-left {margin: auto; width: 357px; height: 209px; border: 1px solid #D4D3D1; padding: 1px; background-color: #FFFFFF; float: left;}
.pane-half-right {margin: auto; width: 357px; height: 209px; border: 1px solid #D4D3D1; padding: 1px; background-color: #FFFFFF; float: right;}
.sect-header {background-color: #40424D; height: 34px;}
.sect-data {padding: 8px 0px 0px 8px;}
.sect-data img {margin: 0px 5px 5px 0px; border: 1px solid #BEBEBE; padding: 0px; width:108px; height:75px}
/*
.sect-data-with-desc img {border: 1px solid #BEBEBE; padding: 2px; float: left; margin-right: 5px;}
*/
.sect-data-desc-img {border: 1px solid #BEBEBE; padding: 2px; float: left; margin-right: 5px;}

.title {color: #02AEF0; font-weight: bold;}
.title a {text-decoration: none !important; color: #0EB4EE;}
.moreInfoLink a:link,.moreInfoLink a:visited {font-weight: bold;color: #FF5317;}
.moreInfoLink a:hover {text-decoration:underline}
.moreInfoLinkSmall a:link,.moreInfoLinkSmall a:visited {font-weight: bold;color: #FF5317;font-style:italic;font-size:12px;}
.moreInfoLinkSmall a:hover {text-decoration:underline}
.moreInfoButton {font: bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #FF5317; margin-bottom: 5px;}
.sect-data-large { padding: 6px 6px 6px 6px;}
.sect-data-large img {border: 1px solid #BEBEBE; padding: 2px;}
.sect-footer {text-align: right; padding: 10px 10px 10px 10px;}
.sect-footer a {color: #000000;}
.channel {float: left; width: 166px; text-align: center; padding: 6px 6px 6px 6px;}
#channel_player {padding: 0px 0px 3px 0px;}
.video-details {float: right; width: 190px; border-left-style: dotted; border-left-width: 1px; border-left-color: #000000; padding-left: 20px;}
.video-details img {border-style: none; margin: 0px; padding: 0px;}
.video-details a {text-decoration: underline; color: #0EB4EE;}
.sect-data-with-desc {padding: 10px 10px 10px 10px;}

.news-block {border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #000000; padding-top: 5px; padding-bottom: 5px;}
.event-block {border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #000000; padding-top: 5px; padding-bottom: 5px;}

.channel-block {border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #000000; padding-top: 5px; padding-bottom: 5px; height: 100px;}
.video-block {border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #000000; padding-top: 5px; padding-bottom: 5px; height: 75px;}
.video-block-last {padding-top: 5px;}
.video-block-desc {width: 700px; float: left;}

.featured-video-block {float: left; width: 120px; height: 158px; padding: 10px 10px 10px 10px;}
.featured-video-block a {text-decoration: underline; color: #0EB4EE;}

/* --- login page and widget -- */
.login {clear: both; font-family: Arial, Helvetica, sans-serif; padding-bottom: 5px; color: #FFFFFF;}
.login-header {text-align: left;background-color: #414350; font-size: 14px; color: #FFFFFF; font-weight: bold; height: 14px; padding: 9px 16px 9px 16px;}
.login-content {background: url(../img/ui/login_widget_bckgrnd.jpg) no-repeat; padding: 12px;  height: 112px;font-size: 12px; font-weight: bold; }
.login-content input {width: 220px; margin-bottom: 5px;}
a.white-hover-link  {color: #FFFFFF;font-weight: bold;}
a.white-hover-link:hover  {color:#01ADED; font-weight: bold;text-decoration:underline;}
a.hover-link  {color:#585B60;font-weight: bold;}
a.hover-link:hover  {color:#01ADED; font-weight: bold;text-decoration:underline;}
a.underline-link  {color:#01ADED; font-weight: bold;}
a.underline-link:hover  {text-decoration:underline;}



#internal-ad {padding-bottom: 5px}

/* --- user profile --- */
.user-profile-block {clear: both; height: 100px; width: 954px; padding-top: 5px; padding-bottom: 5px;}
.user-profile-block-edit {clear: both; height: 120px; width: 954px; padding-top: 5px; padding-bottom: 5px;}
.user-profile-block-edit input, .user-profile-block-edit select {font-size: 10px; margin: 3px; border: solid 1px #85b1de; background-color: #EDF2F7;}
.user-profile-block-edit textarea {font-size: 12px; margin: 3px; border: solid 1px #85b1de; background-color: #EDF2F7;}
.user-profile-img {width: 70px; float: left;}
.user-profile-details {float: right; width: 240px; border-left-style: dotted; border-left-width: 1px; border-left-color: #000000; padding-left: 20px;}
.user-profile-details-edit {width: 600px; border-left-style: dotted; border-left-width: 1px; border-left-color: #000000; padding-left: 20px;}
.user-profile-stats {float: right; width: 240px; border-left-style: dotted; border-left-width: 1px; border-left-color: #000000; padding-left: 20px;}
.user-profile-stats-edit {float: right; width: 280px; border-left-style: dotted; border-left-width: 1px; border-left-color: #000000; padding-left: 20px;}
.user-profile-about {float: right; width: 240px; border-left-style: dotted; border-left-width: 1px; border-left-color: #000000; padding-left: 20px;}
.user-profile-about-edit {float: right; width: 260px; border-left-style: dotted; border-left-width: 1px; border-left-color: #000000; padding-left: 20px;}
.adv-search-form {text-align: left; border-right-style: dotted; border-right-width: 3px; border-right-color: #000000; }
.adv-search-form input, .adv-search-form select {font-size: 10px; margin: 2px; border: solid 1px #85b1de; background-color: #EDF2F7;}

.adv-search-criteria {clear: both; width: 959px; padding-top: 5px; text-align: left;}
.adv-search-criteria a {color: #1099D0;}
.adv-search-criteria h4 {color: #555555;}
.tag-cloud {clear: both; width: 739px;}
.tag-cloud-size0 {font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.tag-cloud-size1 {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.tag-cloud-size2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.tag-cloud-size3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
.tag-cloud-size4 {font-family: Arial, Helvetica, sans-serif; font-size: 18px;}
.tag-cloud-size5 {font-family: Arial, Helvetica, sans-serif; font-size: 20px;}
/* -- nav banner -- */ 
#nav-banner {padding-bottom: 5px;}
/* -- social networking widgets -- */
.sn-pane {border: 1px solid #D0CECF; margin-bottom: 5px; background: #ffffff;}
/* -- news & events -- */
#nav-pane {border: 1px solid #D0CECF; text-align: left; margin-bottom: 5px; background: #ffffff;}
.nav-tab {background-color: #808895; padding-top: 5px; padding-right: 5px; padding-left: 5px;}
.nav-data {padding: 5px 5px 5px 5px; border-bottom-style: dotted; border-bottom-color: #000000; border-bottom-width: 1px;}
.nav-data-last {padding: 5px 5px 5px 5px;}
.tab {background-color: #40424E; width: 90px; float: left; color: #FFFFFF; font-weight: bold; margin-top: 10px; margin-right: 10px; margin-left: 10px;}
.tab-active {background-color: #FFFFFF; width: 90px; float: left; font-weight: bold; color: #FE5F27; padding-top: 10px; padding-right: 10px; padding-left: 10px;}

.event-tab-item {padding: 5px; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 11px;margin-bottom: 5px;}
.event-tab-item img {border: 1px solid #BEBEBE; padding: 2px; float: right; clear: right; margin-left: 10px;}

.blog-tab-item {padding: 5px 5px 5px 5px; clear: both; margin-bottom: 5px; border-bottom: 1px dotted #D4D3D1;}
.blog-tab-item .title {width: 175px; color: #02AEF0; font-weight: bold; font-size: 14px; float:left; vertical-align: top;}
.blog-tab-item .title a { text-decoration: none; }
.blog-tab-item .title a:hover { text-decoration: underline !important; }
.blog-tab-item .date {width: 50px; font-weight: bold; font-size: 12px; float: right; vertical-align: top; text-align: right;}
.blog-tab-item .text {float: left;width:100%;}
.news-tab-item {padding: 5px 5px 5px 5px; clear: both; margin-bottom: 5px; border-bottom: 1px dotted #D4D3D1;}
.news-tab-item .title {width: 175px; color: #02AEF0; font-weight: bold; font-size: 14px; float:left; vertical-align: top;}
.news-tab-item .title a { text-decoration: none; }
.news-tab-item .title a:hover { text-decoration: underline !important; }
.news-tab-item .date {width: 50px; font-weight: bold; font-size: 12px; float: right; vertical-align: top; text-align: right;}
.news-tab-item img { border: 1px solid #BEBEBE; padding: 2px; clear: right; float: right; margin-left: 10px;}
.news-tab-text {float: left; width: 230px;}

.tab-nodata {clear:both;float: left;padding: 10px 10px 10px 10px;font-weight: bold; font-size: 12px;width: 230px; }
.tab-action {clear:both;float: left;padding: 5px 10px 5px 10px;width:230px;}
.tab-action a:link,.tab-action a:visited{font-weight: bold;color: #FF5317;}
.tab-action a:hover{text-decoration:underline;}

.see-more-items {clear:left;text-align: center;}
.see-more-items a {font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FB541D; font-style: Italic;}

.comment-tab-item {border-bottom: 1px dotted #D4D3D1; padding: 5px 5px 5px 5px}
.comment-tab-item .title {width: 230px; color: #02AEF0; font-weight: bold; font-size: 14px; float:left; vertical-align: top;}
.comment-tab-item .title a { text-decoration: none; }
.comment-tab-item .title a:hover { text-decoration: underline !important; }
.comment-tab-item .date {float:left; font-weight: bold; font-size: 12px;}
.comment-tab-text {float: left; width: 230px;}
.comment-icon {}
.comment-icon a {border: none}
.comment-icon a img { border: 1px solid #BEBEBE; padding: 2px; width: 70px; height: 58px;}

.comment-tab-item .comment-text {width: 153px; font-size: 11px;}
.comment-tab-item .user a {width:150px; color: #02AEF0; font-weight: bold; font-size: 14px; vertical-align: top;}
.comment-tab-item .timestamp {font-weight: bold; font-size: 11px; vertical-align: bottom;}

#left-col {width: 728px; float: left;}
#right-col {width: 250px; float: right;}
#left-videolist {float: left; width: 246px; margin: auto; border: 1px solid #D4D3D1; padding: 1px; background-color: #FFFFFF;}
#right-channellist {float: right; width: 698px; margin: auto; border: 1px solid #D4D3D1; padding: 1px; background-color: #FFFFFF; margin-bottom: 5px;}
/* -- footer start -- */
#footer {clear: both; background-color: black; height: 40px; padding-top: 140px; text-align: center;}
#footer a {padding-right: 5px; padding-left: 5px; text-decoration: underline;}
.sc-frame {padding: 10px; float: right; border: 1px #7F8794 solid; width: 228px; margin-bottom: 5px; background-color: #414350; color: #FFFFFF;}
.sc-frame * a {color: #1099D0;}
.sc-data-frame {padding-bottom: 5px; margin-bottom: 5px;}
.sc-dotted-line {border-bottom: 1px white dotted;}
.sc-image {float: left;;}
.sc-image img {border: 1px white solid;}
.sc-embed {vertical-align: middle;}
.sc-embed input {vertical-align: middle; width: 264px;}
.sc-video-detail {margin-left: 10px; margin-top: 14px; width: 225px; float: right;}
.sc-button {width: 90px; float: right; margin-top: 8px;}
.vc-frame {border-bottom: 1px #C7C7C7 dotted; margin-top: 5px; margin-bottom: 5px; padding-bottom: 5px;}
.vc-image {float: left; width: 92px; text-align: center;}
.vc-image a {font: normal normal 12px 100% serif; color: #01ADED; font-size: 12px; text-decoration: none; font-weight: bold; text-align: center;}
.vc-image img {padding: 2px; margin-bottom: 5px; border: 1px #CCCFD4 solid;}
.vc-long-desc {float: right; width: 490px; height: 82px; display: table-cell; vertical-align: middle; text-align: left;}
.vc-time-stamp {width: 490px; text-align: left; float: right;}
/* ------------------------ */

.full-width {width: 1028px;}
.wide-width {width: 660px;}
.narrow-width {width: 320px;}
.medium-width {width: 350px;}
.float-left {float: left;}
.float-right {float: right;}
.bottom-margin {margin-bottom: 5px;}
.bold {font-weight: bold;}
/* --------- panel ----------- */
.panel {background-color: white; margin-bottom: 5px;}
.panel-small {background-color: white; margin-bottom: 5px; height: 200px;}

.panel-hdr {background-color: #414350; font-size: 14px; color: #FFFFFF; font-weight: bold; height: 14px; padding: 9px 16px 9px 16px;}
.panel-hdr-light {background-color: #888888; font-size: 14px; color: #FFFFFF; font-weight: bold; height: 14px; padding: 9px 16px 9px 16px;}
.panel-data {padding: 10px; border-style: none solid solid solid; border-width: 1px; border-color: #E9E9E9; text-align: center; background-color: #FFFFFF; margin-bottom: 5px;}
.panel-data-left {padding: 10px; border-style: none solid solid solid; border-width: 1px; border-color: #E9E9E9; text-align: left; background-color: #FFFFFF; margin-bottom: 5px;}
.panel-footer {color: #42424A; text-align: right; padding-right: 20px; font-weight: bold;}
.pane-detail {float: right; width: 245px; text-align: left;}
.hdr-label {float: left; color: #FFFFFF; white-space: nowrap;}
.hdr-label a:hover {text-decoration:underline;}
.hdr-edit {float: right; color: #FFFFFF; font-size: 12px;}
.hdr-edit a {color: #02AEF0}
.hdr-edit a:hover {color: #FFFFFF;text-decoration:underline;}
.hdr-label-emphasis {color: #FF5317;}
.hdr-sub-label-left {float: left; padding-left: 20px; font: normal normal 11px Arial, Helvetica, sans-serif;}
.hdr-sub-label {float: right; font: bold normal 11px Arial, Helvetica, sans-serif;color: #01ADED;}
.hdr-sub-label a {color: #FFFFFF;text-decoration:none;}
.hdr-sub-label a:hover {color: #01ADED;text-decoration:underline;}
.hdr-sub-label-left a {color: #01ADED;}
.hdr-sub-label-filter {float: left; font: bold normal 11px Arial,Helvetica,sans-serif;}
/* ---------- panel item ------------- */
.pi-outer-frame {padding: 10px 10px 10px 10px; border-width: 1px; border-color: #E9E9E9; background-color: #FFFFFF; margin-bottom: 5px; /*display:inline-block;*/}
.pi-frame {text-align: left; border-bottom: 1px #C7C7C7 dotted; margin-bottom: 5px; padding-bottom: 10px;}
.pi-icon {float: left; padding: 2px; border: 1px #D9D7D8 solid;}
.pi-frame a {color: #02ADF2;}
.pi-frame a:hover {text-decoration:underline;}
/*
.pi-image {float: left; margin-right: 10px; display: inline-block;}
*/
.pi-title {float: left; width: 190px; display: inline-block;}
.pi-title-name {/*float: left; width: 170px;*/ font-size: 12px; font-weight: bold; color: #02ADF2; display: inline-block;}
.pi-title-time {/*float: left; width: 20px;*/ font-size: 12px; font-weight: bold; display: inline-block;}
.pi-details {color: #888888; width: 200px; display: inline-block;}
.pi-stars {float: right; display: inline-block;}
.pi-wide-frame {border-bottom: 1px black solid; padding-bottom: 10px; margin-bottom: 5px; border-bottom-color: #C9C9C9; border-bottom-style: dotted; display: inline-block;}
.pi-wide-frame a {color: #02ADF2; font-weight: bold;}
.pi-wide-frame a:hover {text-decoration:underline;}
.pi-wide-icon {width: 70px; float: left; display: inline-block;}
.pi-wide-content {padding-left:5px; width: 428px;float:left;}
.pi-wide-desc {text-align: left; padding:10px 0px 10px 5px;}
.pi-wide-action {float: right;}
.pi-wide-timestamp {text-align: left;clear:left;font-size:11px;color: #7F8794;}
.pi-wide-footer {text-align: right; width: 438px; display: inline-block;}
.pi-wide-outer-frame {padding: 10px 10px 10px 10px; border-width: 1px; border-color: #E9E9E9; background-color: #FFFFFF; margin-bottom: 5px; /*display:inline-block;*/}
/* --------- vertical scrollbar ---------- */
.sldr-up-arrow {background: url(../img/ui/vscroll_arrow_up.jpg) no-repeat; height: 9px; width: 9px; overflow: hidden;}
.sldr-down-arrow {background: url(../img/ui/vscroll_arrow_down.jpg) no-repeat; height: 9px; width: 9px; overflow: hidden;}
.sldr-spacer {background: url(../img/ui/vscroll_spacer.jpg) no-repeat; height: 11px; width: 9px; position: relative;}
.sldr-content {float: left; overflow: hidden; background-color: #FFFFFF; margin-right: 10px;}
.sldr-content ul {list-style: none; padding: 0; margin-top: 0px; text-align: left;}
.sldr-container {position: relative; width: 9px; margin-top: 0px; display: inline-block; float: right;}
.sldr-bar {background: url(../img/ui/vscroll_track.jpg) repeat-y; width: 9px; margin: 0px 0px; position: relative;}
.sldr-handle {background: url(../img/ui/vscroll_handle.jpg) no-repeat; height: 25px; width: 9px; overflow: hidden; position: absolute; top: 0px; left: 0;}
.sldr-bar-height-tall {height: 585px;}
.sldr-bar-height-short {height: 325px;}
.sldr-height-tall {height: 628px;}
.sldr-height-medium {height: 458px;}
.sldr-height-short {height: 255px;} 
.sldr-width-narrow {width: 230px;}
.sldr-width-medium {width: 320px;}
.sldr-width-wide {width: 534px;}
.no-padding {padding: 0px 0px 0px 0px !important;}
.icon {padding: 2px; border: 1px solid #9B9FA8;}
.icon-with-subtitle {width: 105px; height: 105px; float: left;}
.icon-with-subtitle a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #17B3EE;}
.panel-data a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #17B3EE;}
.panel-data-left a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #17B3EE;}
.panel-data-left a:hover {text-decoration:underline}
/* ------------- subtab ----------- */
/* deprecated...use the widget/tabnav instead (built in jquery tab switching, see home page for example) */
.subtab-bg {padding: 5px 5px 0px 5px; background-color: #7F8794;}
.subtab-active {float: left; padding: 5px 0px 5px 0px; width: 104px; text-align: center; margin-right: 5px; background-color: white; font-weight: bold; color: #FB541D;}
.subtab-inactive {float: left; padding: 5px 0px 5px 0px; width: 104px; text-align: center; margin-right: 5px; background-color: #40424E; font-weight: bold; color: #FFFFFF; cursor: hand;}
.subtab-inactive a {color: #FFFFFF;}
/* jquery tab styles */
.jtab {padding: 5px 0px 0px 4px; background-color: #7F8794; height: 25px; border-bottom:thin white solid;}
 
.ui-tabs-nav {FONT-SIZE: 12px; margin: 0px; padding: 0px 0px 0px 0px; list-style: none;}
.ui-tabs-nav li {width: 112px; FONT-WEIGHT: bold; MARGIN: 0px 0px 0px 5px; padding: 5px 0px 5px 0px; text-align: center; vertical-align: middle; background-color: #40424E; FLOAT: left; cursor: pointer;}
.ui-tabs-nav li a {width: 112px; background-color: #40424E; padding: 0px 0px 0px 0px;}
.ui-tabs-nav li a:hover {width: 112px; background-color: #40424E; color: #FB541D;}
.ui-tabs-nav li a:active {width: 112px; background-color: #dedbd1; color: #FB541D;}

.ui-tabs-nav li.ui-tabs-selected {background-color: white;cursor: default;}
.ui-tabs-nav li.ui-tabs-selected a {width: 112px; background-color: white; font-weight: bold; color: #FB541D; outline: none;cursor: default;}
.ui-tabs-nav li.ui-tabs-selected a:hover {width: 112px; background-color: white; font-weight: bold; color: #FB541D; outline: none;}

.ui-tabs-hide {display: none;}
.ui-tabs-panel {margin-top: 2px; padding: 5px;}
.jtab-wide {padding: 5px 5px 0px 5px; background-color: #7F8794; height: 25px;}
/* ------------------ video ------------------- */
.video-control {padding: 10px;}
.video-info {float: left; font-weight: bold; padding-right: 15px;}
.video-info-right {float: right; font-weight: bold; padding-right: 15px;}
.video-link {float: left; padding-right: 15px;}
.video-item {float: left; margin: 0px 6px 10px 3px; text-align: center;}
.video-item-desc {text-align: left; margin-left: 5px;}
.video-item-desc a {color: #01ADED;}
.video-item-desc span {color: #41404E; font-weight: bold;}
.video-item-name {color: #01ADED; font-weight: bold;}
/* ------------------ featured videos --------------- */
.fv-data-frame {padding: 5px 5px 5px 5px; margin-bottom: 5px;}
.fv-image {float: left; width: 133px; text-align: center; padding: 5px 5px 5px 5px;}
/* ------------------ sidebar menu -------------------- */
.sb-menu {width: 160px; float: left; font-size: 14px;}
.sb-menu-group {margin-bottom: 5px; color: #4B4E57; font-weight: bold;}
.sb-menu-group a:hover {color: #FF5432;}
.sb-menu-header {background: #87919D; color: #FFFFFF; padding: 13px 0px 13px 25px;}
/*
.sb-menu-item {background: url('../img/ui/bg_menu_item.jpg') repeat-x; padding: 13px 0px 13px 40px; color: #4A4E7F;}
*/
a.sb-menu-item {display: block; color: #414350; height: 42px; width: 134px;
	background: url('../img/ui/library_filter_button_off.jpg') repeat-x;
	padding: 0px 0px 0px 25px;
	line-height:40px;
	text-decoration:none;}
a.sb-menu-item-active {display: block; color: #FF5317; height: 42px; width: 134px;
	background: url('../img/ui/library_filter_button_off.jpg') repeat-x;
	padding: 0px 0px 0px 25px;
	line-height:40px;
	text-decoration:none;}
a.sb-menu-item:hover {color: #FF5317; background: url('../img/ui/library_filter_button_on.jpg') repeat-x;}
/* ------------------ channel-guide ------------------- */
.cg-channel {margin: 6px; float: left;text-align: center;width: 166px;}
.cg-channel a {color: #01ADED; font-weight: bold;}
.cg-channel a:hover {text-decoration:underline;}
.cg-pane {padding: 6px;}
/* ------------------ video-guide ------------------- */
.vg-frame {padding: 5px 5px 5px 5px; float: left; height: 150px; width: 124px;}
.vg-pane {padding: 6px;}
.vg-details {float: left; padding-left: 5px; font-size: 12px; font-weight: bold;}
.vg-details a {color: #0EB4EE; text-decoration:none; font: 12px Helvetica, Arial, sans-serif;}
.vg-desc {overflow: hidden; float: left; padding-left: 5px; width: 100px; font-size: 12px; font-weight: bold; color: #02ADF2;}
.video-title {overflow: hidden; float: left; padding-left: 5px; height: 30px; width: 116px; font-size: 12px; font-weight: bold; color: #02ADF2;}
.video-title a {color: #01ADED; font-weight: bold;text-decoration:none;}
.video-title a:hover {text-decoration:underline;}

.vg-fv-pane {margin: 6px; float: center;}
.vg-fv-data-frame {margin: 6px; float: left;}
.vg-fv-image {width: 116px; padding: 5px 5px 5px 5px;}
.vg-fv-title {text-align: center; font-size: 12px; font-weight: bold;}

/* --------------- channel page ---------------- */
.channel-video-pane {float: right; width: 550px; decoration: none}
.channel-video-item {float: left; width: 127px; height: 180px; padding: 5px 5px 5px 5px; overflow: hidden;}
.channel-video-item a {color: #01ADED;}
.sb-ch-menu {width: 160px; float: left; font-size: 14px;}
.sb-ch-menu-group {margin-bottom: 5px; color: #4B4E57; font-weight: bold;}
.sb-ch-menu-group a:hover {color: #FF5432;}
.sb-ch-menu-header {background: #87919D; color: #FFFFFF; padding: 13px 0px 13px 40px;}
.sb-ch-menu-item {background: url('../img/ui/bg_menu_item.jpg') repeat-x; padding: 13px 0px 13px 40px; color: #87919D;}
.sb-ch-menu-item-active {background: url('../img/ui/bg_menu_item.jpg') repeat-x; padding: 13px 0px 13px 40px; color: #4A4E7F;}

/* --------------- videos and channel-guide ---------------- */
.ip-icon-pane {width: 550px; float: right;}
.ip-icon-pane-wide {width: 720px; float: right;}
.ip-nav {padding: 10px 10px 10px 10px;}
.ip-time-filter {float: left; width: 276px; font: bold normal 11px Arial, Helvetica, sans-serif;}
.ip-time-filter a {color: #5B5B63; padding-left: 3px; padding-right: 3px;}
.ip-time-filter a:hover {color: #01ADED; padding-left: 3px; padding-right: 3px;text-decoration:underline;}
.ip-time-filter a.ip-time-filter-current {padding-left: 3px; padding-right: 3px; color: #01ADED;}

.ip-page-filter {float: right; width: 254px; text-align: right; font-size: 12px; font-weight: bold;margin-bottom:10px;}
.ip-page-filter .text {vertical-align:middle;}
.ip-page-filter a {color: #434345 !important; padding-left: 3px; padding-right: 3px;vertical-align:middle;}
.ip-page-filter a:hover {color: #01ADED !important; padding-left: 3px; padding-right: 3px;text-decoration:underline;}
.ip-page-filter a.ip-page-filter-current {padding-left: 3px; padding-right: 3px; color: #01ADED !important;}
.ip-page-filter img.page-nav {height:21px;width:24px;padding:0px;cursor:pointer;vertical-align:middle;}


/*---------------- step carousel --------------------------- */
.stepcarousel {position: relative; border: 1px solid white; overflow: scroll; width: 700px; height: 150px;}
.stepcarousel .belt {position: absolute; left: 0; top: 0;}
.stepcarousel .steppanel {float: left; overflow: hidden; margin: 5px; width: 175px;}
.noresults {float: left; padding: 20px; font-size: 12px; font-weight: bold; color: red;}
/*---------------- blog item list --------------------------- */
.blog-item {border-bottom: 1px black solid; padding-bottom: 10px; margin-bottom: 5px; border-bottom-color: #C9C9C9; border-bottom-style: dotted; display: block;}
.blog-item img {border: 1px solid #BEBEBE; padding: 2px; float: left; clear: left; margin-right: 10px;}
.blog-item p {margin-left: 80px; margin-top:5px;}
.blog-item-nodata {text-align:left;padding:10px 5px 10px 5px;}
.blog-item-nodata a:link,.blog-item-nodata a:visited{font-weight: bold;color: #FF5317;}
/*---------------- blog page --------------------------- */
.blog-data {margin: 10px;}
/*---------------- blog post view --------------------------- */
.bp-block {clear: both; text-align: left; padding-top: 5px; padding-bottom: 5px;}
.bp-block a {text-decoration: underline; color: #0EB4EE;}
.bp-hdr {background-color: #414350; font-size: 14px; color: #FFFFFF; font-weight: bold; height: 14px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}
.bp-meta {clear: both; height: 70px; padding-top: 5px; padding-bottom: 5px; background-color: #EDF2F7;}
.bp-meta img {float: left; margin-right: 10px; margin-left: 10px;height: 66px;width: 66px; }
.bp-meta-edit a {float: right; margin-right: 10px; color: #FF5317; text-decoration: none; font-weight: bold;}
.bp-content {clear: both; padding: 10px; background-color: #EDF2F7;}
.bp-content img {max-height: 500px; max-width: 500px;height:expression(this.height>this.width && this.height>500?500:true);width:expression(this.width>this.height && this.width>500?500:true);}
/*---------------- blog post form --------------------------- */
.bp-form {text-align: left; padding-top: 10px; padding-bottom: 10px;}
.bp-form input, .bp-form textarea {font: 12px Arial, Helvetica, sans-serif; color: #585B60; border: solid 1px #85b1de; background-color: #EDF2F7; margin-bottom: 5px;}
.bp-form img {max-height: 500px; max-width: 500px; margin-bottom: 5px;height:expression(this.height>this.width && this.height>500?500:true);width:expression(this.width>this.height && this.width>500?500:true);}
.bp-form-hdr {text-align: center; background-color: #414350; font-size: 14px; color: #FFFFFF; font-weight: bold; height: 14px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}
/*---------------- blog post comments ----------------------------*/
.bp-comments-block {float: right; background-color: #7F8794; margin-top: 10px; width:90%;}
.bp-comment {clear: both; border-bottom: 1px black solid; width:100%;padding-top: 10px; border-bottom-color: #C9C9C9; border-bottom-style: dotted; display: inline-block;}
.bp-comment-hdr {background-color: #414350; height: 14px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}
.bp-comment-hdr-label {float: left; font-size: 12px; color: #FFFFFF; font-weight: bold;}
.bp-comment-hdr-label a {font-size: 10px; color: #FFFFFF; text-decoration: none;}
.bp-comment-hdr-action a {float: right; font-size: 12px; color: #FF5317; font-weight: bold; text-decoration: none;}
.bp-comment-thumb {float: left; margin-right: 10px; margin-left: 10px; height: 33px; width: 33px;}
.bp-comment a {color: #FFFFFF;}
.bp-comment-body {text-align: left; float: left; padding-bottom: 10px; color: #FFFFFF;}
.bp-comment-date {float: right;}
.bp-nocomments {text-align:center;color: #FFFFFF;padding:5px;}
.sidebar-ad {float: left; width: 250px; height: 250px; background: white; overflow: hidden;}
.skyscraper-ad {float: left; width: 160px; height: 600px; background: white; overflow: hidden;}
.comment {float: right; width: 560px;}

/*---------------- inline comment form --------------------------- */
.inline-comment-form {text-align: left; padding-top: 10px; padding-bottom: 10px; color: #FFFFFF; border-bottom-color: #C9C9C9; border-bottom-style: solid;}
.inline-comment-form input, .inline-comment-form textarea {font: 12px Arial, Helvetica, sans-serif; color: #585B60; border: solid 1px #85b1de; background-color: #EDF2F7; margin-bottom: 5px;}
/* ------------------ dropdown box------------------ */
.dropdown {margin-bottom: 5px; text-align: left; display: inline; position: absolute;}
.dropdownitem {text-align: left;}
.dropdown .arrow {background: url(../img/ui/bg_dropdown_arrow.jpg) no-repeat right top; display: inline; float: left; width: 100%; padding-right: 24px; cursor: pointer;}
.dropdown .list {background: url(../img/ui/bg_dropdown.jpg) no-repeat left top; height: 24px;}
.dropdown .list p {margin: 0px; padding: 0 0 0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px;}
.dropdownitem {position: absolute; z-index: 20; border: 1px solid #585B60; margin-top: 5px;}
.dropdownitem p {background-color: white; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; padding-left: 5px;}
.dropdownitem p.selected {background-color: #414350; color: white;}
	
/* ------------------ object guide (news/events/blog)------------------ */
.og-banner {border-bottom: 5px solid #EAEEF1; width:982px; height:117px;}
.og-banner img {float:right;margin:13px 5px 13px 5px;}
.og-banner iframe {float:right;margin:13px 5px 13px 5px;}
.og-data-panel {float: left;margin-bottom: 5px;width:728px;background-color:#FFFFFF;}

.og-data-frame-left {float:left;padding:5px;width:160px;}
.og-data-frame-right {float:left;width:558px;}
.og-list {padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;}
.og-list-zero-left {padding-right:15px;padding-top:5px;padding-bottom:5px;}
.og-list-item {clear: both; border-bottom-style:1px solid #87919D; padding-top: 5px; padding-bottom: 5px;color:#414350;}
.og-list-item-thumb {padding: 2px; float: left; clear: left; margin-right: 10px;height:120px;width:120px;}
.og-list-item-thumb img{float:left;max-height: 120px; max-width: 120px;height:expression(this.height>this.width && this.height>120?120:true);width:expression(this.width>this.height && this.width>120?120:true);}
.og-list-item-channel-thumb img {border: 1px solid #BEBEBE; padding: 2px; float: left; clear: left; margin-right: 10px;height:120px;width:160px;}
.og-list-item-profile-thumb img {border: 1px solid #BEBEBE; padding: 2px; float: right; clear: right; margin-left: 5px;height:120px;}
.og-list-item-dtl {float: left;}
.og-list-item-title{clear: left;float: left; padding-top:10px; width:350px;}
.og-list-item-title a {font-size:18px;font-weight:bold;text-decoration:none; color:#414350;}
.og-list-item-title a:hover {text-decoration:underline;}
.og-list-item-logistics {clear:left;float:left; font-size:14px;font-style:italic;font-weight:bold;padding-top:5px; width:350px;}
.og-list-item-text {clear: left;float: left; font-size:12px;padding-top:5px;padding-bottom:5px;width:350px;}
.og-list-item-date{clear: left;float: left; font-size:12px;font-weight:bold;color: #7F8794;}
.og-list-item-viewed{float: left; font-size:12px;font-style:italic;font-weight:bold;color: #01ADED;padding-left:10px;}
.og-post-item {padding-bottom:5px;}
.og-post-item img {width:250px;}
.og-side-panel {width: 250px; vertical-align: top; float: right;background-color:#EAEEF1;padding-left:5px;}
.og-nav-button {font:  18px Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #FF5317; margin-bottom: 5px; width:250px; padding:10px;}
.og-vert-ad {margin-bottom:5px;}
.og-post-panel {float:left;width:728px;display:none;}

/* ------------------ object detail (news/events/blog)------------------ */
.od-banner {margin: 0px 0px 5px 0px;width:982px;height:117px;}
.od-banner img{float:right;margin:13px 5px 13px 5px;}
.od-left-panel {float:left;width:166px;margin-right:4px;}
.od-menu {background-color:#FFFFFF;margin: 0px 2px 5px 1px;}
.od-menu-group {margin:1px;}
.od-menu-item {padding: 13px 0px 13px 20px;}
.od-vert-ad {padding: 0px 2px 5px 2px;}
.od-channel-thumb img {border: 1px solid #BEBEBE; padding: 2px; float: right; clear: right; margin-bottom:5px;height:120px;width:160px;}
.od-profile-thumb img {border: 1px solid #BEBEBE; padding: 2px; float: right; clear: right; margin-bottom:5px;width:160px;}
.od-right-panel {width: 250px; vertical-align: top; float: right;background-color:#EAEEF1;padding-left:5px;}
.od-data-panel {float:left;margin-bottom: 5px;width:556px;background-color:#FFFFFF;min-height:1382px;height:expression(this.height>1382?this.height:1382);}
.od-data-frame {float:left;width:556px;}
.od-list {padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;}
.od-list-item {clear: both; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #87919D; padding-top:25px;padding-bottom:25px;color:#414350;}
.od-list-item-dtl {float: left;padding-left:5px;}
.od-list-item-video {clear: left;float: left;margin-top:15px;}
.od-list-item-image {clear: left;float: left;margin-top:15px;}
.od-list-item-image img {max-height: 500px; max-width: 500px; margin-bottom: 5px;height:expression(this.height>this.width && this.height>500?500:true);width:expression(this.width>this.height && this.width>500?500:true);}
.od-list-item-title{clear:left;float:left; padding-bottom:5px;font-size:20px;font-weight:bold;text-decoration:none; color:#414350;width:520px;}
.od-list-item-location {clear: left;float: left; font-size:14px;font-style:italic;font-weight:bold;padding-top:10px;width:500px;}
.od-list-item-website {clear: left;float: left; font-size:12px;font-style:italic;font-weight:bold;padding-top:5px;width:500px;}
.od-list-item-website a {color:#02AEF0;}
.od-list-item-website a:hover {text-decoration:underline;}
.od-list-item-text {clear:left; float:left; font-size:14px; padding-top:15px; width:520px;}
.od-list-item-text p {padding-bottom: 8px;}
.od-list-item-author{clear:left;font-size:12px;font-weight:bold;color: #7F8794;}
.od-list-item-author a {color: #02AEF0;}
.od-list-item-author a:hover {text-decoration:underline;}
.od-list-item-date{clear:left;font-size:12px;font-weight:bold;color: #7F8794;}
.od-list-item-viewed{float:left; font-size:12px;font-style:italic;font-weight:bold;color: #01ADED;padding-left:10px;}
.od-post-item {padding-bottom:5px;}
.od-post-item img {width:250px;}
.od-nav-button {font:  18px Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #FF5317; margin-bottom: 5px; width:250px; padding:10px;}
.od-post-panel {float:left;width:728px;display:none;}
.od-edit {float: left;}
.od-edit-form {float: left;}

/*---------------- object post form --------------------------- */
.object-form {width:100%;}
.object-form img {max-height: 500px; max-width: 500px; margin-bottom: 5px;height:expression(this.height>this.width && this.height>500?500:true);width:expression(this.width>this.height && this.width>500?500:true);}
.object-form-hdr {text-align: left; background-color: #414350; font-size: 14px; color: #FF5317; font-weight: bold; height: 14px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}
.object-form-content {background-color: #D4D3D1;}
.object-form-content img{ vertical-align: bottom;}
.object-form-content input, .object-form-content textarea, .object-form-content select {font: 12px Arial, Helvetica, sans-serif; color: #585B60; margin-bottom: 5px;}
input.object-form-button {font: bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF; cursor:pointer; background-color: #FF5317; margin-bottom: 5px; }
.object-form-date {color:#5B5B63;font-size: 12px;}
.object-form-date a {color:#5B5B63;font-size: 11px;}
.object-form-date a:hover {color: #01ADED;}

/*---------------- blog detail --------------------------- */
.blog-hdr {background-color:#000000;border: 5px solid #FFFFFF;height:130px;width:100%;}
.blog-name {color:#FFFFFF;font:bold 36px Arial, Helvetica, sans-serif;}

/* ------------------ date filter------------------ */
.ip-date-filter {float: right;font-size: 11px; font-weight: bold;}
.ip-date-filter a {color: #FFFFFF; padding-left: 2px; padding-right: 2px;}
.ip-date-filter a.ip-date-filter-current {padding-left: 2px; padding-right: 2px; color: #F25920;}

/* ------------------ event guide------------------ */
.eg-data-frame {border: 1px solid #E7ECF0; padding: 5px 5px 5px 5px; margin-bottom: 5px;}
.eg-events-frame {float: left;}
.eg-events {padding: 6px;}
.eg-event {clear: both; border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #000000; height: 74px; padding-top: 5px; padding-bottom: 5px;}
.eg-event-desc {width: 450px; float: left;}
.eg-event-desc-thumb {float: left; margin-right: 10px; margin-left: 10px;}
.eg-event-desc-thumb img {height: 66px;width: 66px; }
.eg-event-desc-url a{clear: both;color: #FF5317;font-size: 12px;}
.eg-search-frame {width: 160px; float: left; font-size: 14px;background-color:#E7ECF0;padding:5px}
.eg-search-hdr {background-color:#87919D; font-size: 14px; color: #FFFFFF; font-weight: bold; height: 14px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}
.eg-search-type  {color:#87919D;font-size: 12px;font-weight: bold;padding-top:5px;padding-bottom:5px;}
.eg-search-el {color:#5B5B63;font-size: 12px;}
.eg-search-el a{color:#01ADED;font-size: 11px;}
.eg-search-el a:hover {color: #036;}
.eg-search-frame input, .eg-search-frame select {font: 12px Arial, Helvetica, sans-serif; color: #585B60; border: solid 1px #85b1de; background-color: #EDF2F7; margin-bottom: 5px;}

/* ------------------ event detail------------------ */
.ed-block {clear: both; text-align: left; padding-top: 5px; padding-bottom: 5px;}
.ed-hdr {padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}
.ed-hdr-all {float:right;}
.ed-hdr-url a:link,.ed-event-hdr-url a:visited {color: #FF5317;font-size: 12px;}
.ed-content {clear: both; padding: 10px; }
.ed-content p {padding-top: 10px; padding-bottom: 10px;}
.ed-content img {max-height: 500px; max-width: 500px;height:expression(this.height>this.width && this.height>500?500:true);width:expression(this.width>this.height && this.width>500?500:true);}

/* ------------------ news detail------------------ */
.nd-block {clear: both; text-align: left; padding-top: 5px; padding-bottom: 5px;}
.nd-hdr {padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;}
.nd-hdr-all {float:right;}
.nd-content {clear: both; padding: 10px; }
.nd-content p {padding-top: 10px; padding-bottom: 10px;}
.nd-content img {max-height: 500px; max-width: 500px;height:expression(this.height>this.width && this.height>500?500:true);width:expression(this.width>this.height && this.width>500?500:true);}


/* ------------------ premium content styles ---------------- */
.premium-stamp {margin:0px 0px 0px -56px; border: none; float: left; vertical-align: bottom;}
.premium-video {}

/* CALENDARS & CLOCKS */
.calendarbox, .clockbox { margin:5px auto; font-size:11px; width:16em; text-align:center; background:white; position:relative; }
.clockbox { width:auto; }
.calendar { margin:0; padding: 0; }
.calendar table { margin:0; padding:0; border-collapse:collapse; background:white; width:99%; }

.active-video { background-color:#C9DBED; }

.calendar caption, .calendarbox h2 { margin: 0; font-size:11px; text-align:center; border-top:none; }
.calendar th { font-size:10px; color:#666; padding:2px 3px; text-align:center; background:#e1e1e1 url(../img/admin/nav-bg.gif) 0 50% repeat-x; border-bottom:1px solid #ddd; }
.calendar td { font-size:11px; text-align: center; padding: 0; border-top:1px solid #eee; border-bottom:none; }
.calendar td.selected a { background: #C9DBED; }
.calendar td.nonday { background:#efefef; }
.calendar td.today a { background:#ffc; }
.calendar td a, .timelist a { display: block; font-weight:bold; padding:4px; text-decoration: none; color:#444; }
.calendar td a:hover, .timelist a:hover { background: #5b80b2; color:white; }
.calendar td a:active, .timelist a:active { background: #036; color:white; }
.calendarnav { font-size:10px; text-align: center; color:#ccc; margin:0; padding:1px 3px; }
.calendarnav a:link, #calendarnav a:visited, #calendarnav a:hover { color: #999; }
.calendar-shortcuts { background:white; font-size:10px; line-height:11px; border-top:1px solid #eee; padding:3px 0 4px; color:#ccc; }
.calendar-shortcuts a:link, .calendar a:visited { color:#5b80b2; }
.calendar-shortcuts a:hover {color: #036; }
.calendarbox .calendarnav-previous, .calendarbox .calendarnav-next { display:block; position:absolute; font-weight:bold; font-size:12px; background:#C9DBED url(../img/admin/default-bg.gif) bottom left repeat-x; padding:1px 4px 2px 4px; color:white; }
.calendarnav-previous:hover, .calendarnav-next:hover { background:#036; }
.calendarnav-previous { top:0; left:0; }
.calendarnav-next { top:0; right:0; }
.calendar-cancel { margin:0 !important; padding:0; font-size:10px; background:#e1e1e1 url(../img/admin/nav-bg.gif) 0 50% repeat-x;  border-top:1px solid #ddd; }
.calendar-cancel a { padding:2px; color:#999; }
ul.timelist, .timelist li { list-style-type:none; margin:0; padding:0; }
.timelist a { padding:2px; }

/* MODULES */
.module { border:1px solid #ccc; margin-bottom:5px; background:white; }
.module p, .module ul, .module h3, .module h4, .module dl, .module pre { padding-left:10px; padding-right:10px; }
.module blockquote { margin-left:12px; }
.module ul, .module ol { margin-left:1.5em; }
.module h3 { margin-top:.6em; }
.module h2, .module caption, .inline-group h2 { margin:0; padding:2px 5px 3px 5px; font-size:11px; text-align:center; font-weight:bold; background:#C9DBED url(../img/admin/default-bg.gif) bottom left repeat-x; color:white; }
.module table { border-collapse: collapse; }

/* user profile and content-manager styles */

.user-profile-module { border:1px solid #ccc; width: 249px; height: 165px; margin: 0px 0px 5px 0px; }
.user-profile-info {height: 132px;  }
.user-profile-info a {}
.user-profile-info-img { float: left; padding: 10px 10px 10px 10px; }
.user-profile-info-details {padding: 10px 10px 10px 10px; }
.user-profile-info-stats {clear: left; padding: 0px 10px 10px 10px; }
.user-profile-page-info {background-color: #FFFFFF; margin: 0px 0px 5px 0px; font-color: #414350; font-weight: bold;}
.user-profile-link {clear:left;text-align: center;margin: 13px 0px 0px 0px; }
.user-profile-left-col {width: 250px; vertical-align: top; text-align: left; float: left;}
.user-profile-right-col {width: 730px; vertical-align: top; text-align: left; float: right;}

.favorites-icon {margin: -3px 0px 0px 0px;}

.manage-videos-col {float: left; width: 630px;}
.manage-video-comments-col {float: right; width: 350px;}
 
.manage-left-nav-btn {padding: 1px;}
 
.manager-channel-item {padding: 10px 3px 0px 5px; float: left; height: 140px; width: 170px;}
.manager-channel-thumbnail {float: left; align: top; width: 160px}
.manager-channel-title {float: left; text-align: center; padding-left: 5px; height: 20px; width: 160px; font-size: 12px; font-weight: bold; color: #02ADF2;}
.manager-channel-title a {color: #01ADED; font-weight: bold;}
.manager-delete-icon {float: right; width: 10px}

.manager-channel-select {padding: 8px; float: left; height: 140px; width: 160px;}
.manager-channel-select-title {float: left; text-align: center; padding-left: 5px; height: 20px; width: 160px; font-size: 12px; font-weight: bold;}
.manager-channel-select-thumbnail {float: left; align: top; width: 160px}

.sortable-video {float: left; height: 120px; width: 130px; padding: 5px;}
.sortable-video-thumbnail {float: left; align: top; width: 120px}
.sortable-video-delete-icon {float: right; width: 10px}
.sortable-video-title {overflow: hidden; float: left; padding-left: 5px; height: 30px; width: 120px; font-size: 12px; font-weight: bold; color: #02ADF2;}

.manager-left-nav {float: left; width: 250px;}
.manager-content {float: right; width: 730px;}

.manager-item {float: left; width: 650px;}
.manager-tools {float: right; width: 20px; align:top; padding-top: 10px;}
.manager-tool-icon {padding: 0px 0px 8px 0px;}

.manager-form {text-align: left; background: white;color: #585B60;}
.manager-form input, .manager-form select {font-size: 12px; margin: 2px; border: solid 1px #85b1de; background-color: #EDF2F7;}
.manager-form textarea {font-size: 12px; margin: 2px; border: solid 1px #85b1de; background-color: #EDF2F7;}
.manager-form-date {color:#5B5B63;font-size: 12px;}
.manager-form-date a {color:#5B5B63;font-size: 11px;}
.manager-form-date a:hover {color: #01ADED;}

.manage-channels-left-col {float: left; width: 350px;}
.manage-channels-left-col a {color: #01ADED;}
.manage-channels-right-col {float: right; width: 630px;}
.manage-channels-right-col a {color: #01ADED;}

.subscriber-panel {padding: 10px;}
.subscriber-panel a {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #17B3EE;}
.subscriber-panel a:hover {text-decoration:underline}
.subscriber-cnt {clear: left; font-size: 14px; font-weight: bold; padding: 0 0 0 10px}
.subscriber-item {float: left; height: 110px; width: 190px;}

.cn-action a:link,.cm-action a:visited{font-size: 14px;font-weight: bold;}
.cm-hidden {display: none;}
.cm-pane {text-align: left; background: #FFFFFF; margin: 0px 0px 5px 0px; padding: 5px;}
.cm-pane a {color: #01ADED;}
.cm-pane a:hover {text-decoration:underline}
.cm-pane select {font-size: 12px; margin: 2px; border: solid 1px #85b1de; background-color: #EDF2F7;}
.cm-pane-title {font-weight: bold;}

.cm-help-section {margin-left: 40px; margin-top: 20px; margin-bottom: 10px; font-face: Helvetica; }
.cm-help-title {font-size: 20px; font-weight: bold; padding-bottom: 10px}
.cm-help-description {font-size: 13px; font-weight: bold; padding-bottom: 10px}
.cm-help-list-entry {font-size: 13px;}
.cm-help-list-entry-number {clear:left; float:left; font-weight: bold; padding-top: 10px; width: 25px;}
.cm-help-list-entry-text {float: left; width: 600px; padding-top: 10px;}

.cm-pane-list {padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;}
.cm-pane-list-item {clear: both; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #87919D; padding-top: 5px; padding-bottom: 5px;color:#414350;width:100%;}
.cm-pane-list-item-image img{border: 1px solid #BEBEBE; padding: 2px; float: left; clear: left; margin-right: 10px;height:120px;width:120px;}
.cm-pane-list-item-dtl {float: left;}
.cm-pane-list-item-title{clear: left;float: left; padding-top:10px; width:600px;}
.cm-pane-list-item-title a {font-size:18px;font-weight:bold;text-decoration:none; color:#414350;}
.cm-pane-list-item-title a:hover {text-decoration:underline;}
.cm-pane-list-item-logistics {clear:left;float:left; font-size:14px;font-style:italic;font-weight:bold;padding-top:5px; width:350px;}
.cm-pane-list-item-text {clear: left;float: left; font-size:12px;padding-top:5px;padding-bottom:5px;width:600px;}
.cm-pane-list-item-date{clear: left;float: left; font-size:12px;font-weight:bold;color: #7F8794;}
.cm-pane-list-desc{clear: left;float: left; padding-top:10px;color:#FF5317;font-weight:bold;}

.cm-channel {float:right; width:638px;}
.cm-video-img {width: 116px; border: 1px solid #BEBEBE;}
.cm-news-img img{width: 120px; border: 1px solid #BEBEBE;}
.cm-event-img img{width: 120px; border: 1px solid #BEBEBE;}

/* registration page */
.user-registration {clear: both; padding: 5px; }
.registration-form {text-align: left; background: white; padding: 10px 20px 10px 20px; font-weight:bold;}
.registration-form input, .registration-form select {font-size: 12px; border: solid 1px #85b1de; background-color: #EDF2F7;}
.registration-form textarea {font-size: 12px; border: solid 1px #85b1de; background-color: #EDF2F7;}
.registration-form-date {color:#5B5B63;font-size: 12px;}
.registration-form-date a {color:#5B5B63;font-size: 11px;}
.registration-form-date a:hover {color: #01ADED;}

/* Uploader page */
.orange-title {
	color: #ff5317;
	font-size: 1.3em;
	font-weight: bold;	
}
.uploader-subtitle {
    font-size: 1.3em;
    font-weight: bold;
}
.uploader-subtitle a {
	color: #01ADED;	
}

#id_uploader {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 3px;
}
#uploader_sidebar{
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 40px;
}

#uploader_sidebar li {
	padding-bottom: 10px;
}

#uploader_sidebar ul {
	padding-top: 10px;
	padding-bottom: 10px;
}


/* MESSAGES & ERRORS */


.error-data {margin:10px;padding:10px;color: red;font-size: 18px !important;text-align:center;}

ul.messagelist {
    padding: 0 0 5px 0;
    margin: 0;
}

ul.messagelist li {
    font-size: 12px;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border-bottom: 1px solid #ddd;
    color: #666;
    background: #ffc url(../img/admin/icon_success.gif) 5px .3em no-repeat;
}

.errornote {
    font-size: 12px !important;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border: 1px solid red;
    color: red;
    background: #ffc url(../img/admin/icon_error.gif) 5px .3em no-repeat;
}

ul.errorlist {
    margin: 0 !important;
    padding: 0 !important;
}

.errorlist li {
    font-size: 12px !important;
    display: block;
    padding: 4px 5px 4px 25px;
    margin: 0 0 3px 0;
    border: 1px solid red;
    color: white;
    background: red url(../img/admin/icon_alert.gif) 5px .3em no-repeat;
}

.aligned {
	height: 40px;
}

.deep {
	height: 90px;
}
	
.aligned label {
    display: block;
    padding: 0px 10px 0px 0px;
    float: left;
    width: 100px;
}

.wide label {
    width: 100px !important;
    padding: 0px 10px 0px 0px;
}

.static-text, ul.static-text {font-size: 14px; padding-bottom: 10px;}
.info-content { margin-left: 170px; font-size: 14px;}
input.login-field {width: 145px;}