@import url(expand.css);
@import url(login.css);
@import url(admin.css);
@import url(systemcheck.css);
@import url(slider.css);
@import url(scale.css);
@import url(progress.css);

/* Standard HTML */

#registration_layout {
	padding:0;
	padding:0;
	background: #ffffff;
	text-align:center;
	font:13px Arial,Verdana,Helvetica,sans-serif;
}
body {
	padding:0;
	padding:0;
	background:url(images/bg/gradient-bg.gif) left top repeat-x #a9a9a9;
	text-align:center;
	font:13px Arial,Verdana,Helvetica,sans-serif;
}
#body_popup {
	padding:0;
	padding:0;
	background: #ffffff;
	text-align:left;
	font:13px Arial,Verdana,Helvetica,sans-serif;
}
h1 {
   font:18px Arial,Verdana,Helvetica,sans-serif;
   color:#333333;
   margin:0;
   line-height:18px;
   padding:0;
}
h2 {
   font:15px Arial,Verdana,Helvetica,sans-serif;
   font-weight:bold;
   color:#1B4D96;
   margin:0;
   padding:0;
}
h3 {
   font:12px Verdana,Arial,Helvetica,sans-serif;
   font-weight:normal;
   color:#1B4D96;
   margin:0;
   padding:0;
}
h4 {
   font:12px Verdana,Arial,Helvetica,sans-serif;
   font-weight:normal;
   color:#1B4D96;
   margin:0;
   padding:0;
}
h1.test {
	margin:1em 0 0;
}
h2.test {
	margin:1em 0;
}
h1.heading {
	margin:1em 0;
}

.dashboardInfo {
	width:58em;
	text-align:justify;
}
/**/
/* Generic form */

input, textarea, select {
	background:#ffffff;
	border: 1px solid #999999;
	color: #000;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 1px;
}
.element {
	border:none;
	background:none;
}
.requiredAlert {
	background:url(images/bg/alert.gif) left top no-repeat;
	padding:2px 0 0 24px;
}
.errorMessage,
.successMessage,
.customErrorMessage {
	font:11px Verdana,Arial,Helvetica,sans-serif;
	padding:4px 10px 10px 10px;
	border:1px solid #CCCCCC;
	background-color: #e9e9e9;
	margin:1em 0;
	font-weight: bold;
}
.errorMessage ul,
.successMessage ul,
.customErrorMessage ul {
	margin-bottom:0;
}
.customErrorMessage {
	clear:both;
	width:100%;
	margin:2em 0 1em;
}
.errorMessage {
	color:#ff0000;
}
.successMessage {
	color:#38a10b;
}
.hide {
	display:none;
}
.massRow {
	text-align:right;
}
input.disabled {
	color:#999999;
	background:#d9d5e6 !important;
}
input.disabled:hover {
	color:#999999 !important;
	background:#d9d5e6 !important;
}
.disabledElement {
	color:#999999;
	background-color:#ffffff;
	border:none;
}
.dateCell {
	text-align:right;
}
/**/
/* Table cells */

.checkboxCell {
	width:20px;
	text-align:center;
}
.numberCell {
	vertical-align:middle;
	text-align:center;
}
.buttonCell {
	vertical-align:middle;
	text-align:left;
}
.functionsCell a:link, .functionsCell a:visited {
	color:#1A4995;
}
.functionsCell a:active, .functionsCell a:hover {
	color:#1B4995;
}
.checkboxStyle {
	padding:0;
	margin:0;
}
th.selectControl {
	text-align:center;
	/*padding-left:1em;*/
}
td.selectControl {
	text-align:center;
	/*padding-left:1em;*/
}
.selectControl input {
	padding:0;
	border:none 0;
	background:transparent none;
}
/**/

/*M3: applies background to button styles, find override */
/* fieldset input:focus, .loginUsername input:focus, .loginPassword input:focus, textarea:focus, label:focus {
	background: #fff;
	border: 1px solid #333333;
} */

/* Form objects */

label {
	cursor: pointer;
	margin: 1px;
}
fieldset {
	border:double 1px #cccccc;
	padding:0 10px 10px 10px;
	margin:10px 0 0 0;
	background: #ffffff;
}
fieldset label {
	display:block;
	float:left;
}
/**/

/* Administrator form search */

.timeGroup {
	padding:6px 0 0;
}
.list label {
	width:14em;
	float:left;
	display: block;
}
.list label.long {
	width:auto;
	float:left;
	display: block;
}
.list .input-inset {
	margin-left:14.2em;
	margin-top: 0.1em;
}
.list .border-none input {
	margin-top:0.4em;
	border:none 0;
	background:transparent none;
}
.list input,
.list select {
	margin:0 4px 4px 0;
	float:left;
}

