﻿fieldset { /* To override browser inconsistances */
    margin:0px;
    padding:0px;
}

.clearFix { /* clears floats */
    clear:both;
}

body 
{   background-color:#799cb8; 
    font-family:Arial,Helvetica, Sans-Serif; 
    font-size:76%; 
    margin:0px; 
    border:0px;
    color:#666666;
}

hr
{
    margin:0px;
    
}
img
{
    padding:1em;
    border:0px;
}

a
{
    color:#006666;
    text-decoration:underline;
}

a:hover
{
    color:#639c63;
    text-decoration:none;
}

.nopadding
{
    padding:0px;
    border:0px;  
}

.bottompadding
{
    padding:1em 1em 1.5em 1em;
    border:0px
}

.required
{
    color:Red;
    cursor:help;
}
.partners
{
    padding:2em;
    border:0px;  
}
#container
{
	background-color: #ffffff;
	width:996px;
	margin-left: auto; 
	margin-right: auto;
	-webkit-box-shadow: 4px 2px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 4px 2px 4px rgba(0,0,0,.4);
	box-shadow: 4px 2px 4px rgba(0,0,0,.4);
}

#header
{
	background-color: #ffffff;
}

#lhs
{
	float: left;
	padding-left: 10px;
	padding-top: 0px;
}

#featured, #forthcoming
{
    padding:0;margin:0
}
#forthcoming
{
    
}

#featured img, #forthcoming img
{
    padding:0;
    margin:0;
    display:block;
    vertical-align:bottom
}
#menu
{
    width:996px;
    clear:both;
    font-size:100%;
    font-weight:bold;
}

#toprhslinks
{
    float:right;
    padding-top:1em;
    padding-right:2em;
    padding-left:1em;
}

#toplhslinks
{
    float:left;
    width:200px;
    padding:0px;
}

#zone1
{
    padding-top:2em;
    margin: 0 auto; 
    display:block
}

#zone3
{
    padding-top:1em;
    height:300px;
    width:120px
}


#content
{
	padding-top: 0px;
	margin: 0px 0px 0px 140px;
	min-height:400px;
	height: auto !important;
    height: 400px;
	width:838px;
}

#regerror
{
   color:Red;
   padding:1em .5em .5em 1em;
}

#channelText
{
    width:119px;
    font-size:90%;	
}

#channelTextHeader
{
    color:#006666;
    border:solid   1px #006666;
    background:#FFFFFF;
    display:block;
    padding:.25em 0 .25em .5em;
    text-decoration:none;
    font-size:90%;
    width:113px;
    margin-bottom:2px;
    
}

#channelText a
{
    color:#FFFFFF;
    border-bottom:solid 2px #FFFFFF;
    background:#006666;
    display:block;
    padding:.25em 0 .25em .5em;
    text-decoration:none;
    
}

#channelText a:hover
{
    color:#FFFFFF;
    border-bottom:solid 2px #FFFFFF;
    background:#639c63;
    display:block;
    padding:.25em 0 .25em .5em;
    text-decoration:none;
}

#menuText_1
{
	
    background-color:#313163;
    width:119px;
    font-size:90%;
	
}

#menuText_1 a
{
    color:#FFFFFF;
    border-bottom:solid 2px #FFFFFF;
    background:#313163;
    display:block;
    padding:.25em 0 .25em .5em;
    text-decoration:none;
    
}

#menuText_1 a:hover
{
    color:#FFFFFF;
    border-bottom:solid 2px #FFFFFF;
    background:#A183A1;
    display:block;
    padding:.25em 0 .25em .5em;
    text-decoration:none;
}

#menuText_2
{
	
    background-color:#9c0000;
    width:119px;
    font-size:90%;
	
}

#menuText_2 a
{
    color:#FFFFFF;
    border-bottom:solid 2px #FFFFFF;
    background:#9c0000;
    display:block;
    padding:.25em 0 .25em .5em;
    text-decoration:none;
    
}

#menuText_2 a:hover
{
    color:#FFFFFF;
    border-bottom:solid 2px #FFFFFF;
    background:#B94C4C;
    display:block;
    padding:.25em 0 .25em .5em;
    text-decoration:none;
}
#footer
{
    text-align:center;
    width: 100%;
    display: block;
    clear:both;
    padding-top:0px;
    padding-bottom:5px;
    margin-top: 10px;
    font-size:90%;
}

#footer a
{
    padding:1em;
    color:#006666;
    text-decoration:underline;
}

#footer a:hover
{
    padding:1em;
    color:#639c63;
    text-decoration:none;
}
#toprhslinks a.menu
{
    padding-bottom:.25em;
    text-decoration:none;
    border-bottom: dotted 1px gray;
    color:blue;
    cursor:pointer;
}

