html {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
body {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
div {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
span {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
applet {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
object {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
iframe {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h1 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h2 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h3 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h4 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h5 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
h6 {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
p {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
blockquote {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
pre {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
a {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
abbr {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
acronym {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
address {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
big {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
cite {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
code {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
del {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
dfn {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
em {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
img {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
ins {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
kbd {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
q {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
s {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
samp {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
small {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
strike {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
strong {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
sub {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
sup {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
tt {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
var {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
b {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
u {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
i {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
center {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
dl {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
dt {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
dd {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
ol {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
ul {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
li {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
fieldset {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
form {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
label {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
legend {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
table {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
caption {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
tbody {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
tfoot {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
thead {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
tr {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
th {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
td {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
article {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
aside {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
canvas {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
details {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
embed {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
figure {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
figcaption {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
footer {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
header {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
hgroup {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
menu {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
nav {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
output {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
ruby {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
section {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
summary {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
time {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
mark {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
audio {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
video {
	font: inherit; margin: 0px; padding: 0px; border: 0px currentColor; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;
}
html {
	height: 100%; color: rgb(0, 0, 0); line-height: 1.7em; letter-spacing: 0px; font-family: Calibri, Arial, Helvetica, sans-serif; font-size: 14px;
}
body {
	background: url("../images/body-bg.jpg") repeat-x top; height: 100%;
}
ol {
	list-style: none;
}
ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
q {
	quotes: none;
}
blockquote::before {
	content: none;
}
blockquote::after {
	content: none;
}
q::before {
	content: none;
}
q::after {
	content: none;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
#PageWrap {
	min-height: 100%;
}
#header-portal {
	background: url("../images/header-portal.jpg") no-repeat top; margin: 0px auto;  height: 128px;
}
#hd-portal {
	background: url("../images/VideoconferencingPortal.jpg") no-repeat top; margin: 0px auto;  height: 128px;
}
#header-account {
	background: url("../images/header-portal.jpg") no-repeat top; margin: 0px auto; width: 1201px; height: 128px;
}
#header-account {
	background: url("../images/header-accounts.jpg") no-repeat top;
}
#mainContent {
	margin-top: 80px;  width: 935px; text-align:left;
}
#ContentWrapper {
	border-bottom: 1px solid #D9D9D9;border-bottom-left-radius: 20px;border-bottom-right-radius: 15px;margin: 0 auto;background: url("../images/container-top.jpg") no-repeat left top rgb(255, 255, 255); padding: 50px 30px 30px;  border-right-color: rgb(217, 217, 217); border-left-color: rgb(217, 217, 217); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid;
}
#ContentWrapper ul {
	margin: 0px; padding: 0px; list-style-type: none;
}
.ticklist li {
	background-position: 0px 0.5em; padding-left: 30px; margin-top: 5px; list-style-position: outside; background-image: url("../images/tick-bullet.jpg"); background-repeat: no-repeat;
}
#left-column {
	background: url("../images/divider.jpg") no-repeat right -118px; width: 406px; padding-right: 30px; float: left; min-height: 566px;
}
#left-column-centred {
	background: url("../images/divider.jpg") no-repeat right -118px; width: 406px; padding-right: 30px; float: left; min-height: 566px;
}
#left-column-centred {
	text-align: center;
}
#right-column {
	width: 405px; margin-left: 30px; float: left;
}
#leaf-container {
	background: url("../images/leaves.jpg") no-repeat right top; margin: 0px auto; width: 960px; height: 114px;
}
#footer {
	margin: 0px auto; width: 100%; height: 350px; bottom: 0px; position: absolute;
}
#footer-content {
	height: 206px; border-bottom-color: rgb(43, 43, 43); border-bottom-width: 30px; border-bottom-style: solid; background-color: rgb(49, 49, 49);
}
#footer p {
	text-align: left; color: rgb(255, 255, 255); margin-top: 30px;
}
.clear {
	clear: both;
}
h1 {
	margin-bottom: 10px;
}
h2 {
	margin-bottom: 10px;
}
h3 {
	margin-bottom: 10px;
}
h4 {
	margin-bottom: 10px;
}
h5 {
	margin-bottom: 10px;
}
h6 {
	margin-bottom: 10px;
}
p {
	margin-bottom: 10px;
}
h1 {
	color: rgb(128, 0, 0); font-size: 32px; font-weight: bold;
}
h2 {
	color: rgb(128, 0, 0); padding-bottom: 10px; font-size: 18px; font-weight: bold;
}
#left-column-centred p {
	color: rgb(128, 0, 0); padding-bottom: 10px; font-size: 15px; font-weight: bold;
}
#left-column-centred p {
	color: rgb(0, 0, 0);
}
h3 {
	font-weight: bold;
}
strong {
	font-weight: bold;
}
a {
	color: rgb(128, 0, 0); text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.biginput {
	border: 1px solid rgb(215, 215, 215); width: 180px; height: 40px; line-height: 40px; color: rgb(0, 0, 0); margin-bottom: 20px; float: right;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
#accounts-form {
	padding: 30px; border: 1px solid rgb(215, 215, 215); width: 300px; color: rgb(255, 255, 255); margin-top: 20px;
}
.form-input-label {
	color: rgb(0, 0, 0); line-height: 40px; clear: left; font-family: calibri, Arial, Helvetica, sans-serif; font-size: 18px; margin-bottom: 20px; float: left; vertical-align: middle;
}
a.black-button-large {
	background: url("../images/Moderator-Button.png") no-repeat left top; margin: 0px auto; width: 151px; height: 52px; color: rgb(255, 255, 255); line-height: 60px; display: block;
}
a.red-button-large {
	background: url("../images/Participant-Button.png") no-repeat left top; margin: 0px auto; width: 151px; height: 52px; color: rgb(255, 255, 255); line-height: 60px; display: block;
}
a.red-button-large {
	background: url("../images/Participant-Button.png") no-repeat left top;
}
#submitbutton {
	background: url("../images/red-button-small.jpg") no-repeat left top; 
	margin: 0px 0px 0px auto; 
	border: none 0 white; 
	width: 120px; 
	height: 42px; 
	color: rgb(255, 255, 255); 
	line-height: 42px; 
	display: block;
}
.forgotpass-align {
	clear: both; float: right;
}
.right-align {
	padding-right: 10px; clear: both; float: right;
}
#btnStartWebConference, #btnJoinWebConference
{
	font: 9pt/13pt;
}

#lblModeratorCode, #lblParticipantCode 
{
	font: 9pt/13pt noinherit !important;
}

#lblMessageForModerator, #lblMessageForParticipant 
{
	font: 9pt/13pt noinherit !important;
}


@media only screen and (max-width:660px) {
    #header-portal {width:120%; background:url('../images/VideoconferencingPortal.jpg') left no-repeat top; background-position:10% 0;background-size:auto 100%;}

    #right-column {clear: both;}
    #right-column h2 { display:none; }
    #right-column-centered {background: none; margin-bottom: 50px; min-height:250px; }
	#ContentWrapper {background: url("../images/container-top.jpg") no-repeat center top rgb(255, 255, 255); }

    #javasection {display:none;}

    #left-column-centred {background: none; margin-bottom: 20px; min-height:250px; position:relative; width:100%;}
    #right-column-centred {background: none; margin-bottom: 50px; min-height:250px; }

    #mainContent {width: 660px;}
}

@media only screen and (max-width:510px) {
    #right-column {clear: both;}
    #left-column {width:100%;}
    #right-column-centered {width:100%; margin:0; padding:0;}
    #mainContent {width: 100%;margin-top:0px; }
	
#lblModeratorCode {clear:both;}
input#moderatorcode {width:130px !important;}
.biginput {border: 1px solid rgb(215, 215, 215); width: 100px; height: 20px; line-height: 20px; color: rgb(0, 0, 0); margin-bottom: 20px; float: left;}

input#participantcode {width:130px !important;}

#ContentWrapper {
	width:100%; border-bottom: 0px solid #D9D9D9;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;margin: 0 auto;background:  no-repeat left top rgb(255, 255, 255); padding: 50px 30px 30px;  border-right-color: rgb(217, 217, 217); border-left-color: rgb(217, 217, 217); border-right-width: 0px; border-left-width: 0px; border-right-style: solid; border-left-style: solid;
}
body {background:none;}
div#one  {width:100px !important;}
div#Div1 {width:100px !important;}
div#updatePnl1 {width:100%;}
#mobilesection img {margin: 10px auto;}
#toggletestbtn {background:#c3c3c3; width:150px; border-radius: 3px;border: 1px solid grey;padding:2px 2px;text-align:center;color:white;}
}