.search label {
	width:12em;
	float:left;
	display: block;
}
.search label.long {
	width:auto;
	float:left;
	display: block;
}
.search .border-none input {
	margin-top:0.4em;
	border:none 0;
	background:transparent none;
}
.search input,
.search select {
	margin:0 4px 4px 0;
	float:left;
	background:#fff;
}
.groupModify,
.testSearch,
.emailSearch,
.songSearch,
.userSearch,
.breakSearch {
	background:#f5f5f5;
	border:solid 1px #ccc;
	padding:0.5em 1em 0.8em;
	width:auto;
	margin:6px 0px 10px 0px;
}
.songTestSearch {
	background:#f5f5f5;
	border:solid 1px #ccc;
	padding:0.5em 1em 0.8em;
	width:37em;
	margin:6px 0.33em 10px 8px;
}
.surveySearch {
	background:#f5f5f5;
	border:solid 1px #ccc;
	padding:0.5em 1em 0.8em;
	width:46em;
	margin:6px 0.33em 10px 8px;
}
.songEdit {
	background:#f5f5f5;
	border:solid 1px #ccc;
	padding:0.5em 1em 0.8em;
	width:37em;
	margin:6px 0.33em 10px 8px;
}
.testSearch .clear,
.emailSearch .clear,
.songSearch .clear,
.userSearch .clear,
.breakSearch .clear,
.songTestSearch .clear,
.surveySearch .clear,
.songEdit .clear {
	height:2px;
	overflow:hidden;
	clear:both;
}
/*
.testSearch input, .testSearch select,
.emailSearch input, .emailSearch select,
.songSearch input, .songSearch select,
.userSearch input, .userSearch select,
.breakSearch input, .breakSearch select,
.songTestSearch input, .songTestSearch select,
.surveySearch input, .surveySearch select {
	margin-right:4px;
	float:left;
	background:#fff;
}
*/
.searchPeriod {
	border:solid 0px #ff0000;
}
.searchPeriod .label {
	display:block;
	margin:0 0 4px;
}
.periodListPanel {
	clear:both;
	display:block;
}
.periodListPanel input {
	margin-right:2px;
}
.radioButtons {
	margin-left:14em;
}
.periodListPanel input {
	float:left;
}
.periodListPanel label {
	float:left;
	margin:0 4px 10px 1px;
}
.radioButtons input {
	float:left;
}
.radioButtons label {
	float:left;
	margin:-2px 0 0 1px;
}

.test label {
	margin:0 5px 0 5px;
}
.test input, .test select {
	float:left;
}
.form {
	padding:0px;
}
.form label {
/*	width:14em; */
}
.form .label {
	width:14em;
	display:block;
	float:left;
}
.form .labelClear {
	display:block;
	clear:both;
}
.form .nowidth {
	width:auto;
	margin:0 5px 0 0;
	float:left;
}
fieldset legend {
	padding:0;
	margin:0;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
}
fieldset .multiSelectBox {
	width:14em;
}

#pagerSummary {
	margin:1em 0;
}
.page_links {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
}
/**/
/* Generic classes */
/* remove border from checkbox and radio button elements */
.nowrap {
	white-space:nowrap
}
.noBorder {
	border:none 0 !important;
	background:transparent none !important;
	margin:0;
}
.error, .alert {
	color:#ff0000;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.clear {
	clear:both;
}
.align-left {
	text-align:left;
}
.align-right {
	text-align:right;
}
.align-center {
	text-align:center;
}
.mandatory {
	color:#ff0000;
	margin:0 5px 0 5px;
	padding:0 0 0 0;
}
.highlight {
	background-color:#eeedee;
}
.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.form .nowidth {
	width:auto;
}
/**/
.list .captionUsersType .users {
	/*margin:0 17em 0 0;*/
}

.list .captionUsersType .moderators {
	text-align:right;
}
.list .usersType {
	float:left;
}

.moderaterBox {
	width:98%;
}
/*
.usersSet {
	width:95%;
	position:relative;
}
.chatSet,
.toolsSet {
	width:95%;
}
*/
#chartdiv {
	width:380px;
	padding:0px;
	border:solid 0px #ccc;
}