#toprhslinks a.menu:hover
{
    padding:0px;
    text-decoration:none;
    color:blue;
    border:0px;
}

#contentleft
{
    margin:0px;
    float:left;
    width:59%;
}

#contentright
{
    margin: 0px;
    float:right;
    width:39%;
}

#contentleft h1
{
    width:100%;
    padding:.25em 0 .25em .5em;
    color:#ffffff;
    background-color:#006666;
    font-size:90%;
}

#contentright h1
{
    width:100%;
    color:#ffffff;
    background-color:#9c0000;
    font-size:90%;
    padding:.25em 0 .25em .5em;
}

.pageheader
{
    font-size:145%;
    color:#006666;
    padding: 0 0 8px 0;
}

.eventheader
{
    font-size:115%;
    color:#006666;
    font-weight:bold;
}

.modalPopup 
{
    position: relative;
    top:0;
    left:0;
	background-color:#ffffdd;
	border-width:1px;
	border-style:solid;
	border-color:#006666;
	padding:1em;
	width:200px;
	z-index: 5;
}

.modalBackground 
{  
    background-color:gray;  
    filter:alpha(opacity=70);  
    opacity:0.7;
}

a.modallink
{
    padding:0px;
    text-decoration:underline;
    cursor:pointer;
    color:blue;
}

a.modallink:hover
{
    text-decoration:none;
    color:blue;
}

#partnerimages
{
    width:670px;
    padding:0px
}

.eventdetail
{
    padding:0 1em 0 1em;
    min-height:95px;
    font-size:90%;
    margin:.5em 0 .5em  0
}
.eventthumbnail
{
   float:left;  
   width:120px;
   border:solid 1px #666666;
   height:86px;
   margin:.5em .5em .5em 0
}

.categoryalt
{
    background-color:#FFFFFF;
    padding:.25em 0 .25em .5em;
    width:100%;
    float:left
}

.category
{
    background-color:#FAFAFA;
    padding:.25em 0 .25em .5em;
    width:100%;
    float:left
}

.categorydetail
{
    min-height:60px;
    padding-top:.25em;
}

.categorylink
{ 
   padding-top:1em;
   float:left;
   width:60px;
   height:60px;
}

.label span
{
    padding: 1em 0 .5em 0;
    font-size:85%;
    
}

#highlywatched
{
    float:right;
    width:485px;
    height:360px;
    overflow:auto;  
}

#videoplayer
{
    float:left;
}

#video
{
    min-height:450px
}

#videosummary
{
    font-size:120%
}

div.hr
{
    margin: .5em 0px; 
    border: none; 
    border-top: 1px solid #cccccc;
    width:100%;
    height:1px;
    overflow:hidden;
}

#highlywatchedheader
{ 
  float:right;
  background-color:#006666;
  padding: .5em 0 .5em .5em;
  color:#FFFFFF;
  width:485px;
}

.latestnewsdetail
{
	padding:3px 0;
}

.latestnewsdetail img
{
	margin:0 3px;
	padding:0;
	vertical-align:middle;
}

#media
{
    padding:0px
}

#videomenu table
{
    background-color:#8D8D8D;   
    padding:0px;
    width:100%;
    border-collapse:collapse;
}
#videomenu td
{
    font-size:90%;
    border-right: solid 3px #FFFFFF;
    width:70px;
    height:65px;
    vertical-align:top;
    color:#ffffff;
    text-align:center
}
#videotop
{
    background-image:url(../../img/videotop.gif);
    background-repeat:repeat-x;
    background-color:#fafcfc;
    width:100%;
    font-weight:bold;
    padding-top:.25em;
    height:40px;
}

#videotop h1 {font-size:100%; padding:0; margin:0;}

#subheader
{
    margin: 0 0 2em 0; 
    font-size:85%;
}

#submitform
{
    padding: 1em 0 1em 1em;
    border: solid 1px #006666;
    margin-right:.25em
}

#furtherreading, .furtherreading
{
    padding: 1em;
    border: solid 1px #006666;
    margin-right:.25em
}

#furtherreading a, .furtherreading a
{
    color:#006666;
    text-decoration:underline
}

#furtherreading a:hover, .furtherreading a:hover
{
    color:#639c63;
    text-decoration:none
}

#furtherreading ul, .furtherreading ul
{
    list-style-type: none;
    padding: 0;
    margin: 0
}

