@import url(expand.css);
@import url(login.css);
@import url(admin.css);
@import url(systemcheck.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:#023d6a;
   margin:0;
   padding:0;
}
h3 {
   font:12px Verdana,Arial,Helvetica,sans-serif;
   font-weight:normal;
   color:#023d6a;
   margin:0;
   padding:0;
}
h4 {
   font:12px Verdana,Arial,Helvetica,sans-serif;
   font-weight:normal;
   color:#023d6a;
   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:#f7f7f7;
	border: 1px solid #999999;
	color: #000;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	margin: 1px;
	padding: 3px;
}
.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;
	
}
.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:30px;
	text-align:center;
}
.numberCell {
	vertical-align:middle;
	text-align:center;
}
.buttonCell {
	vertical-align:middle;
	text-align:left;
}
.functionsCell a:link, .functionsCell a:visited {
	color:#660066;
}
.functionsCell a:active, .functionsCell a:hover {
	color:#8774cc;
}
.checkboxStyle {
	padding:0;
	margin:0;
}
th.selectControl {
	text-align:left;
	padding-left:1em;
}
td.selectControl {
	text-align:left;
	padding-left:1em;
}
.selectControl input {
	padding:0;
	border:none 0;
	background:transparent none;
}


.customQuestion {
	margin:0;
	border-bottom:solid 1px #ccc;
	margin:0 0 1em;
}
.customQuestions {
	position:relative;
	float:left;
	padding:0 0 0 14em;
}
.customQuestions table {
	/*
	width:333px;
	background:#f7f7f7;
	border:solid 1px #999999;
	*/
	border:solid 0px #999999;
}
.customQuestions table label {
	width:auto !important;
}
.customQuestions textarea {
	width:333px;
	background:#f7f7f7;
	border:solid 1px #999999;
}
.customQuestions input,
.customQuestions label {
	float:left;
}
.customQuestions label {
	margin-left:6px;
}
span.customMandatory {
	float:left;
}
.customQuestionsErrorMsg {
	padding:8px 0 0 14em;
}


/**/

/*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:10px 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:68em;
	margin:6px 0.33em 10px 8px;
}
.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:0 15px 10px 5px;
}
.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:0 10px;
	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:#660066;
}
.body a:hover, .body a:active {
	font:11px Verdana,Arial,Helvetica,sans-serif;
	text-decoration:underline;
	color:#660066;
}
.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;
}
.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:91px;
}
.header a img {
	border:0;
}
.headerLeft {
	float:left;
	width:400px;
}
.headerLeft ul {
	padding:0;
	margin:74px 0 0 16px;
	list-style-type:none;
	font:11px Verdana,Arial,Helvetica,sans-serif;
}
.headerLeft li {
	padding:0 10px 0 10px;
	display:inline;
	color:#999999;
}
.headerLeft li.first {
	border-right:solid 1px #e0e0e0;
}
.headerLeft li.username {
	font-weight:bold;
	color:#666;
}
.headerLeft li.last {
	border-left:solid 1px #e0e0e0;
}
.headerLeft a:link, .headerLeft a:visited {
	font:11px Verdana,Arial,Helvetica,sans-serif;
	color:#999999;
	text-decoration:none;
}
.headerLeft a:active, .headerLeft a:hover {
	font:11px Verdana,Arial,Helvetica,sans-serif;
	color:#999999;
	text-decoration:underline;
}
.headerRight {
	float:left;
	width:362px;
}
.headerRight img {
	margin:41px 0 0 92px;
}
.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;
}
.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:#660066;
	text-decoration:none;
}
.bodyContent a:active, .bodyContent a:hover {
	color:#8774cc;
	text-decoration:none;
}
label.errorLabel {
	color:#ff0000;
}


/* ----- chat box styles ----- */
#chatter {
	/*border:dashed 1px #ccc;*/
	height:120px; min-height:120px;
	padding-right: 20px;
}
#chatBox {
	background-color:#f7f7f7;
	border:dashed 0px #ccc;
	height:80px; min-height:10px;
	overflow:auto;
	margin:-22px 4px 0;
}
#connectMsg {
	margin:0 0 4px;
}
#callStatus,
#typeStatus {
	margin:0 4px;
	padding:2px;
	font-size:10px;
}
.caller,
.system {
	padding:2px;
}
.caller { background:#e6fd93; }
.system { background:#e5e5e5; }