/**/
/* Custom styles */
/*M3: Removed default content styles, will fix later
/*.body a:link, .body a:visited {
	font:11px Verdana,Arial,Helvetica,sans-serif;
	text-decoration:none;
	color:#1A4995;
}
.body a:hover, .body a:active {
	font:11px Verdana,Arial,Helvetica,sans-serif;
	text-decoration:underline;
	color:#1A4995;
}
.body ul {
	padding:0 0 0 10px;
	margin:10px 0 0 25px;
}
.body li {
	line-height:16px;
	margin:0 0 10px 0;
}
*/
/* Footer styles */

.footer {
	padding:89px 0 0 0;
}
.surveyfooter {
	padding:5px 0 0 0; /*89px*/
}
.footerTop {
	background:url(images/bg/footer-top.gif) left top no-repeat;
	height:17px;
}
.footerContent {
	background:url(images/bg/footer/footer-content-right.gif) right top repeat-y;
}
.footerContent ul {
	list-style-type:none;
	padding:4px 0 2px 0;
	margin:0;
}
.footerContent li {
	font:12px Verdana,Arial,Helvetica,sans-serif;
	display:inline;
	padding:0 10px 0 10px;
	border-right:solid 1px #e0e0e0;
}
.footerContent .last {
	border:none 0;
}
.footerContent a:link, .footerContent a:visited {
	font:11px Verdana,Arial,Helvetica,sans-serif;
	color:#999999;
	text-decoration:none;
}
.footerContent a:active, .footerContent a:hover {
	font:11px Verdana,Arial,Helvetica,sans-serif;
	color:#999999;
	text-decoration:underline;
}
.footerBottom {
	background:url(images/bg/footer-bottom.gif) left top no-repeat;
	height:19px;
}
.footerBottomLeft {
	background:url(images/bg/footer/footer-left.gif) left top no-repeat;
}
.footerBottomRight {
	background:url(images/bg/footer/footer-right.gif) right top no-repeat;
}
/**/
.bodyContent {
	padding:0 0 0 3px;
	/*height:680px;*/
}

.previewFrame {
	float:left;
	padding-right:20px;
	width:400px;
	border:solid 0px #ff0000;
}
.holderTile {
	width:762px;
	margin:8px auto auto auto;
	background:url(images/bg/holder-tile.gif) left 89px repeat-y;
}
.holder {
	background:url(images/bg/holder-gradient.gif) left 89px no-repeat;
}
/**/

.header {
	text-align:left;
	background:url(images/bg/header.jpg) left top no-repeat;
	height:96px;
}
.header a img {
	border:0;
}
.headerLeft {
	float:right;
	width:400px;
    text-align:right;
}
.headerLeft ul {
	padding:0;
	margin:185px 22px 0 0 !important;
	list-style-type:none;
	font:11px Verdana,Arial,Helvetica,sans-serif;
}
.headerLeft li {
	padding:0 10px 0 10px;
	display:inline;
	color:#ffffff;
}
.headerLeft li.first {
	border-right:solid 1px #fff;
}
.headerLeft li.username {
	font-weight:bold;
	color:#fff;
}
.headerLeft li.last {
	border-left:solid 1px #fff;
}
.headerLeft a:link, .headerLeft a:visited {
	font:11px Verdana,Arial,Helvetica,sans-serif;
	color:#fff;
	text-decoration:none;
}
.headerLeft a:active, .headerLeft a:hover {
	font:11px Verdana,Arial,Helvetica,sans-serif;
	color:#fff;
	text-decoration:underline;
}
.headerRight {
	float:left;
	width:362px;
}
.headerRight img {
	margin:10px 0 0 160px;
}
.content {
	text-align:left;
	margin:4px 10px 10px 30px;
}
.termsConditionsHint {
	font-style:italic;
	margin:0 0 0 5px;
}
.welcomeScreenRegister {
	margin:6px 0 0 0;
}
.legendHolder {
	padding:18px 0 0 0;
	width:20%;
}
.legendHolder h2 {
	margin:0 0 10px 0;
}
.leftCol {
	float:left;
	width:24%;
}
.mainCol {
	float:left;
	width:75%;
	margin:2px 0 0 0;
}
.adminMainCol {
	float:left;
	width:100%;
	margin:2px 0 0 0;
}
.mainCol h2, .mainCol .errorMessage, .mainCol .successMessage {
	margin:0 0 10px 0;
}
.mainCol .htmlarea {
	width:50%;
	position:relative;
}
.editorRow {
	padding:0 10px 0 0;
}
.gap {
	float: left;
	width: 10px;
 }