#furtherreading li, .furtherreading li
{
    background-image: url(../../img/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 .4em;
    padding-left: 1.5em;
    padding-bottom:.5em
}

#contactform label
{
    width: 15em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block
}

#contactform fieldset
{
    width: 90%;
    padding:1em 1em 1em 1em;
    border-color:#006666;
    border-width:1px;
}


#submitform label
{
    width: 15em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    display: block
}

#submitform fieldset
{
    border-style:none;
    width: 95%;
    padding-bottom:1em
}

#submitform legend
{
    font-weight:bold;
    color:#666666;
} 

input,textarea
{
    color: #006666;
    border: 1px solid #006666
}

.submit input
{
    margin-left: 4.5em;
} 

/* Register Form Elements */

#videoadregisterform 
{
    width: 485px;
    float: right;
}
#registerform .sidebar {
    margin-top: 15px;
    margin-bottom: 25px;
}

#registerform .sidebar a {
    margin-right: 25px;
}

#registerform .nav {
    margin-top:25px;
    float:right;
    margin-right:23px;
}

#registerform .nav input {
    padding:3px;
}

#registerform label.left, #registerform input.left, #registerform select.left {
    float:left;
}

#registerform label.right, #registerform input.right, #registerform select.right {
   float:right;
}

#registerform fieldset
{
    border-style:solid;
    border-width:1px;
    border-color:#006666;
    width: 95%;
    padding:1em
    
}

#registerform fieldset ul {
    list-style:none;
    padding: 0;
    margin: 0;
}

#registerform fieldset ul li {
    clear:both;
    padding-bottom: 30px;
    
}

#registerform fieldset label {
    width:220px;
}

#registerform fieldset label.full {
    width:550px;
}

#registerform fieldset input {
    width:145px;
}

#registerform fieldset select {
    width:147px;
}

#registerform fieldset textarea {
    margin-left:70px;
    margin-top:16px;
}

#registerform fieldset .radioinput {
    margin-left:25px;
}

#registerform fieldset .radioinput input {
    width:12px;
}

#registerform fieldset .radioinput label {
    width: 25px;
}

#registerform fieldset .hear {
    margin-left:25px;
}

#registerform fieldset .noborder input {
    border:0px;
}

#registerform fieldset .checkbox input {
    width:auto;
}

#registerform legend, #contactform legend
{
    font-weight:bold;
    color:#ffffff;
    background-color:#006666;
    padding:.5em .5em .5em .5em;
    
}

/* News */
#newstop
{
    background-image:url(../../img/videotop.gif);
    background-repeat:repeat-x;
    background-color:#fafcfc;
    width:100%;
    font-weight:bold;
    padding-top:.25em;
    height:28px;
}

#newstop h1 {font-size:100%; padding:0; margin:0;}


/* Webinar Registration Elements */

.webinarregform 
{
    margin-top: 1em;
}

.webinarregintro .mainLogo {
    float:right;
}

.webinarregintro .webinarHeader {
	font-size: 110%;
	font-weight:bold;
	display:block;
	margin:8px 0;
}

.webinarregform .sidebar {
    margin-top: 15px;
    margin-bottom: 25px;
}

.webinarregform label.left, #videoadregisterform label.left, #videoadregisterform input.left, #videoadregisterform select.left, #registerform input.left, #registerform select.left {
    float:left;
}

.webinarregform fieldset, #videoadregisterform fieldset
{
    border-style:solid;
    border-width:1px;
    border-color:#006666;
    width: 95%;
    padding:1em 
}

.webinarregform fieldset ul, #videoadregisterform fieldset ul {
    list-style:none;
    padding: 0;
    margin: 0;
}

.webinarregform fieldset ul li, #videoadregisterform fieldset ul li {
    clear:both;
    padding-bottom: 10px;
    
}

.webinarregform fieldset label, #videoadregisterform fieldset label {
    width:120px;
}

.webinarregform fieldset input, .webinarregform fieldset select, #videoadregisterform fieldset input, #videoadregisterform fieldset select {
    width:225px;
    background-color:#FFFF99;
    border:1px solid #006666;
    color:#006666;
}

.webinarregform .button, #videoadregisterform .button {
    margin-top:10px;
    margin-right:110px;
    float:right;
}

.webinarregform .button input, #videoadregisterform .button input {
    width:100px;
    padding:3px;
}

.webinarregform .button input[type="submit"], #videoadregisterform .button input[type="submit"] {
	cursor: pointer;
}

.webinarregform legend, #videoadregisterform legend
{
    font-weight:bold;
    color:#ffffff;
    background-color:#006666;
    padding:.5em .5em .5em .5em; 
}

.webinarregform fieldset .noborder input {
    border:0px;
}