.bodyContent a:link, .bodyContent a:visited {
	color:#;
	text-decoration:none;
}
.bodyContent a:active, .bodyContent a:hover {
	color:#1B4995;
	text-decoration:none;
}
label.errorLabel {
	color:#ff0000;
}


/* ----- chat box styles ----- */

#chatBox {
	background-color:#f7f7f7;
	padding: 5px 5px 5px 5px;
	height:160px; min-height:140px;
	overflow:auto;

}

#chatBox2 {
	background-color:#f7f7f7;
	padding: 5px 5px 5px 5px;
	height:130px;
	overflow:auto;

}
#connectMsg {
	margin:0 0 4px;
}
#callStatus {
	margin:0 4px;
	padding:2px;
	font-size:10px;
}
.caller,
.system {
	padding:0px 2px 0px 2px;
}
.caller { background:#e6fd93; }
.system { background:#e5e5e5; }
.privatemessage {background:#8ab6e4;}

#chatMsg {

	width:98%;
	height: 50px;
}

#chatMsg2 {
	width:330px;
	height: 50px;
}

.connectStatus {
	color:#023d6a;
}

.channelQuestionPanel {
 /*padding-bottom: 10px;*/
}

.channelQuestions {
	position:relative;
	float:left;
	display:block;
	/*width:343px;*/
	border:solid 0px #ccc;
}
.channelQuestions textarea,
.channelQuestions table {
	margin-left:14em;
}
.channelQuestions table td {
	white-space:nowrap;
}
.channelQuestions input {
	float:left;
}
.channelQuestions label {
	float:left;
	width:auto !important;
	padding-left: 4px;
	line-height: normal;
}

.registration {
	background:#ffffff;
}

.formRow2Col {
	width:50%;
	display:inline;
}

.backgroundOddRow {
	background:#F9FAFF;
}

.backgroundEvenRow {
	background:#ffffff;
}

.formRow {
 padding-top:2px;
 padding-bottom:2px;
}

.formRow label {
	width:14em;
	display:block;
	float:left;
	font-weight:bold;
}

.form-radios .label {
	font-weight:bold;
}

.form-radios label.nowidth {
	width:auto;
	margin:0px;
	padding:0px 10px 0 0;

}

.customQuestion {
	font-weight:bold;
	display:block;
}

.registrationRadioButtons label, .registrationCheckboxes label
{
	display:inline-block;
	width:25%;
	vertical-align:text-top;
}

.registrationRadioButtons input, .registrationCheckboxes input
{
	display:inline;
	margin: 0 8px 0 8px;
	text-align:right;
	vertical-align:middle;
}

.optInCheckboxesRow {
	background:#EAF4FF;
}

.optInCheckboxes label {
	display:inline;
	vertical-align:text-top;
}

.optInCheckboxes input {
	display:inline;
	text-align:right;
	vertical-align:middle;
	margin: 0 8px 0 8px;
}

.buttonRow {
	padding-top:5px;
}

.disclaimerText {
	color:#666666;
	padding:6px 0 6px 0;
}

.submitButton {
	background: transparent url(images/slider/button.jpg) no-repeat scroll left 0px;
	border: 0px;
	height: 28px;
	width: 130px;
	vertical-align: top;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	float: right;
}

.submitButton:hover {
	text-decoration:underline;
}

.submitButton.disabled {
	visibility:hidden;
}

.registration .buttonRow .submitButton {
  width: 120px !important;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(images/btn/submit_normal.jpg) no-repeat center top;
  cursor: pointer;
  cursor: hand;
  line-height:0px;
}

.registration .buttonRow .submitButton:hover {
  background: transparent url(images/btn/submit_hover.jpg) no-repeat center top;
}

.headerVersion
{
	position:absolute;
	text-align:right;
	width:340px;
	padding-top:10px;
	color:#bcbcbc;
	right:auto;
	height:auto;
}

.headerVersion a
{
	color:#cccccc;
	text-decoration:none;
}

.headerVersion a:hover
{
	color:#666666;
	text-decoration:none;
}
.registerButton {
  width: 130px;
  height: 23px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(images/btn/register_normal.jpg) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer;
  cursor: hand;
  line-height:0px;
}

.registerButton:hover {
  background: transparent url(images/btn/register_hover.jpg) no-repeat center top;
}
.registration .buttonRow .resetButton {
  width: 65px;
  height: 23px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(images/btn/reset_normal.jpg) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer;
  cursor: hand;
  line-height:0px;
}

.registration .buttonRow .resetButton:hover {
  background: transparent url(images/btn/reset_hover.jpg) no-repeat center top;
}