.webinarregform fieldset .checkbox input {
    width:auto;
    background-color:Transparent;
}

/* About us page - profile */

.aboutMain {width:500px; float:left; padding-right:10px;}
.aboutProfile {width:310px; float:left; border-left:1px solid #ccc; padding-left:10px;}
.aboutProfile .profileHeader {font-size:125%;}
.aboutProfile p {border-bottom:1px solid #ccc; padding-bottom:10px;}
.aboutProfile .profileHeader {border-bottom:none;}
.aboutProfile .profile img {padding:0 10px 5px 0; float:left;}

/* Login */

.AspNet-Login, .AspNet-PasswordRecovery,.AspNet-ChangePassword 
{
    margin-top:25px;
    border: solid 1px #CCCC99; 
    background-color: #F7F7DE;
    padding:12px;
    width:350px;
}

.AspNet-PasswordRecovery {
    height:120px;
}

.AspNet-Login-UserPanel, .AspNet-PasswordRecovery-UserName-UserPanel {
    margin-top:12px;
}

.AspNet-Login-UserPanel input, AspNet-PasswordRecovery-UserName-UserPanel input {
    margin-left:50px;
}

.AspNet-PasswordRecovery-UserName-TitlePanel, .AspNet-PasswordRecovery-UserName-InstructionPanel {
    height: 1.7em;
    margin-bottom: 0.3em;
    padding-top: 0.4em;
}
.AspNet-PasswordRecovery-UserName-TitlePanel
{
    font-weight: bold;
}
.AspNet-Login-PasswordPanel {
    margin-top:12px;
}

.AspNet-Login-PasswordPanel input {
    margin-left:23px;
}


.AspNet-Login-RememberMePanel {
    margin-top: 12px;
}

.AspNet-Login-RememberMePanel input {
    border:0px;
}

.AspNet-Login-SubmitPanel, .AspNet-PasswordRecovery-UserName-SubmitPanel {
    margin-top:12px;
    float:right;
}

.AspNet-Login-SubmitPanel input, AspNet-PasswordRecovery-UserName-SubmitPanel input {
    padding: 0 5px 0 5px
}

.AspNet-Login-CreateUserPanel {
 float:left;
 margin-top:12px;
}

.AspNet-Login-PasswordRecoveryPanel {
 margin-top:12px;
 margin-left:70px;
}

#ctl00_Content_CreateUserWizard1_FinishNavigationTemplateContainerID_FinishPreviousButton, #ctl00_Content_CreateUserWizard1_FinishNavigationTemplateContainerID_FinishButton 
{
    display:none;
}

.AspNet-ChangePassword-UserPanel label,
.AspNet-ChangePassword-PasswordPanel label,
.AspNet-ChangePassword-NewPasswordPanel label,
.AspNet-ChangePassword-ConfirmNewPasswordPanel label
{
    margin-left:20px;
}

.AspNet-ChangePassword-UserPanel input,
.AspNet-ChangePassword-PasswordPanel input,
.AspNet-ChangePassword-NewPasswordPanel input,
.AspNet-ChangePassword-ConfirmNewPasswordPanel input
{
    margin-left:23px;
}

.AspNet-ChangePassword-ChangePasswordTitlePanel,
.AspNet-ChangePassword-SuccessTitlePanel
{
    font-weight: bold;
    height: 1.7em;
    margin-bottom: 0.3em;
    padding-top: 0.4em;
}

.AspNet-ChangePassword .AspNet-ChangePassword-UserPanel,
.AspNet-ChangePassword .AspNet-ChangePassword-PasswordPanel,
.AspNet-ChangePassword .AspNet-ChangePassword-NewPasswordPanel,
.AspNet-ChangePassword .AspNet-ChangePassword-ConfirmNewPasswordPanel,
.AspNet-ChangePassword .AspNet-ChangePassword-SubmitPanel,
.AspNet-ChangePassword .AspNet-ChangePassword-CreateUserPanel,
.AspNet-ChangePassword .AspNet-ChangePassword-PasswordRecoveryPanel,
.AspNet-ChangePassword .AspNet-ChangePassword-ContinuePanel,
.AspNet-ChangePassword .AspNet-ChangePassword-SuccessTextPanel
{
    padding: 0.25em 0.1em 0 0;
}

.AspNet-ChangePassword .AspNet-ChangePassword-UserPanel,
.AspNet-ChangePassword .AspNet-ChangePassword-PasswordPanel,
.AspNet-ChangePassword .AspNet-ChangePassword-NewPasswordPanel,
.AspNet-ChangePassword .AspNet-ChangePassword-ConfirmNewPasswordPanel
{
    text-align:right;
}
